@kaushalparajuli/react-crud-ui 1.0.6 → 1.0.8

package/dist/index.js

@@ -6003,7 +6003,7 @@ var Ta = "PopperAnchor", Ma = l.forwardRef(
 Ma.displayName = Ta;
 var Wo = "PopperContent", [sg, ig] = _a(Wo), Ia = l.forwardRef(
   (e, t) => {
-    var I, Q, Y, J, ee, re;
+    var I, Q, Y, ee, J, re;
     const {
       __scopePopper: r,
       side: n = "bottom",
@@ -6073,8 +6073,8 @@ var Wo = "PopperContent", [sg, ig] = _a(Wo), Ia = l.forwardRef(
           minWidth: "max-content",
           zIndex: he,
           "--radix-popper-transform-origin": [
-            (J = F.transformOrigin) == null ? void 0 : J.x,
-            (ee = F.transformOrigin) == null ? void 0 : ee.y
+            (ee = F.transformOrigin) == null ? void 0 : ee.x,
+            (J = F.transformOrigin) == null ? void 0 : J.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
@@ -7150,9 +7150,9 @@ var ze = 10, [tl, St] = Qt(Tt), Pv = "SelectContentImpl", Av = /* @__PURE__ */ $
     }, [x]), Io();
     const j = l.useCallback(
       (I) => {
-        const [Q, ...Y] = R().map((re) => re.ref.current), [J] = Y.slice(-1), ee = document.activeElement;
+        const [Q, ...Y] = R().map((re) => re.ref.current), [ee] = Y.slice(-1), J = document.activeElement;
         for (const re of I)
-          if (re === ee || (re == null || re.scrollIntoView({ block: "nearest" }), re === Q && E && (E.scrollTop = 0), re === J && E && (E.scrollTop = E.scrollHeight), re == null || re.focus(), document.activeElement !== ee)) return;
+          if (re === J || (re == null || re.scrollIntoView({ block: "nearest" }), re === Q && E && (E.scrollTop = 0), re === ee && E && (E.scrollTop = E.scrollHeight), re == null || re.focus(), document.activeElement !== J)) return;
       },
       [R, E]
     ), z = l.useCallback(
@@ -7166,14 +7166,14 @@ var ze = 10, [tl, St] = Qt(Tt), Pv = "SelectContentImpl", Av = /* @__PURE__ */ $
     l.useEffect(() => {
       if (x) {
         let I = { x: 0, y: 0 };
-        const Q = (J) => {
-          var ee, re;
+        const Q = (ee) => {
+          var J, re;
           I = {
-            x: Math.abs(Math.round(J.pageX) - (((ee = $.current) == null ? void 0 : ee.x) ?? 0)),
-            y: Math.abs(Math.round(J.pageY) - (((re = $.current) == null ? void 0 : re.y) ?? 0))
+            x: Math.abs(Math.round(ee.pageX) - (((J = $.current) == null ? void 0 : J.x) ?? 0)),
+            y: Math.abs(Math.round(ee.pageY) - (((re = $.current) == null ? void 0 : re.y) ?? 0))
           };
-        }, Y = (J) => {
-          I.x <= 10 && I.y <= 10 ? J.preventDefault() : x.contains(J.target) || F(!1), document.removeEventListener("pointermove", Q), $.current = null;
+        }, Y = (ee) => {
+          I.x <= 10 && I.y <= 10 ? ee.preventDefault() : x.contains(ee.target) || F(!1), document.removeEventListener("pointermove", Q), $.current = null;
         };
         return $.current !== null && (document.addEventListener("pointermove", Q), document.addEventListener("pointerup", Y, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", Q), document.removeEventListener("pointerup", Y, { capture: !0 });
@@ -7186,18 +7186,18 @@ var ze = 10, [tl, St] = Qt(Tt), Pv = "SelectContentImpl", Av = /* @__PURE__ */ $
       };
     }, [F]);
     const [te, W] = wl((I) => {
-      const Q = R().filter((ee) => !ee.disabled), Y = Q.find((ee) => ee.ref.current === document.activeElement), J = xl(Q, I, Y);
-      J && setTimeout(() => J.ref.current.focus());
+      const Q = R().filter((J) => !J.disabled), Y = Q.find((J) => J.ref.current === document.activeElement), ee = xl(Q, I, Y);
+      ee && setTimeout(() => ee.ref.current.focus());
     }), ne = l.useCallback(
       (I, Q, Y) => {
-        const J = !X.current && !Y;
-        (w.value !== void 0 && w.value === Q || J) && (D(I), J && (X.current = !0));
+        const ee = !X.current && !Y;
+        (w.value !== void 0 && w.value === Q || ee) && (D(I), ee && (X.current = !0));
       },
       [w.value]
     ), ce = l.useCallback(() => x == null ? void 0 : x.focus(), [x]), pe = l.useCallback(
       (I, Q, Y) => {
-        const J = !X.current && !Y;
-        (w.value !== void 0 && w.value === Q || J) && T(I);
+        const ee = !X.current && !Y;
+        (w.value !== void 0 && w.value === Q || ee) && T(I);
       },
       [w.value]
     ), he = n === "popper" ? lo : nl, ge = he === lo ? {
@@ -7272,12 +7272,12 @@ var ze = 10, [tl, St] = Qt(Tt), Pv = "SelectContentImpl", Av = /* @__PURE__ */ $
                     onKeyDown: G(b.onKeyDown, (I) => {
                       const Q = I.ctrlKey || I.altKey || I.metaKey;
                       if (I.key === "Tab" && I.preventDefault(), !Q && I.key.length === 1 && W(I.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(I.key)) {
-                        let J = R().filter((ee) => !ee.disabled).map((ee) => ee.ref.current);
-                        if (["ArrowUp", "End"].includes(I.key) && (J = J.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(I.key)) {
-                          const ee = I.target, re = J.indexOf(ee);
-                          J = J.slice(re + 1);
+                        let ee = R().filter((J) => !J.disabled).map((J) => J.ref.current);
+                        if (["ArrowUp", "End"].includes(I.key) && (ee = ee.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(I.key)) {
+                          const J = I.target, re = ee.indexOf(J);
+                          ee = ee.slice(re + 1);
                         }
-                        setTimeout(() => j(J)), I.preventDefault();
+                        setTimeout(() => j(ee)), I.preventDefault();
                       }
                     })
                   }
@@ -7296,7 +7296,7 @@ var Tv = "SelectItemAlignedPosition", nl = l.forwardRef((e, t) => {
     if (s.trigger && s.valueNode && a && u && h && y && b) {
       const _ = s.trigger.getBoundingClientRect(), O = u.getBoundingClientRect(), D = s.valueNode.getBoundingClientRect(), L = b.getBoundingClientRect();
       if (s.dir !== "rtl") {
-        const ee = L.left - O.left, re = D.left - ee, _e = _.left - re, Pe = _.width + _e, Ne = Math.max(Pe, O.width), at = window.innerWidth - ze, Ue = ro(re, [
+        const J = L.left - O.left, re = D.left - J, _e = _.left - re, Pe = _.width + _e, Ne = Math.max(Pe, O.width), at = window.innerWidth - ze, Ue = ro(re, [
           ze,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -7307,7 +7307,7 @@ var Tv = "SelectItemAlignedPosition", nl = l.forwardRef((e, t) => {
         ]);
         a.style.minWidth = Pe + "px", a.style.left = Ue + "px";
       } else {
-        const ee = O.right - L.right, re = window.innerWidth - D.right - ee, _e = window.innerWidth - _.right - re, Pe = _.width + _e, Ne = Math.max(Pe, O.width), at = window.innerWidth - ze, Ue = ro(re, [
+        const J = O.right - L.right, re = window.innerWidth - D.right - J, _e = window.innerWidth - _.right - re, Pe = _.width + _e, Ne = Math.max(Pe, O.width), at = window.innerWidth - ze, Ue = ro(re, [
           ze,
           Math.max(ze, at - Ne)
         ]);
@@ -7315,21 +7315,21 @@ var Tv = "SelectItemAlignedPosition", nl = l.forwardRef((e, t) => {
       }
       const T = m(), R = window.innerHeight - ze * 2, H = h.scrollHeight, U = window.getComputedStyle(u), X = parseInt(U.borderTopWidth, 10), j = parseInt(U.paddingTop, 10), z = parseInt(U.borderBottomWidth, 10), F = parseInt(U.paddingBottom, 10), $ = X + j + H + F + z, te = Math.min(y.offsetHeight * 5, $), W = window.getComputedStyle(h), ne = parseInt(W.paddingTop, 10), ce = parseInt(W.paddingBottom, 10), pe = _.top + _.height / 2 - ze, he = R - pe, ge = y.offsetHeight / 2, I = y.offsetTop + ge, Q = X + j + I, Y = $ - Q;
       if (Q <= pe) {
-        const ee = T.length > 0 && y === T[T.length - 1].ref.current;
+        const J = T.length > 0 && y === T[T.length - 1].ref.current;
         a.style.bottom = "0px";
         const re = u.clientHeight - h.offsetTop - h.offsetHeight, _e = Math.max(
           he,
           ge + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (ee ? ce : 0) + re + z
+          (J ? ce : 0) + re + z
         ), Pe = Q + _e;
         a.style.height = Pe + "px";
       } else {
-        const ee = T.length > 0 && y === T[0].ref.current;
+        const J = T.length > 0 && y === T[0].ref.current;
         a.style.top = "0px";
         const _e = Math.max(
           pe,
           X + h.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (ee ? ne : 0) + ge
+          (J ? ne : 0) + ge
         ) + Y;
         a.style.height = _e + "px", h.scrollTop = Q - pe + h.offsetTop;
       }
@@ -10015,8 +10015,8 @@ var Be = "MenuContent", [vw, os] = It(Be), Jc = l.forwardRef(
     } = e, y = Ct(Be, r), b = Er(Be, r), w = Cr(r), x = Yc(r), S = fw(r), [E, A] = l.useState(null), _ = l.useRef(null), O = se(t, _, y.onContentChange), D = l.useRef(0), L = l.useRef(""), T = l.useRef(0), R = l.useRef(null), H = l.useRef("right"), U = l.useRef(0), X = v ? yn : l.Fragment, j = v ? { as: ww, allowPinchZoom: !0 } : void 0, z = ($) => {
       var I, Q;
       const te = L.current + $, W = S().filter((Y) => !Y.disabled), ne = document.activeElement, ce = (I = W.find((Y) => Y.ref.current === ne)) == null ? void 0 : I.textValue, pe = W.map((Y) => Y.textValue), he = Iw(pe, te, ce), ge = (Q = W.find((Y) => Y.textValue === he)) == null ? void 0 : Q.ref.current;
-      (function Y(J) {
-        L.current = J, window.clearTimeout(D.current), J !== "" && (D.current = window.setTimeout(() => Y(""), 1e3));
+      (function Y(ee) {
+        L.current = ee, window.clearTimeout(D.current), ee !== "" && (D.current = window.setTimeout(() => Y(""), 1e3));
       })(te), ge && setTimeout(() => ge.focus());
     };
     l.useEffect(() => () => window.clearTimeout(D.current), []), Io();
@@ -12485,13 +12485,8 @@ const Cd = ({
   }, W = (I, Q) => {
     Q ? E == null || E([...S, I]) : E == null || E(S.filter((Y) => Y !== I));
   }, ne = e.length > 0 && S.length === e.length, ce = S.length > 0 && S.length < e.length, pe = (I, Q, Y) => {
-    if (I.render)
-      return I.render(Q, Y);
-    if (I.accessor) {
-      const J = typeof I.accessor == "function" ? I.accessor(Q) : Q[I.accessor];
-      return I.format ? I.format(J, Q) : J ?? "-";
-    }
-    return "-";
+    const ee = I.accessor || I.key, J = ee ? typeof ee == "function" ? ee(Q) : Q[ee] : void 0;
+    return I.render ? I.render(J, Q, Y) : I.format ? I.format(J, Q) : J !== null && typeof J == "object" ? "-" : J ?? "-";
   }, he = (I) => {
     if (!f || !I.sortable) return null;
     const Q = I.sortKey || I.accessor;
@@ -12507,12 +12502,12 @@ const Cd = ({
       /* @__PURE__ */ M(ju, { align: "end", children: [
         /* @__PURE__ */ d(Gu, { children: "Actions" }),
         /* @__PURE__ */ d(Ku, {}),
-        Q.map((Y, J) => /* @__PURE__ */ M(
+        Q.map((Y, ee) => /* @__PURE__ */ M(
           zu,
           {
             onClick: () => {
-              var ee;
-              return (ee = Y.onClick) == null ? void 0 : ee.call(Y, I);
+              var J;
+              return (J = Y.onClick) == null ? void 0 : J.call(Y, I);
             },
             className: k(
               Y.variant === "destructive" && "text-destructive focus:text-destructive"
@@ -12523,7 +12518,7 @@ const Cd = ({
               Y.label
             ]
           },
-          Y.label || J
+          Y.label || ee
         ))
       ] })
     ] });
@@ -12625,11 +12620,11 @@ const Cd = ({
           )
         }
       ) }) : e.map((I, Q) => {
-        const Y = j(I), J = S.includes(Y);
+        const Y = j(I), ee = S.includes(Y);
         return /* @__PURE__ */ M(
           sr,
           {
-            "data-state": J ? "selected" : void 0,
+            "data-state": ee ? "selected" : void 0,
             className: k(
               O && Q % 2 === 1 && "bg-muted/50",
               D && "cursor-pointer",
@@ -12637,25 +12632,25 @@ const Cd = ({
             ),
             onClick: () => _ == null ? void 0 : _(I),
             children: [
-              x && /* @__PURE__ */ d(Vt, { onClick: (ee) => ee.stopPropagation(), children: /* @__PURE__ */ d(
+              x && /* @__PURE__ */ d(Vt, { onClick: (J) => J.stopPropagation(), children: /* @__PURE__ */ d(
                 Hr,
                 {
-                  checked: J,
-                  onCheckedChange: (ee) => W(Y, ee)
+                  checked: ee,
+                  onCheckedChange: (J) => W(Y, J)
                 }
               ) }),
-              t.map((ee, re) => /* @__PURE__ */ d(
+              t.map((J, re) => /* @__PURE__ */ d(
                 Vt,
                 {
                   className: k(
                     L && "py-2",
-                    ee.cellClassName
+                    J.cellClassName
                   ),
-                  children: pe(ee, I, Q)
+                  children: pe(J, I, Q)
                 },
-                ee.accessor || re
+                J.accessor || re
               )),
-              A && A.length > 0 && /* @__PURE__ */ d(Vt, { onClick: (ee) => ee.stopPropagation(), children: ge(I) })
+              A && A.length > 0 && /* @__PURE__ */ d(Vt, { onClick: (J) => J.stopPropagation(), children: ge(I) })
             ]
           },
           Y
@@ -12737,8 +12732,8 @@ const oS = ({
   className: Q,
   // Delete confirmation
   deleteConfirmTitle: Y,
-  deleteConfirmDescription: J,
-  getDeleteItemName: ee,
+  deleteConfirmDescription: ee,
+  getDeleteItemName: J,
   // Custom filter components
   filters: re,
   // Whether to show header actions
@@ -12808,7 +12803,7 @@ const oS = ({
       variant: "destructive",
       onClick: Es
     }), [...ie, ...H];
-  }, [T, R, E, A, Dt, _, te, W, ne, Ss, Cs, Es, H]), Ln = L || S, Vd = Ce || O, Ns = l.useMemo(() => je ? ee ? ee(je) : je.name || je.title || ce : ce, [je, ee, ce]), Rs = () => ge ? /* @__PURE__ */ M("div", { className: "flex items-center gap-2", children: [
+  }, [T, R, E, A, Dt, _, te, W, ne, Ss, Cs, Es, H]), Ln = L || S, Vd = Ce || O, Ns = l.useMemo(() => je ? J ? J(je) : je.name || je.title || ce : ce, [je, J, ce]), Rs = () => ge ? /* @__PURE__ */ M("div", { className: "flex items-center gap-2", children: [
     _e,
     b && w.length > 0 && U.length > 0 && /* @__PURE__ */ d(Te, { children: U.map((ie, Fn) => /* @__PURE__ */ M(
       fe,
@@ -12889,7 +12884,7 @@ const oS = ({
         onOpenChange: Ue,
         onConfirm: Ld,
         title: Y || `Delete ${ce}`,
-        description: J || `Are you sure you want to delete "${Ns}"? This action cannot be undone.`,
+        description: ee || `Are you sure you want to delete "${Ns}"? This action cannot be undone.`,
         itemName: Ns,
         loading: C
       }
@@ -13656,7 +13651,7 @@ function RS(e = {}) {
           P = q(n, C, {}), P._f && (P._f.mount = !1), (t.shouldUnregister || N.shouldUnregister) && !(aS(a.array, C) && i.action) && a.unMount.add(C);
       }
     };
-  }, J = () => t.shouldFocusError && ar(n, F, a.mount), ee = (C) => {
+  }, ee = () => t.shouldFocusError && ar(n, F, a.mount), J = (C) => {
     Je(C) && (m.state.next({ disabled: C }), ar(n, (N, P) => {
       const K = q(n, P);
       K && (N.disabled = K._f.disabled || C, Array.isArray(K._f.refs) && K._f.refs.forEach((B) => {
@@ -13687,7 +13682,7 @@ function RS(e = {}) {
         K = V;
       }
     } else
-      N && await N({ ...r.errors }, P), J(), setTimeout(J);
+      N && await N({ ...r.errors }, P), ee(), setTimeout(ee);
     if (m.state.next({
       isSubmitted: !0,
       isSubmitting: !1,
@@ -13774,7 +13769,7 @@ function RS(e = {}) {
       setError: ce,
       _subscribe: he,
       _runSchema: _,
-      _focusError: J,
+      _focusError: ee,
       _getWatch: R,
       _getDirty: T,
       _setValid: h,
@@ -13789,7 +13784,7 @@ function RS(e = {}) {
         });
       }),
       _removeUnmounted: L,
-      _disableForm: ee,
+      _disableForm: J,
       _subjects: m,
       _proxyFormState: p,
       get _fields() {
@@ -14026,7 +14021,7 @@ const IS = ({
       console.error("Form submission error:", F);
     }
   }, U = (z) => {
-    var ee;
+    var J;
     const {
       name: F,
       type: $ = "text",
@@ -14038,7 +14033,7 @@ const IS = ({
       options: he = [],
       className: ge,
       ...I
-    } = z, Q = (ee = A[F]) == null ? void 0 : ee.message, Y = L(F), J = {
+    } = z, Q = (J = A[F]) == null ? void 0 : J.message, Y = L(F), ee = {
       label: te,
       placeholder: W,
       description: ne,
@@ -14057,7 +14052,7 @@ const IS = ({
         return /* @__PURE__ */ d(
           bo,
           {
-            ...J,
+            ...ee,
             type: $,
             ...S.register(F),
             ...I
@@ -14067,7 +14062,7 @@ const IS = ({
         return /* @__PURE__ */ d(
           hd,
           {
-            ...J,
+            ...ee,
             ...S.register(F),
             ...I
           }
@@ -14076,7 +14071,7 @@ const IS = ({
         return /* @__PURE__ */ d(
           gd,
           {
-            ...J,
+            ...ee,
             options: he,
             value: Y,
             onChange: (re) => T(F, re, { shouldValidate: !0 }),
@@ -14087,7 +14082,7 @@ const IS = ({
         return /* @__PURE__ */ d(
           vd,
           {
-            ...J,
+            ...ee,
             options: he,
             value: Y,
             onChange: (re) => T(F, re, { shouldValidate: !0 }),
@@ -14098,7 +14093,7 @@ const IS = ({
         return /* @__PURE__ */ d(
           yd,
           {
-            ...J,
+            ...ee,
             checked: Y,
             onCheckedChange: (re) => T(F, re, { shouldValidate: !0 }),
             ...I
@@ -14108,7 +14103,7 @@ const IS = ({
         return /* @__PURE__ */ d(
           bd,
           {
-            ...J,
+            ...ee,
             checked: Y,
             onCheckedChange: (re) => T(F, re, { shouldValidate: !0 }),
             ...I
@@ -14120,7 +14115,7 @@ const IS = ({
         return /* @__PURE__ */ d(
           bo,
           {
-            ...J,
+            ...ee,
             type: "text",
             ...S.register(F),
             ...I