unifyedx-storybook-new 0.2.16 → 0.2.18

package/dist/unifyedx-storybook-new.es.js

@@ -1,12 +1,12 @@
 import { jsxs as l, jsx as e, Fragment as ee } from "react/jsx-runtime";
-import ae, { useState as B, useMemo as ce, useId as ea, Fragment as Q, useEffect as X, useCallback as K, useRef as ue } from "react";
-import { a as J, U as ut, X as ye, P as _, L as mt, C as je, b as Ge, f as Ue, d as va, D as Na, F as ht, e as pt, h as gt, T as Ve, u as yt, i as ft, I as bt, j as vt, k as Nt, l as xt, m as kt, n as wt, S as xa, o as ka, M as Ct, p as St, q as wa, r as Dt, A as Ft, E as $t, s as Tt, t as At, v as Et, w as Rt, x as Ca, y as It, z as Sa, B as Da, G as zt, H as Pt, J as Bt, K as qe, N as aa, O as ta, Q as Lt, R as Ot, V as Fa, W as Mt, Y as sa, Z as Ut, _ as Vt, $ as $a, a0 as qt, a1 as jt, a2 as Gt, a3 as _t, a4 as Wt, a5 as Yt, a6 as Jt, a7 as Qt, a8 as Xt, a9 as Zt, aa as Ht, ab as Kt, ac as er, ad as ar, ae as tr } from "./vendor-zgKTz69B.js";
-import { Popover as rr, PopoverButton as nr, PopoverPanel as sr, Transition as oe, Dialog as me, TransitionChild as ge, DialogPanel as Se, DialogTitle as _e, TabGroup as lr, TabList as or, Tab as re, TabPanels as ir, RadioGroup as ze, Listbox as Z, ListboxButton as cr, ListboxOptions as dr, ListboxOption as ur, SwitchGroup as mr, Switch as Ze, Menu as hr, MenuButton as pr, Portal as gr, MenuItems as yr, MenuItem as fr, DialogBackdrop as br } from "@headlessui/react";
-import { motion as ne, AnimatePresence as be } from "framer-motion";
+import ae, { useState as B, useMemo as de, useId as ea, Fragment as Q, useEffect as X, useCallback as K, useRef as me } from "react";
+import { a as J, U as ut, X as fe, P as _, L as mt, C as je, b as Ge, f as Ue, d as va, D as Na, F as ht, e as pt, h as gt, T as Ve, u as yt, i as ft, I as bt, j as vt, k as Nt, l as xt, m as kt, n as wt, S as xa, o as ka, M as Ct, p as St, q as wa, r as Dt, A as Ft, E as $t, s as Tt, t as At, v as Et, w as Rt, x as Ca, y as It, z as Sa, B as Da, G as zt, H as Pt, J as Bt, K as qe, N as aa, O as ta, Q as Lt, R as Ot, V as Fa, W as Mt, Y as sa, Z as Ut, _ as Vt, $ as $a, a0 as qt, a1 as jt, a2 as Gt, a3 as _t, a4 as Wt, a5 as Yt, a6 as Jt, a7 as Qt, a8 as Xt, a9 as Zt, aa as Ht, ab as Kt, ac as er, ad as ar, ae as tr } from "./vendor-zgKTz69B.js";
+import { Popover as rr, PopoverButton as nr, PopoverPanel as sr, Transition as ie, Dialog as he, TransitionChild as ye, DialogPanel as Se, DialogTitle as _e, TabGroup as lr, TabList as or, Tab as re, TabPanels as ir, RadioGroup as ze, Listbox as Z, ListboxButton as cr, ListboxOptions as dr, ListboxOption as ur, SwitchGroup as mr, Switch as Ze, Menu as hr, MenuButton as pr, Portal as gr, MenuItems as yr, MenuItem as fr, DialogBackdrop as br } from "@headlessui/react";
+import { motion as se, AnimatePresence as ve } from "framer-motion";
 import { d as vr } from "./vendor-lodash-BD0xlZyL.js";
 import { useFloating as Ta, offset as Aa, flip as Ea, shift as Ra, autoUpdate as Ia, useClick as Nr, useDismiss as xr, useInteractions as kr, FloatingPortal as wr } from "@floating-ui/react";
 import He, { debounce as Cr } from "lodash";
-import { toast as le, ToastContainer as Sr, Slide as Dr } from "react-toastify";
+import { toast as oe, ToastContainer as Sr, Slide as Dr } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 import { P as Fr, S as $r, F as Tr, G as Ar, a as Er, E as Rr, b as Ir, C as zr, R as Pr, c as Br, d as Lr, e as Or, f as Mr, I as Ur, g as ia } from "./vendor-syncfusion-DGcZfoFG.js";
 const Vr = (t) => {
@@ -29,7 +29,7 @@ const Vr = (t) => {
   className: u,
   ...i
 }) => {
-  const [c, y] = B(!1), v = ce(() => qr(r), []), x = t && !c, a = !x && r, k = !x && !r, h = J(
+  const [c, y] = B(!1), v = de(() => qr(r), []), x = t && !c, a = !x && r, k = !x && !r, h = J(
     "avatar-container",
     `avatar--size-${s}`,
     u
@@ -95,7 +95,7 @@ const Vr = (t) => {
         className: "badge-remove-button",
         onClick: n,
         "aria-label": `Remove ${t}`,
-        children: /* @__PURE__ */ e(ye, { className: "badge-remove-icon" })
+        children: /* @__PURE__ */ e(fe, { className: "badge-remove-icon" })
       }
     )
   ] });
@@ -290,7 +290,7 @@ const _r = {
             onClick: v,
             className: "datepicker-clear-button",
             "aria-label": "Clear selected date",
-            children: /* @__PURE__ */ e(ye, { size: 16 })
+            children: /* @__PURE__ */ e(fe, { size: 16 })
           }
         )
       ] }) }),
@@ -354,7 +354,7 @@ const _r = {
             onClick: a,
             className: "datepicker-clear-button",
             "aria-label": "Clear selected date range",
-            children: /* @__PURE__ */ e(ye, { size: 16 })
+            children: /* @__PURE__ */ e(fe, { size: 16 })
           }
         )
       ] }) }),
@@ -581,7 +581,7 @@ const _r = {
   ROLE: "Role"
 }, Le = (t) => `https://ui-avatars.com/api/?rounded=true&background=random&name=${encodeURIComponent(
   t
-)}`, se = {
+)}`, le = {
   DRIVE: "drive",
   INTEREST: "interest",
   ARTICLE: "article"
@@ -636,8 +636,8 @@ const _r = {
   subHeading: g = "Supports PNG, JPG, PDF. Max size: 50MB."
 }) => {
   const $ = i.length > 0 || c.length > 0;
-  return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ l(
-    me,
+  return /* @__PURE__ */ e(ie, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ l(
+    he,
     {
       as: "div",
       className: "file-upload-dialog",
@@ -645,7 +645,7 @@ const _r = {
       ...s(),
       children: [
         /* @__PURE__ */ e(
-          ge,
+          ye,
           {
             as: Q,
             enter: "ease-out duration-300",
@@ -658,7 +658,7 @@ const _r = {
           }
         ),
         /* @__PURE__ */ e("div", { className: "dialog-positioner", children: /* @__PURE__ */ e(
-          ge,
+          ye,
           {
             as: Q,
             enter: "ease-out duration-300",
@@ -683,7 +683,7 @@ const _r = {
                           type: "button",
                           onClick: r,
                           className: "close-button",
-                          children: /* @__PURE__ */ e(ye, { size: 20 })
+                          children: /* @__PURE__ */ e(fe, { size: 20 })
                         }
                       )
                     ] }),
@@ -840,7 +840,7 @@ const _r = {
       }), r();
     },
     enableReinitialize: !0
-  }), k = ce(() => n.reduce((C, T) => {
+  }), k = de(() => n.reduce((C, T) => {
     const I = T.key, E = a.values[I];
     let V = !1;
     if (E)
@@ -1068,9 +1068,9 @@ const _r = {
         return null;
     }
   };
-  return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ l(me, { as: "div", className: "relative z-50", onClose: r, children: [
+  return /* @__PURE__ */ e(ie, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ l(he, { as: "div", className: "relative z-50", onClose: r, children: [
     /* @__PURE__ */ e(
-      ge,
+      ye,
       {
         as: Q,
         enter: "ease-out duration-300",
@@ -1083,7 +1083,7 @@ const _r = {
       }
     ),
     /* @__PURE__ */ e("div", { className: "filter-modal-container", children: /* @__PURE__ */ e("div", { className: "filter-modal-positioner", children: /* @__PURE__ */ e(
-      ge,
+      ye,
       {
         as: Q,
         enter: "ease-out duration-300",
@@ -1134,7 +1134,7 @@ const _r = {
                     {
                       className: "filter-tab-panel",
                       children: /* @__PURE__ */ e(
-                        ne.div,
+                        se.div,
                         {
                           initial: { opacity: 0.8, x: 10 },
                           animate: { opacity: 1, x: 0 },
@@ -1251,9 +1251,9 @@ const _r = {
   }, h = () => {
     r({ primary: !1, secondary: !0 });
   };
-  return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ l(me, { as: "div", className: "modal-dialog", onClose: () => r({}), children: [
+  return /* @__PURE__ */ e(ie, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ l(he, { as: "div", className: "modal-dialog", onClose: () => r({}), children: [
     /* @__PURE__ */ e(
-      ge,
+      ye,
       {
         as: Q,
         enter: "ease-out duration-300",
@@ -1266,7 +1266,7 @@ const _r = {
       }
     ),
     /* @__PURE__ */ e("div", { className: "modal-positioner", children: /* @__PURE__ */ e(
-      ge,
+      ye,
       {
         as: Q,
         enter: "ease-out duration-300",
@@ -1447,7 +1447,7 @@ const _r = {
     }
   ),
   n && /* @__PURE__ */ e("p", { className: "radiogroup-error-message", children: n })
-] }), he = ({
+] }), pe = ({
   value: t = "",
   onDebouncedChange: r,
   debounceDelay: s = 400,
@@ -1523,14 +1523,14 @@ const _r = {
         }
       ),
       /* @__PURE__ */ e(
-        oe,
+        ie,
         {
           leave: "transition ease-in duration-100",
           leaveFrom: "opacity-100",
           leaveTo: "opacity-0",
           children: /* @__PURE__ */ l(dr, { className: "select-options", children: [
             y && /* @__PURE__ */ e("div", { className: "search-input-wrapper", children: /* @__PURE__ */ e(
-              he,
+              pe,
               {
                 value: v,
                 onDebouncedChange: x,
@@ -1704,7 +1704,7 @@ const _r = {
               onClick: s,
               className: "collapse-button desktop-only",
               "aria-label": r ? "Expand sidebar" : "Collapse sidebar",
-              children: r ? /* @__PURE__ */ e(Ct, {}) : /* @__PURE__ */ e(ye, {})
+              children: r ? /* @__PURE__ */ e(Ct, {}) : /* @__PURE__ */ e(fe, {})
             }
           )
         ] }),
@@ -1884,8 +1884,8 @@ const _r = {
   closeOnOverlayClick: v = !0
 }) => {
   const x = s[o], a = Object.keys(s), k = a.indexOf(o), h = (k + 1) / a.length * 100, g = k > 0 && u.onBack;
-  return /* @__PURE__ */ e(oe, { show: t, as: Q, children: /* @__PURE__ */ l(
-    me,
+  return /* @__PURE__ */ e(ie, { show: t, as: Q, children: /* @__PURE__ */ l(
+    he,
     {
       as: "div",
       className: "wizard-dialog",
@@ -1893,7 +1893,7 @@ const _r = {
       },
       children: [
         /* @__PURE__ */ e(
-          ge,
+          ye,
           {
             as: Q,
             enter: "ease-out duration-300",
@@ -1906,7 +1906,7 @@ const _r = {
           }
         ),
         /* @__PURE__ */ e("div", { className: "wizard-container", children: /* @__PURE__ */ e("div", { className: "wizard-positioner", children: /* @__PURE__ */ e(
-          ge,
+          ye,
           {
             as: Q,
             enter: "transform transition ease-in-out duration-500",
@@ -1928,8 +1928,8 @@ const _r = {
                     }
                   ),
                   /* @__PURE__ */ l("div", { className: "wizard-header-text", children: [
-                    /* @__PURE__ */ e(me.Title, { as: "h3", className: "wizard-title", children: i }),
-                    c && /* @__PURE__ */ e(me.Description, { className: "wizard-description", children: c })
+                    /* @__PURE__ */ e(he.Title, { as: "h3", className: "wizard-title", children: i }),
+                    c && /* @__PURE__ */ e(he.Description, { className: "wizard-description", children: c })
                   ] })
                 ] }),
                 /* @__PURE__ */ e(
@@ -1938,7 +1938,7 @@ const _r = {
                     onClick: r,
                     className: "wizard-close-button",
                     "aria-label": "Close modal",
-                    children: /* @__PURE__ */ e(ye, { size: 24 })
+                    children: /* @__PURE__ */ e(fe, { size: 24 })
                   }
                 )
               ] }),
@@ -1950,13 +1950,13 @@ const _r = {
                 }
               ) }),
               /* @__PURE__ */ e("div", { className: "wizard-body", children: /* @__PURE__ */ e(
-                be,
+                ve,
                 {
                   initial: !1,
                   custom: n,
                   mode: "wait",
                   children: /* @__PURE__ */ e(
-                    ne.div,
+                    se.div,
                     {
                       custom: n,
                       variants: Kr,
@@ -2065,7 +2065,7 @@ const _r = {
   return /* @__PURE__ */ l(hr, { as: "div", className: "options-menu-wrapper", children: [
     /* @__PURE__ */ e(pr, { ref: o.setReference, className: "options-menu-trigger", children: /* @__PURE__ */ e(s, { size: 20 }) }),
     /* @__PURE__ */ e(gr, { children: /* @__PURE__ */ e(
-      oe,
+      ie,
       {
         as: Q,
         enter: "transition ease-out duration-100",
@@ -2193,17 +2193,17 @@ function Ya() {
     return "";
   }
 }
-function ve() {
+function Ne() {
   return `${We()}${Ya()}`;
 }
 function Ja() {
-  return `${ve()}/unifyedstudioutility/commonutility/users/list?sortkey=firstName&sortorder=false&page=0&size=999&onlineusersonly=false`;
+  return `${Ne()}/unifyedstudioutility/commonutility/users/list?sortkey=firstName&sortorder=false&page=0&size=999&onlineusersonly=false`;
 }
 function Qa() {
-  return `${ve()}/unifyedstudioutility/commonutility/groupusers/list?type=All&page=0&size=20&sortkey=name&sorder=1&createdbyme=false`;
+  return `${Ne()}/unifyedstudioutility/commonutility/groupusers/list?type=All&page=0&size=20&sortkey=name&sorder=1&createdbyme=false`;
 }
 function Xa() {
-  return `${ve()}/unifyedusergroupprovisioning/api`;
+  return `${Ne()}/unifyedusergroupprovisioning/api`;
 }
 function Za() {
   return `${Xa()}/v2/roles`;
@@ -2212,7 +2212,7 @@ function Ha() {
   return `${Za()}/search`;
 }
 function la() {
-  return `${ve()}/unifyed-mydrive/v2`;
+  return `${Ne()}/unifyed-mydrive/v2`;
 }
 function sn() {
   return `${la()}/directory/permissions`;
@@ -2223,7 +2223,7 @@ function ln() {
 function ds() {
   return Object.freeze({
     REACT_APP_BASE_URL: We(),
-    GATEWAY_BASE: ve(),
+    GATEWAY_BASE: Ne(),
     USER_SEARCH_BASE: Ja(),
     AD_GROUPS_LIST_SEARCH_API: Qa(),
     PROVISIONING_BASE: Xa(),
@@ -2412,7 +2412,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
       }));
   },
   getMembersForGroup: async (t) => {
-    const r = `${ve()}/unifydidentity/open/usersforgroup?groupName=${encodeURIComponent(t)}&isGroupWithSpecChar=true&isPaging=true&page=0&size=999&deepSearch=`, { data: s } = await Ee(r);
+    const r = `${Ne()}/unifydidentity/open/usersforgroup?groupName=${encodeURIComponent(t)}&isGroupWithSpecChar=true&isPaging=true&page=0&size=999&deepSearch=`, { data: s } = await Ee(r);
     let o = [];
     if (Array.isArray(s))
       o = s;
@@ -2529,17 +2529,19 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
     );
   }, j = async (F) => {
     try {
-      if (n === se.DRIVE) {
-        const z = {
+      if (n === le.DRIVE) {
+        const z = F.pendingInvites.map((ne) => ({
+          id: ne.id,
+          permission: ne.permission,
+          type: ne.type.toLowerCase()
+        }));
+        i({
           entity: t,
-          userGroupRolesObj: F.pendingInvites.map((U) => ({
-            id: U.id,
-            permission: U.permission,
-            type: U.type.toLowerCase()
-          }))
-        };
-        i(z, o);
-      } else if (n === se.INTEREST) {
+          userGroupRolesObj: z,
+          existingShares: o
+          // Always send updated existing shares
+        }, o);
+      } else if (n === le.INTEREST) {
         const z = F.pendingInvites.map((U) => ({
           identity: U.id,
           type: U.type.toLowerCase(),
@@ -2550,16 +2552,17 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
           interestId: t?.data?.id
         }));
         i(z, o);
-      } else if (n === se.ARTICLE) {
-        const z = {
+      } else if (n === le.ARTICLE) {
+        const z = F.pendingInvites.map((ne) => ({
+          id: ne.id,
+          permission: ne.permission,
+          type: ne.type.toLowerCase()
+        }));
+        i({
           entity: t,
-          userGroupRolesObj: F.pendingInvites.map((U) => ({
-            id: U.id,
-            permission: U.permission,
-            type: U.type.toLowerCase()
-          }))
-        };
-        i(z, o);
+          userGroupRolesObj: z,
+          existingShares: o
+        }, o);
       } else
         i(F, o);
       setTimeout(() => {
@@ -2573,21 +2576,21 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
     return z ? `${z.permission}` : "";
   }, A = () => {
     switch (n) {
-      case se.DRIVE:
+      case le.DRIVE:
         return "Share with others";
-      case se.INTEREST:
+      case le.INTEREST:
         return "Add Audience";
-      case se.ARTICLE:
+      case le.ARTICLE:
         return "Add Users, Groups or Roles test";
       default:
         return "Add User, Groups or Roles test";
     }
-  }, M = ce(() => (console.log("InviteFlow - isChanged:", c, "pendingInvites.length:", m.length), m.length === 0 && !c), [m.length, c]);
+  }, M = de(() => (console.log("InviteFlow - isChanged:", c, "pendingInvites.length:", m.length), m.length === 0 && !c), [m.length, c]);
   return /* @__PURE__ */ l("div", { className: "flex flex-col h-full bg-white", children: [
     /* @__PURE__ */ l("header", { className: "flex items-center justify-between p-4 border-b border-gray-300 flex-shrink-0", children: [
-      /* @__PURE__ */ e(me.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: A() }),
+      /* @__PURE__ */ e(he.Title, { className: " text-gray-900 !mb-0 text-lg font-semibold", children: A() }),
       /* @__PURE__ */ l("div", { className: "flex items-center gap-4", children: [
-        n === se.DRIVE && /* @__PURE__ */ l("button", { className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-800 font-semibold hover:cursor-pointer", children: [
+        n === le.DRIVE && /* @__PURE__ */ l("button", { className: "flex items-center gap-2 text-sm text-blue-600 hover:text-blue-800 font-semibold hover:cursor-pointer", children: [
           /* @__PURE__ */ e(Bt, { className: "h-5 w-5" }),
           " Copy Link"
         ] }),
@@ -2602,7 +2605,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
       ] })
     ] }),
     /* @__PURE__ */ l("main", { className: "flex-grow p-4 space-y-6 overflow-y-auto", children: [
-      (n === se.DRIVE || u) && /* @__PURE__ */ e(
+      (n === le.DRIVE || u) && /* @__PURE__ */ e(
         gn,
         {
           users: o.users.filter((F) => F.permission !== "remove"),
@@ -2621,7 +2624,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
             /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(aa, { className: "h-5 w-5 text-gray-400" }) })
           ] }),
           /* @__PURE__ */ e(
-            oe,
+            ie,
             {
               as: Q,
               leave: "transition ease-in duration-100",
@@ -2657,15 +2660,15 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
           )
         ] }) }) }),
         /* @__PURE__ */ e("div", { className: "col-span-2", children: /* @__PURE__ */ e(
-          he,
+          pe,
           {
             placeholder: `Search by ${y.name.toLowerCase()}...`,
             onDebouncedChange: (F) => a(F),
             value: x
           }
         ) }),
-        /* @__PURE__ */ e(be, { children: (h?.length > 0 || O) && /* @__PURE__ */ e(
-          ne.div,
+        /* @__PURE__ */ e(ve, { children: (h?.length > 0 || O) && /* @__PURE__ */ e(
+          se.div,
           {
             initial: { opacity: 0, y: -10 },
             animate: { opacity: 1, y: 0 },
@@ -2732,8 +2735,8 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(be, { children: p.length > 0 && /* @__PURE__ */ l(
-        ne.div,
+      /* @__PURE__ */ e(ve, { children: p.length > 0 && /* @__PURE__ */ l(
+        se.div,
         {
           initial: { opacity: 0, y: 20 },
           animate: { opacity: 1, y: 0 },
@@ -2745,7 +2748,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
                 p.length,
                 ")"
               ] }),
-              n === se.DRIVE && /* @__PURE__ */ e(
+              n === le.DRIVE && /* @__PURE__ */ e(
                 Z,
                 {
                   value: T,
@@ -2762,7 +2765,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
                       /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(aa, { className: "h-5 w-5 text-gray-400" }) })
                     ] }),
                     /* @__PURE__ */ e(
-                      oe,
+                      ie,
                       {
                         as: Q,
                         leave: "transition ease-in duration-100",
@@ -2807,8 +2810,8 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(be, { children: p.map((F, z) => /* @__PURE__ */ l(
-              ne.div,
+            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(ve, { children: p.map((F, z) => /* @__PURE__ */ l(
+              se.div,
               {
                 layout: !0,
                 initial: { opacity: 0, x: -5 },
@@ -2828,7 +2831,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
                     /* @__PURE__ */ e("span", { className: "font-medium text-sm text-gray-800 truncate", children: F.name })
                   ] }),
                   /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
-                    n === se.DRIVE && /* @__PURE__ */ l("span", { className: "text-sm text-gray-500", children: [
+                    n === le.DRIVE && /* @__PURE__ */ l("span", { className: "text-sm text-gray-500", children: [
                       "can ",
                       F.permission
                     ] }),
@@ -2871,7 +2874,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
             onClick: () => V(j)(),
             disabled: N || M,
             className: "px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md shadow-sm hover:bg-blue-700 hover:cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:bg-blue-300 disabled:cursor-not-allowed",
-            children: N ? "Inviting..." : n === se.DRIVE ? "Send Invites" : "Add"
+            children: N ? "Inviting..." : n === le.DRIVE ? "Send Invites" : "Add"
           }
         )
       ] })
@@ -2911,7 +2914,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
         }
       ),
       /* @__PURE__ */ e(wr, { children: /* @__PURE__ */ e(
-        oe,
+        ie,
         {
           as: Q,
           show: o,
@@ -3037,7 +3040,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
               C
             )) }),
             /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
-              he,
+              pe,
               {
                 onDebouncedChange: a,
                 value: x,
@@ -3045,8 +3048,8 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
               }
             ) })
           ] }),
-          /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto p-4 h-[calc(100vh-330px)]", children: /* @__PURE__ */ e(be, { mode: "wait", children: /* @__PURE__ */ e(
-            ne.div,
+          /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto p-4 h-[calc(100vh-330px)]", children: /* @__PURE__ */ e(ve, { mode: "wait", children: /* @__PURE__ */ e(
+            se.div,
             {
               initial: { y: 10, opacity: 0 },
               animate: { y: 0, opacity: 1 },
@@ -3056,8 +3059,8 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
                 re.Panel,
                 {
                   className: "space-y-3 focus:outline-none",
-                  children: /* @__PURE__ */ e(be, { children: h[C].length > 0 ? h[C].map((T) => /* @__PURE__ */ l(
-                    ne.div,
+                  children: /* @__PURE__ */ e(ve, { children: h[C].length > 0 ? h[C].map((T) => /* @__PURE__ */ l(
+                    se.div,
                     {
                       layout: !0,
                       initial: { opacity: 0, y: 20 },
@@ -3112,7 +3115,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
                   )) : (
                     // Empty state is unchanged
                     /* @__PURE__ */ l(
-                      ne.div,
+                      se.div,
                       {
                         initial: { opacity: 0 },
                         animate: { opacity: 1 },
@@ -3178,7 +3181,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
     // Show 5 skeleton items while loading
     /* @__PURE__ */ e("div", { children: Array.from({ length: 5 }).map((h, g) => /* @__PURE__ */ e(Nn, {}, g)) })
   ) : v.length === 0 ? /* @__PURE__ */ l(
-    ne.div,
+    se.div,
     {
       initial: { opacity: 0, scale: 0.95 },
       animate: { opacity: 1, scale: 1 },
@@ -3190,14 +3193,14 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
       ]
     }
   ) : /* @__PURE__ */ e(
-    ne.ul,
+    se.ul,
     {
       variants: x,
       initial: "hidden",
       animate: "visible",
       className: "divide-y divide-gray-200",
-      children: /* @__PURE__ */ e(be, { children: v.map((h) => /* @__PURE__ */ l(
-        ne.li,
+      children: /* @__PURE__ */ e(ve, { children: v.map((h) => /* @__PURE__ */ l(
+        se.li,
         {
           layout: !0,
           variants: a,
@@ -3251,7 +3254,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
       )
     ] }),
     /* @__PURE__ */ e("div", { className: "p-4 border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ e(
-      he,
+      pe,
       {
         onDebouncedChange: c,
         value: i,
@@ -3260,7 +3263,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
     ) }),
     /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto", children: k() })
   ] });
-}, de = {
+}, ue = {
   INVITE: "invite",
   MANAGE: "manage",
   MEMBERS: "members"
@@ -3281,10 +3284,10 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
   allowedPermissions: c = [],
   ...y
 }) => {
-  const [v, x] = B(de.INVITE), [a, k] = B(t), [h, g] = B(null), [$, L] = B(!1), [O, C] = B([]), [T, I] = B(de.MANAGE), E = () => {
-    x(de.INVITE), g(null), u();
+  const [v, x] = B(ue.INVITE), [a, k] = B(t), [h, g] = B(null), [$, L] = B(!1), [O, C] = B([]), [T, I] = B(ue.MANAGE), E = () => {
+    x(ue.INVITE), g(null), u();
   }, V = () => {
-    x(de.MANAGE);
+    x(ue.MANAGE);
   }, q = async ({ id: p, name: f, type: w }) => {
     if (w === "groups") {
       try {
@@ -3294,21 +3297,21 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
       }
       C(resp);
     }
-    g({ id: p, type: w, name: f }), I(v), x(de.MEMBERS);
+    g({ id: p, type: w, name: f }), I(v), x(ue.MEMBERS);
   }, G = (p) => {
     console.log("changedExistingShares", p), k(p);
     const f = He.mapValues(t, (m) => m.map((b) => ({ id: b.id, permission: b.permission })).sort((b, D) => b.id - D.id)), w = He.mapValues(p, (m) => m.map((b) => ({ id: b.id, permission: b.permission })).sort((b, D) => b.id - D.id));
     console.log("Existing data:", f), console.log("Changed data:", w);
     const d = !He.isEqual(f, w);
-    console.log("hasPermissionChanged:", d), L(d), x(v === de.MEMBERS ? T : de.INVITE);
+    console.log("hasPermissionChanged:", d), L(d), x(v === ue.MEMBERS ? T : ue.INVITE);
   };
-  return /* @__PURE__ */ e(oe, { appear: !0, show: r, as: Q, children: /* @__PURE__ */ l(me, { as: "div", className: "relative z-50", onClose: E, children: [
+  return /* @__PURE__ */ e(ie, { appear: !0, show: r, as: Q, children: /* @__PURE__ */ l(he, { as: "div", className: "relative z-50", onClose: E, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
     /* @__PURE__ */ e("div", { className: "filter-modal-container", children: /* @__PURE__ */ e("div", { className: "filter-modal-positioner", children: /* @__PURE__ */ e(Se, { className: "filter-modal-panel", style: { background: "white" }, children: (() => {
       switch (v) {
-        case de.MANAGE:
+        case ue.MANAGE:
           return /* @__PURE__ */ e(
-            ne.div,
+            se.div,
             {
               initial: { x: "100%" },
               animate: { x: 0 },
@@ -3330,9 +3333,9 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
             },
             "manage"
           );
-        case de.MEMBERS:
+        case ue.MEMBERS:
           return /* @__PURE__ */ e(
-            ne.div,
+            se.div,
             {
               initial: { x: "100%" },
               animate: { x: 0 },
@@ -3355,7 +3358,7 @@ const De = dn(), Ee = De.axiosGet, un = De.axiosDelete, Re = De.axiosPost, mn =
           );
         default:
           return /* @__PURE__ */ e(
-            ne.div,
+            se.div,
             {
               initial: { x: 0 },
               animate: { x: 0 },
@@ -3410,11 +3413,11 @@ function Ye({
   getOptionId: h = ($) => String($.id),
   getOptionLabel: g = ($) => $.name
 }) {
-  const $ = ea(), L = ea(), [O, C] = B(""), T = ue(""), I = ce(() => {
+  const $ = ea(), L = ea(), [O, C] = B(""), T = me(""), I = de(() => {
     const p = /* @__PURE__ */ new Map();
     for (const f of r) p.set(h(f), f);
     return p;
-  }, [r, h]), E = ce(() => Array.isArray(s) ? s.map((p) => p && typeof p == "object" ? I.get(h(p)) || null : I.get(String(p))).filter(Boolean) : [], [s, I, h]), V = ce(() => {
+  }, [r, h]), E = de(() => Array.isArray(s) ? s.map((p) => p && typeof p == "object" ? I.get(h(p)) || null : I.get(String(p))).filter(Boolean) : [], [s, I, h]), V = de(() => {
     if (!O) return r;
     const p = O.toLowerCase();
     return r.filter((f) => g(f).toLowerCase().includes(p));
@@ -3473,7 +3476,7 @@ function Ye({
         }
       ),
       /* @__PURE__ */ e(
-        oe,
+        ie,
         {
           as: Q,
           show: p,
@@ -3482,7 +3485,7 @@ function Ye({
           leaveTo: "opacity-0",
           children: /* @__PURE__ */ l(Z.Options, { className: "absolute z-10 w-full py-1 mt-1 overflow-auto text-base bg-white rounded-md shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: [
             /* @__PURE__ */ e("div", { className: "p-2 sticky top-0 bg-white z-20 shadow-sm", children: /* @__PURE__ */ e(
-              he,
+              pe,
               {
                 value: O,
                 onDebouncedChange: C,
@@ -3592,7 +3595,7 @@ const hs = ({
     x.stopPropagation();
   };
   return /* @__PURE__ */ l(
-    me,
+    he,
     {
       open: t,
       onClose: () => r(!1),
@@ -3614,7 +3617,7 @@ const hs = ({
               /* @__PURE__ */ l("div", { className: "flex justify-between items-center border-b border-gray-200 p-6 flex-shrink-0", children: [
                 o?.customHeader && o.customHeader,
                 o?.title && !o?.customHeader && /* @__PURE__ */ e(_e, { className: "text-lg font-bold", children: o?.title }),
-                o?.isCrossShow && /* @__PURE__ */ e("button", { onClick: () => r(!1), className: "p-2", children: /* @__PURE__ */ e(ye, { className: "w-5 h-5" }) })
+                o?.isCrossShow && /* @__PURE__ */ e("button", { onClick: () => r(!1), className: "p-2", children: /* @__PURE__ */ e(fe, { className: "w-5 h-5" }) })
               ] }),
               /* @__PURE__ */ e(
                 "div",
@@ -3691,7 +3694,7 @@ function Cn({
   const { setNodeRef: k, isOver: h } = Ut({ id: x }), { attributes: g, listeners: $, setNodeRef: L, transform: O, isDragging: C } = Vt({ id: v }), T = O ? { transform: `translate3d(${Math.round(O.x)}px, ${Math.round(O.y)}px, 0)` } : void 0, [I, E] = B(!1), [V, q] = B(t.name), G = () => {
     const p = V.trim();
     E(!1), p && p !== t.name ? i?.(t, p) : q(t.name);
-  }, N = ce(() => /* @__PURE__ */ e(
+  }, N = de(() => /* @__PURE__ */ e(
     an,
     {
       options: [
@@ -3830,7 +3833,7 @@ function ps({
   // ← allow root moves by default now
   indentUnit: g = 24
 }) {
-  const { roots: $ } = ce(() => $n(t) ? An(t, { rootId: r, getId: o, getName: u }) : Tn(
+  const { roots: $ } = de(() => $n(t) ? An(t, { rootId: r, getId: o, getName: u }) : Tn(
     t.map((b) => ({ ...b })),
     { rootId: r, getId: o, getParent: n, getName: u }
   ), [t, r, o, n, u]), [L, O] = B({}), C = K((b) => {
@@ -3851,7 +3854,7 @@ function ps({
   ae.useEffect(() => E(Ae($)), [$]);
   const V = qt(
     jt(Yt, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), q = ue(null), [G, N] = B(null), p = ue(0), f = () => {
+  ), q = me(null), [G, N] = B(null), p = me(0), f = () => {
   }, w = ({ delta: b }) => {
     p.current = b?.x ?? 0;
   }, d = K(
@@ -3863,15 +3866,15 @@ function ps({
       let A = S;
       const M = Math.max(0, Math.floor(-R / g));
       if (M > 0) {
-        let ie = S;
+        let ce = S;
         for (let xe = 0; xe < M; xe++) {
-          const P = Ka(I, ie, null);
+          const P = Ka(I, ce, null);
           if (!P) break;
           if (!P.parentId) {
             A = r;
             break;
           }
-          A = P.parentId, ie = P.parentId;
+          A = P.parentId, ce = P.parentId;
         }
       }
       if (h && A === r) {
@@ -3880,8 +3883,8 @@ function ps({
       }
       const F = Ae(I), { newRoots: z, removed: U } = En(F, j);
       if (!U) return;
-      const Ne = Rn(z, A, U);
-      E(Ne), a?.({ sourceId: j, destParentId: A, newTree: Ne });
+      const ne = Rn(z, A, U);
+      E(ne), a?.({ sourceId: j, destParentId: A, newTree: ne });
     },
     [I, $, r, h, g, a]
   ), m = K(
@@ -3943,7 +3946,7 @@ function ps({
     )
   ] });
 }
-function fe(...t) {
+function be(...t) {
   return t.filter(Boolean).join(" ");
 }
 const gs = ({
@@ -3957,19 +3960,19 @@ const gs = ({
   ...c
   // Pass remaining props to Tab.Group
 }) => {
-  const y = s === "vertical", v = (k) => fe(
+  const y = s === "vertical", v = (k) => be(
     "text-left text-sm rounded-md px-2 py-1.5 focus:outline-none",
     k ? "bg-indigo-50 text-indigo-700" : "text-slate-600 hover:bg-slate-50 hover:text-indigo-700"
-  ), x = (k) => fe(
+  ), x = (k) => be(
     "py-2 -mb-px text-sm font-medium focus:outline-none border-b-2",
     k ? "border-indigo-600 text-indigo-700" : "border-transparent text-slate-600 hover:text-indigo-700"
   ), a = ({ selected: k }) => i ? typeof i == "function" ? i(k) : i : y ? v(k) : x(k);
-  return /* @__PURE__ */ e(re.Group, { vertical: y, ...c, children: y ? /* @__PURE__ */ l("div", { className: fe("flex gap-4", o), children: [
-    /* @__PURE__ */ e(re.List, { className: fe("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", n), children: t.map((k) => /* @__PURE__ */ e(re, { className: a, children: k.label }, k.key)) }),
-    /* @__PURE__ */ e(re.Panels, { unmount: !r, className: fe("flex-1", u), children: t.map((k) => /* @__PURE__ */ e(re.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: k.content }) }, k.key)) })
+  return /* @__PURE__ */ e(re.Group, { vertical: y, ...c, children: y ? /* @__PURE__ */ l("div", { className: be("flex gap-4", o), children: [
+    /* @__PURE__ */ e(re.List, { className: be("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", n), children: t.map((k) => /* @__PURE__ */ e(re, { className: a, children: k.label }, k.key)) }),
+    /* @__PURE__ */ e(re.Panels, { unmount: !r, className: be("flex-1", u), children: t.map((k) => /* @__PURE__ */ e(re.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: k.content }) }, k.key)) })
   ] }) : /* @__PURE__ */ l(ee, { children: [
-    /* @__PURE__ */ e(re.List, { className: fe("flex gap-6 border-b border-gray-300 mb-3", n), children: t.map((k) => /* @__PURE__ */ e(re, { className: a, children: k.label }, k.key)) }),
-    /* @__PURE__ */ e(re.Panels, { unmount: !r, className: fe("mt-2", u), children: t.map((k) => /* @__PURE__ */ e(re.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: k.content }) }, k.key)) })
+    /* @__PURE__ */ e(re.List, { className: be("flex gap-6 border-b border-gray-300 mb-3", n), children: t.map((k) => /* @__PURE__ */ e(re, { className: a, children: k.label }, k.key)) }),
+    /* @__PURE__ */ e(re.Panels, { unmount: !r, className: be("mt-2", u), children: t.map((k) => /* @__PURE__ */ e(re.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: k.content }) }, k.key)) })
   ] }) });
 };
 function In({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
@@ -3977,7 +3980,7 @@ function In({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
   const [n, u] = ae.useState(t), [i, c] = ae.useState(() => {
     const a = r && r[t.key] || {};
     return console.log("Initial Section data for", t.key, a), a;
-  }), y = ue(r);
+  }), y = me(r);
   X(() => {
     if (y.current !== r) {
       y.current = r;
@@ -3985,7 +3988,7 @@ function In({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       console.log("Updated Section data for", t.key, a), c(a);
     }
   }, [r, t.key]), console.log("Section data", i);
-  const v = ue(i);
+  const v = me(i);
   X(() => {
     v.current !== i && s && typeof s == "function" && (v.current = i, s(n.key, i));
   }, [n.key, i, s]);
@@ -4304,7 +4307,7 @@ function In({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       ] }),
       a.fieldtype === "search" && /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ e(
-          he,
+          pe,
           {
             value: i[a.key] || "",
             onChange: (h) => {
@@ -4458,7 +4461,7 @@ function Pn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
   const [x, a] = B(() => {
     const N = r && r[n.key] || [], p = N.length > 0 ? N : [{ id: 0 }];
     return console.log(`[DataTableRenderer] ${n.key} - Initial data:`, p), p;
-  }), k = ue(r);
+  }), k = me(r);
   X(() => {
     if (console.log(`[DataTableRenderer] ${n.key} - Checking for initialData changes`), console.log(`[DataTableRenderer] ${n.key} - Previous:`, k.current), console.log(`[DataTableRenderer] ${n.key} - Current:`, r), k.current !== r) {
       k.current = r;
@@ -4466,7 +4469,7 @@ function Pn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       console.log(`[DataTableRenderer] ${n.key} - Setting new data:`, p), a(p);
     }
   }, [r, n.key]);
-  const h = ue(x), g = ue(null);
+  const h = me(x), g = me(null);
   X(() => {
     h.current !== x && s && typeof s == "function" && (h.current = x, g.current && clearTimeout(g.current), g.current = setTimeout(() => {
       s(n.key, x);
@@ -4703,7 +4706,7 @@ function Pn({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         );
       case "search":
         return (d, m) => /* @__PURE__ */ e(
-          he,
+          pe,
           {
             value: d[N.key] || "",
             onChange: (b) => p(m, b),
@@ -4938,11 +4941,11 @@ const fa = () => {
 }, ba = () => {
   typeof document > "u" || (Me = Math.max(0, Me - 1), Me === 0 && document.body.classList.remove("toast-backdrop"));
 }, ke = {
-  success: (t, r) => le.success(t, { ...Te, ...r }),
-  info: (t, r) => le.info(t, { ...Te, ...r }),
-  warn: (t, r) => le.warn(t, { ...Te, ...r }),
+  success: (t, r) => oe.success(t, { ...Te, ...r }),
+  info: (t, r) => oe.info(t, { ...Te, ...r }),
+  warn: (t, r) => oe.warn(t, { ...Te, ...r }),
   // Error: no autoClose + modal-like behavior via backdrop
-  error: (t, r) => le.error(t, {
+  error: (t, r) => oe.error(t, {
     ...Te,
     autoClose: !1,
     closeOnClick: !1,
@@ -4952,7 +4955,7 @@ const fa = () => {
     ...r
   }),
   // Promise helper (error branch inherits the modal behavior)
-  promise: (t, r, s) => le.promise(
+  promise: (t, r, s) => oe.promise(
     t,
     {
       pending: r?.pending,
@@ -5002,7 +5005,7 @@ const fa = () => {
         A.sort((M, F) => (M.order ?? 0) - (F.order ?? 0)), g(A), s?.(A);
       }
     } catch (S) {
-      console.log("Error loading collections:", S), typeof window < "u" && !window.location.pathname.includes("iframe.html") && le.error("Failed to load collections");
+      console.log("Error loading collections:", S), typeof window < "u" && !window.location.pathname.includes("iframe.html") && oe.error("Failed to load collections");
     }
   };
   X(() => {
@@ -5052,25 +5055,25 @@ const fa = () => {
             (z) => z.id === v ? A && A.id ? { ...z, ...A } : { ...z, categoryName: a.trim() } : z
           );
           return s?.(F), F;
-        }), le.success("Collection updated successfully");
+        }), oe.success("Collection updated successfully");
       }
       x(null), k("");
     } catch (A) {
-      console.log(A), le.error("Failed to save collection");
+      console.log(A), oe.error("Failed to save collection");
     }
   }, p = async (S) => {
     if (i)
       try {
-        await un(`${t.collectionUpdate}/${S.id}`) && (le.success("Deleted successfully", { autoClose: 3e3 }), E());
+        await un(`${t.collectionUpdate}/${S.id}`) && (oe.success("Deleted successfully", { autoClose: 3e3 }), E());
       } catch (A) {
-        console.log(A), le.error("Failed to delete collection");
+        console.log(A), oe.error("Failed to delete collection");
       }
   }, f = (S, A, M) => {
     if (!c || !A || !M || A === M) return S;
-    const F = S.findIndex((ie) => ie.id === A), z = S.findIndex((ie) => ie.id === M);
+    const F = S.findIndex((ce) => ce.id === A), z = S.findIndex((ce) => ce.id === M);
     if (F === -1 || z === -1) return S;
-    const U = [...S], [Ne] = U.splice(F, 1);
-    return U.splice(z, 0, Ne), U.map((ie, xe) => ({ ...ie, order: xe + 1 }));
+    const U = [...S], [ne] = U.splice(F, 1);
+    return U.splice(z, 0, ne), U.map((ce, xe) => ({ ...ce, order: xe + 1 }));
   }, w = async (S) => {
     const A = S.map((M) => ({
       id: M.id,
@@ -5080,7 +5083,7 @@ const fa = () => {
     try {
       await Re(t.updateCollection, A);
     } catch (M) {
-      console.log(M), le.error("Failed to save order", { autoClose: 2500 });
+      console.log(M), oe.error("Failed to save order", { autoClose: 2500 });
     }
   }, d = (S, A) => {
     c && (S.dataTransfer.effectAllowed = "move", S.dataTransfer.setData("text/plain", String(A)), L(A));
@@ -5103,7 +5106,7 @@ const fa = () => {
   return /* @__PURE__ */ l("div", { className: `manage-collection-list ${r}`, children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ l("div", { className: "w-1/2 flex justify-end", children: [
       o && /* @__PURE__ */ e(
-        he,
+        pe,
         {
           value: T,
           onDebouncedChange: I,
@@ -5161,7 +5164,7 @@ const fa = () => {
                   className: "cursor-pointer border border-gray-300 p-2 rounded-2xl",
                   onClick: G,
                   "aria-label": "Cancel edit",
-                  children: /* @__PURE__ */ e(ye, { color: "#767676" })
+                  children: /* @__PURE__ */ e(fe, { color: "#767676" })
                 }
               ),
               /* @__PURE__ */ e(
@@ -5279,7 +5282,7 @@ function Un({
   onCancel: o,
   onSave: n
 }) {
-  const [u, i] = ae.useState(r), [c, y] = ae.useState(null), [v, x] = B(!1), [a, k] = B(!1), [h, g] = B({}), $ = `${ve()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, L = $, [O, C] = B(1), T = (f) => {
+  const [u, i] = ae.useState(r), [c, y] = ae.useState(null), [v, x] = B(!1), [a, k] = B(!1), [h, g] = B({}), $ = `${Ne()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, L = $, [O, C] = B(1), T = (f) => {
     if (!r || !r.configuration)
       return f;
     const w = {}, d = f?.configuration || {};
@@ -5811,7 +5814,7 @@ const bs = ({
     ] }),
     /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
       y && /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
-        he,
+        pe,
         {
           placeholder: L,
           value: V,
@@ -5932,16 +5935,16 @@ function vs(t) {
     onRowDoubleClick: V,
     apiRef: q,
     gridProps: G = {}
-  } = t, N = ue(null), {
+  } = t, N = me(null), {
     pageSettings: p,
     sortSettings: f,
     ...w
-  } = G || {}, [d, m] = ae.useState(p?.page || 1), [b, D] = ae.useState(f?.pageSize || 20), [R, j] = ae.useState(f?.sortKey || "updatedDate"), [S, A] = ae.useState(f?.direction || "Descending"), M = ce(() => {
+  } = G || {}, [d, m] = ae.useState(p?.page || 1), [b, D] = ae.useState(f?.pageSize || 20), [R, j] = ae.useState(f?.sortKey || "updatedDate"), [S, A] = ae.useState(f?.direction || "Descending"), M = de(() => {
     const P = [Fr];
     return i && P.push($r), c && P.push(Tr), y && P.push(Ar), g && P.push(Er), a && P.push(Rr), k && P.push(Ir), h && P.push(zr), x && P.push(Pr), v && P.push(Br), P.push(Lr), P;
-  }, [i, c, y, g, a, k, h, x, v]), F = ce(() => {
-    const P = () => N.current, te = (W, pe) => {
-      !pe && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${W} requested but related service/feature is disabled.`);
+  }, [i, c, y, g, a, k, h, x, v]), F = de(() => {
+    const P = () => N.current, te = (W, ge) => {
+      !ge && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${W} requested but related service/feature is disabled.`);
     };
     return {
       getInstance: () => P(),
@@ -5960,8 +5963,8 @@ function vs(t) {
       pdfExport: (W) => {
         te("pdfExport()", k), P()?.pdfExport?.(W);
       },
-      openColumnChooser: (W, pe) => {
-        te("openColumnChooser()", h), P()?.columnChooserModule?.openColumnChooser?.(W, pe);
+      openColumnChooser: (W, ge) => {
+        te("openColumnChooser()", h), P()?.columnChooserModule?.openColumnChooser?.(W, ge);
       }
     };
   }, []);
@@ -5974,12 +5977,12 @@ function vs(t) {
     const te = String(P || "");
     return te === "Ascending" || te === "Descending" ? te : te.toLowerCase() === "ascending" ? "Ascending" : "Descending";
   }, U = (P) => {
-    const te = N.current, W = P?.requestType, pe = W === "paging" ? "paging" : W === "sorting" ? "sorting" : W === "searching" ? "searching" : W === "filtering" ? "filtering" : W === "grouping" ? "grouping" : W === "reorder" ? "reorder" : W === "columnstate" ? "columnstate" : "other", Fe = P?.pageSize ?? te?.pageSettings?.pageSize ?? b, Ie = P?.currentPage ?? te?.pageSettings?.currentPage ?? n, Je = P?.columnName && P?.direction ? [{ field: P.columnName, dir: z(P.direction) }] : (te?.sortSettings?.columns || []).map(($e) => ({
+    const te = N.current, W = P?.requestType, ge = W === "paging" ? "paging" : W === "sorting" ? "sorting" : W === "searching" ? "searching" : W === "filtering" ? "filtering" : W === "grouping" ? "grouping" : W === "reorder" ? "reorder" : W === "columnstate" ? "columnstate" : "other", Fe = P?.pageSize ?? te?.pageSettings?.pageSize ?? b, Ie = P?.currentPage ?? te?.pageSettings?.currentPage ?? n, Je = P?.columnName && P?.direction ? [{ field: P.columnName, dir: z(P.direction) }] : (te?.sortSettings?.columns || []).map(($e) => ({
       field: $e.field,
       dir: z($e.direction ?? $e.dir)
     })), Qe = P?.searchString ?? "", Xe = P?.columns ?? te?.filterSettings?.columns ?? [];
     return {
-      reason: pe,
+      reason: ge,
       page: { index: Ie, size: Fe, skip: (Ie - 1) * Fe, take: Fe },
       sort: Je,
       // [{ field, dir: 'Ascending'|'Descending' }]
@@ -5987,17 +5990,17 @@ function vs(t) {
       filters: Xe,
       rawEvent: P
     };
-  }, Ne = (P) => {
+  }, ne = (P) => {
     setTimeout(() => {
       N?.current?.hideSpinner();
     }, 1e3), P.requestType === "paging" && (m(P.currentPage), D(P.pageSize)), P.requestType === "sorting" && (j(P.columnName || "updatedDate"), A(P.direction === "Ascending" ? "ASC" : "DESC")), T && T(U(P), P);
-  }, ie = (P) => {
+  }, ce = (P) => {
     typeof V == "function" && V(P?.rowData, P);
   }, xe = () => {
     const P = [];
     return O && P.push(/* @__PURE__ */ e(ia, { type: "checkbox", width: "50" }, "__checkbox__")), C.forEach((te, W) => {
       const {
-        field: pe,
+        field: ge,
         headerText: Fe,
         width: Ie,
         textAlign: Je = "Left",
@@ -6018,7 +6021,7 @@ function vs(t) {
         /* @__PURE__ */ e(
           ia,
           {
-            field: pe,
+            field: ge,
             headerText: Fe,
             width: Ie,
             textAlign: Je,
@@ -6035,7 +6038,7 @@ function vs(t) {
             customAttributes: ct,
             ...dt
           },
-          pe || `col-${W}`
+          ge || `col-${W}`
         )
       );
     }), P;
@@ -6063,10 +6066,10 @@ function vs(t) {
         columns: [{ field: R, direction: z(S) }],
         allowUnsort: !1
       },
-      actionBegin: Ne,
+      actionBegin: ne,
       rowSelected: I,
       rowDeselected: E,
-      recordDoubleClick: ie,
+      recordDoubleClick: ce,
       ...w,
       children: [
         /* @__PURE__ */ e(Mr, { children: xe() }),
@@ -6103,7 +6106,7 @@ export {
   os as PageLayout,
   ts as Pagination,
   Ua as RadioGroup,
-  he as SearchBar,
+  pe as SearchBar,
   ra as Select,
   rs as Sidebar,
   qa as Spinner,
@@ -6125,7 +6128,7 @@ export {
   sn as directoryPermissionsApi,
   ln as filePermissionsApi,
   Ya as gateWayUrl,
-  ve as gatewayBase,
+  Ne as gatewayBase,
   We as getBaseUrl,
   ds as getSnapshot,
   ms as http,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "unifyedx-storybook-new",
   "private": false,
-  "version": "0.2.16",
+  "version": "0.2.18",
   "type": "module",
   "main": "dist/unifyedx-storybook-new.es.js",
   "module": "dist/unifyedx-storybook-new.es.js",