@mantajs/dashboard 0.1.9 → 0.1.11

package/dist/app.js

@@ -100375,11 +100375,10 @@ var init_user_menu2 = __esm({
 });
 
 // src/components/layout/main-layout/main-layout.tsx
-var MedusaIcons, import_icons10, import_ui14, import_radix_ui5, import_react_i18next10, import_react_router_dom9, import_menu_config, import_jsx_runtime22, getIcon, MainLayout, MainSidebar, Logout2, Header, getDefaultMedusaRoutes, useCoreRoutes, Searchbar, CoreRouteSection, getMainMenuPaths, MAIN_MENU_PATHS, ExtensionRouteSection, UtilitySection, UserSection;
+var import_icons10, import_ui14, import_radix_ui5, import_react_i18next10, import_react_router_dom9, import_menu_config, import_jsx_runtime22, MainLayout, MainSidebar, Logout2, Header, getDefaultMedusaRoutes, useCoreRoutes, Searchbar, CoreRouteSection, getMainMenuPaths, MAIN_MENU_PATHS, ExtensionRouteSection, UtilitySection, UserSection;
 var init_main_layout = __esm({
   "src/components/layout/main-layout/main-layout.tsx"() {
     "use strict";
-    MedusaIcons = __toESM(require("@medusajs/icons"));
     import_icons10 = require("@medusajs/icons");
     import_ui14 = require("@medusajs/ui");
     import_radix_ui5 = require("radix-ui");
@@ -100397,10 +100396,6 @@ var init_main_layout = __esm({
     init_use_document_direction();
     import_menu_config = __toESM(require("virtual:dashboard/menu-config"));
     import_jsx_runtime22 = require("react/jsx-runtime");
-    getIcon = (name) => {
-      const IconComponent = MedusaIcons[name] || MedusaIcons.SquaresPlus;
-      return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconComponent, {});
-    };
     MainLayout = () => {
       return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Shell, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(MainSidebar, {}) });
     };
@@ -100505,7 +100500,7 @@ var init_main_layout = __esm({
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ui14.DropdownMenu.Separator, {}),
               /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ui14.DropdownMenu.Item, { className: "gap-x-2", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_router_dom9.Link, { to: "/settings/store", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BuildingStorefront, { className: "text-ui-fg-subtle" }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.BuildingStorefront, { className: "text-ui-fg-subtle" }),
                 t5("app.nav.main.storeSettings")
               ] }) }),
               /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ui14.DropdownMenu.Separator, {}),
@@ -100516,21 +100511,21 @@ var init_main_layout = __esm({
       ) });
     };
     getDefaultMedusaRoutes = (t5) => [
-      { icon: getIcon("ShoppingCart"), label: t5("orders.domain"), to: "/orders", items: [] },
-      { icon: getIcon("Tag"), label: t5("products.domain"), to: "/products", items: [
+      { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.ShoppingCart, {}), label: t5("orders.domain"), to: "/orders", items: [] },
+      { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.Tag, {}), label: t5("products.domain"), to: "/products", items: [
         { label: t5("collections.domain"), to: "/collections" },
         { label: t5("categories.domain"), to: "/categories" }
       ] },
-      { icon: getIcon("Buildings"), label: t5("inventory.domain"), to: "/inventory", items: [
+      { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.Buildings, {}), label: t5("inventory.domain"), to: "/inventory", items: [
         { label: t5("reservations.domain"), to: "/reservations" }
       ] },
-      { icon: getIcon("Users"), label: t5("customers.domain"), to: "/customers", items: [
+      { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.Users, {}), label: t5("customers.domain"), to: "/customers", items: [
         { label: t5("customerGroups.domain"), to: "/customer-groups" }
       ] },
-      { icon: getIcon("ReceiptPercent"), label: t5("promotions.domain"), to: "/promotions", items: [
+      { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.ReceiptPercent, {}), label: t5("promotions.domain"), to: "/promotions", items: [
         { label: t5("campaigns.domain"), to: "/campaigns" }
       ] },
-      { icon: getIcon("CurrencyDollar"), label: t5("priceLists.domain"), to: "/price-lists" }
+      { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.CurrencyDollar, {}), label: t5("priceLists.domain"), to: "/price-lists" }
     ];
     useCoreRoutes = () => {
       const { t: t5 } = (0, import_react_i18next10.useTranslation)();
@@ -100538,7 +100533,7 @@ var init_main_layout = __esm({
         return getDefaultMedusaRoutes(t5);
       }
       return import_menu_config.default.items.map((item) => ({
-        icon: getIcon(item.icon),
+        icon: item.icon,
         label: item.useTranslation ? t5(item.label) : item.label,
         to: item.to,
         items: item.items?.map((sub2) => ({
@@ -100622,7 +100617,7 @@ var init_main_layout = __esm({
               {
                 to: item.to,
                 label: item.label,
-                icon: item.icon ? item.icon : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SquaresPlus, {}),
+                icon: item.icon ? item.icon : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.SquaresPlus, {}),
                 items: item.items,
                 translationNs: item.translationNs,
                 type: "extension"
@@ -100642,7 +100637,7 @@ var init_main_layout = __esm({
           label: t5("app.nav.settings.header"),
           to: "/settings",
           from: location.pathname,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CogSixTooth, {})
+          icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.CogSixTooth, {})
         }
       ) });
     };

package/dist/app.mjs

@@ -1,6 +1,6 @@
 import {
   DashboardApp
-} from "./chunk-DWLO2F7H.mjs";
+} from "./chunk-6AOXP3RP.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{chunk-DWLO2F7H.mjs → chunk-6AOXP3RP.mjs}

@@ -94515,13 +94515,21 @@ var ProtectedRoute = () => {
 };
 
 // src/components/layout/main-layout/main-layout.tsx
-import * as MedusaIcons from "@medusajs/icons";
 import {
+  BuildingStorefront,
+  Buildings,
   ChevronDownMini,
+  CogSixTooth,
+  CurrencyDollar,
   EllipsisHorizontal as EllipsisHorizontal2,
   MagnifyingGlass as MagnifyingGlass2,
   MinusMini,
-  OpenRectArrowOut as OpenRectArrowOut2
+  OpenRectArrowOut as OpenRectArrowOut2,
+  ReceiptPercent,
+  ShoppingCart,
+  SquaresPlus,
+  Tag,
+  Users
 } from "@medusajs/icons";
 import { Avatar as Avatar2, Divider, DropdownMenu as DropdownMenu3, Text as Text5, clx as clx6 } from "@medusajs/ui";
 import { Collapsible as RadixCollapsible2 } from "radix-ui";
@@ -95386,10 +95394,6 @@ var UserItem = () => {
 // src/components/layout/main-layout/main-layout.tsx
 import menuConfig from "virtual:dashboard/menu-config";
 import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
-var getIcon = (name) => {
-  const IconComponent = MedusaIcons[name] || MedusaIcons.SquaresPlus;
-  return /* @__PURE__ */ jsx13(IconComponent, {});
-};
 var MainLayout = () => {
   return /* @__PURE__ */ jsx13(Shell, { children: /* @__PURE__ */ jsx13(MainSidebar, {}) });
 };
@@ -95505,21 +95509,21 @@ var Header = () => {
   ) });
 };
 var getDefaultMedusaRoutes = (t2) => [
-  { icon: getIcon("ShoppingCart"), label: t2("orders.domain"), to: "/orders", items: [] },
-  { icon: getIcon("Tag"), label: t2("products.domain"), to: "/products", items: [
+  { icon: /* @__PURE__ */ jsx13(ShoppingCart, {}), label: t2("orders.domain"), to: "/orders", items: [] },
+  { icon: /* @__PURE__ */ jsx13(Tag, {}), label: t2("products.domain"), to: "/products", items: [
     { label: t2("collections.domain"), to: "/collections" },
     { label: t2("categories.domain"), to: "/categories" }
   ] },
-  { icon: getIcon("Buildings"), label: t2("inventory.domain"), to: "/inventory", items: [
+  { icon: /* @__PURE__ */ jsx13(Buildings, {}), label: t2("inventory.domain"), to: "/inventory", items: [
     { label: t2("reservations.domain"), to: "/reservations" }
   ] },
-  { icon: getIcon("Users"), label: t2("customers.domain"), to: "/customers", items: [
+  { icon: /* @__PURE__ */ jsx13(Users, {}), label: t2("customers.domain"), to: "/customers", items: [
     { label: t2("customerGroups.domain"), to: "/customer-groups" }
   ] },
-  { icon: getIcon("ReceiptPercent"), label: t2("promotions.domain"), to: "/promotions", items: [
+  { icon: /* @__PURE__ */ jsx13(ReceiptPercent, {}), label: t2("promotions.domain"), to: "/promotions", items: [
     { label: t2("campaigns.domain"), to: "/campaigns" }
   ] },
-  { icon: getIcon("CurrencyDollar"), label: t2("priceLists.domain"), to: "/price-lists" }
+  { icon: /* @__PURE__ */ jsx13(CurrencyDollar, {}), label: t2("priceLists.domain"), to: "/price-lists" }
 ];
 var useCoreRoutes = () => {
   const { t: t2 } = useTranslation9();
@@ -95527,7 +95531,7 @@ var useCoreRoutes = () => {
     return getDefaultMedusaRoutes(t2);
   }
   return menuConfig.items.map((item) => ({
-    icon: getIcon(item.icon),
+    icon: item.icon,
     label: item.useTranslation ? t2(item.label) : item.label,
     to: item.to,
     items: item.items?.map((sub) => ({
@@ -95946,7 +95950,7 @@ function getRouteMap({
                   children: [
                     {
                       path: "create",
-                      lazy: () => import("./product-create-5HMCLMAO.mjs")
+                      lazy: () => import("./product-create-T4PVLEL7.mjs")
                     },
                     {
                       path: "import",
@@ -95962,7 +95966,7 @@ function getRouteMap({
                   path: ":id",
                   errorElement: /* @__PURE__ */ jsx17(ErrorBoundary, {}),
                   lazy: async () => {
-                    const { Breadcrumb, loader } = await import("./product-detail-D2EGSWFF.mjs");
+                    const { Breadcrumb, loader } = await import("./product-detail-77R3VVI5.mjs");
                     return {
                       Component: Outlet4,
                       loader,
@@ -95974,11 +95978,11 @@ function getRouteMap({
                   children: [
                     {
                       path: "",
-                      lazy: () => import("./product-detail-D2EGSWFF.mjs"),
+                      lazy: () => import("./product-detail-77R3VVI5.mjs"),
                       children: [
                         {
                           path: "edit",
-                          lazy: () => import("./product-edit-4HWE7N3O.mjs")
+                          lazy: () => import("./product-edit-CPKK4QSD.mjs")
                         },
                         {
                           path: "edit-variant",
@@ -95990,11 +95994,11 @@ function getRouteMap({
                         },
                         {
                           path: "attributes",
-                          lazy: () => import("./product-attributes-UJ4WTBZH.mjs")
+                          lazy: () => import("./product-attributes-WOKHQSU3.mjs")
                         },
                         {
                           path: "organization",
-                          lazy: () => import("./product-organization-2Q76MMR4.mjs")
+                          lazy: () => import("./product-organization-BH5TZRYS.mjs")
                         },
                         {
                           path: "shipping-profile",

package/dist/{product-attributes-UJ4WTBZH.mjs → product-attributes-WOKHQSU3.mjs}

@@ -15,7 +15,7 @@ import {
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-DWLO2F7H.mjs";
+} from "./chunk-6AOXP3RP.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-create-5HMCLMAO.mjs → product-create-T4PVLEL7.mjs}

@@ -57,7 +57,7 @@ import {
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-DWLO2F7H.mjs";
+} from "./chunk-6AOXP3RP.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-detail-D2EGSWFF.mjs → product-detail-77R3VVI5.mjs}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-GIZFNLKK.mjs";
 import {
   getLinkedFields
-} from "./chunk-DWLO2F7H.mjs";
+} from "./chunk-6AOXP3RP.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-edit-4HWE7N3O.mjs → product-edit-CPKK4QSD.mjs}

@@ -18,7 +18,7 @@ import {
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-DWLO2F7H.mjs";
+} from "./chunk-6AOXP3RP.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-organization-2Q76MMR4.mjs → product-organization-BH5TZRYS.mjs}

@@ -20,7 +20,7 @@ import {
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-DWLO2F7H.mjs";
+} from "./chunk-6AOXP3RP.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/vite-plugin/index.d.mts

@@ -1,4 +1,5 @@
 import { Plugin } from 'vite';
+import { ReactNode } from 'react';
 
 type MenuNestedItem = {
     label: string;
@@ -6,7 +7,7 @@ type MenuNestedItem = {
     useTranslation?: boolean;
 };
 type MenuItem = {
-    icon: string;
+    icon: ReactNode;
     label: string;
     to: string;
     useTranslation?: boolean;

package/dist/vite-plugin/index.d.ts

@@ -1,4 +1,5 @@
 import { Plugin } from 'vite';
+import { ReactNode } from 'react';
 
 type MenuNestedItem = {
     label: string;
@@ -6,7 +7,7 @@ type MenuNestedItem = {
     useTranslation?: boolean;
 };
 type MenuItem = {
-    icon: string;
+    icon: ReactNode;
     label: string;
     to: string;
     useTranslation?: boolean;

package/dist/vite-plugin/index.js

@@ -53,7 +53,7 @@ function menuConfigPlugin() {
     load(id) {
       if (id !== RESOLVED_ID) return;
       const basePath = import_path.default.resolve(process.cwd(), "src/admin/menu.config");
-      for (const ext of [".ts", ".js", ".mts", ".mjs"]) {
+      for (const ext of [".tsx", ".ts", ".jsx", ".js", ".mts", ".mjs"]) {
         if (import_fs.default.existsSync(basePath + ext)) {
           return `export { default } from "${basePath + ext}"`;
         }

package/dist/vite-plugin/index.mjs

@@ -19,7 +19,7 @@ function menuConfigPlugin() {
     load(id) {
       if (id !== RESOLVED_ID) return;
       const basePath = path.resolve(process.cwd(), "src/admin/menu.config");
-      for (const ext of [".ts", ".js", ".mts", ".mjs"]) {
+      for (const ext of [".tsx", ".ts", ".jsx", ".js", ".mts", ".mjs"]) {
         if (fs.existsSync(basePath + ext)) {
           return `export { default } from "${basePath + ext}"`;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantajs/dashboard",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "description": "B2B Admin Dashboard for Medusa - Fork of @medusajs/dashboard",
   "scripts": {
     "dev": "vite",
@@ -84,6 +84,7 @@
     "@medusajs/types": "2.13.1",
     "@medusajs/ui-preset": "2.13.1",
     "@types/node": "^20.0.0",
+    "@types/react": "^19.2.13",
     "@vitejs/plugin-react": "^4.0.0",
     "autoprefixer": "^10.4.16",
     "postcss": "^8.4.31",

package/src/components/layout/main-layout/main-layout.tsx

@@ -1,10 +1,18 @@
-import * as MedusaIcons from "@medusajs/icons"
 import {
+  BuildingStorefront,
+  Buildings,
   ChevronDownMini,
+  CogSixTooth,
+  CurrencyDollar,
   EllipsisHorizontal,
   MagnifyingGlass,
   MinusMini,
   OpenRectArrowOut,
+  ReceiptPercent,
+  ShoppingCart,
+  SquaresPlus,
+  Tag,
+  Users,
 } from "@medusajs/icons"
 import { Avatar, Divider, DropdownMenu, Text, clx } from "@medusajs/ui"
 import { Collapsible as RadixCollapsible } from "radix-ui"
@@ -25,11 +33,6 @@ import { useDocumentDirection } from "../../../hooks/use-document-direction"
 import menuConfig from "virtual:dashboard/menu-config"
 import type { MenuConfig } from "../../../vite-plugin/types"
 
-const getIcon = (name: string): React.ReactNode => {
-  const IconComponent = (MedusaIcons as any)[name] || MedusaIcons.SquaresPlus
-  return <IconComponent />
-}
-
 export const MainLayout = () => {
   return (
     <Shell>
@@ -177,21 +180,21 @@ const Header = () => {
 }
 
 const getDefaultMedusaRoutes = (t: (key: string) => string): Omit<INavItem, "pathname">[] => [
-  { icon: getIcon("ShoppingCart"), label: t("orders.domain"), to: "/orders", items: [] },
-  { icon: getIcon("Tag"), label: t("products.domain"), to: "/products", items: [
+  { icon: <ShoppingCart />, label: t("orders.domain"), to: "/orders", items: [] },
+  { icon: <Tag />, label: t("products.domain"), to: "/products", items: [
     { label: t("collections.domain"), to: "/collections" },
     { label: t("categories.domain"), to: "/categories" },
   ]},
-  { icon: getIcon("Buildings"), label: t("inventory.domain"), to: "/inventory", items: [
+  { icon: <Buildings />, label: t("inventory.domain"), to: "/inventory", items: [
     { label: t("reservations.domain"), to: "/reservations" },
   ]},
-  { icon: getIcon("Users"), label: t("customers.domain"), to: "/customers", items: [
+  { icon: <Users />, label: t("customers.domain"), to: "/customers", items: [
     { label: t("customerGroups.domain"), to: "/customer-groups" },
   ]},
-  { icon: getIcon("ReceiptPercent"), label: t("promotions.domain"), to: "/promotions", items: [
+  { icon: <ReceiptPercent />, label: t("promotions.domain"), to: "/promotions", items: [
     { label: t("campaigns.domain"), to: "/campaigns" },
   ]},
-  { icon: getIcon("CurrencyDollar"), label: t("priceLists.domain"), to: "/price-lists" },
+  { icon: <CurrencyDollar />, label: t("priceLists.domain"), to: "/price-lists" },
 ]
 
 const useCoreRoutes = (): Omit<INavItem, "pathname">[] => {
@@ -202,7 +205,7 @@ const useCoreRoutes = (): Omit<INavItem, "pathname">[] => {
   }
 
   return (menuConfig as MenuConfig).items.map((item) => ({
-    icon: getIcon(item.icon),
+    icon: item.icon,
     label: item.useTranslation ? t(item.label) : item.label,
     to: item.to,
     items: item.items?.map((sub) => ({

package/src/vite-plugin/index.ts

@@ -21,7 +21,7 @@ export function menuConfigPlugin(): Plugin {
     load(id) {
       if (id !== RESOLVED_ID) return
       const basePath = path.resolve(process.cwd(), "src/admin/menu.config")
-      for (const ext of [".ts", ".js", ".mts", ".mjs"]) {
+      for (const ext of [".tsx", ".ts", ".jsx", ".js", ".mts", ".mjs"]) {
         if (fs.existsSync(basePath + ext)) {
           return `export { default } from "${basePath + ext}"`
         }

package/src/vite-plugin/types.ts

@@ -1,3 +1,5 @@
+import type { ReactNode } from "react"
+
 export type MenuNestedItem = {
   label: string
   to: string
@@ -5,7 +7,7 @@ export type MenuNestedItem = {
 }
 
 export type MenuItem = {
-  icon: string
+  icon: ReactNode
   label: string
   to: string
   useTranslation?: boolean