@vkzstudio/muza-ui 1.0.26 → 1.0.28

package/dist/components/ReorderableTable/ReorderableTable.js

@@ -1,48 +1,54 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as T } from "react";
+import { forwardRef as E } from "react";
 import { motion as n } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { ReorderableGroup as w, ReorderableItem as A, ReorderableHandle as C } from "../Reorderable/Reorderable.js";
-import { Reorder as H } from "../Icons/CustomIcons.js";
+import { ReorderableGroup as D, ReorderableItem as R, ReorderableHandle as j } from "../Reorderable/Reorderable.js";
+import { Reorder as P } from "../Icons/CustomIcons.js";
 import { cn as i } from "../../utils/cn.js";
-import { typographyVariants as O, Typography as k } from "../Typography/Typography.js";
-const p = 72, u = 20, E = 24, D = 4, R = ({
-  data: b,
-  onReorder: y,
+import { typographyVariants as S, Typography as z } from "../Typography/Typography.js";
+const p = 72, u = 20, G = 24, W = 4, K = ({
+  data: y,
+  onReorder: N,
+  onSync: g,
+  syncDelay: x,
+  onSyncPendingChange: L,
+  onDragStart: _,
+  onDragEnd: v,
   columns: o,
-  showHeader: N = !1,
-  disabled: h = !1,
+  showHeader: I = !1,
+  disabled: b = !1,
   isRowDisabled: l,
-  className: g,
+  className: T,
   isMovable: s = !0,
-  animateItems: x = !1,
-  ...L
-}, _) => /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ m(
+  animateItems: w = !1,
+  layout: A,
+  ...C
+}, H) => /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ m(
   "table",
   {
-    ref: _,
+    ref: H,
     className: i(
       "-my-sm w-full border-separate border-spacing-y-sm",
-      g
+      T
     ),
-    ...L,
+    ...C,
     children: [
-      N && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ m("tr", { children: [
-        o.map((r, d) => /* @__PURE__ */ e(
+      I && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ m("tr", { children: [
+        o.map((d, r) => /* @__PURE__ */ e(
           "th",
           {
             className: i(
-              O({
+              S({
                 size: "sm",
                 uppercase: !0,
                 variant: "body",
                 weight: "medium"
               }),
               "px-comp-table-p text-left text-text-dark-secondary",
-              r.className
+              d.className
             ),
-            children: r.title
+            children: d.title
           },
-          d
+          r
         )),
         /* @__PURE__ */ e(
           n.th,
@@ -57,41 +63,47 @@ const p = 72, u = 20, E = 24, D = 4, R = ({
         )
       ] }) }),
       /* @__PURE__ */ e(
-        w,
+        D,
         {
-          values: b,
-          onReorder: y,
-          disabled: h,
-          animatePresence: x,
+          values: y,
+          onReorder: N,
+          onSync: g,
+          syncDelay: x,
+          onSyncPendingChange: L,
+          onDragStart: _,
+          onDragEnd: v,
+          disabled: b,
+          animatePresence: w,
           as: "tbody",
           className: "contents",
-          children: b.map((r, d) => {
-            const v = (l == null ? void 0 : l(r, d)) ?? !1, t = h || v;
+          children: (d) => d.map((r, h) => {
+            const O = (l == null ? void 0 : l(r, h)) ?? !1, t = b || O;
             return /* @__PURE__ */ m(
-              A,
+              R,
               {
                 value: r,
                 as: "tr",
+                layout: A,
                 disabled: t,
                 dragListenerDisabled: !0,
                 whileDrag: t ? void 0 : { boxShadow: "0 8px 32px 0 rgba(59, 18, 107, 0.2)" },
                 className: "group rounded-2xl",
                 children: [
                   o.map((a, c) => {
-                    const I = c === 0, f = c === o.length - 1;
+                    const k = c === 0, f = c === o.length - 1;
                     return /* @__PURE__ */ e(
                       n.td,
                       {
                         initial: !1,
                         animate: f ? {
-                          paddingRight: s ? E : D
+                          paddingRight: s ? G : W
                         } : void 0,
                         transition: { duration: 0.3, ease: "easeInOut" },
                         className: i(
                           "h-comp-table-h border-y border-stroke-base-secondary bg-surface-base-secondary align-middle",
                           f ? "pl-comp-table-p" : "px-comp-table-p",
                           {
-                            "rounded-l-xl border-l": I,
+                            "rounded-l-xl border-l": k,
                             "group-focus-within:border-icon-brand-focus group-hover:border-icon-brand-hover": !t
                           },
                           a.className
@@ -99,9 +111,9 @@ const p = 72, u = 20, E = 24, D = 4, R = ({
                         children: a.render ? a.render(
                           r[a.dataKey],
                           r,
-                          d
+                          h
                         ) : /* @__PURE__ */ e(
-                          k,
+                          z,
                           {
                             variant: "body",
                             size: "base",
@@ -146,14 +158,14 @@ const p = 72, u = 20, E = 24, D = 4, R = ({
                           transition: { duration: 0.3, ease: "easeInOut" },
                           className: "flex h-full items-center justify-center overflow-hidden border-l border-stroke-base-secondary",
                           children: /* @__PURE__ */ e(
-                            C,
+                            j,
                             {
                               disabled: !s || t,
                               className: i(
                                 "flex h-comp-button-h-sm w-comp-button-w-sm items-center justify-center focus-visible-default",
                                 t ? "text-text-dark-disabled" : "text-text-brand-def"
                               ),
-                              children: /* @__PURE__ */ e(H, { className: "size-icon-default" })
+                              children: /* @__PURE__ */ e(P, { className: "size-icon-default" })
                             }
                           )
                         }
@@ -169,8 +181,8 @@ const p = 72, u = 20, E = 24, D = 4, R = ({
       )
     ]
   }
-) }), j = T(R);
-j.displayName = "ReorderableTable";
+) }), U = E(K);
+U.displayName = "ReorderableTable";
 export {
-  j as ReorderableTable
+  U as ReorderableTable
 };

package/dist/components/ReorderableTable/ReorderableTable.stories.d.ts

@@ -16,4 +16,5 @@ export declare const WithoutHeader: Story;
 export declare const WithDisabledRow: Story;
 export declare const AnimatedRows: Story;
 export declare const FullyDisabled: Story;
+export declare const SyncMode: Story;
 //# sourceMappingURL=ReorderableTable.stories.d.ts.map

package/dist/components/ReorderableTable/ReorderableTable.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReorderableTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableTable/ReorderableTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAM3D,OAAO,EACL,gBAAgB,EAEjB,MAAM,oBAAoB,CAAA;AAE3B,UAAU,QAAQ;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAA;CAC9B;AAyCD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAkDvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAA;AAExD,eAAO,MAAM,OAAO,EAAE,KAkHrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAsG3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA2G7B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KA0H1B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAkG3B,CAAA"}
+{"version":3,"file":"ReorderableTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableTable/ReorderableTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAM3D,OAAO,EACL,gBAAgB,EAEjB,MAAM,oBAAoB,CAAA;AAE3B,UAAU,QAAQ;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAA;CAC9B;AAyCD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAiEvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAA;AAExD,eAAO,MAAM,OAAO,EAAE,KAkHrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAsG3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA2G7B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KA0H1B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAkG3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA4FtB,CAAA"}