@3sc/common-component 0.0.440 → 0.0.442

package/dist/index.es.js

@@ -41397,7 +41397,7 @@ G(Ex)(({ theme: e }) => ({
     padding: "0!important"
   }
 }));
-const wz = (e) => /* @__PURE__ */ m.jsx(Gn, { children: /* @__PURE__ */ m.jsx(DV, { ...e }) }), IV = ({ iconUrl: e, ...t }) => {
+const Cz = (e) => /* @__PURE__ */ m.jsx(Gn, { children: /* @__PURE__ */ m.jsx(DV, { ...e }) }), IV = ({ iconUrl: e, ...t }) => {
   const [n, r] = De(!1), [o, i] = De(!1), a = Ft();
   return /* @__PURE__ */ m.jsxs(
     we,
@@ -41556,7 +41556,7 @@ const LV = ({ progress: e = 0, status: t }) => {
   showToast: () => {
     throw new Error("ToastProvider is not mounted");
   }
-}, Cz = {
+}, Sz = {
   success: (e) => Bd.showToast(e, "SUCCESS"),
   error: (e) => Bd.showToast(e, "FAILED")
 }, VV = G(ba)(({ theme: e }) => ({
@@ -41706,7 +41706,7 @@ const LV = ({ progress: e = 0, status: t }) => {
       )
     }
   );
-}, zV = ({ message: e, status: t }) => /* @__PURE__ */ m.jsx(Gn, { children: /* @__PURE__ */ m.jsx(WV, { message: e, status: t }) }), Sz = ({ children: e }) => {
+}, zV = ({ message: e, status: t }) => /* @__PURE__ */ m.jsx(Gn, { children: /* @__PURE__ */ m.jsx(WV, { message: e, status: t }) }), Tz = ({ children: e }) => {
   const [t, n] = De(null), r = qt((o, i) => {
     n({ message: o, status: i, key: Date.now() });
   }, []);
@@ -41794,7 +41794,7 @@ const GV = jr`
   66%  {background-position: 100% 0,100% 100%,0    100%,0 0   ; width:60px; height: 60px}
   100% {background-position: 100% 0,100% 100%,0    100%,0 0   }
 `;
-function Tz() {
+function Oz() {
   return /* @__PURE__ */ m.jsx(
     hc,
     {
@@ -43502,22 +43502,22 @@ Et.getAdapter = Cw.getAdapter;
 Et.HttpStatusCode = Hd;
 Et.default = Et;
 const {
-  Axios: Ez,
-  AxiosError: Rz,
-  CanceledError: Pz,
-  isCancel: Mz,
-  CancelToken: Dz,
-  VERSION: Iz,
-  all: Az,
-  Cancel: jz,
-  isAxiosError: Nz,
-  spread: $z,
-  toFormData: Fz,
-  AxiosHeaders: _z,
-  HttpStatusCode: Bz,
-  formToJSON: Lz,
-  getAdapter: Vz,
-  mergeConfig: Wz
+  Axios: Rz,
+  AxiosError: Pz,
+  CanceledError: Mz,
+  isCancel: Dz,
+  CancelToken: Iz,
+  VERSION: Az,
+  all: jz,
+  Cancel: Nz,
+  isAxiosError: $z,
+  spread: Fz,
+  toFormData: _z,
+  AxiosHeaders: Bz,
+  HttpStatusCode: Lz,
+  formToJSON: Vz,
+  getAdapter: Wz,
+  mergeConfig: zz
 } = Et, th = {
   BASE_URL: "https://qa.3sc.ai/api",
   //VERSION: import.meta.env.VITE_APP_VERSION,
@@ -43718,17 +43718,18 @@ const Rw = {
   )) ?? c ?? qu({ definitions: l });
   const g = [], v = Tr(c);
   for (const b of l) {
-    const k = v[b.key] || {}, E = d[b.key] || {}, R = Tr(k.children || []), P = Tr(E.children || []);
-    let I = {
+    const k = v[b.key] || {}, E = d[b.key] || {}, R = y[b.key], P = Tr(k.children || []), I = Tr(E.children || []);
+    let A = {
       ...b,
+      style: R == null ? void 0 : R.style,
       ...k,
       ...E
     };
-    (O = b.children) != null && O.length && (I.children = b.children.map((A) => ({
-      ...A,
-      ...R[A.key],
-      ...P[A.key]
-    }))), g.push(I);
+    (O = b.children) != null && O.length && (A.children = b.children.map((M) => ({
+      ...M,
+      ...P[M.key],
+      ...I[M.key]
+    }))), g.push(A);
   }
   return g.sort((b, k) => b.sequenceId - k.sequenceId);
 }, BW = (e) => e.sort((t, n) => t.sequenceId - n.sequenceId), na = (e, t) => e == null ? void 0 : e.map((n) => ({
@@ -44257,6 +44258,98 @@ const GW = ve.memo(
     localStorage.setItem(Ir.SETTINGS, JSON.stringify(w)), await Gc({ baseUrl: n, payload: w });
   };
   return { selectedColumn: a, handleMenuClick: c, handleClose: u, handleHideClick: d, columnUpdaterFunction: f };
+}, ZW = (e) => {
+  if (!e) return null;
+  const { options: t, ...n } = e, r = t ? "select" : "button", o = {
+    button: (i) => {
+      var a;
+      return /* @__PURE__ */ m.jsx(
+        qr,
+        {
+          ...i,
+          styles: {
+            ...i.styles,
+            iconPrimary: ((a = i == null ? void 0 : i.styles) == null ? void 0 : a.variant) == "filled"
+          }
+        }
+      );
+    },
+    select: (i) => {
+      var a;
+      return /* @__PURE__ */ m.jsx(
+        we,
+        {
+          sx: {
+            "& .MuiInputBase-input": { padding: "0rem!important" },
+            width: (a = i.styles) == null ? void 0 : a.width
+          },
+          children: /* @__PURE__ */ m.jsx(jV, { ...i, options: t })
+        }
+      );
+    }
+  };
+  return o[r] ? o[r](n) : null;
+}, JW = ({ presentSetting: e, gridSetting: t, gridPath: n, childUniqueKey: r }) => {
+  if (!n) return e;
+  const o = n.split("/").filter(Boolean);
+  let i = o.reduce(
+    (u, d) => u == null ? void 0 : u[d],
+    e
+  ) || null, a = na(t == null ? void 0 : t.grid, r);
+  const l = Tr(i == null ? void 0 : i.columns);
+  a = a == null ? void 0 : a.map((u) => {
+    var p, h;
+    const d = (u == null ? void 0 : u.children) || {}, f = ((p = l == null ? void 0 : l[u == null ? void 0 : u.key]) == null ? void 0 : p.children) || {};
+    return {
+      ...u,
+      ...(((h = Object.keys(f)) == null ? void 0 : h.length) > 0 || (d == null ? void 0 : d[r])) && {
+        children: {
+          ...f,
+          [r]: d == null ? void 0 : d[r]
+        }
+      }
+    };
+  });
+  let c = e;
+  for (let u = 0; u < o.length; u++) {
+    const d = o[u];
+    u === o.length - 1 ? c[d] = {
+      columns: a,
+      pageSize: (t == null ? void 0 : t.pageSize) ?? null
+    } : (c[d] = c[d] || {}, c = c[d]);
+  }
+  return {
+    settingObject: e,
+    defaultUserSettings: a
+  };
+}, QW = async ({ baseUrl: e, gridSetting: t, childUniqueKey: n, gridPath: r }) => {
+  try {
+    const o = JSON.parse(localStorage.getItem("settings")), { settingObject: i, defaultUserSettings: a } = JW({ presentSetting: o, gridSetting: t, gridPath: r, childUniqueKey: n });
+    return localStorage.setItem("settings", JSON.stringify(i)), await Gc({ baseUrl: e, payload: i }), a;
+  } catch (o) {
+    console.error(o);
+  }
+}, ez = ({
+  index: e,
+  visibleGridColumns: t,
+  width: n,
+  columnUpdaterFunction: r
+}) => {
+  if (!t || !t[e]) return null;
+  t[e];
+  let o = `${n / 10}rem`;
+  const i = t.map(
+    (a, l) => l === e ? {
+      ...a,
+      style: {
+        ...a.style,
+        width: o,
+        minWidth: o,
+        maxWidth: o
+      }
+    } : a
+  );
+  return r({ updatedColumns: i }), i[e];
 }, Pw = ({ pagination: e, gridPath: t, baseUrl: n, t: r }) => {
   const {
     selectedPage: o,
@@ -44551,7 +44644,9 @@ function Aw({
   t: d
 }) {
   var _e;
-  const f = Ft(), { visibleGridColumns: p } = St(Lc), h = St(Ma), {
+  const f = Ft(), { visibleGridColumns: p } = St(Lc);
+  console.log({ visibleGridColumns: p });
+  const h = St(Ma), {
     selectedColumn: y,
     handleMenuClick: g,
     handleClose: v,
@@ -44769,8 +44864,13 @@ function Aw({
       resizeStart: () => {
         z != null && z.isMandatory && !(z != null && z.isResizable) || (ie.current = !0);
       },
-      resizeEnd: () => {
-        z != null && z.isMandatory && !(z != null && z.isResizable) || (ie.current = !1);
+      resizeEnd: (ae) => {
+        z != null && z.isMandatory && !(z != null && z.isResizable) || (ie.current = !1, ez({
+          index: de,
+          visibleGridColumns: p,
+          width: ae,
+          columnUpdaterFunction: C
+        }));
       },
       component: z != null && z.children || z != null && z.isMandatory ? Dl : nh,
       rowSpan: z != null && z.children ? 1 : 2,
@@ -45086,83 +45186,12 @@ const Ry = ({ type: e }) => {
       ] })
     ] }) })
   }[e];
-}, ZW = (e) => {
-  if (!e) return null;
-  const { options: t, ...n } = e, r = t ? "select" : "button", o = {
-    button: (i) => {
-      var a;
-      return /* @__PURE__ */ m.jsx(
-        qr,
-        {
-          ...i,
-          styles: {
-            ...i.styles,
-            iconPrimary: ((a = i == null ? void 0 : i.styles) == null ? void 0 : a.variant) == "filled"
-          }
-        }
-      );
-    },
-    select: (i) => {
-      var a;
-      return /* @__PURE__ */ m.jsx(
-        we,
-        {
-          sx: {
-            "& .MuiInputBase-input": { padding: "0rem!important" },
-            width: (a = i.styles) == null ? void 0 : a.width
-          },
-          children: /* @__PURE__ */ m.jsx(jV, { ...i, options: t })
-        }
-      );
-    }
-  };
-  return o[r] ? o[r](n) : null;
-}, JW = ({ presentSetting: e, gridSetting: t, gridPath: n, childUniqueKey: r }) => {
-  if (!n) return e;
-  const o = n.split("/").filter(Boolean);
-  let i = o.reduce(
-    (u, d) => u == null ? void 0 : u[d],
-    e
-  ) || null, a = na(t == null ? void 0 : t.grid, r);
-  const l = Tr(i == null ? void 0 : i.columns);
-  a = a == null ? void 0 : a.map((u) => {
-    var p, h;
-    const d = (u == null ? void 0 : u.children) || {}, f = ((p = l == null ? void 0 : l[u == null ? void 0 : u.key]) == null ? void 0 : p.children) || {};
-    return {
-      ...u,
-      ...(((h = Object.keys(f)) == null ? void 0 : h.length) > 0 || (d == null ? void 0 : d[r])) && {
-        children: {
-          ...f,
-          [r]: d == null ? void 0 : d[r]
-        }
-      }
-    };
-  });
-  let c = e;
-  for (let u = 0; u < o.length; u++) {
-    const d = o[u];
-    u === o.length - 1 ? c[d] = {
-      columns: a,
-      pageSize: (t == null ? void 0 : t.pageSize) ?? null
-    } : (c[d] = c[d] || {}, c = c[d]);
-  }
-  return {
-    settingObject: e,
-    defaultUserSettings: a
-  };
-}, QW = async ({ baseUrl: e, gridSetting: t, childUniqueKey: n, gridPath: r }) => {
-  try {
-    const o = JSON.parse(localStorage.getItem("settings")), { settingObject: i, defaultUserSettings: a } = JW({ presentSetting: o, gridSetting: t, gridPath: r, childUniqueKey: n });
-    return localStorage.setItem("settings", JSON.stringify(i)), await Gc({ baseUrl: e, payload: i }), a;
-  } catch (o) {
-    console.error(o);
-  }
-}, ez = ({ customTools: e }) => {
+}, tz = ({ customTools: e }) => {
   var r, o;
   const t = (r = e == null ? void 0 : e.filter((i) => (i == null ? void 0 : i.type) === Ey.PRIMARY)) == null ? void 0 : r.sort((i, a) => i.sequenceId - a.sequenceId), n = (o = e == null ? void 0 : e.filter((i) => (i == null ? void 0 : i.type) === Ey.SECONDARY)) == null ? void 0 : o.sort((i, a) => i.sequenceId - a.sequenceId);
   return { primaryButtons: t, secondaryButtons: n };
 }, Nw = ({ customTools: e, isExpanded: t, setIsExpanded: n }) => {
-  const { primaryButtons: r, secondaryButtons: o } = ez({ customTools: e }), [i, a] = De(r), l = (o == null ? void 0 : o.length) > 0, c = (d) => {
+  const { primaryButtons: r, secondaryButtons: o } = tz({ customTools: e }), [i, a] = De(r), l = (o == null ? void 0 : o.length) > 0, c = (d) => {
     d ? a([...r, ...o]) : setTimeout(() => {
       a(r);
     }, 100);
@@ -45465,8 +45494,8 @@ function Fw({ tableProps: e, toolbarProps: t, isDefaultConfig: n, isLoading: r,
   var a, l;
   const i = (a = e.columns) == null ? void 0 : a.isManageable;
   return /* @__PURE__ */ m.jsx(ew, { children: r ? /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(Ry, { type: "toolbar" }),
-    /* @__PURE__ */ m.jsx(Ry, { type: "grid" })
+    t && /* @__PURE__ */ m.jsx(Ry, { type: "toolbar" }),
+    e && /* @__PURE__ */ m.jsx(Ry, { type: "grid" })
   ] }) : /* @__PURE__ */ m.jsxs(we, { sx: {
     position: "sticky"
   }, children: [
@@ -45742,18 +45771,18 @@ Bw.propTypes = {
   breadcrumbProps: s.object.isRequired,
   switchProps: s.object
 };
-function tz({ headerProps: e }) {
+function nz({ headerProps: e }) {
   return /* @__PURE__ */ m.jsx(Gn, { children: /* @__PURE__ */ m.jsx(Bw, { ...e }) });
 }
-tz.propTypes = {
+nz.propTypes = {
   headerProps: s.object.isRequired
 };
 const oh = nr(null), Lw = nr(null);
-function nz({ children: e }) {
-  const [t, n] = qy(rz, oz);
+function rz({ children: e }) {
+  const [t, n] = qy(oz, sz);
   return /* @__PURE__ */ m.jsx(oh.Provider, { value: t, children: /* @__PURE__ */ m.jsx(Lw.Provider, { value: n, children: e }) });
 }
-function rz(e, t) {
+function oz(e, t) {
   var n;
   switch (t.type) {
     case Ke.LOADING:
@@ -45768,7 +45797,7 @@ function rz(e, t) {
       throw new Error(`${Yr.UNHANDLED}: ${t}`);
   }
 }
-const oz = {
+const sz = {
   loading: !1,
   data: [],
   error: "",
@@ -45776,7 +45805,7 @@ const oz = {
     count: 0,
     boo: !1
   }
-}, { TENANT_ID: sh, BU_ID: ih } = Ew, { TENANT_IDS: ah, BU_IDS: lh } = Rw, sz = async (e) => {
+}, { TENANT_ID: sh, BU_ID: ih } = Ew, { TENANT_IDS: ah, BU_IDS: lh } = Rw, iz = async (e) => {
   try {
     const t = `${e}${Yc.NOTIFICATION}/v1?${sh}=${ah}&${ih}=${lh}`;
     return await Et.get(t, Aa);
@@ -45790,7 +45819,7 @@ const oz = {
   } catch (r) {
     return r;
   }
-}, iz = async ({ baseUrl: e, id: t, snopId: n }) => {
+}, az = async ({ baseUrl: e, id: t, snopId: n }) => {
   try {
     const r = `${e}${Yc.NOTIFICATION}${th.VERSION}?${sh}=${ah}&${ih}=${lh}&id=${t}`;
     return await Et.get(r, Aa);
@@ -45815,7 +45844,7 @@ const oz = {
     if (!C.current)
       try {
         t({ type: Ke.LOADING, loading: !0 }), t({ type: Ke.SUCCESS, data: [] });
-        const L = await sz(e);
+        const L = await iz(e);
         if (L.status === qo.UNAUTHORIZED) {
           C.current = !0;
           return;
@@ -45846,7 +45875,7 @@ const oz = {
     if (N) {
       f(N);
       try {
-        const V = await iz({ baseUrl: e, id: N, snopId: $ });
+        const V = await az({ baseUrl: e, id: N, snopId: $ });
         if (V.status === qo.OK) {
           const H = ((U = (L = (B = V.data) == null ? void 0 : B.responseData) == null ? void 0 : L.response) == null ? void 0 : U[0]) || {};
           u(H || {}), l(!0);
@@ -45959,7 +45988,7 @@ function Yd() {
     return e;
   }, Yd.apply(null, arguments);
 }
-var az = function(t) {
+var lz = function(t) {
   return /* @__PURE__ */ S.createElement("svg", Yd({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
@@ -45982,7 +46011,7 @@ var az = function(t) {
     d: "M10.013 12.957c0 1.1-.9 2-2 2a2.007 2.007 0 0 1-2-2"
   })));
 };
-const lz = ({ count: e }) => (Ft(), /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
+const cz = ({ count: e }) => (Ft(), /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
   /* @__PURE__ */ m.jsx(
     we,
     {
@@ -45996,7 +46025,7 @@ const lz = ({ count: e }) => (Ft(), /* @__PURE__ */ m.jsxs(m.Fragment, { childre
         }
       },
       children: /* @__PURE__ */ m.jsx(
-        az,
+        lz,
         {
           style: {
             scale: 2
@@ -46057,7 +46086,7 @@ function Gd() {
     return e;
   }, Gd.apply(null, arguments);
 }
-var cz = function(t) {
+var uz = function(t) {
   return /* @__PURE__ */ S.createElement("svg", Gd({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
@@ -46080,7 +46109,7 @@ function Kd() {
     return e;
   }, Kd.apply(null, arguments);
 }
-var uz = function(t) {
+var dz = function(t) {
   return /* @__PURE__ */ S.createElement("svg", Kd({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
@@ -46107,7 +46136,7 @@ function Xd() {
     return e;
   }, Xd.apply(null, arguments);
 }
-var dz = function(t) {
+var fz = function(t) {
   return /* @__PURE__ */ S.createElement("svg", Xd({
     xmlns: "http://www.w3.org/2000/svg",
     width: 9,
@@ -46208,7 +46237,7 @@ const Ww = ({
                     el,
                     {
                       icon: /* @__PURE__ */ m.jsx(
-                        uz,
+                        dz,
                         {
                           className: `${c === "light" ? "chip-icon-light" : "chip-icon-dark"}`
                         }
@@ -46230,7 +46259,7 @@ const Ww = ({
                     el,
                     {
                       icon: /* @__PURE__ */ m.jsx(
-                        dz,
+                        fz,
                         {
                           className: `${c === "light" ? "chip-icon-light" : "chip-icon-dark"}`
                         }
@@ -46424,7 +46453,7 @@ zw.propTypes = {
   handleRead: s.func,
   handleShowDetails: s.func
 };
-const fz = ({
+const pz = ({
   onRefresh: e,
   handleShowDetails: t,
   clickId: n,
@@ -46627,7 +46656,7 @@ const fz = ({
               variant: "outlined",
               className: "view-all",
               onClick: o,
-              startIcon: /* @__PURE__ */ m.jsx(cz, {}),
+              startIcon: /* @__PURE__ */ m.jsx(uz, {}),
               disabled: !((C = c == null ? void 0 : c.filter((w) => !(w != null && w.isRead))) != null && C.length),
               style: { backgroundColor: "transparent" },
               sx: {
@@ -46658,7 +46687,7 @@ const fz = ({
       }
     )
   ] });
-}, pz = ({ data: e, handleClose: t, t: n }) => {
+}, hz = ({ data: e, handleClose: t, t: n }) => {
   var x;
   const [r, o] = De(1), [i, a] = De(10), [l, c] = De(((x = e == null ? void 0 : e.notificationDetails) == null ? void 0 : x.length) || 0), [u, d] = De("sku_name"), [f, p] = De("asc"), [h, y] = De([]), [g, v] = De("");
   return st(() => {
@@ -46770,7 +46799,7 @@ const fz = ({
       }
     )
   ] });
-}, hz = ({ baseUrl: e, t }) => {
+}, mz = ({ baseUrl: e, t }) => {
   const {
     alertDialogProps: n,
     showDetailsProps: r,
@@ -46791,13 +46820,13 @@ const fz = ({
           var a;
           o(), (a = n == null ? void 0 : n.setOpen) == null || a.call(n, !0);
         },
-        children: /* @__PURE__ */ m.jsx(lz, { count: i.count })
+        children: /* @__PURE__ */ m.jsx(cz, { count: i.count })
       }
     ),
-    /* @__PURE__ */ m.jsx(Ay, { ...n, children: /* @__PURE__ */ m.jsx(fz, { ...n, t }) }),
-    /* @__PURE__ */ m.jsx(Ay, { ...r, children: /* @__PURE__ */ m.jsx(pz, { ...r, t }) })
+    /* @__PURE__ */ m.jsx(Ay, { ...n, children: /* @__PURE__ */ m.jsx(pz, { ...n, t }) }),
+    /* @__PURE__ */ m.jsx(Ay, { ...r, children: /* @__PURE__ */ m.jsx(hz, { ...r, t }) })
   ] });
-}, zz = ({ baseUrl: e, t }) => /* @__PURE__ */ m.jsx(Gn, { children: /* @__PURE__ */ m.jsx(nz, { children: /* @__PURE__ */ m.jsx(hz, { baseUrl: e, t }) }) }), mz = ({
+}, Uz = ({ baseUrl: e, t }) => /* @__PURE__ */ m.jsx(Gn, { children: /* @__PURE__ */ m.jsx(rz, { children: /* @__PURE__ */ m.jsx(mz, { baseUrl: e, t }) }) }), gz = ({
   rightChild: e,
   leftChild: t,
   isDrawerMerged: n,
@@ -46958,31 +46987,31 @@ const fz = ({
       }
     )
   ] }) });
-}, gz = ({ layoutChildren: e, layoutProps: t }) => /* @__PURE__ */ m.jsx(Gn, { children: /* @__PURE__ */ m.jsx(
-  mz,
+}, yz = ({ layoutChildren: e, layoutProps: t }) => /* @__PURE__ */ m.jsx(Gn, { children: /* @__PURE__ */ m.jsx(
+  gz,
   {
     ...e,
     ...t
   }
 ) });
-gz.propTypes = {
+yz.propTypes = {
   layoutChildren: s.object.isRequired,
   layoutProps: s.object.isRequired
 };
 export {
   qr as Button,
   Ru as Checkbox,
-  wz as DatePicker,
+  Cz as DatePicker,
   Fw as Grid,
-  tz as Header,
+  nz as Header,
   AV as InputField,
-  Tz as Loader,
-  zz as Notification,
+  Oz as Loader,
+  Uz as Notification,
   jV as Select,
-  gz as SliderLayout,
+  yz as SliderLayout,
   YV as Switch,
   _d as TextField,
-  Sz as ToastProvider,
-  Cz as toast
+  Tz as ToastProvider,
+  Sz as toast
 };
 //# sourceMappingURL=index.es.js.map