feat(ui,dashboard): Add DataTable block

.changeset/wild-zebras-hammer.md

@@ -0,0 +1,6 @@
+---
+"@medusajs/ui": patch
+"@medusajs/dashboard": patch
+---
+
+feat(ui,dashboard): Add new DataTable block

.eslintrc.js

@@ -87,6 +87,11 @@ module.exports = {
           "./packages/admin/admin-bundler/tsconfig.json",
           "./packages/admin/admin-vite-plugin/tsconfig.json",
 
+          "./packages/design-system/ui/tsconfig.json",
+          "./packages/design-system/icons/tsconfig.json",
+          "./packages/design-system/ui-preset/tsconfig.json",
+          "./packages/design-system/toolbox/tsconfig.json",
+
           "./packages/cli/create-medusa-app/tsconfig.json",
           "./packages/cli/medusa-cli/tsconfig.spec.json",
           "./packages/cli/oas/medusa-oas-cli/tsconfig.spec.json",
@@ -167,7 +172,10 @@ module.exports = {
       },
     },
     {
-      files: ["packages/design-system/ui/**/*.{ts,tsx}"],
+      files: [
+        "./packages/design-system/ui/**/*.ts",
+        "./packages/design-system/ui/**/*.tsx",
+      ],
       extends: [
         "plugin:react/recommended",
         "plugin:storybook/recommended",
@@ -196,7 +204,10 @@ module.exports = {
       },
     },
     {
-      files: ["packages/design-system/icons/**/*.{ts,tsx}"],
+      files: [
+        "./packages/design-system/icons/**/*.ts",
+        "./packages/design-system/icons/**/*.tsx",
+      ],
       extends: [
         "plugin:react/recommended",
         "plugin:@typescript-eslint/recommended",
@@ -223,8 +234,8 @@ module.exports = {
     },
     {
       files: [
-        "packages/admin/dashboard/**/*.ts",
-        "packages/admin/dashboard/**/*.tsx",
+        "./packages/admin/dashboard/**/*.ts",
+        "./packages/admin/dashboard/**/*.tsx",
       ],
       plugins: ["unused-imports", "react-refresh"],
       extends: [

.prettierrc

@@ -7,7 +7,13 @@
   "arrowParens": "always",
   "overrides": [
     {
-      "files": "./packages/admin-ui/**/*.{js,jsx,ts,tsx}",
+      "files": "./packages/admin/dashboard/src/**/*.{ts,tsx}",
+      "options": {
+        "plugins": ["prettier-plugin-tailwindcss"]
+      }
+    },
+    {
+      "files": "./packages/design-system/ui/src/**/*.{ts,tsx}",
       "options": {
         "plugins": ["prettier-plugin-tailwindcss"]
       }

packages/admin/dashboard/src/components/common/action-menu/action-menu.tsx

@@ -30,11 +30,16 @@ export type ActionGroup = {
 
 type ActionMenuProps = PropsWithChildren<{
   groups: ActionGroup[]
+  variant?: "transparent" | "primary"
 }>
 
-export const ActionMenu = ({ groups, children }: ActionMenuProps) => {
+export const ActionMenu = ({
+  groups,
+  variant = "transparent",
+  children,
+}: ActionMenuProps) => {
   const inner = children ?? (
-    <IconButton size="small" variant="transparent">
+    <IconButton size="small" variant={variant}>
       <EllipsisHorizontal />
     </IconButton>
   )