@3sc/common-component 0.0.110 → 0.0.112

package/dist/index.es.js

@@ -26236,19 +26236,19 @@ const P4 = (e, t) => Ed(e) ? new O4(t) : new A4(t, {
   ...y4,
   ...l4,
   ...x4
-}, P4), En = /* @__PURE__ */ bP(N4), ar = ({ styles: e, label: t, ...n }) => {
-  const o = ot(), r = (t == null ? void 0 : t.length) * ((t == null ? void 0 : t.length) >= 10 ? 6.5 : 7.5) + 38 || 0, [s, a] = Se(!1);
+}, P4), En = /* @__PURE__ */ bP(N4), ar = ({ styles: e, label: t, disabled: n, ...o }) => {
+  const r = ot(), s = (t == null ? void 0 : t.length) * ((t == null ? void 0 : t.length) >= 10 ? 6.5 : 7.5) + 38 || 0, [a, c] = Se(!1);
   return /* @__PURE__ */ v.jsxs(
     En.button,
     {
-      onMouseEnter: () => (e == null ? void 0 : e.isAnimate) && a(!0),
-      onMouseLeave: () => (e == null ? void 0 : e.isAnimate) && a(!1),
+      onMouseEnter: () => (e == null ? void 0 : e.isAnimate) && c(!0),
+      onMouseLeave: () => (e == null ? void 0 : e.isAnimate) && c(!1),
       initial: {
-        width: e != null && e.isAnimate || !t ? "3rem" : `${r / 10}rem`,
+        width: e != null && e.isAnimate || !t ? "3rem" : `${s / 10}rem`,
         borderRadius: "0.7rem"
       },
       animate: {
-        width: e != null && e.isAnimate ? `${s ? r / 10 : 3}rem` : `${t ? r / 10 : 3}rem`
+        width: e != null && e.isAnimate ? `${a ? s / 10 : 3}rem` : `${t ? s / 10 : 3}rem`
       },
       transition: {
         duration: 0.2,
@@ -26258,19 +26258,25 @@ const P4 = (e, t) => Ed(e) ? new O4(t) : new A4(t, {
         height: "3rem",
         outline: "none",
         overflow: "hidden",
-        backgroundColor: (e == null ? void 0 : e.variant) !== "outlined" ? (e == null ? void 0 : e.color) === "secondary" ? o.palette.brandColor.blue : o.palette.brandColor.orange : o.palette.primary.notifyBackground,
-        border: (e == null ? void 0 : e.variant) === "outlined" ? `0.1rem solid ${o.palette.primary.notifyBorderColor}` : "none",
+        backgroundColor: (e == null ? void 0 : e.variant) !== "outlined" ? (e == null ? void 0 : e.color) === "secondary" ? r.palette.brandColor.blue : r.palette.brandColor.orange : r.palette.primary.notifyBackground,
+        border: (e == null ? void 0 : e.variant) === "outlined" ? `0.1rem solid ${r.palette.primary.notifyBorderColor}` : "none",
         display: "flex",
         cursor: "pointer",
         alignItems: "center",
-        gap: s || !(e != null && e.isAnimate) ? "0.5rem" : 0,
-        color: (e == null ? void 0 : e.variant) === "outlined" ? o.palette.primary.notifyActiveText : "white",
-        justifyContent: s ? "flex-start" : "center",
-        padding: s || !(e != null && e.isAnimate) ? "1.2rem" : "0.8rem",
-        whiteSpace: "nowrap"
+        gap: a || !(e != null && e.isAnimate) ? "0.5rem" : 0,
+        color: (e == null ? void 0 : e.variant) === "outlined" ? r.palette.primary.notifyActiveText : "white",
+        justifyContent: a ? "flex-start" : "center",
+        padding: a || !(e != null && e.isAnimate) ? "1.2rem" : "0.8rem",
+        whiteSpace: "nowrap",
+        ...n ? {
+          backgroundColor: r.palette.primary.notifyIconColor,
+          opacity: 0.8,
+          cursor: "auto"
+        } : {}
       },
       layout: !0,
-      ...n,
+      disabled: !0,
+      ...o,
       children: [
         (e == null ? void 0 : e.icon) && (!(e != null && e.iconPosition) || (e == null ? void 0 : e.iconPosition) === "start") && /* @__PURE__ */ v.jsx(de, { component: "img", src: e == null ? void 0 : e.icon }),
         t && /* @__PURE__ */ v.jsx(
@@ -26279,13 +26285,13 @@ const P4 = (e, t) => Ed(e) ? new O4(t) : new A4(t, {
             layout: !0,
             initial: { opacity: 0, width: 0 },
             animate: {
-              opacity: s || !(e != null && e.isAnimate) ? 1 : 0,
-              width: s || !(e != null && e.isAnimate) ? "auto" : 0
+              opacity: a || !(e != null && e.isAnimate) ? 1 : 0,
+              width: a || !(e != null && e.isAnimate) ? "auto" : 0
             },
             transition: {
               duration: 0.2,
               ease: "easeInOut",
-              delay: s ? 0.1 : 0
+              delay: a ? 0.1 : 0
             },
             style: {
               overflow: "hidden",
@@ -28576,18 +28582,31 @@ const sl = {
     let d = jo.GRID_SETTINGS || { platform: { theme: "light" }, grid: {} };
     d.grid = d.grid || {}, d.grid[o] = u, localStorage.setItem(fo.SETTINGS, JSON.stringify(d)), await al({ baseUrl: n, payload: d }), c();
   } };
-}, Uk = ({ columns: e, gridPath: t, baseUrl: n }) => {
+}, Uk = ({
+  columns: e,
+  gridPath: t,
+  baseUrl: n,
+  isDefaultConfig: o
+}) => {
   var p, f;
-  const o = (f = (p = jo.GRID_SETTINGS) == null ? void 0 : p.grid) == null ? void 0 : f[t];
   let { definitions: r, defaultUserSettings: s, labels: a } = e;
-  s = o ?? s ?? Yk({ definitions: r }), (!o || !s) && (async () => {
-    try {
-      let m = jo.GRID_SETTINGS || { platform: { theme: "light" }, grid: {} };
-      m.grid = m.grid || {}, m.grid[t] = s, localStorage.setItem(fo.SETTINGS, JSON.stringify(m)), await al({ baseUrl: n, payload: m });
-    } catch (m) {
-      console.error(m);
-    }
-  })();
+  if (!o) {
+    const m = (f = (p = jo.GRID_SETTINGS) == null ? void 0 : p.grid) == null ? void 0 : f[t];
+    s = m ?? s ?? Yk({ definitions: r }), (!m || !s) && (async () => {
+      try {
+        let g = jo.GRID_SETTINGS || {
+          platform: { theme: "light" },
+          grid: {}
+        };
+        g.grid = g.grid || {}, g.grid[t] = s, localStorage.setItem(
+          fo.SETTINGS,
+          JSON.stringify(g)
+        ), await al({ baseUrl: n, payload: g });
+      } catch (g) {
+        console.error(g);
+      }
+    })();
+  }
   const c = s.reduce((m, g) => (m[g.id] = g, m), {}), l = a.reduce((m, g) => (m[g.id] = g, m), {}), u = [];
   for (const m of r) {
     const { id: g } = m, h = c[g], y = l[g];
@@ -29564,9 +29583,7 @@ wy.propTypes = {
 };
 const Sy = ({ defaultTools: e, isManageable: t, customTools: n, baseUrl: o, gridPath: r }) => {
   var d, p, f, m, g, h, y;
-  const s = qe(Ui), { visibleGridColumns: a, triggerApi: c } = qe(Qa);
-  console.log({ triggerApi: c });
-  const l = async (b) => {
+  const s = qe(Ui), { visibleGridColumns: a, triggerApi: c } = qe(Qa), l = async (b) => {
     try {
       await cM({ baseUrl: o, gridPath: r, gridSetting: b });
     } catch (I) {
@@ -29687,17 +29704,31 @@ Sy.propTypes = {
   baseUrl: i.string,
   gridPath: i.gridPath
 };
-function pM({ tableProps: e, toolbarProps: t }) {
-  var s;
-  const n = (s = e.columns) == null ? void 0 : s.isManageable, { columns: o } = e, r = Uk({ columns: o, gridPath: t.gridPath, baseUrl: t.baseUrl });
+function pM({ tableProps: e, toolbarProps: t, isDefaultConfig: n }) {
+  var a;
+  const o = (a = e.columns) == null ? void 0 : a.isManageable, { columns: r } = e, s = Uk({
+    columns: r,
+    gridPath: t.gridPath,
+    baseUrl: t.baseUrl,
+    isDefaultConfig: n
+  });
   return /* @__PURE__ */ v.jsxs(Hv, { children: [
-    /* @__PURE__ */ v.jsx(Sy, { ...t, isManageable: n }),
-    /* @__PURE__ */ v.jsx(Iy, { tableProps: e, mergedColumns: r, gridPath: t.gridPath, baseUrl: t.baseUrl })
+    /* @__PURE__ */ v.jsx(Sy, { ...t, isManageable: o }),
+    /* @__PURE__ */ v.jsx(
+      Iy,
+      {
+        tableProps: e,
+        mergedColumns: s,
+        gridPath: t.gridPath,
+        baseUrl: t.baseUrl
+      }
+    )
   ] });
 }
 pM.propTypes = {
   tableProps: i.object.isRequired,
-  toolbarProps: i.object.isRequired
+  toolbarProps: i.object.isRequired,
+  isDefaultConfig: i.bool
 };
 const Ry = ({ list: e, handleLinkClick: t }) => {
   const n = ot(), o = ({ list: r }) => {