feat(medusa,dashboard,tax): added tax rates and regions UI (#7026)

whats missing:

- make rules required for overrides
- conditions for other rules
- populating condition reference ids with labels on update

Co-authored-by: Adrien de Peretti <25098370+adrien2p@users.noreply.github.com>

packages/admin-next/dashboard/src/components/table/data-table/data-table-query/data-table-query.tsx

@@ -17,16 +17,18 @@ export const DataTableQuery = ({
   prefix,
 }: DataTableQueryProps) => {
   return (
-    <div className="flex items-start justify-between gap-x-4 px-6 py-4">
-      <div className="w-full max-w-[60%]">
-        {filters && filters.length > 0 && (
-          <DataTableFilter filters={filters} prefix={prefix} />
-        )}
+    (search || orderBy || filters || prefix) && (
+      <div className="flex items-start justify-between gap-x-4 px-6 py-4">
+        <div className="w-full max-w-[60%]">
+          {filters && filters.length > 0 && (
+            <DataTableFilter filters={filters} prefix={prefix} />
+          )}
+        </div>
+        <div className="flex shrink-0 items-center gap-x-2">
+          {search && <DataTableSearch prefix={prefix} />}
+          {orderBy && <DataTableOrderBy keys={orderBy} prefix={prefix} />}
+        </div>
       </div>
-      <div className="flex shrink-0 items-center gap-x-2">
-        {search && <DataTableSearch prefix={prefix} />}
-        {orderBy && <DataTableOrderBy keys={orderBy} prefix={prefix} />}
-      </div>
-    </div>
+    )
   )
 }

packages/admin-next/dashboard/src/components/table/table-cells/taxes/type-cell/index.ts

@@ -0,0 +1 @@
+export * from "./type-cell"

packages/admin-next/dashboard/src/components/table/table-cells/taxes/type-cell/type-cell.tsx

@@ -0,0 +1,33 @@
+import { Badge } from "@medusajs/ui"
+
+type CellProps = {
+  is_combinable: boolean
+}
+
+type HeaderProps = {
+  text: string
+}
+
+export const TypeCell = ({ is_combinable }: CellProps) => {
+  return (
+    <div className="flex h-full w-full items-center gap-x-3 overflow-hidden">
+      <span className="truncate">
+        {is_combinable ? (
+          <Badge size="2xsmall" color="green">
+            Combinable
+          </Badge>
+        ) : (
+          ""
+        )}
+      </span>
+    </div>
+  )
+}
+
+export const TypeHeader = ({ text }: HeaderProps) => {
+  return (
+    <div className=" flex h-full w-full items-center">
+      <span>{text}</span>
+    </div>
+  )
+}