@mantajs/dashboard 0.1.7 → 0.1.9

package/dist/app.js

@@ -100375,10 +100375,11 @@ var init_user_menu2 = __esm({
 });
 
 // src/components/layout/main-layout/main-layout.tsx
-var import_icons10, import_ui14, import_radix_ui5, import_react_i18next10, import_react_router_dom9, import_menu_config, import_jsx_runtime22, ICON_MAP, MainLayout, MainSidebar, Logout2, Header, getDefaultMedusaRoutes, useCoreRoutes, Searchbar, CoreRouteSection, getMainMenuPaths, MAIN_MENU_PATHS, ExtensionRouteSection, UtilitySection, UserSection;
+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 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");
@@ -100396,16 +100397,9 @@ 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");
-    ICON_MAP = {
-      ShoppingCart: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.ShoppingCart, {}),
-      Tag: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.Tag, {}),
-      Buildings: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.Buildings, {}),
-      Users: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.Users, {}),
-      ReceiptPercent: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.ReceiptPercent, {}),
-      CurrencyDollar: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.CurrencyDollar, {}),
-      BuildingStorefront: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.BuildingStorefront, {}),
-      CogSixTooth: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.CogSixTooth, {}),
-      SquaresPlus: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.SquaresPlus, {})
+    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, {}) });
@@ -100511,7 +100505,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)(import_icons10.BuildingStorefront, { className: "text-ui-fg-subtle" }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BuildingStorefront, { className: "text-ui-fg-subtle" }),
                 t5("app.nav.main.storeSettings")
               ] }) }),
               /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ui14.DropdownMenu.Separator, {}),
@@ -100522,21 +100516,21 @@ var init_main_layout = __esm({
       ) });
     };
     getDefaultMedusaRoutes = (t5) => [
-      { 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: [
+      { icon: getIcon("ShoppingCart"), label: t5("orders.domain"), to: "/orders", items: [] },
+      { icon: getIcon("Tag"), label: t5("products.domain"), to: "/products", items: [
         { label: t5("collections.domain"), to: "/collections" },
         { label: t5("categories.domain"), to: "/categories" }
       ] },
-      { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.Buildings, {}), label: t5("inventory.domain"), to: "/inventory", items: [
+      { icon: getIcon("Buildings"), label: t5("inventory.domain"), to: "/inventory", items: [
         { label: t5("reservations.domain"), to: "/reservations" }
       ] },
-      { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.Users, {}), label: t5("customers.domain"), to: "/customers", items: [
+      { icon: getIcon("Users"), label: t5("customers.domain"), to: "/customers", items: [
         { label: t5("customerGroups.domain"), to: "/customer-groups" }
       ] },
-      { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.ReceiptPercent, {}), label: t5("promotions.domain"), to: "/promotions", items: [
+      { icon: getIcon("ReceiptPercent"), label: t5("promotions.domain"), to: "/promotions", items: [
         { label: t5("campaigns.domain"), to: "/campaigns" }
       ] },
-      { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.CurrencyDollar, {}), label: t5("priceLists.domain"), to: "/price-lists" }
+      { icon: getIcon("CurrencyDollar"), label: t5("priceLists.domain"), to: "/price-lists" }
     ];
     useCoreRoutes = () => {
       const { t: t5 } = (0, import_react_i18next10.useTranslation)();
@@ -100544,7 +100538,7 @@ var init_main_layout = __esm({
         return getDefaultMedusaRoutes(t5);
       }
       return import_menu_config.default.items.map((item) => ({
-        icon: ICON_MAP[item.icon] || /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.SquaresPlus, {}),
+        icon: getIcon(item.icon),
         label: item.useTranslation ? t5(item.label) : item.label,
         to: item.to,
         items: item.items?.map((sub2) => ({
@@ -100628,7 +100622,7 @@ var init_main_layout = __esm({
               {
                 to: item.to,
                 label: item.label,
-                icon: item.icon ? item.icon : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.SquaresPlus, {}),
+                icon: item.icon ? item.icon : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SquaresPlus, {}),
                 items: item.items,
                 translationNs: item.translationNs,
                 type: "extension"
@@ -100648,7 +100642,7 @@ var init_main_layout = __esm({
           label: t5("app.nav.settings.header"),
           to: "/settings",
           from: location.pathname,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.CogSixTooth, {})
+          icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CogSixTooth, {})
         }
       ) });
     };

package/dist/app.mjs

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

package/dist/{chunk-ZQVS3F3X.mjs → chunk-DWLO2F7H.mjs}

@@ -94515,21 +94515,13 @@ 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,
-  ReceiptPercent,
-  ShoppingCart,
-  SquaresPlus,
-  Tag,
-  Users
+  OpenRectArrowOut as OpenRectArrowOut2
 } 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";
@@ -95394,16 +95386,9 @@ 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 ICON_MAP = {
-  ShoppingCart: /* @__PURE__ */ jsx13(ShoppingCart, {}),
-  Tag: /* @__PURE__ */ jsx13(Tag, {}),
-  Buildings: /* @__PURE__ */ jsx13(Buildings, {}),
-  Users: /* @__PURE__ */ jsx13(Users, {}),
-  ReceiptPercent: /* @__PURE__ */ jsx13(ReceiptPercent, {}),
-  CurrencyDollar: /* @__PURE__ */ jsx13(CurrencyDollar, {}),
-  BuildingStorefront: /* @__PURE__ */ jsx13(BuildingStorefront, {}),
-  CogSixTooth: /* @__PURE__ */ jsx13(CogSixTooth, {}),
-  SquaresPlus: /* @__PURE__ */ jsx13(SquaresPlus, {})
+var getIcon = (name) => {
+  const IconComponent = MedusaIcons[name] || MedusaIcons.SquaresPlus;
+  return /* @__PURE__ */ jsx13(IconComponent, {});
 };
 var MainLayout = () => {
   return /* @__PURE__ */ jsx13(Shell, { children: /* @__PURE__ */ jsx13(MainSidebar, {}) });
@@ -95520,21 +95505,21 @@ var Header = () => {
   ) });
 };
 var getDefaultMedusaRoutes = (t2) => [
-  { icon: /* @__PURE__ */ jsx13(ShoppingCart, {}), label: t2("orders.domain"), to: "/orders", items: [] },
-  { icon: /* @__PURE__ */ jsx13(Tag, {}), label: t2("products.domain"), to: "/products", items: [
+  { icon: getIcon("ShoppingCart"), label: t2("orders.domain"), to: "/orders", items: [] },
+  { icon: getIcon("Tag"), label: t2("products.domain"), to: "/products", items: [
     { label: t2("collections.domain"), to: "/collections" },
     { label: t2("categories.domain"), to: "/categories" }
   ] },
-  { icon: /* @__PURE__ */ jsx13(Buildings, {}), label: t2("inventory.domain"), to: "/inventory", items: [
+  { icon: getIcon("Buildings"), label: t2("inventory.domain"), to: "/inventory", items: [
     { label: t2("reservations.domain"), to: "/reservations" }
   ] },
-  { icon: /* @__PURE__ */ jsx13(Users, {}), label: t2("customers.domain"), to: "/customers", items: [
+  { icon: getIcon("Users"), label: t2("customers.domain"), to: "/customers", items: [
     { label: t2("customerGroups.domain"), to: "/customer-groups" }
   ] },
-  { icon: /* @__PURE__ */ jsx13(ReceiptPercent, {}), label: t2("promotions.domain"), to: "/promotions", items: [
+  { icon: getIcon("ReceiptPercent"), label: t2("promotions.domain"), to: "/promotions", items: [
     { label: t2("campaigns.domain"), to: "/campaigns" }
   ] },
-  { icon: /* @__PURE__ */ jsx13(CurrencyDollar, {}), label: t2("priceLists.domain"), to: "/price-lists" }
+  { icon: getIcon("CurrencyDollar"), label: t2("priceLists.domain"), to: "/price-lists" }
 ];
 var useCoreRoutes = () => {
   const { t: t2 } = useTranslation9();
@@ -95542,7 +95527,7 @@ var useCoreRoutes = () => {
     return getDefaultMedusaRoutes(t2);
   }
   return menuConfig.items.map((item) => ({
-    icon: ICON_MAP[item.icon] || /* @__PURE__ */ jsx13(SquaresPlus, {}),
+    icon: getIcon(item.icon),
     label: item.useTranslation ? t2(item.label) : item.label,
     to: item.to,
     items: item.items?.map((sub) => ({
@@ -95961,7 +95946,7 @@ function getRouteMap({
                   children: [
                     {
                       path: "create",
-                      lazy: () => import("./product-create-P26FHFTZ.mjs")
+                      lazy: () => import("./product-create-5HMCLMAO.mjs")
                     },
                     {
                       path: "import",
@@ -95977,7 +95962,7 @@ function getRouteMap({
                   path: ":id",
                   errorElement: /* @__PURE__ */ jsx17(ErrorBoundary, {}),
                   lazy: async () => {
-                    const { Breadcrumb, loader } = await import("./product-detail-6VCLGLEL.mjs");
+                    const { Breadcrumb, loader } = await import("./product-detail-D2EGSWFF.mjs");
                     return {
                       Component: Outlet4,
                       loader,
@@ -95989,11 +95974,11 @@ function getRouteMap({
                   children: [
                     {
                       path: "",
-                      lazy: () => import("./product-detail-6VCLGLEL.mjs"),
+                      lazy: () => import("./product-detail-D2EGSWFF.mjs"),
                       children: [
                         {
                           path: "edit",
-                          lazy: () => import("./product-edit-D75EWPGG.mjs")
+                          lazy: () => import("./product-edit-4HWE7N3O.mjs")
                         },
                         {
                           path: "edit-variant",
@@ -96005,11 +95990,11 @@ function getRouteMap({
                         },
                         {
                           path: "attributes",
-                          lazy: () => import("./product-attributes-DZZZDS2K.mjs")
+                          lazy: () => import("./product-attributes-UJ4WTBZH.mjs")
                         },
                         {
                           path: "organization",
-                          lazy: () => import("./product-organization-FESACGNN.mjs")
+                          lazy: () => import("./product-organization-2Q76MMR4.mjs")
                         },
                         {
                           path: "shipping-profile",

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

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

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

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

package/dist/{product-detail-6VCLGLEL.mjs → product-detail-D2EGSWFF.mjs}

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantajs/dashboard",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "B2B Admin Dashboard for Medusa - Fork of @medusajs/dashboard",
   "scripts": {
     "dev": "vite",

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

@@ -1,18 +1,10 @@
+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"
@@ -33,16 +25,9 @@ import { useDocumentDirection } from "../../../hooks/use-document-direction"
 import menuConfig from "virtual:dashboard/menu-config"
 import type { MenuConfig } from "../../../vite-plugin/types"
 
-const ICON_MAP: Record<string, React.ReactNode> = {
-  ShoppingCart: <ShoppingCart />,
-  Tag: <Tag />,
-  Buildings: <Buildings />,
-  Users: <Users />,
-  ReceiptPercent: <ReceiptPercent />,
-  CurrencyDollar: <CurrencyDollar />,
-  BuildingStorefront: <BuildingStorefront />,
-  CogSixTooth: <CogSixTooth />,
-  SquaresPlus: <SquaresPlus />,
+const getIcon = (name: string): React.ReactNode => {
+  const IconComponent = (MedusaIcons as any)[name] || MedusaIcons.SquaresPlus
+  return <IconComponent />
 }
 
 export const MainLayout = () => {
@@ -192,21 +177,21 @@ const Header = () => {
 }
 
 const getDefaultMedusaRoutes = (t: (key: string) => string): Omit<INavItem, "pathname">[] => [
-  { icon: <ShoppingCart />, label: t("orders.domain"), to: "/orders", items: [] },
-  { icon: <Tag />, label: t("products.domain"), to: "/products", items: [
+  { icon: getIcon("ShoppingCart"), label: t("orders.domain"), to: "/orders", items: [] },
+  { icon: getIcon("Tag"), label: t("products.domain"), to: "/products", items: [
     { label: t("collections.domain"), to: "/collections" },
     { label: t("categories.domain"), to: "/categories" },
   ]},
-  { icon: <Buildings />, label: t("inventory.domain"), to: "/inventory", items: [
+  { icon: getIcon("Buildings"), label: t("inventory.domain"), to: "/inventory", items: [
     { label: t("reservations.domain"), to: "/reservations" },
   ]},
-  { icon: <Users />, label: t("customers.domain"), to: "/customers", items: [
+  { icon: getIcon("Users"), label: t("customers.domain"), to: "/customers", items: [
     { label: t("customerGroups.domain"), to: "/customer-groups" },
   ]},
-  { icon: <ReceiptPercent />, label: t("promotions.domain"), to: "/promotions", items: [
+  { icon: getIcon("ReceiptPercent"), label: t("promotions.domain"), to: "/promotions", items: [
     { label: t("campaigns.domain"), to: "/campaigns" },
   ]},
-  { icon: <CurrencyDollar />, label: t("priceLists.domain"), to: "/price-lists" },
+  { icon: getIcon("CurrencyDollar"), label: t("priceLists.domain"), to: "/price-lists" },
 ]
 
 const useCoreRoutes = (): Omit<INavItem, "pathname">[] => {
@@ -217,7 +202,7 @@ const useCoreRoutes = (): Omit<INavItem, "pathname">[] => {
   }
 
   return (menuConfig as MenuConfig).items.map((item) => ({
-    icon: ICON_MAP[item.icon] || <SquaresPlus />,
+    icon: getIcon(item.icon),
     label: item.useTranslation ? t(item.label) : item.label,
     to: item.to,
     items: item.items?.map((sub) => ({