@natoora-libs/drawer-menu 0.0.7 → 0.0.9

package/dist/index.d.cts

@@ -10,26 +10,35 @@ interface LeftDrawerProps {
         last_name: string;
         username: string;
     };
+    reloadOnNavigate?: boolean;
     handleOpen: () => void;
     handleClose: () => void;
     onLogout: () => void;
     onTogglePinnedApp: (name: string, new_value: boolean) => void;
 }
-declare const LeftDrawer: ({ enabledFeatures, pinnedApps, open, user, handleClose, handleOpen, onLogout, onTogglePinnedApp, }: LeftDrawerProps) => react_jsx_runtime.JSX.Element;
+declare const LeftDrawer: ({ enabledFeatures, pinnedApps, open, user, reloadOnNavigate, handleClose, handleOpen, onLogout, onTogglePinnedApp, }: LeftDrawerProps) => react_jsx_runtime.JSX.Element;
 
-declare const useGetDrawerAppList: (enabledFeatures: string[]) => ({
-    apps: any[];
-    groupName: string;
-} | {
-    apps: any[];
-    groupName: string;
-} | {
-    apps: any[];
-    groupName: string;
-} | {
-    apps: any[];
+interface DrawerAppChild {
+    name: string;
+    routeName: string;
+    pinned: string;
+    url: string;
+    featureName?: string;
+    shouldReload?: boolean;
+}
+declare const useGetDrawerAppList: (enabledFeatures: string[]) => {
+    apps: {
+        children: DrawerAppChild[] | undefined;
+        name: string;
+        routeName: string;
+        featureNames: string[];
+        pinned: string | null;
+        icon: React.ReactElement;
+        url: string;
+        shouldReload?: boolean;
+    }[];
     groupName: string;
-})[];
+}[];
 
 declare const featureNames: {
     ACCOUNTS: string;
@@ -75,15 +84,8 @@ declare const uiFeatureNames: {
     CUSTOMER_ESTIMATED_BASKET_SETTING: string;
     ORDER_ISSUE_REPORTING: string;
     CUSTOMER_PAYMENTS_SECTION: string;
-    CUSTOMER_DASHBOARD_TAB: string;
-    CUSTOMER_DETAILS_TAB: string;
-    CUSTOMER_TRANSPORT_TAB: string;
-    CUSTOMER_FINANCE_TAB: string;
-    CUSTOMER_ACTIVITY_TAB: string;
-    CUSTOMER_APP_TAB: string;
-    CUSTOMER_STANDING_ORDERS_TAB: string;
-    CUSTOMER_SUBSTITUTIONS_TAB: string;
     CUSTOMER_PREFERENCES_TAB: string;
+    CUSTOMER_SUBSTITUTIONS_TAB: string;
     PRODUCT_PREFERENCES_SECTION: string;
 };
 declare const uiFeaturesAreEnabled: (enabledUIFeatures: string[] | undefined, feature: string) => boolean | undefined;

package/dist/index.d.ts

@@ -10,26 +10,35 @@ interface LeftDrawerProps {
         last_name: string;
         username: string;
     };
+    reloadOnNavigate?: boolean;
     handleOpen: () => void;
     handleClose: () => void;
     onLogout: () => void;
     onTogglePinnedApp: (name: string, new_value: boolean) => void;
 }
-declare const LeftDrawer: ({ enabledFeatures, pinnedApps, open, user, handleClose, handleOpen, onLogout, onTogglePinnedApp, }: LeftDrawerProps) => react_jsx_runtime.JSX.Element;
+declare const LeftDrawer: ({ enabledFeatures, pinnedApps, open, user, reloadOnNavigate, handleClose, handleOpen, onLogout, onTogglePinnedApp, }: LeftDrawerProps) => react_jsx_runtime.JSX.Element;
 
-declare const useGetDrawerAppList: (enabledFeatures: string[]) => ({
-    apps: any[];
-    groupName: string;
-} | {
-    apps: any[];
-    groupName: string;
-} | {
-    apps: any[];
-    groupName: string;
-} | {
-    apps: any[];
+interface DrawerAppChild {
+    name: string;
+    routeName: string;
+    pinned: string;
+    url: string;
+    featureName?: string;
+    shouldReload?: boolean;
+}
+declare const useGetDrawerAppList: (enabledFeatures: string[]) => {
+    apps: {
+        children: DrawerAppChild[] | undefined;
+        name: string;
+        routeName: string;
+        featureNames: string[];
+        pinned: string | null;
+        icon: React.ReactElement;
+        url: string;
+        shouldReload?: boolean;
+    }[];
     groupName: string;
-})[];
+}[];
 
 declare const featureNames: {
     ACCOUNTS: string;
@@ -75,15 +84,8 @@ declare const uiFeatureNames: {
     CUSTOMER_ESTIMATED_BASKET_SETTING: string;
     ORDER_ISSUE_REPORTING: string;
     CUSTOMER_PAYMENTS_SECTION: string;
-    CUSTOMER_DASHBOARD_TAB: string;
-    CUSTOMER_DETAILS_TAB: string;
-    CUSTOMER_TRANSPORT_TAB: string;
-    CUSTOMER_FINANCE_TAB: string;
-    CUSTOMER_ACTIVITY_TAB: string;
-    CUSTOMER_APP_TAB: string;
-    CUSTOMER_STANDING_ORDERS_TAB: string;
-    CUSTOMER_SUBSTITUTIONS_TAB: string;
     CUSTOMER_PREFERENCES_TAB: string;
+    CUSTOMER_SUBSTITUTIONS_TAB: string;
     PRODUCT_PREFERENCES_SECTION: string;
 };
 declare const uiFeaturesAreEnabled: (enabledUIFeatures: string[] | undefined, feature: string) => boolean | undefined;

package/dist/index.js

@@ -326,7 +326,6 @@ var drawerAppList = [
       {
         name: "Home",
         routeName: "home",
-        alwaysDisplay: true,
         featureNames: [],
         pinned: null,
         icon: /* @__PURE__ */ jsx(icons.SvgIconHome, {}),
@@ -340,7 +339,6 @@ var drawerAppList = [
       {
         name: "Notifications",
         routeName: "appNotifications",
-        alwaysDisplay: false,
         featureNames: [featureNames.NOTIFICATIONS],
         pinned: "notifications",
         icon: /* @__PURE__ */ jsx(icons.SvgIconNotification, {}),
@@ -350,7 +348,6 @@ var drawerAppList = [
       {
         name: "Promo Codes",
         routeName: "promo_codes",
-        alwaysDisplay: false,
         featureNames: [featureNames.PROMO_CODES],
         pinned: "promo_codes",
         icon: /* @__PURE__ */ jsx(icons.SvgIconPromoCode, {}),
@@ -359,7 +356,6 @@ var drawerAppList = [
       {
         name: "Search Categories",
         routeName: "search-categories",
-        alwaysDisplay: false,
         featureNames: [featureNames.SEARCH_CATEGORIES],
         pinned: "search_categories",
         icon: /* @__PURE__ */ jsx(icons.SvgIconSearchCategories, {}),
@@ -368,7 +364,6 @@ var drawerAppList = [
       {
         name: "Content Management",
         routeName: "content-management",
-        alwaysDisplay: false,
         featureNames: [featureNames.CONTENT_MANAGEMENT],
         pinned: "content_management",
         icon: /* @__PURE__ */ jsx(icons.SvgIconContentManagement, {}),
@@ -382,7 +377,6 @@ var drawerAppList = [
       {
         name: "Aircall",
         routeName: "recordedcalls",
-        alwaysDisplay: false,
         featureNames: [featureNames.AIRCALL],
         pinned: "aircall",
         icon: /* @__PURE__ */ jsx(icons.SvgIconPhone, {}),
@@ -391,7 +385,6 @@ var drawerAppList = [
       {
         name: "Customers",
         routeName: "customers",
-        alwaysDisplay: false,
         featureNames: [featureNames.CUSTOMERS],
         pinned: "customers",
         icon: /* @__PURE__ */ jsx(icons.SvgIconAccount, {}),
@@ -414,7 +407,6 @@ var drawerAppList = [
       {
         name: "Orders",
         routeName: "orders",
-        alwaysDisplay: false,
         featureNames: [featureNames.ORDERS],
         pinned: "orders",
         icon: /* @__PURE__ */ jsx(icons.SvgIconOrders, {}),
@@ -424,7 +416,6 @@ var drawerAppList = [
       {
         name: "Price Lists",
         routeName: "price_list",
-        alwaysDisplay: false,
         featureNames: [featureNames.PRICE_LIST],
         pinned: "price_list",
         icon: /* @__PURE__ */ jsx(icons.SvgIconPriceList, {}),
@@ -434,7 +425,6 @@ var drawerAppList = [
       {
         name: "Special Prices",
         routeName: "special_prices",
-        alwaysDisplay: false,
         featureNames: [featureNames.SPECIAL_PRICES],
         pinned: "special_prices",
         icon: /* @__PURE__ */ jsx(icons.SvgIconSpecialPrice, {}),
@@ -449,7 +439,6 @@ var drawerAppList = [
       {
         name: "Purchase Orders",
         routeName: "purchaseOrders",
-        alwaysDisplay: false,
         featureNames: [featureNames.PURCHASE_ORDERS],
         pinned: "purchase_orders",
         icon: /* @__PURE__ */ jsx(icons.SvgIconBuying, {}),
@@ -459,7 +448,6 @@ var drawerAppList = [
       {
         name: "Products",
         routeName: "products",
-        alwaysDisplay: false,
         featureNames: [featureNames.PRODUCTS],
         pinned: "products",
         icon: /* @__PURE__ */ jsx(icons.SvgIconProducts, {}),
@@ -469,7 +457,6 @@ var drawerAppList = [
       {
         name: "Suppliers",
         routeName: "suppliers",
-        alwaysDisplay: false,
         featureNames: [featureNames.SUPPLIERS],
         pinned: "suppliers",
         icon: /* @__PURE__ */ jsx(icons.SvgIconSupplier, {}),
@@ -478,7 +465,6 @@ var drawerAppList = [
       {
         name: "Supplier Prices",
         routeName: "supplier_prices",
-        alwaysDisplay: false,
         featureNames: [featureNames.SUPPLIER_PRICES],
         pinned: "supplier_prices",
         icon: /* @__PURE__ */ jsx(icons.SvgIconSupplierPrices, {}),
@@ -488,7 +474,6 @@ var drawerAppList = [
       {
         name: "Product Bulk Update",
         routeName: "bulk-update",
-        alwaysDisplay: false,
         featureNames: [featureNames.BULK_UPDATE],
         pinned: "product_bulk_update",
         icon: /* @__PURE__ */ jsx(icons.SvgIconImport, {}),
@@ -502,7 +487,6 @@ var drawerAppList = [
       {
         name: "Retail",
         routeName: "retail",
-        alwaysDisplay: false,
         featureNames: [featureNames.RETAIL],
         pinned: "retail",
         icon: /* @__PURE__ */ jsx(icons.SvgIconRetail, {}),
@@ -512,7 +496,6 @@ var drawerAppList = [
       {
         name: "Goods In",
         routeName: "goodsin-list",
-        alwaysDisplay: false,
         featureNames: [featureNames.GOODS_IN],
         pinned: "goods_in",
         icon: /* @__PURE__ */ jsx(icons.SvgIconGoodsin, {}),
@@ -521,24 +504,23 @@ var drawerAppList = [
       {
         name: "Returns",
         routeName: "goods-in-list",
-        alwaysDisplay: false,
         featureNames: [featureNames.RETURNS],
         pinned: "returns",
         icon: /* @__PURE__ */ jsx(icons.SvgIconGoodsin, {}),
         url: "/returns"
       },
       {
-        icon: /* @__PURE__ */ jsx(icons.SvgIconLocation, {}),
         name: "Stock and Locations",
-        pinned: "stock",
         routeName: "locations",
         featureNames: [featureNames.STOCK, featureNames.LOCATIONS],
-        alwaysDisplay: false,
+        pinned: "stock",
+        icon: /* @__PURE__ */ jsx(icons.SvgIconLocation, {}),
         url: "/locations",
         children: [
           {
             name: "Movements",
             routeName: "movements",
+            pinned: "movements",
             url: "/movements",
             featureName: featureNames.STOCK_MOVEMENTS
           }
@@ -547,7 +529,6 @@ var drawerAppList = [
       {
         name: "Kanban Cards",
         routeName: "kanban",
-        alwaysDisplay: false,
         featureNames: [featureNames.KANBAN],
         pinned: "kanban_cards",
         icon: /* @__PURE__ */ jsx(icons.SvgIconVkc, {}),
@@ -557,7 +538,6 @@ var drawerAppList = [
       {
         name: "Picking Stations",
         routeName: "picking",
-        alwaysDisplay: false,
         featureNames: [featureNames.PICKING_STATIONS],
         pinned: "picking_stations",
         icon: /* @__PURE__ */ jsx(icons.SvgIconScales, {}),
@@ -567,7 +547,6 @@ var drawerAppList = [
       {
         name: "Quality Control",
         routeName: "qualityControl",
-        alwaysDisplay: false,
         featureNames: [featureNames.QUALITY_CONTROL],
         pinned: "quality_control",
         icon: /* @__PURE__ */ jsx(icons.SvgIconQc, {}),
@@ -577,7 +556,6 @@ var drawerAppList = [
       {
         name: "Service Delivery",
         routeName: "runs",
-        alwaysDisplay: false,
         featureNames: [featureNames.SERVICE_DELIVERY],
         pinned: "service_delivery",
         icon: /* @__PURE__ */ jsx(icons.SvgIconRuns, {}),
@@ -587,7 +565,6 @@ var drawerAppList = [
       {
         name: "Ops Metrics",
         routeName: "ops-metrics",
-        alwaysDisplay: false,
         featureNames: [featureNames.OPS_METRICS],
         pinned: "ops_metrics",
         icon: /* @__PURE__ */ jsx(icons.SvgIconOpsMetrics, {}),
@@ -601,7 +578,6 @@ var drawerAppList = [
       {
         name: "Accounts",
         routeName: "accounts",
-        alwaysDisplay: false,
         featureNames: [featureNames.ACCOUNTS],
         pinned: "accounts",
         icon: /* @__PURE__ */ jsx(icons.SvgIconAccounts, {}),
@@ -611,7 +587,6 @@ var drawerAppList = [
       {
         name: "Reports",
         routeName: "reports",
-        alwaysDisplay: false,
         featureNames: [featureNames.REPORTS],
         pinned: "reports",
         icon: /* @__PURE__ */ jsx(icons.SvgIconReports, {}),
@@ -626,7 +601,6 @@ var drawerAppList = [
       {
         name: "Admin",
         routeName: "admin",
-        alwaysDisplay: false,
         featureNames: [featureNames.ADMIN],
         pinned: "admin",
         icon: /* @__PURE__ */ jsx(icons.SvgIconSetting, {}),
@@ -636,7 +610,6 @@ var drawerAppList = [
       {
         name: "User Management",
         routeName: "user-management",
-        alwaysDisplay: false,
         featureNames: [featureNames.USER_MANAGEMENT],
         pinned: "users",
         icon: /* @__PURE__ */ jsx(icons.SvgIconUserManagement, {}),
@@ -645,7 +618,6 @@ var drawerAppList = [
       {
         name: "Logout",
         routeName: "logout",
-        alwaysDisplay: true,
         featureNames: [],
         pinned: null,
         icon: /* @__PURE__ */ jsx(icons.SvgIconLogin, {}),
@@ -659,7 +631,6 @@ var drawerAppList = [
       {
         name: "Release Notes",
         routeName: "release-notes",
-        alwaysDisplay: true,
         featureNames: [],
         pinned: null,
         // icon: <icons.SvgIconReleaseNote />,
@@ -677,24 +648,19 @@ var useGetDrawerAppList = (enabledFeatures) => {
     }
     return drawerAppList.map((group) => {
       const enabledApps = group.apps.filter(
-        (app) => app.alwaysDisplay || featuresAreEnabled({
+        (app) => app.routeName === "home" || app.routeName === "release-notes" || app.routeName === "logout" || featuresAreEnabled({
           enabledFeatures,
           featureNames: app.featureNames,
           requireAll: false
         })
       ).map((app) => {
-        if (app.children) {
-          const filteredChildren = app.children.filter(
-            (child) => {
-              if (child.featureName) {
-                return enabledFeatures.includes(child.featureName);
-              }
-              return true;
-            }
-          );
-          return { ...app, children: filteredChildren };
-        }
-        return app;
+        const filteredChildren = app.children?.filter((child) => {
+          if (child.featureName) {
+            return enabledFeatures.includes(child.featureName);
+          }
+          return true;
+        });
+        return { ...app, children: filteredChildren };
       });
       return { ...group, apps: enabledApps };
     }).filter((group) => group.apps.length > 0);
@@ -708,16 +674,6 @@ var useStyles = makeStyles()((theme) => ({
     textTransform: "uppercase",
     fontSize: theme.spacing(1.5)
   },
-  menuButton: {
-    marginRight: theme.spacing(2)
-  },
-  inputRoot: {
-    color: "inherit"
-  },
-  inputInput: {
-    transition: theme.transitions.create("width"),
-    width: "100%"
-  },
   topBar: {
     backgroundColor: theme.palette.secondary.dark,
     width: theme.spacing(40),
@@ -731,18 +687,6 @@ var useStyles = makeStyles()((theme) => ({
     flexDirection: "column",
     minWidth: theme.spacing(80)
   },
-  drawerBody: {
-    minWidth: "300px",
-    flexGrow: 1,
-    padding: theme.spacing(3)
-  },
-  drawerItem: {
-    width: "300px",
-    marginBottom: theme.spacing(1)
-  },
-  button: {
-    color: theme.palette.primary.contrastText
-  },
   iconMenu: {
     height: "40px",
     width: "40px",
@@ -779,6 +723,7 @@ var LeftDrawer = ({
   pinnedApps,
   open,
   user,
+  reloadOnNavigate,
   handleClose,
   handleOpen,
   onLogout,
@@ -789,8 +734,9 @@ var LeftDrawer = ({
   const drawerAppList2 = useGetDrawerAppList(enabledFeatures);
   const { classes } = useStyles();
   const navigateTo = (url, shouldReload) => {
-    if (shouldReload) {
-      const fullUrl = `${window.location.origin}${url}`;
+    if (reloadOnNavigate || shouldReload) {
+      const path = reloadOnNavigate ? `/react/${url}` : url;
+      const fullUrl = window.location.origin + path;
       window.location.href = fullUrl;
       return;
     }
@@ -859,7 +805,7 @@ var LeftDrawer = ({
                       alignItems: "center",
                       justifyContent: "center",
                       children: [
-                        app.children?.length > 0 && /* @__PURE__ */ jsx2(
+                        !!app.children?.length && /* @__PURE__ */ jsx2(
                           ExpandLess,
                           {
                             className: classes.expandIcon,
@@ -882,6 +828,9 @@ var LeftDrawer = ({
                             className: classes.pinIcon,
                             style: { opacity: pinnedApps[app.pinned] ? 1 : 0.3 },
                             onClick: (event) => {
+                              if (!app.pinned) {
+                                return;
+                              }
                               event.stopPropagation();
                               onTogglePinnedApp(
                                 app.pinned,
@@ -897,11 +846,10 @@ var LeftDrawer = ({
               },
               app.name
             ),
-            app.children?.length > 0 && /* @__PURE__ */ jsx2(Collapse, { in: openCollapse[app.routeName], children: /* @__PURE__ */ jsx2(List, { children: app.children.map((child) => /* @__PURE__ */ jsxs(
+            !!app.children?.length && /* @__PURE__ */ jsx2(Collapse, { in: openCollapse[app.routeName], children: /* @__PURE__ */ jsx2(List, { children: app.children.map((child) => /* @__PURE__ */ jsxs(
               ListItemButton,
               {
                 className: classes.nested,
-                disabled: child.disabled,
                 onClick: () => navigateTo(child.url, child.shouldReload),
                 title: child.url,
                 children: [
@@ -933,15 +881,8 @@ var uiFeatureNames = {
   CUSTOMER_ESTIMATED_BASKET_SETTING: "customers_estimated_basket_setting",
   ORDER_ISSUE_REPORTING: "customers_order_issue_report_setting",
   CUSTOMER_PAYMENTS_SECTION: "customers_payments_section",
-  CUSTOMER_DASHBOARD_TAB: "customers_dashboard_tab",
-  CUSTOMER_DETAILS_TAB: "customers_details_tab",
-  CUSTOMER_TRANSPORT_TAB: "customers_transport_tab",
-  CUSTOMER_FINANCE_TAB: "customers_finance_tab",
-  CUSTOMER_ACTIVITY_TAB: "customers_activity_tab",
-  CUSTOMER_APP_TAB: "customers_app_tab",
-  CUSTOMER_STANDING_ORDERS_TAB: "customers_standing_orders_tab",
-  CUSTOMER_SUBSTITUTIONS_TAB: "customers_substitutions_tab",
   CUSTOMER_PREFERENCES_TAB: "customers_preferences_tab",
+  CUSTOMER_SUBSTITUTIONS_TAB: "customers_substitutions_tab",
   PRODUCT_PREFERENCES_SECTION: "product_preferences_section"
 };
 var uiFeaturesAreEnabled = (enabledUIFeatures, feature) => enabledUIFeatures?.includes(feature);