brd-ui-kit 0.1.75 → 0.1.76

package/dist/components-data-table-data-table-row-actions-column.js

@@ -1,12 +1,11 @@
 import { jsxs as T, jsx as n } from "react/jsx-runtime";
-import "react";
 import { Button as u } from "./components-ui-button-button.js";
 import "./components-ui-button-button.styles.js";
 import { ConfigurableDropdownMenu as $ } from "./components-ui-dropdown-menu-dropdown-menu.js";
 import { Icon as y } from "./components-ui-icon-icon.js";
 import { cn as k } from "./lib-utils.js";
 import { createDataTableActionsColumn as E } from "./components-data-table-data-table-actions-column.js";
-function g(e, o) {
+function m(e, o) {
   if (e.hidden)
     return null;
   if (e.type === "separator")
@@ -20,7 +19,7 @@ function g(e, o) {
       type: "label",
       label: e.label
     };
-  const c = e.children?.map((i) => g(i, o)).filter((i) => i !== null);
+  const c = e.children?.map((i) => m(i, o)).filter((i) => i !== null);
   return {
     id: e.id,
     type: "item",
@@ -35,7 +34,7 @@ function g(e, o) {
     onSelect: e.onSelect ? () => e.onSelect?.(o) : void 0
   };
 }
-function K(e = {}) {
+function O(e = {}) {
   const {
     id: o = "actions",
     header: c,
@@ -47,15 +46,15 @@ function K(e = {}) {
     onSaveEdit: s,
     onCancelEdit: p,
     onDelete: h,
-    labels: r,
+    labels: l,
     includeDefaultActions: v = !0
   } = e;
   return E({
     id: o,
     header: c,
-    renderCell: ({ row: l, data: C }) => {
-      const a = { row: l, data: C };
-      if (x === l.id && (s || p))
+    renderCell: ({ row: r, data: C }) => {
+      const a = { row: r, data: C };
+      if (x === r.id && (s || p))
         return /* @__PURE__ */ T(
           "div",
           {
@@ -70,7 +69,7 @@ function K(e = {}) {
                   type: "button",
                   variant: "circleGhost",
                   size: "icon-md",
-                  "aria-label": r?.saveAriaLabel ?? "Сохранить изменения",
+                  "aria-label": l?.saveAriaLabel ?? "Сохранить изменения",
                   onClick: () => s(a),
                   children: /* @__PURE__ */ n(
                     y,
@@ -88,7 +87,7 @@ function K(e = {}) {
                   type: "button",
                   variant: "circleGhost",
                   size: "icon-md",
-                  "aria-label": r?.cancelAriaLabel ?? "Отменить редактирование",
+                  "aria-label": l?.cancelAriaLabel ?? "Отменить редактирование",
                   onClick: () => p(a),
                   children: /* @__PURE__ */ n(
                     y,
@@ -106,8 +105,8 @@ function K(e = {}) {
       const A = typeof d == "function" ? d(a) : d ?? [], D = [
         ...f ? [
           {
-            id: `${o}-edit-${l.id}`,
-            label: r?.edit ?? "Редактировать",
+            id: `${o}-edit-${r.id}`,
+            label: l?.edit ?? "Редактировать",
             onSelect: f,
             iconType: "pencil-simple"
           }
@@ -115,17 +114,17 @@ function K(e = {}) {
         ...h ? [
           { type: "separator" },
           {
-            id: `${o}-delete-${l.id}`,
-            label: r?.delete ?? "Удалить",
+            id: `${o}-delete-${r.id}`,
+            label: l?.delete ?? "Удалить",
             iconType: "trash",
             alert: !0,
             onSelect: h
           }
         ] : []
-      ], m = [
+      ], g = [
         ...A,
         ...v ? D : []
-      ].map((t) => g(t, a)).filter((t) => t !== null), S = b ? b(a) : /* @__PURE__ */ n(
+      ].map((t) => m(t, a)).filter((t) => t !== null), S = b ? b(a) : /* @__PURE__ */ n(
         u,
         {
           type: "button",
@@ -152,11 +151,11 @@ function K(e = {}) {
             $,
             {
               trigger: S,
-              items: m.length > 0 ? m : [
+              items: g.length > 0 ? g : [
                 {
-                  id: `${o}-empty-${l.id}`,
+                  id: `${o}-empty-${r.id}`,
                   type: "item",
-                  label: r?.empty ?? "Нет действий",
+                  label: l?.empty ?? "Нет действий",
                   readOnly: !0
                 }
               ],
@@ -169,6 +168,6 @@ function K(e = {}) {
   });
 }
 export {
-  K as createDataTableRowActionsColumn
+  O as createDataTableRowActionsColumn
 };
 //# sourceMappingURL=components-data-table-data-table-row-actions-column.js.map

package/dist/components-data-table-data-table-row-actions-column.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-data-table-data-table-row-actions-column.js","sources":["../src/components/data-table/data-table-row-actions-column.tsx"],"sourcesContent":["import type { ColumnDef, Row } from \"@tanstack/react-table\";\nimport type { IconName } from \"phosphor-strokes-icons/by-name\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ConfigurableDropdownMenu,\n  type DropdownMenuConfigNode,\n} from \"@/components/ui/dropdown-menu\";\nimport { Icon } from \"@/components/ui/icon\";\nimport { cn } from \"@/lib/utils\";\n\nimport { createDataTableActionsColumn } from \"./data-table-actions-column\";\n\ntype DataTableRowActionContext<TData> = {\n  row: Row<TData>;\n  data: TData;\n};\n\ntype DataTableRowActionBase = {\n  hidden?: boolean;\n  id?: string;\n};\n\ntype DataTableRowActionLabel = DataTableRowActionBase & {\n  label: string;\n  type: \"label\";\n};\n\ntype DataTableRowActionSeparator = DataTableRowActionBase & {\n  type: \"separator\";\n};\n\ntype DataTableRowActionItem<TData> = DataTableRowActionBase & {\n  type?: \"item\";\n  label: string;\n  icon?: React.ReactNode;\n  iconType?: IconName;\n  shortcut?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  alert?: boolean;\n  children?: DataTableRowActionNode<TData>[];\n  onSelect?: (ctx: DataTableRowActionContext<TData>) => void;\n};\n\ntype DataTableRowActionNode<TData> =\n  | DataTableRowActionItem<TData>\n  | DataTableRowActionLabel\n  | DataTableRowActionSeparator;\n\ntype DataTableRowActionsColumnOptions<TData> = {\n  id?: string;\n  header?: ColumnDef<TData>[\"header\"];\n  align?: \"start\" | \"center\" | \"end\";\n  editingRowId?: string | null;\n  trigger?: (ctx: DataTableRowActionContext<TData>) => React.ReactNode;\n  actions?:\n    | DataTableRowActionNode<TData>[]\n    | ((ctx: DataTableRowActionContext<TData>) => DataTableRowActionNode<TData>[]);\n  onStartEdit?: (ctx: DataTableRowActionContext<TData>) => void;\n  onSaveEdit?: (ctx: DataTableRowActionContext<TData>) => void;\n  onCancelEdit?: (ctx: DataTableRowActionContext<TData>) => void;\n  onDelete?: (ctx: DataTableRowActionContext<TData>) => void;\n  includeDefaultActions?: boolean;\n  labels?: {\n    cancelAriaLabel?: string;\n    delete?: string;\n    edit?: string;\n    empty?: string;\n    saveAriaLabel?: string;\n  };\n};\n\nfunction mapRowActionNode<TData>(\n  item: DataTableRowActionNode<TData>,\n  ctx: DataTableRowActionContext<TData>,\n): DropdownMenuConfigNode | null {\n  if (item.hidden) {\n    return null;\n  }\n\n  if (item.type === \"separator\") {\n    return {\n      id: item.id,\n      type: \"separator\",\n    };\n  }\n\n  if (item.type === \"label\") {\n    return {\n      id: item.id,\n      type: \"label\",\n      label: item.label,\n    };\n  }\n\n  const children = item.children\n    ?.map((child) => mapRowActionNode(child, ctx))\n    .filter((child): child is DropdownMenuConfigNode => child !== null);\n\n  return {\n    id: item.id,\n    type: \"item\",\n    label: item.label,\n    disabled: item.disabled,\n    readOnly: item.readOnly,\n    alert: item.alert,\n    icon: item.icon,\n    iconType: item.iconType,\n    shortcut: item.shortcut,\n    children,\n    onSelect: item.onSelect ? () => item.onSelect?.(ctx) : undefined,\n  };\n}\n\nexport function createDataTableRowActionsColumn<TData>(\n  options: DataTableRowActionsColumnOptions<TData> = {},\n): ColumnDef<TData> {\n  const {\n    id = \"actions\",\n    header,\n    align = \"end\",\n    editingRowId,\n    trigger,\n    actions,\n    onStartEdit,\n    onSaveEdit,\n    onCancelEdit,\n    onDelete,\n    labels,\n    includeDefaultActions = true,\n  } = options;\n\n  return createDataTableActionsColumn<TData>({\n    id,\n    header,\n    renderCell: ({ row, data }) => {\n      const ctx = { row, data };\n      const isEditingRow = editingRowId === row.id;\n\n      if (isEditingRow && (onSaveEdit || onCancelEdit)) {\n        return (\n          <div\n            className=\"flex flex-col items-center gap-6\"\n            onClick={(event) => event.stopPropagation()}\n            onKeyDown={(event) => event.stopPropagation()}\n            role=\"presentation\"\n          >\n            {onSaveEdit ? (\n              <Button\n                type=\"button\"\n                variant=\"circleGhost\"\n                size=\"icon-md\"\n                aria-label={labels?.saveAriaLabel ?? \"Сохранить изменения\"}\n                onClick={() => onSaveEdit(ctx)}\n              >\n                <Icon\n                  type=\"check-circle\"\n                  className=\"text-success-text\"\n                  aria-hidden\n                />\n              </Button>\n            ) : null}\n            {onCancelEdit ? (\n              <Button\n                type=\"button\"\n                variant=\"circleGhost\"\n                size=\"icon-md\"\n                aria-label={labels?.cancelAriaLabel ?? \"Отменить редактирование\"}\n                onClick={() => onCancelEdit(ctx)}\n              >\n                <Icon\n                  type=\"x-circle\"\n                  className=\"text-error-text\"\n                  aria-hidden\n                />\n              </Button>\n            ) : null}\n          </div>\n        );\n      }\n\n      const resolvedActions =\n        typeof actions === \"function\" ? actions(ctx) : (actions ?? []);\n      const defaultActions: DataTableRowActionNode<TData>[] = [\n        ...(onStartEdit\n          ? [\n              {\n                id: `${id}-edit-${row.id}`,\n                label: labels?.edit ?? \"Редактировать\",\n                onSelect: onStartEdit,\n                iconType: \"pencil-simple\",\n              } satisfies DataTableRowActionItem<TData>,\n            ]\n          : []),\n        ...(onDelete\n          ? [\n              { type: \"separator\" } satisfies DataTableRowActionSeparator,\n              {\n                id: `${id}-delete-${row.id}`,\n                label: labels?.delete ?? \"Удалить\",\n                iconType: \"trash\",\n                alert: true,\n                onSelect: onDelete,\n              } satisfies DataTableRowActionItem<TData>,\n            ]\n          : []),\n      ];\n\n      const menuItems = [\n        ...resolvedActions,\n        ...(includeDefaultActions ? defaultActions : []),\n      ]\n        .map((item) => mapRowActionNode(item, ctx))\n        .filter((item): item is DropdownMenuConfigNode => item !== null);\n\n      const resolvedTrigger = trigger ? (\n        trigger(ctx)\n      ) : (\n        <Button\n          type=\"button\"\n          variant=\"circleGhost\"\n          size=\"icon-xs\"\n          aria-label=\"Открыть действия строки\"\n        >\n          <Icon\n            type=\"dots-three\"\n            aria-hidden\n          />\n        </Button>\n      );\n\n      return (\n        <div\n          className={cn(\"flex justify-end\")}\n          onClick={(event) => event.stopPropagation()}\n          onKeyDown={(event) => event.stopPropagation()}\n          role=\"presentation\"\n        >\n          <ConfigurableDropdownMenu\n            trigger={resolvedTrigger}\n            items={\n              menuItems.length > 0\n                ? menuItems\n                : [\n                    {\n                      id: `${id}-empty-${row.id}`,\n                      type: \"item\",\n                      label: labels?.empty ?? \"Нет действий\",\n                      readOnly: true,\n                    },\n                  ]\n            }\n            contentProps={{ align }}\n          />\n        </div>\n      );\n    },\n  });\n}\n\nexport type {\n  DataTableRowActionContext,\n  DataTableRowActionItem,\n  DataTableRowActionLabel,\n  DataTableRowActionNode,\n  DataTableRowActionSeparator,\n  DataTableRowActionsColumnOptions,\n};\n"],"names":["mapRowActionNode","item","ctx","children","child","createDataTableRowActionsColumn","options","id","header","align","editingRowId","trigger","actions","onStartEdit","onSaveEdit","onCancelEdit","onDelete","labels","includeDefaultActions","createDataTableActionsColumn","row","data","jsxs","event","jsx","Button","Icon","resolvedActions","defaultActions","menuItems","resolvedTrigger","cn","ConfigurableDropdownMenu"],"mappings":";;;;;;;;AA0EA,SAASA,EACPC,GACAC,GAC+B;AAC/B,MAAID,EAAK;AACP,WAAO;AAGT,MAAIA,EAAK,SAAS;AAChB,WAAO;AAAA,MACL,IAAIA,EAAK;AAAA,MACT,MAAM;AAAA,IAAA;AAIV,MAAIA,EAAK,SAAS;AAChB,WAAO;AAAA,MACL,IAAIA,EAAK;AAAA,MACT,MAAM;AAAA,MACN,OAAOA,EAAK;AAAA,IAAA;AAIhB,QAAME,IAAWF,EAAK,UAClB,IAAI,CAACG,MAAUJ,EAAiBI,GAAOF,CAAG,CAAC,EAC5C,OAAO,CAACE,MAA2CA,MAAU,IAAI;AAEpE,SAAO;AAAA,IACL,IAAIH,EAAK;AAAA,IACT,MAAM;AAAA,IACN,OAAOA,EAAK;AAAA,IACZ,UAAUA,EAAK;AAAA,IACf,UAAUA,EAAK;AAAA,IACf,OAAOA,EAAK;AAAA,IACZ,MAAMA,EAAK;AAAA,IACX,UAAUA,EAAK;AAAA,IACf,UAAUA,EAAK;AAAA,IACf,UAAAE;AAAA,IACA,UAAUF,EAAK,WAAW,MAAMA,EAAK,WAAWC,CAAG,IAAI;AAAA,EAAA;AAE3D;AAEO,SAASG,EACdC,IAAmD,IACjC;AAClB,QAAM;AAAA,IACJ,IAAAC,IAAK;AAAA,IACL,QAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,uBAAAC,IAAwB;AAAA,EAAA,IACtBZ;AAEJ,SAAOa,EAAoC;AAAA,IACzC,IAAAZ;AAAA,IACA,QAAAC;AAAA,IACA,YAAY,CAAC,EAAE,KAAAY,GAAK,MAAAC,QAAW;AAC7B,YAAMnB,IAAM,EAAE,KAAAkB,GAAK,MAAAC,EAAA;AAGnB,UAFqBX,MAAiBU,EAAI,OAErBN,KAAcC;AACjC,eACE,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,CAACC,MAAUA,EAAM,gBAAA;AAAA,YAC1B,WAAW,CAACA,MAAUA,EAAM,gBAAA;AAAA,YAC5B,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAT,IACC,gBAAAU;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,cAAYR,GAAQ,iBAAiB;AAAA,kBACrC,SAAS,MAAMH,EAAWZ,CAAG;AAAA,kBAE7B,UAAA,gBAAAsB;AAAA,oBAACE;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,WAAU;AAAA,sBACV,eAAW;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACb;AAAA,cAAA,IAEA;AAAA,cACHX,IACC,gBAAAS;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,cAAYR,GAAQ,mBAAmB;AAAA,kBACvC,SAAS,MAAMF,EAAab,CAAG;AAAA,kBAE/B,UAAA,gBAAAsB;AAAA,oBAACE;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,WAAU;AAAA,sBACV,eAAW;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACb;AAAA,cAAA,IAEA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAKV,YAAMC,IACJ,OAAOf,KAAY,aAAaA,EAAQV,CAAG,IAAKU,KAAW,CAAA,GACvDgB,IAAkD;AAAA,QACtD,GAAIf,IACA;AAAA,UACE;AAAA,YACE,IAAI,GAAGN,CAAE,SAASa,EAAI,EAAE;AAAA,YACxB,OAAOH,GAAQ,QAAQ;AAAA,YACvB,UAAUJ;AAAA,YACV,UAAU;AAAA,UAAA;AAAA,QACZ,IAEF,CAAA;AAAA,QACJ,GAAIG,IACA;AAAA,UACE,EAAE,MAAM,YAAA;AAAA,UACR;AAAA,YACE,IAAI,GAAGT,CAAE,WAAWa,EAAI,EAAE;AAAA,YAC1B,OAAOH,GAAQ,UAAU;AAAA,YACzB,UAAU;AAAA,YACV,OAAO;AAAA,YACP,UAAUD;AAAA,UAAA;AAAA,QACZ,IAEF,CAAA;AAAA,MAAC,GAGDa,IAAY;AAAA,QAChB,GAAGF;AAAA,QACH,GAAIT,IAAwBU,IAAiB,CAAA;AAAA,MAAC,EAE7C,IAAI,CAAC3B,MAASD,EAAiBC,GAAMC,CAAG,CAAC,EACzC,OAAO,CAACD,MAAyCA,MAAS,IAAI,GAE3D6B,IAAkBnB,IACtBA,EAAQT,CAAG,IAEX,gBAAAsB;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAW;AAAA,UAEX,UAAA,gBAAAD;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,eAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACb;AAAA,MAAA;AAIJ,aACE,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWO,EAAG,kBAAkB;AAAA,UAChC,SAAS,CAACR,MAAUA,EAAM,gBAAA;AAAA,UAC1B,WAAW,CAACA,MAAUA,EAAM,gBAAA;AAAA,UAC5B,MAAK;AAAA,UAEL,UAAA,gBAAAC;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,SAASF;AAAA,cACT,OACED,EAAU,SAAS,IACfA,IACA;AAAA,gBACE;AAAA,kBACE,IAAI,GAAGtB,CAAE,UAAUa,EAAI,EAAE;AAAA,kBACzB,MAAM;AAAA,kBACN,OAAOH,GAAQ,SAAS;AAAA,kBACxB,UAAU;AAAA,gBAAA;AAAA,cACZ;AAAA,cAGR,cAAc,EAAE,OAAAR,EAAA;AAAA,YAAM;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA;AAAA,IAGN;AAAA,EAAA,CACD;AACH;"}
+{"version":3,"file":"components-data-table-data-table-row-actions-column.js","sources":["../src/components/data-table/data-table-row-actions-column.tsx"],"sourcesContent":["import type { ColumnDef, Row } from \"@tanstack/react-table\";\nimport type { IconName } from \"phosphor-strokes-icons/by-name\";\nimport type { ReactNode } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ConfigurableDropdownMenu,\n  type DropdownMenuConfigNode,\n} from \"@/components/ui/dropdown-menu\";\nimport { Icon } from \"@/components/ui/icon\";\nimport { cn } from \"@/lib/utils\";\n\nimport { createDataTableActionsColumn } from \"./data-table-actions-column\";\n\ntype DataTableRowActionContext<TData> = {\n  row: Row<TData>;\n  data: TData;\n};\n\ntype DataTableRowActionBase = {\n  hidden?: boolean;\n  id?: string;\n};\n\ntype DataTableRowActionLabel = DataTableRowActionBase & {\n  label: string;\n  type: \"label\";\n};\n\ntype DataTableRowActionSeparator = DataTableRowActionBase & {\n  type: \"separator\";\n};\n\ntype DataTableRowActionItem<TData> = DataTableRowActionBase & {\n  type?: \"item\";\n  label: string;\n  icon?: ReactNode;\n  iconType?: IconName;\n  shortcut?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  alert?: boolean;\n  children?: DataTableRowActionNode<TData>[];\n  onSelect?: (ctx: DataTableRowActionContext<TData>) => void;\n};\n\ntype DataTableRowActionNode<TData> =\n  | DataTableRowActionItem<TData>\n  | DataTableRowActionLabel\n  | DataTableRowActionSeparator;\n\ntype DataTableRowActionsColumnOptions<TData> = {\n  id?: string;\n  header?: ColumnDef<TData>[\"header\"];\n  align?: \"start\" | \"center\" | \"end\";\n  editingRowId?: string | null;\n  trigger?: (ctx: DataTableRowActionContext<TData>) => ReactNode;\n  actions?:\n    | DataTableRowActionNode<TData>[]\n    | ((ctx: DataTableRowActionContext<TData>) => DataTableRowActionNode<TData>[]);\n  onStartEdit?: (ctx: DataTableRowActionContext<TData>) => void;\n  onSaveEdit?: (ctx: DataTableRowActionContext<TData>) => void;\n  onCancelEdit?: (ctx: DataTableRowActionContext<TData>) => void;\n  onDelete?: (ctx: DataTableRowActionContext<TData>) => void;\n  includeDefaultActions?: boolean;\n  labels?: {\n    cancelAriaLabel?: string;\n    delete?: string;\n    edit?: string;\n    empty?: string;\n    saveAriaLabel?: string;\n  };\n};\n\nfunction mapRowActionNode<TData>(\n  item: DataTableRowActionNode<TData>,\n  ctx: DataTableRowActionContext<TData>,\n): DropdownMenuConfigNode | null {\n  if (item.hidden) {\n    return null;\n  }\n\n  if (item.type === \"separator\") {\n    return {\n      id: item.id,\n      type: \"separator\",\n    };\n  }\n\n  if (item.type === \"label\") {\n    return {\n      id: item.id,\n      type: \"label\",\n      label: item.label,\n    };\n  }\n\n  const children = item.children\n    ?.map((child) => mapRowActionNode(child, ctx))\n    .filter((child): child is DropdownMenuConfigNode => child !== null);\n\n  return {\n    id: item.id,\n    type: \"item\",\n    label: item.label,\n    disabled: item.disabled,\n    readOnly: item.readOnly,\n    alert: item.alert,\n    icon: item.icon,\n    iconType: item.iconType,\n    shortcut: item.shortcut,\n    children,\n    onSelect: item.onSelect ? () => item.onSelect?.(ctx) : undefined,\n  };\n}\n\nexport function createDataTableRowActionsColumn<TData>(\n  options: DataTableRowActionsColumnOptions<TData> = {},\n): ColumnDef<TData> {\n  const {\n    id = \"actions\",\n    header,\n    align = \"end\",\n    editingRowId,\n    trigger,\n    actions,\n    onStartEdit,\n    onSaveEdit,\n    onCancelEdit,\n    onDelete,\n    labels,\n    includeDefaultActions = true,\n  } = options;\n\n  return createDataTableActionsColumn<TData>({\n    id,\n    header,\n    renderCell: ({ row, data }) => {\n      const ctx = { row, data };\n      const isEditingRow = editingRowId === row.id;\n\n      if (isEditingRow && (onSaveEdit || onCancelEdit)) {\n        return (\n          <div\n            className=\"flex flex-col items-center gap-6\"\n            onClick={(event) => event.stopPropagation()}\n            onKeyDown={(event) => event.stopPropagation()}\n            role=\"presentation\"\n          >\n            {onSaveEdit ? (\n              <Button\n                type=\"button\"\n                variant=\"circleGhost\"\n                size=\"icon-md\"\n                aria-label={labels?.saveAriaLabel ?? \"Сохранить изменения\"}\n                onClick={() => onSaveEdit(ctx)}\n              >\n                <Icon\n                  type=\"check-circle\"\n                  className=\"text-success-text\"\n                  aria-hidden\n                />\n              </Button>\n            ) : null}\n            {onCancelEdit ? (\n              <Button\n                type=\"button\"\n                variant=\"circleGhost\"\n                size=\"icon-md\"\n                aria-label={labels?.cancelAriaLabel ?? \"Отменить редактирование\"}\n                onClick={() => onCancelEdit(ctx)}\n              >\n                <Icon\n                  type=\"x-circle\"\n                  className=\"text-error-text\"\n                  aria-hidden\n                />\n              </Button>\n            ) : null}\n          </div>\n        );\n      }\n\n      const resolvedActions =\n        typeof actions === \"function\" ? actions(ctx) : (actions ?? []);\n      const defaultActions: DataTableRowActionNode<TData>[] = [\n        ...(onStartEdit\n          ? [\n              {\n                id: `${id}-edit-${row.id}`,\n                label: labels?.edit ?? \"Редактировать\",\n                onSelect: onStartEdit,\n                iconType: \"pencil-simple\",\n              } satisfies DataTableRowActionItem<TData>,\n            ]\n          : []),\n        ...(onDelete\n          ? [\n              { type: \"separator\" } satisfies DataTableRowActionSeparator,\n              {\n                id: `${id}-delete-${row.id}`,\n                label: labels?.delete ?? \"Удалить\",\n                iconType: \"trash\",\n                alert: true,\n                onSelect: onDelete,\n              } satisfies DataTableRowActionItem<TData>,\n            ]\n          : []),\n      ];\n\n      const menuItems = [\n        ...resolvedActions,\n        ...(includeDefaultActions ? defaultActions : []),\n      ]\n        .map((item) => mapRowActionNode(item, ctx))\n        .filter((item): item is DropdownMenuConfigNode => item !== null);\n\n      const resolvedTrigger = trigger ? (\n        trigger(ctx)\n      ) : (\n        <Button\n          type=\"button\"\n          variant=\"circleGhost\"\n          size=\"icon-xs\"\n          aria-label=\"Открыть действия строки\"\n        >\n          <Icon\n            type=\"dots-three\"\n            aria-hidden\n          />\n        </Button>\n      );\n\n      return (\n        <div\n          className={cn(\"flex justify-end\")}\n          onClick={(event) => event.stopPropagation()}\n          onKeyDown={(event) => event.stopPropagation()}\n          role=\"presentation\"\n        >\n          <ConfigurableDropdownMenu\n            trigger={resolvedTrigger}\n            items={\n              menuItems.length > 0\n                ? menuItems\n                : [\n                    {\n                      id: `${id}-empty-${row.id}`,\n                      type: \"item\",\n                      label: labels?.empty ?? \"Нет действий\",\n                      readOnly: true,\n                    },\n                  ]\n            }\n            contentProps={{ align }}\n          />\n        </div>\n      );\n    },\n  });\n}\n\nexport type {\n  DataTableRowActionContext,\n  DataTableRowActionItem,\n  DataTableRowActionLabel,\n  DataTableRowActionNode,\n  DataTableRowActionSeparator,\n  DataTableRowActionsColumnOptions,\n};\n"],"names":["mapRowActionNode","item","ctx","children","child","createDataTableRowActionsColumn","options","id","header","align","editingRowId","trigger","actions","onStartEdit","onSaveEdit","onCancelEdit","onDelete","labels","includeDefaultActions","createDataTableActionsColumn","row","data","jsxs","event","jsx","Button","Icon","resolvedActions","defaultActions","menuItems","resolvedTrigger","cn","ConfigurableDropdownMenu"],"mappings":"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"}

package/dist/components-data-table-use-data-table-editable-rows.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const U=require("react");function q(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const b=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(n,i,b.get?b:{enumerable:!0,get:()=>t[i]})}}return n.default=t,Object.freeze(n)}const c=q(U);function z(t){return typeof t=="string"?t:typeof t=="number"||typeof t=="boolean"?String(t):""}function A(t,n){return typeof n=="function"?n(t):n}function j(t,n,i){const[b,E]=c.useState(i),y=t!==void 0,V=y?t:b,R=c.useCallback(x=>{const m=A(V,x);y||E(m),n?.(m)},[y,n,V]);return[V,R]}function B({rows:t,getRowId:n,setRows:i,editingRowId:b,onEditingRowIdChange:E,editingValues:y,onEditingValuesChange:V,onRowDelete:R,onRowEditCancel:x,onRowEditSave:m,onRowEditStart:S,onRowsChange:k}){const[r,l]=j(b,E,null),[f,u]=j(y,V,{}),[P,O]=c.useState(!0);c.useEffect(()=>{O(!0)},[t]);const d=c.useCallback(e=>t.find(s=>n(s)===e)??null,[n,t]),C=c.useCallback((e,s)=>{O(!1),i?.(e),k?.(s)},[k,i]),T=c.useCallback((e,s,o)=>{const a=n(e),p=s.reduce((v,g)=>(v[g]=o?.[g]??z(e[g]),v),{});l(a),u(p),S?.({editableKeys:s,initialValues:p,row:e,rowId:a})},[n,S,l,u]),D=c.useCallback(()=>{const e=r?d(r):null,s=f;l(null),u({}),x?.({editingValues:s,row:e,rowId:r})},[r,f,d,x,l,u]),_=c.useCallback(e=>{const s=d(e);if(!s)return;const o={...s,...f},a=t,p=a.map(g=>n(g)===e?o:g);C(p,{editingValues:f,nextRow:o,nextRows:p,previousRow:s,previousRows:a,rowId:e,type:"edit-save"}),l(null),u({}),m?.({editingValues:f,nextRow:o,previousRow:s,rowId:e})},[C,f,d,n,m,t,l,u]),M=c.useCallback(e=>{const s=d(e);if(!s)return;const o=t,a=o.filter(v=>n(v)!==e);C(a,{nextRows:a,previousRows:o,row:s,rowId:e,type:"delete"}),r===e&&(l(null),u({})),R?.({row:s,rowId:e})},[C,r,d,n,R,t,l,u]);return{autoResetPageIndex:P,cancelEditingRow:D,deleteRow:M,editingRowId:r,editingValues:f,saveEditingRow:_,setEditingValues:u,setEditingRowId:l,startEditingRow:T}}exports.useDataTableEditableRows=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react");function D(e){return typeof e=="string"?e:typeof e=="number"||typeof e=="boolean"?String(e):""}function M(e,s){return typeof s=="function"?s(e):s}function P(e,s,x){const[E,k]=i.useState(x),p=e!==void 0,g=p?e:E,y=i.useCallback(C=>{const V=M(g,C);p||k(V),s?.(V)},[p,s,g]);return[g,y]}function O({rows:e,getRowId:s,setRows:x,editingRowId:E,onEditingRowIdChange:k,editingValues:p,onEditingValuesChange:g,onRowDelete:y,onRowEditCancel:C,onRowEditSave:V,onRowEditStart:S,onRowsChange:m}){const[a,l]=P(E,k,null),[r,u]=P(p,g,{}),[U,T]=i.useState(!0),f=i.useCallback(t=>e.find(n=>s(n)===t)??null,[s,e]),R=i.useCallback((t,n)=>{T(!1),x?.(t),m?.(n),i.startTransition(()=>{T(!0)})},[m,x]),j=i.useCallback((t,n,c)=>{const o=s(t),b=n.reduce((v,d)=>(v[d]=c?.[d]??D(t[d]),v),{});l(o),u(b),S?.({editableKeys:n,initialValues:b,row:t,rowId:o})},[s,S,l,u]),q=i.useCallback(()=>{const t=a?f(a):null,n=r;l(null),u({}),C?.({editingValues:n,row:t,rowId:a})},[a,r,f,C,l,u]),A=i.useCallback(t=>{const n=f(t);if(!n)return;const c={...n,...r},o=e,b=o.map(d=>s(d)===t?c:d);R(b,{editingValues:r,nextRow:c,nextRows:b,previousRow:n,previousRows:o,rowId:t,type:"edit-save"}),l(null),u({}),V?.({editingValues:r,nextRow:c,previousRow:n,rowId:t})},[R,r,f,s,V,e,l,u]),B=i.useCallback(t=>{const n=f(t);if(!n)return;const c=e,o=c.filter(v=>s(v)!==t);R(o,{nextRows:o,previousRows:c,row:n,rowId:t,type:"delete"}),a===t&&(l(null),u({})),y?.({row:n,rowId:t})},[R,a,f,s,y,e,l,u]);return{autoResetPageIndex:U,cancelEditingRow:q,deleteRow:B,editingRowId:a,editingValues:r,saveEditingRow:A,setEditingValues:u,setEditingRowId:l,startEditingRow:j}}exports.useDataTableEditableRows=O;
 //# sourceMappingURL=components-data-table-use-data-table-editable-rows.cjs.map

package/dist/components-data-table-use-data-table-editable-rows.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-data-table-use-data-table-editable-rows.cjs","sources":["../src/components/data-table/use-data-table-editable-rows.ts"],"sourcesContent":["import * as React from \"react\";\n\ntype EditableRowKey<TData> = Extract<keyof TData, string>;\ntype EditableValues = Record<string, string>;\n\ntype DataTableRowEditStartEvent<TData> = {\n  editableKeys: readonly EditableRowKey<TData>[];\n  initialValues: EditableValues;\n  row: TData;\n  rowId: string;\n};\n\ntype DataTableRowEditCancelEvent<TData> = {\n  editingValues: EditableValues;\n  row: TData | null;\n  rowId: string | null;\n};\n\ntype DataTableRowEditSaveEvent<TData> = {\n  editingValues: EditableValues;\n  nextRow: TData;\n  previousRow: TData;\n  rowId: string;\n};\n\ntype DataTableRowDeleteEvent<TData> = {\n  row: TData;\n  rowId: string;\n};\n\ntype DataTableRowsChangeEvent<TData> =\n  | ({\n      nextRows: TData[];\n      previousRows: TData[];\n      type: \"edit-save\";\n    } & DataTableRowEditSaveEvent<TData>)\n  | ({\n      nextRows: TData[];\n      previousRows: TData[];\n      type: \"delete\";\n    } & DataTableRowDeleteEvent<TData>);\n\ntype UseDataTableEditableRowsOptions<TData> = {\n  rows: TData[];\n  getRowId: (row: TData) => string;\n  setRows?: React.Dispatch<React.SetStateAction<TData[]>>;\n  editingRowId?: string | null;\n  onEditingRowIdChange?: (rowId: string | null) => void;\n  editingValues?: EditableValues;\n  onEditingValuesChange?: React.Dispatch<React.SetStateAction<EditableValues>>;\n  onRowDelete?: (event: DataTableRowDeleteEvent<TData>) => void;\n  onRowEditCancel?: (event: DataTableRowEditCancelEvent<TData>) => void;\n  onRowEditSave?: (event: DataTableRowEditSaveEvent<TData>) => void;\n  onRowEditStart?: (event: DataTableRowEditStartEvent<TData>) => void;\n  onRowsChange?: (event: DataTableRowsChangeEvent<TData>) => void;\n};\n\nfunction toEditableString(value: unknown) {\n  if (typeof value === \"string\") {\n    return value;\n  }\n\n  if (typeof value === \"number\" || typeof value === \"boolean\") {\n    return String(value);\n  }\n\n  return \"\";\n}\n\nfunction applyUpdater<TData>(previousValue: TData, updater: React.SetStateAction<TData>) {\n  return typeof updater === \"function\"\n    ? (updater as (value: TData) => TData)(previousValue)\n    : updater;\n}\n\nfunction useControllableState<TData>(\n  controlledValue: TData | undefined,\n  onChange: ((nextValue: TData) => void) | undefined,\n  defaultValue: TData,\n) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  const setValue = React.useCallback(\n    (updater: React.SetStateAction<TData>) => {\n      const nextValue = applyUpdater(value, updater);\n\n      if (!isControlled) {\n        setUncontrolledValue(nextValue);\n      }\n\n      onChange?.(nextValue);\n    },\n    [isControlled, onChange, value],\n  );\n\n  return [value, setValue] as const;\n}\n\nfunction useDataTableEditableRows<TData>({\n  rows,\n  getRowId,\n  setRows,\n  editingRowId: controlledEditingRowId,\n  onEditingRowIdChange,\n  editingValues: controlledEditingValues,\n  onEditingValuesChange,\n  onRowDelete,\n  onRowEditCancel,\n  onRowEditSave,\n  onRowEditStart,\n  onRowsChange,\n}: UseDataTableEditableRowsOptions<TData>) {\n  const [editingRowId, setEditingRowId] = useControllableState<string | null>(\n    controlledEditingRowId,\n    onEditingRowIdChange,\n    null,\n  );\n  const [editingValues, setEditingValues] = useControllableState<EditableValues>(\n    controlledEditingValues,\n    onEditingValuesChange,\n    {},\n  );\n  const [autoResetPageIndex, setAutoResetPageIndex] = React.useState(true);\n\n  React.useEffect(() => {\n    setAutoResetPageIndex(true);\n  }, [rows]);\n\n  const findRowById = React.useCallback(\n    (rowId: string) => rows.find((row) => getRowId(row) === rowId) ?? null,\n    [getRowId, rows],\n  );\n\n  const commitRowsChange = React.useCallback(\n    (nextRows: TData[], event: DataTableRowsChangeEvent<TData>) => {\n      setAutoResetPageIndex(false);\n      setRows?.(nextRows);\n      onRowsChange?.(event);\n    },\n    [onRowsChange, setRows],\n  );\n\n  const startEditingRow = React.useCallback(\n    (\n      row: TData,\n      editableKeys: readonly EditableRowKey<TData>[],\n      overrides?: Partial<Record<EditableRowKey<TData>, string>>,\n    ) => {\n      const rowId = getRowId(row);\n      const initialValues = editableKeys.reduce<EditableValues>((accumulator, key) => {\n        accumulator[key] = overrides?.[key] ?? toEditableString(row[key]);\n        return accumulator;\n      }, {});\n\n      setEditingRowId(rowId);\n      setEditingValues(initialValues);\n      onRowEditStart?.({\n        editableKeys,\n        initialValues,\n        row,\n        rowId,\n      });\n    },\n    [getRowId, onRowEditStart, setEditingRowId, setEditingValues],\n  );\n\n  const cancelEditingRow = React.useCallback(() => {\n    const row = editingRowId ? findRowById(editingRowId) : null;\n    const nextEditingValues = editingValues;\n\n    setEditingRowId(null);\n    setEditingValues({});\n    onRowEditCancel?.({\n      editingValues: nextEditingValues,\n      row,\n      rowId: editingRowId,\n    });\n  }, [\n    editingRowId,\n    editingValues,\n    findRowById,\n    onRowEditCancel,\n    setEditingRowId,\n    setEditingValues,\n  ]);\n\n  const saveEditingRow = React.useCallback(\n    (rowId: string) => {\n      const previousRow = findRowById(rowId);\n\n      if (!previousRow) {\n        return;\n      }\n\n      const nextRow = {\n        ...previousRow,\n        ...editingValues,\n      };\n      const previousRows = rows;\n      const nextRows = previousRows.map((row) =>\n        getRowId(row) === rowId ? nextRow : row,\n      );\n      const event: DataTableRowsChangeEvent<TData> = {\n        editingValues,\n        nextRow,\n        nextRows,\n        previousRow,\n        previousRows,\n        rowId,\n        type: \"edit-save\",\n      };\n\n      commitRowsChange(nextRows, event);\n      setEditingRowId(null);\n      setEditingValues({});\n      onRowEditSave?.({\n        editingValues,\n        nextRow,\n        previousRow,\n        rowId,\n      });\n    },\n    [\n      commitRowsChange,\n      editingValues,\n      findRowById,\n      getRowId,\n      onRowEditSave,\n      rows,\n      setEditingRowId,\n      setEditingValues,\n    ],\n  );\n\n  const deleteRow = React.useCallback(\n    (rowId: string) => {\n      const row = findRowById(rowId);\n\n      if (!row) {\n        return;\n      }\n\n      const previousRows = rows;\n      const nextRows = previousRows.filter((item) => getRowId(item) !== rowId);\n      const event: DataTableRowsChangeEvent<TData> = {\n        nextRows,\n        previousRows,\n        row,\n        rowId,\n        type: \"delete\",\n      };\n\n      commitRowsChange(nextRows, event);\n\n      if (editingRowId === rowId) {\n        setEditingRowId(null);\n        setEditingValues({});\n      }\n\n      onRowDelete?.({\n        row,\n        rowId,\n      });\n    },\n    [\n      commitRowsChange,\n      editingRowId,\n      findRowById,\n      getRowId,\n      onRowDelete,\n      rows,\n      setEditingRowId,\n      setEditingValues,\n    ],\n  );\n\n  return {\n    autoResetPageIndex,\n    cancelEditingRow,\n    deleteRow,\n    editingRowId,\n    editingValues,\n    saveEditingRow,\n    setEditingValues,\n    setEditingRowId,\n    startEditingRow,\n  };\n}\n\nexport { useDataTableEditableRows };\nexport type {\n  DataTableRowDeleteEvent,\n  DataTableRowEditCancelEvent,\n  DataTableRowEditSaveEvent,\n  DataTableRowEditStartEvent,\n  DataTableRowsChangeEvent,\n  EditableRowKey,\n  UseDataTableEditableRowsOptions,\n};\n"],"names":["toEditableString","value","applyUpdater","previousValue","updater","useControllableState","controlledValue","onChange","defaultValue","uncontrolledValue","setUncontrolledValue","React","isControlled","setValue","nextValue","useDataTableEditableRows","rows","getRowId","setRows","controlledEditingRowId","onEditingRowIdChange","controlledEditingValues","onEditingValuesChange","onRowDelete","onRowEditCancel","onRowEditSave","onRowEditStart","onRowsChange","editingRowId","setEditingRowId","editingValues","setEditingValues","autoResetPageIndex","setAutoResetPageIndex","findRowById","rowId","row","commitRowsChange","nextRows","event","startEditingRow","editableKeys","overrides","initialValues","accumulator","key","cancelEditingRow","nextEditingValues","saveEditingRow","previousRow","nextRow","previousRows","deleteRow","item"],"mappings":"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"}
+{"version":3,"file":"components-data-table-use-data-table-editable-rows.cjs","sources":["../src/components/data-table/use-data-table-editable-rows.ts"],"sourcesContent":["import { startTransition, useCallback, useState } from \"react\";\nimport type { Dispatch, SetStateAction } from \"react\";\n\ntype EditableRowKey<TData> = Extract<keyof TData, string>;\ntype EditableValues = Record<string, string>;\n\ntype DataTableRowEditStartEvent<TData> = {\n  editableKeys: readonly EditableRowKey<TData>[];\n  initialValues: EditableValues;\n  row: TData;\n  rowId: string;\n};\n\ntype DataTableRowEditCancelEvent<TData> = {\n  editingValues: EditableValues;\n  row: TData | null;\n  rowId: string | null;\n};\n\ntype DataTableRowEditSaveEvent<TData> = {\n  editingValues: EditableValues;\n  nextRow: TData;\n  previousRow: TData;\n  rowId: string;\n};\n\ntype DataTableRowDeleteEvent<TData> = {\n  row: TData;\n  rowId: string;\n};\n\ntype DataTableRowsChangeEvent<TData> =\n  | ({\n      nextRows: TData[];\n      previousRows: TData[];\n      type: \"edit-save\";\n    } & DataTableRowEditSaveEvent<TData>)\n  | ({\n      nextRows: TData[];\n      previousRows: TData[];\n      type: \"delete\";\n    } & DataTableRowDeleteEvent<TData>);\n\ntype UseDataTableEditableRowsOptions<TData> = {\n  rows: TData[];\n  getRowId: (row: TData) => string;\n  setRows?: Dispatch<SetStateAction<TData[]>>;\n  editingRowId?: string | null;\n  onEditingRowIdChange?: (rowId: string | null) => void;\n  editingValues?: EditableValues;\n  onEditingValuesChange?: Dispatch<SetStateAction<EditableValues>>;\n  onRowDelete?: (event: DataTableRowDeleteEvent<TData>) => void;\n  onRowEditCancel?: (event: DataTableRowEditCancelEvent<TData>) => void;\n  onRowEditSave?: (event: DataTableRowEditSaveEvent<TData>) => void;\n  onRowEditStart?: (event: DataTableRowEditStartEvent<TData>) => void;\n  onRowsChange?: (event: DataTableRowsChangeEvent<TData>) => void;\n};\n\nfunction toEditableString(value: unknown) {\n  if (typeof value === \"string\") {\n    return value;\n  }\n\n  if (typeof value === \"number\" || typeof value === \"boolean\") {\n    return String(value);\n  }\n\n  return \"\";\n}\n\nfunction applyUpdater<TData>(previousValue: TData, updater: SetStateAction<TData>) {\n  return typeof updater === \"function\"\n    ? (updater as (value: TData) => TData)(previousValue)\n    : updater;\n}\n\nfunction useControllableState<TData>(\n  controlledValue: TData | undefined,\n  onChange: ((nextValue: TData) => void) | undefined,\n  defaultValue: TData,\n) {\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  const setValue = useCallback(\n    (updater: SetStateAction<TData>) => {\n      const nextValue = applyUpdater(value, updater);\n\n      if (!isControlled) {\n        setUncontrolledValue(nextValue);\n      }\n\n      onChange?.(nextValue);\n    },\n    [isControlled, onChange, value],\n  );\n\n  return [value, setValue] as const;\n}\n\nfunction useDataTableEditableRows<TData>({\n  rows,\n  getRowId,\n  setRows,\n  editingRowId: controlledEditingRowId,\n  onEditingRowIdChange,\n  editingValues: controlledEditingValues,\n  onEditingValuesChange,\n  onRowDelete,\n  onRowEditCancel,\n  onRowEditSave,\n  onRowEditStart,\n  onRowsChange,\n}: UseDataTableEditableRowsOptions<TData>) {\n  const [editingRowId, setEditingRowId] = useControllableState<string | null>(\n    controlledEditingRowId,\n    onEditingRowIdChange,\n    null,\n  );\n  const [editingValues, setEditingValues] = useControllableState<EditableValues>(\n    controlledEditingValues,\n    onEditingValuesChange,\n    {},\n  );\n  const [autoResetPageIndex, setAutoResetPageIndex] = useState(true);\n\n  const findRowById = useCallback(\n    (rowId: string) => rows.find((row) => getRowId(row) === rowId) ?? null,\n    [getRowId, rows],\n  );\n\n  const commitRowsChange = useCallback(\n    (nextRows: TData[], event: DataTableRowsChangeEvent<TData>) => {\n      setAutoResetPageIndex(false);\n      setRows?.(nextRows);\n      onRowsChange?.(event);\n      startTransition(() => {\n        setAutoResetPageIndex(true);\n      });\n    },\n    [onRowsChange, setRows],\n  );\n\n  const startEditingRow = useCallback(\n    (\n      row: TData,\n      editableKeys: readonly EditableRowKey<TData>[],\n      overrides?: Partial<Record<EditableRowKey<TData>, string>>,\n    ) => {\n      const rowId = getRowId(row);\n      const initialValues = editableKeys.reduce<EditableValues>((accumulator, key) => {\n        accumulator[key] = overrides?.[key] ?? toEditableString(row[key]);\n        return accumulator;\n      }, {});\n\n      setEditingRowId(rowId);\n      setEditingValues(initialValues);\n      onRowEditStart?.({\n        editableKeys,\n        initialValues,\n        row,\n        rowId,\n      });\n    },\n    [getRowId, onRowEditStart, setEditingRowId, setEditingValues],\n  );\n\n  const cancelEditingRow = useCallback(() => {\n    const row = editingRowId ? findRowById(editingRowId) : null;\n    const nextEditingValues = editingValues;\n\n    setEditingRowId(null);\n    setEditingValues({});\n    onRowEditCancel?.({\n      editingValues: nextEditingValues,\n      row,\n      rowId: editingRowId,\n    });\n  }, [\n    editingRowId,\n    editingValues,\n    findRowById,\n    onRowEditCancel,\n    setEditingRowId,\n    setEditingValues,\n  ]);\n\n  const saveEditingRow = useCallback(\n    (rowId: string) => {\n      const previousRow = findRowById(rowId);\n\n      if (!previousRow) {\n        return;\n      }\n\n      const nextRow = {\n        ...previousRow,\n        ...editingValues,\n      };\n      const previousRows = rows;\n      const nextRows = previousRows.map((row) =>\n        getRowId(row) === rowId ? nextRow : row,\n      );\n      const event: DataTableRowsChangeEvent<TData> = {\n        editingValues,\n        nextRow,\n        nextRows,\n        previousRow,\n        previousRows,\n        rowId,\n        type: \"edit-save\",\n      };\n\n      commitRowsChange(nextRows, event);\n      setEditingRowId(null);\n      setEditingValues({});\n      onRowEditSave?.({\n        editingValues,\n        nextRow,\n        previousRow,\n        rowId,\n      });\n    },\n    [\n      commitRowsChange,\n      editingValues,\n      findRowById,\n      getRowId,\n      onRowEditSave,\n      rows,\n      setEditingRowId,\n      setEditingValues,\n    ],\n  );\n\n  const deleteRow = useCallback(\n    (rowId: string) => {\n      const row = findRowById(rowId);\n\n      if (!row) {\n        return;\n      }\n\n      const previousRows = rows;\n      const nextRows = previousRows.filter((item) => getRowId(item) !== rowId);\n      const event: DataTableRowsChangeEvent<TData> = {\n        nextRows,\n        previousRows,\n        row,\n        rowId,\n        type: \"delete\",\n      };\n\n      commitRowsChange(nextRows, event);\n\n      if (editingRowId === rowId) {\n        setEditingRowId(null);\n        setEditingValues({});\n      }\n\n      onRowDelete?.({\n        row,\n        rowId,\n      });\n    },\n    [\n      commitRowsChange,\n      editingRowId,\n      findRowById,\n      getRowId,\n      onRowDelete,\n      rows,\n      setEditingRowId,\n      setEditingValues,\n    ],\n  );\n\n  return {\n    autoResetPageIndex,\n    cancelEditingRow,\n    deleteRow,\n    editingRowId,\n    editingValues,\n    saveEditingRow,\n    setEditingValues,\n    setEditingRowId,\n    startEditingRow,\n  };\n}\n\nexport { useDataTableEditableRows };\nexport type {\n  DataTableRowDeleteEvent,\n  DataTableRowEditCancelEvent,\n  DataTableRowEditSaveEvent,\n  DataTableRowEditStartEvent,\n  DataTableRowsChangeEvent,\n  EditableRowKey,\n  UseDataTableEditableRowsOptions,\n};\n"],"names":["toEditableString","value","applyUpdater","previousValue","updater","useControllableState","controlledValue","onChange","defaultValue","uncontrolledValue","setUncontrolledValue","useState","isControlled","setValue","useCallback","nextValue","useDataTableEditableRows","rows","getRowId","setRows","controlledEditingRowId","onEditingRowIdChange","controlledEditingValues","onEditingValuesChange","onRowDelete","onRowEditCancel","onRowEditSave","onRowEditStart","onRowsChange","editingRowId","setEditingRowId","editingValues","setEditingValues","autoResetPageIndex","setAutoResetPageIndex","findRowById","rowId","row","commitRowsChange","nextRows","event","startTransition","startEditingRow","editableKeys","overrides","initialValues","accumulator","key","cancelEditingRow","nextEditingValues","saveEditingRow","previousRow","nextRow","previousRows","deleteRow","item"],"mappings":"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"}

package/dist/components-data-table-use-data-table-editable-rows.js

@@ -1,156 +1,154 @@
-import * as i from "react";
-function z(n) {
+import { useState as B, useCallback as a, startTransition as F } from "react";
+function G(n) {
   return typeof n == "string" ? n : typeof n == "number" || typeof n == "boolean" ? String(n) : "";
 }
-function D(n, s) {
+function H(n, s) {
   return typeof s == "function" ? s(n) : s;
 }
-function U(n, s, C) {
-  const [k, m] = i.useState(C), d = n !== void 0, V = d ? n : k, v = i.useCallback(
-    (E) => {
-      const g = D(V, E);
-      d || m(g), s?.(g);
+function A(n, s, v) {
+  const [R, P] = B(v), V = n !== void 0, g = V ? n : R, m = a(
+    (y) => {
+      const x = H(g, y);
+      V || P(x), s?.(x);
     },
-    [d, s, V]
+    [V, s, g]
   );
-  return [V, v];
+  return [g, m];
 }
-function F({
+function L({
   rows: n,
   getRowId: s,
-  setRows: C,
-  editingRowId: k,
-  onEditingRowIdChange: m,
-  editingValues: d,
-  onEditingValuesChange: V,
-  onRowDelete: v,
-  onRowEditCancel: E,
-  onRowEditSave: g,
-  onRowEditStart: y,
-  onRowsChange: S
+  setRows: v,
+  editingRowId: R,
+  onEditingRowIdChange: P,
+  editingValues: V,
+  onEditingValuesChange: g,
+  onRowDelete: m,
+  onRowEditCancel: y,
+  onRowEditSave: x,
+  onRowEditStart: S,
+  onRowsChange: T
 }) {
-  const [a, l] = U(
-    k,
-    m,
+  const [l, i] = A(
+    R,
+    P,
     null
-  ), [f, u] = U(
-    d,
+  ), [r, o] = A(
     V,
+    g,
     {}
-  ), [A, P] = i.useState(!0);
-  i.useEffect(() => {
-    P(!0);
-  }, [n]);
-  const r = i.useCallback(
+  ), [C, U] = B(!0), f = a(
     (t) => n.find((e) => s(e) === t) ?? null,
     [s, n]
-  ), R = i.useCallback(
+  ), E = a(
     (t, e) => {
-      P(!1), C?.(t), S?.(e);
+      U(!1), v?.(t), T?.(e), F(() => {
+        U(!0);
+      });
     },
-    [S, C]
-  ), B = i.useCallback(
-    (t, e, c) => {
-      const o = s(t), p = e.reduce((x, b) => (x[b] = c?.[b] ?? z(t[b]), x), {});
-      l(o), u(p), y?.({
+    [T, v]
+  ), j = a(
+    (t, e, u) => {
+      const c = s(t), p = e.reduce((b, d) => (b[d] = u?.[d] ?? G(t[d]), b), {});
+      i(c), o(p), S?.({
         editableKeys: e,
         initialValues: p,
         row: t,
-        rowId: o
+        rowId: c
       });
     },
-    [s, y, l, u]
-  ), T = i.useCallback(() => {
-    const t = a ? r(a) : null, e = f;
-    l(null), u({}), E?.({
+    [s, S, i, o]
+  ), q = a(() => {
+    const t = l ? f(l) : null, e = r;
+    i(null), o({}), y?.({
       editingValues: e,
       row: t,
-      rowId: a
+      rowId: l
     });
   }, [
-    a,
-    f,
-    r,
-    E,
     l,
-    u
-  ]), j = i.useCallback(
+    r,
+    f,
+    y,
+    i,
+    o
+  ]), z = a(
     (t) => {
-      const e = r(t);
+      const e = f(t);
       if (!e)
         return;
-      const c = {
+      const u = {
         ...e,
-        ...f
-      }, o = n, p = o.map(
-        (b) => s(b) === t ? c : b
+        ...r
+      }, c = n, p = c.map(
+        (d) => s(d) === t ? u : d
       );
-      R(p, {
-        editingValues: f,
-        nextRow: c,
+      E(p, {
+        editingValues: r,
+        nextRow: u,
         nextRows: p,
         previousRow: e,
-        previousRows: o,
+        previousRows: c,
         rowId: t,
         type: "edit-save"
-      }), l(null), u({}), g?.({
-        editingValues: f,
-        nextRow: c,
+      }), i(null), o({}), x?.({
+        editingValues: r,
+        nextRow: u,
         previousRow: e,
         rowId: t
       });
     },
     [
-      R,
-      f,
+      E,
       r,
+      f,
       s,
-      g,
+      x,
       n,
-      l,
-      u
+      i,
+      o
     ]
-  ), q = i.useCallback(
+  ), D = a(
     (t) => {
-      const e = r(t);
+      const e = f(t);
       if (!e)
         return;
-      const c = n, o = c.filter((x) => s(x) !== t);
-      R(o, {
-        nextRows: o,
-        previousRows: c,
+      const u = n, c = u.filter((b) => s(b) !== t);
+      E(c, {
+        nextRows: c,
+        previousRows: u,
         row: e,
         rowId: t,
         type: "delete"
-      }), a === t && (l(null), u({})), v?.({
+      }), l === t && (i(null), o({})), m?.({
         row: e,
         rowId: t
       });
     },
     [
-      R,
-      a,
-      r,
+      E,
+      l,
+      f,
       s,
-      v,
+      m,
       n,
-      l,
-      u
+      i,
+      o
     ]
   );
   return {
-    autoResetPageIndex: A,
-    cancelEditingRow: T,
-    deleteRow: q,
-    editingRowId: a,
-    editingValues: f,
-    saveEditingRow: j,
-    setEditingValues: u,
-    setEditingRowId: l,
-    startEditingRow: B
+    autoResetPageIndex: C,
+    cancelEditingRow: q,
+    deleteRow: D,
+    editingRowId: l,
+    editingValues: r,
+    saveEditingRow: z,
+    setEditingValues: o,
+    setEditingRowId: i,
+    startEditingRow: j
   };
 }
 export {
-  F as useDataTableEditableRows
+  L as useDataTableEditableRows
 };
 //# sourceMappingURL=components-data-table-use-data-table-editable-rows.js.map

package/dist/components-data-table-use-data-table-editable-rows.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-data-table-use-data-table-editable-rows.js","sources":["../src/components/data-table/use-data-table-editable-rows.ts"],"sourcesContent":["import * as React from \"react\";\n\ntype EditableRowKey<TData> = Extract<keyof TData, string>;\ntype EditableValues = Record<string, string>;\n\ntype DataTableRowEditStartEvent<TData> = {\n  editableKeys: readonly EditableRowKey<TData>[];\n  initialValues: EditableValues;\n  row: TData;\n  rowId: string;\n};\n\ntype DataTableRowEditCancelEvent<TData> = {\n  editingValues: EditableValues;\n  row: TData | null;\n  rowId: string | null;\n};\n\ntype DataTableRowEditSaveEvent<TData> = {\n  editingValues: EditableValues;\n  nextRow: TData;\n  previousRow: TData;\n  rowId: string;\n};\n\ntype DataTableRowDeleteEvent<TData> = {\n  row: TData;\n  rowId: string;\n};\n\ntype DataTableRowsChangeEvent<TData> =\n  | ({\n      nextRows: TData[];\n      previousRows: TData[];\n      type: \"edit-save\";\n    } & DataTableRowEditSaveEvent<TData>)\n  | ({\n      nextRows: TData[];\n      previousRows: TData[];\n      type: \"delete\";\n    } & DataTableRowDeleteEvent<TData>);\n\ntype UseDataTableEditableRowsOptions<TData> = {\n  rows: TData[];\n  getRowId: (row: TData) => string;\n  setRows?: React.Dispatch<React.SetStateAction<TData[]>>;\n  editingRowId?: string | null;\n  onEditingRowIdChange?: (rowId: string | null) => void;\n  editingValues?: EditableValues;\n  onEditingValuesChange?: React.Dispatch<React.SetStateAction<EditableValues>>;\n  onRowDelete?: (event: DataTableRowDeleteEvent<TData>) => void;\n  onRowEditCancel?: (event: DataTableRowEditCancelEvent<TData>) => void;\n  onRowEditSave?: (event: DataTableRowEditSaveEvent<TData>) => void;\n  onRowEditStart?: (event: DataTableRowEditStartEvent<TData>) => void;\n  onRowsChange?: (event: DataTableRowsChangeEvent<TData>) => void;\n};\n\nfunction toEditableString(value: unknown) {\n  if (typeof value === \"string\") {\n    return value;\n  }\n\n  if (typeof value === \"number\" || typeof value === \"boolean\") {\n    return String(value);\n  }\n\n  return \"\";\n}\n\nfunction applyUpdater<TData>(previousValue: TData, updater: React.SetStateAction<TData>) {\n  return typeof updater === \"function\"\n    ? (updater as (value: TData) => TData)(previousValue)\n    : updater;\n}\n\nfunction useControllableState<TData>(\n  controlledValue: TData | undefined,\n  onChange: ((nextValue: TData) => void) | undefined,\n  defaultValue: TData,\n) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  const setValue = React.useCallback(\n    (updater: React.SetStateAction<TData>) => {\n      const nextValue = applyUpdater(value, updater);\n\n      if (!isControlled) {\n        setUncontrolledValue(nextValue);\n      }\n\n      onChange?.(nextValue);\n    },\n    [isControlled, onChange, value],\n  );\n\n  return [value, setValue] as const;\n}\n\nfunction useDataTableEditableRows<TData>({\n  rows,\n  getRowId,\n  setRows,\n  editingRowId: controlledEditingRowId,\n  onEditingRowIdChange,\n  editingValues: controlledEditingValues,\n  onEditingValuesChange,\n  onRowDelete,\n  onRowEditCancel,\n  onRowEditSave,\n  onRowEditStart,\n  onRowsChange,\n}: UseDataTableEditableRowsOptions<TData>) {\n  const [editingRowId, setEditingRowId] = useControllableState<string | null>(\n    controlledEditingRowId,\n    onEditingRowIdChange,\n    null,\n  );\n  const [editingValues, setEditingValues] = useControllableState<EditableValues>(\n    controlledEditingValues,\n    onEditingValuesChange,\n    {},\n  );\n  const [autoResetPageIndex, setAutoResetPageIndex] = React.useState(true);\n\n  React.useEffect(() => {\n    setAutoResetPageIndex(true);\n  }, [rows]);\n\n  const findRowById = React.useCallback(\n    (rowId: string) => rows.find((row) => getRowId(row) === rowId) ?? null,\n    [getRowId, rows],\n  );\n\n  const commitRowsChange = React.useCallback(\n    (nextRows: TData[], event: DataTableRowsChangeEvent<TData>) => {\n      setAutoResetPageIndex(false);\n      setRows?.(nextRows);\n      onRowsChange?.(event);\n    },\n    [onRowsChange, setRows],\n  );\n\n  const startEditingRow = React.useCallback(\n    (\n      row: TData,\n      editableKeys: readonly EditableRowKey<TData>[],\n      overrides?: Partial<Record<EditableRowKey<TData>, string>>,\n    ) => {\n      const rowId = getRowId(row);\n      const initialValues = editableKeys.reduce<EditableValues>((accumulator, key) => {\n        accumulator[key] = overrides?.[key] ?? toEditableString(row[key]);\n        return accumulator;\n      }, {});\n\n      setEditingRowId(rowId);\n      setEditingValues(initialValues);\n      onRowEditStart?.({\n        editableKeys,\n        initialValues,\n        row,\n        rowId,\n      });\n    },\n    [getRowId, onRowEditStart, setEditingRowId, setEditingValues],\n  );\n\n  const cancelEditingRow = React.useCallback(() => {\n    const row = editingRowId ? findRowById(editingRowId) : null;\n    const nextEditingValues = editingValues;\n\n    setEditingRowId(null);\n    setEditingValues({});\n    onRowEditCancel?.({\n      editingValues: nextEditingValues,\n      row,\n      rowId: editingRowId,\n    });\n  }, [\n    editingRowId,\n    editingValues,\n    findRowById,\n    onRowEditCancel,\n    setEditingRowId,\n    setEditingValues,\n  ]);\n\n  const saveEditingRow = React.useCallback(\n    (rowId: string) => {\n      const previousRow = findRowById(rowId);\n\n      if (!previousRow) {\n        return;\n      }\n\n      const nextRow = {\n        ...previousRow,\n        ...editingValues,\n      };\n      const previousRows = rows;\n      const nextRows = previousRows.map((row) =>\n        getRowId(row) === rowId ? nextRow : row,\n      );\n      const event: DataTableRowsChangeEvent<TData> = {\n        editingValues,\n        nextRow,\n        nextRows,\n        previousRow,\n        previousRows,\n        rowId,\n        type: \"edit-save\",\n      };\n\n      commitRowsChange(nextRows, event);\n      setEditingRowId(null);\n      setEditingValues({});\n      onRowEditSave?.({\n        editingValues,\n        nextRow,\n        previousRow,\n        rowId,\n      });\n    },\n    [\n      commitRowsChange,\n      editingValues,\n      findRowById,\n      getRowId,\n      onRowEditSave,\n      rows,\n      setEditingRowId,\n      setEditingValues,\n    ],\n  );\n\n  const deleteRow = React.useCallback(\n    (rowId: string) => {\n      const row = findRowById(rowId);\n\n      if (!row) {\n        return;\n      }\n\n      const previousRows = rows;\n      const nextRows = previousRows.filter((item) => getRowId(item) !== rowId);\n      const event: DataTableRowsChangeEvent<TData> = {\n        nextRows,\n        previousRows,\n        row,\n        rowId,\n        type: \"delete\",\n      };\n\n      commitRowsChange(nextRows, event);\n\n      if (editingRowId === rowId) {\n        setEditingRowId(null);\n        setEditingValues({});\n      }\n\n      onRowDelete?.({\n        row,\n        rowId,\n      });\n    },\n    [\n      commitRowsChange,\n      editingRowId,\n      findRowById,\n      getRowId,\n      onRowDelete,\n      rows,\n      setEditingRowId,\n      setEditingValues,\n    ],\n  );\n\n  return {\n    autoResetPageIndex,\n    cancelEditingRow,\n    deleteRow,\n    editingRowId,\n    editingValues,\n    saveEditingRow,\n    setEditingValues,\n    setEditingRowId,\n    startEditingRow,\n  };\n}\n\nexport { useDataTableEditableRows };\nexport type {\n  DataTableRowDeleteEvent,\n  DataTableRowEditCancelEvent,\n  DataTableRowEditSaveEvent,\n  DataTableRowEditStartEvent,\n  DataTableRowsChangeEvent,\n  EditableRowKey,\n  UseDataTableEditableRowsOptions,\n};\n"],"names":["toEditableString","value","applyUpdater","previousValue","updater","useControllableState","controlledValue","onChange","defaultValue","uncontrolledValue","setUncontrolledValue","React","isControlled","setValue","nextValue","useDataTableEditableRows","rows","getRowId","setRows","controlledEditingRowId","onEditingRowIdChange","controlledEditingValues","onEditingValuesChange","onRowDelete","onRowEditCancel","onRowEditSave","onRowEditStart","onRowsChange","editingRowId","setEditingRowId","editingValues","setEditingValues","autoResetPageIndex","setAutoResetPageIndex","findRowById","rowId","row","commitRowsChange","nextRows","event","startEditingRow","editableKeys","overrides","initialValues","accumulator","key","cancelEditingRow","nextEditingValues","saveEditingRow","previousRow","nextRow","previousRows","deleteRow","item"],"mappings":"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"}
+{"version":3,"file":"components-data-table-use-data-table-editable-rows.js","sources":["../src/components/data-table/use-data-table-editable-rows.ts"],"sourcesContent":["import { startTransition, useCallback, useState } from \"react\";\nimport type { Dispatch, SetStateAction } from \"react\";\n\ntype EditableRowKey<TData> = Extract<keyof TData, string>;\ntype EditableValues = Record<string, string>;\n\ntype DataTableRowEditStartEvent<TData> = {\n  editableKeys: readonly EditableRowKey<TData>[];\n  initialValues: EditableValues;\n  row: TData;\n  rowId: string;\n};\n\ntype DataTableRowEditCancelEvent<TData> = {\n  editingValues: EditableValues;\n  row: TData | null;\n  rowId: string | null;\n};\n\ntype DataTableRowEditSaveEvent<TData> = {\n  editingValues: EditableValues;\n  nextRow: TData;\n  previousRow: TData;\n  rowId: string;\n};\n\ntype DataTableRowDeleteEvent<TData> = {\n  row: TData;\n  rowId: string;\n};\n\ntype DataTableRowsChangeEvent<TData> =\n  | ({\n      nextRows: TData[];\n      previousRows: TData[];\n      type: \"edit-save\";\n    } & DataTableRowEditSaveEvent<TData>)\n  | ({\n      nextRows: TData[];\n      previousRows: TData[];\n      type: \"delete\";\n    } & DataTableRowDeleteEvent<TData>);\n\ntype UseDataTableEditableRowsOptions<TData> = {\n  rows: TData[];\n  getRowId: (row: TData) => string;\n  setRows?: Dispatch<SetStateAction<TData[]>>;\n  editingRowId?: string | null;\n  onEditingRowIdChange?: (rowId: string | null) => void;\n  editingValues?: EditableValues;\n  onEditingValuesChange?: Dispatch<SetStateAction<EditableValues>>;\n  onRowDelete?: (event: DataTableRowDeleteEvent<TData>) => void;\n  onRowEditCancel?: (event: DataTableRowEditCancelEvent<TData>) => void;\n  onRowEditSave?: (event: DataTableRowEditSaveEvent<TData>) => void;\n  onRowEditStart?: (event: DataTableRowEditStartEvent<TData>) => void;\n  onRowsChange?: (event: DataTableRowsChangeEvent<TData>) => void;\n};\n\nfunction toEditableString(value: unknown) {\n  if (typeof value === \"string\") {\n    return value;\n  }\n\n  if (typeof value === \"number\" || typeof value === \"boolean\") {\n    return String(value);\n  }\n\n  return \"\";\n}\n\nfunction applyUpdater<TData>(previousValue: TData, updater: SetStateAction<TData>) {\n  return typeof updater === \"function\"\n    ? (updater as (value: TData) => TData)(previousValue)\n    : updater;\n}\n\nfunction useControllableState<TData>(\n  controlledValue: TData | undefined,\n  onChange: ((nextValue: TData) => void) | undefined,\n  defaultValue: TData,\n) {\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  const setValue = useCallback(\n    (updater: SetStateAction<TData>) => {\n      const nextValue = applyUpdater(value, updater);\n\n      if (!isControlled) {\n        setUncontrolledValue(nextValue);\n      }\n\n      onChange?.(nextValue);\n    },\n    [isControlled, onChange, value],\n  );\n\n  return [value, setValue] as const;\n}\n\nfunction useDataTableEditableRows<TData>({\n  rows,\n  getRowId,\n  setRows,\n  editingRowId: controlledEditingRowId,\n  onEditingRowIdChange,\n  editingValues: controlledEditingValues,\n  onEditingValuesChange,\n  onRowDelete,\n  onRowEditCancel,\n  onRowEditSave,\n  onRowEditStart,\n  onRowsChange,\n}: UseDataTableEditableRowsOptions<TData>) {\n  const [editingRowId, setEditingRowId] = useControllableState<string | null>(\n    controlledEditingRowId,\n    onEditingRowIdChange,\n    null,\n  );\n  const [editingValues, setEditingValues] = useControllableState<EditableValues>(\n    controlledEditingValues,\n    onEditingValuesChange,\n    {},\n  );\n  const [autoResetPageIndex, setAutoResetPageIndex] = useState(true);\n\n  const findRowById = useCallback(\n    (rowId: string) => rows.find((row) => getRowId(row) === rowId) ?? null,\n    [getRowId, rows],\n  );\n\n  const commitRowsChange = useCallback(\n    (nextRows: TData[], event: DataTableRowsChangeEvent<TData>) => {\n      setAutoResetPageIndex(false);\n      setRows?.(nextRows);\n      onRowsChange?.(event);\n      startTransition(() => {\n        setAutoResetPageIndex(true);\n      });\n    },\n    [onRowsChange, setRows],\n  );\n\n  const startEditingRow = useCallback(\n    (\n      row: TData,\n      editableKeys: readonly EditableRowKey<TData>[],\n      overrides?: Partial<Record<EditableRowKey<TData>, string>>,\n    ) => {\n      const rowId = getRowId(row);\n      const initialValues = editableKeys.reduce<EditableValues>((accumulator, key) => {\n        accumulator[key] = overrides?.[key] ?? toEditableString(row[key]);\n        return accumulator;\n      }, {});\n\n      setEditingRowId(rowId);\n      setEditingValues(initialValues);\n      onRowEditStart?.({\n        editableKeys,\n        initialValues,\n        row,\n        rowId,\n      });\n    },\n    [getRowId, onRowEditStart, setEditingRowId, setEditingValues],\n  );\n\n  const cancelEditingRow = useCallback(() => {\n    const row = editingRowId ? findRowById(editingRowId) : null;\n    const nextEditingValues = editingValues;\n\n    setEditingRowId(null);\n    setEditingValues({});\n    onRowEditCancel?.({\n      editingValues: nextEditingValues,\n      row,\n      rowId: editingRowId,\n    });\n  }, [\n    editingRowId,\n    editingValues,\n    findRowById,\n    onRowEditCancel,\n    setEditingRowId,\n    setEditingValues,\n  ]);\n\n  const saveEditingRow = useCallback(\n    (rowId: string) => {\n      const previousRow = findRowById(rowId);\n\n      if (!previousRow) {\n        return;\n      }\n\n      const nextRow = {\n        ...previousRow,\n        ...editingValues,\n      };\n      const previousRows = rows;\n      const nextRows = previousRows.map((row) =>\n        getRowId(row) === rowId ? nextRow : row,\n      );\n      const event: DataTableRowsChangeEvent<TData> = {\n        editingValues,\n        nextRow,\n        nextRows,\n        previousRow,\n        previousRows,\n        rowId,\n        type: \"edit-save\",\n      };\n\n      commitRowsChange(nextRows, event);\n      setEditingRowId(null);\n      setEditingValues({});\n      onRowEditSave?.({\n        editingValues,\n        nextRow,\n        previousRow,\n        rowId,\n      });\n    },\n    [\n      commitRowsChange,\n      editingValues,\n      findRowById,\n      getRowId,\n      onRowEditSave,\n      rows,\n      setEditingRowId,\n      setEditingValues,\n    ],\n  );\n\n  const deleteRow = useCallback(\n    (rowId: string) => {\n      const row = findRowById(rowId);\n\n      if (!row) {\n        return;\n      }\n\n      const previousRows = rows;\n      const nextRows = previousRows.filter((item) => getRowId(item) !== rowId);\n      const event: DataTableRowsChangeEvent<TData> = {\n        nextRows,\n        previousRows,\n        row,\n        rowId,\n        type: \"delete\",\n      };\n\n      commitRowsChange(nextRows, event);\n\n      if (editingRowId === rowId) {\n        setEditingRowId(null);\n        setEditingValues({});\n      }\n\n      onRowDelete?.({\n        row,\n        rowId,\n      });\n    },\n    [\n      commitRowsChange,\n      editingRowId,\n      findRowById,\n      getRowId,\n      onRowDelete,\n      rows,\n      setEditingRowId,\n      setEditingValues,\n    ],\n  );\n\n  return {\n    autoResetPageIndex,\n    cancelEditingRow,\n    deleteRow,\n    editingRowId,\n    editingValues,\n    saveEditingRow,\n    setEditingValues,\n    setEditingRowId,\n    startEditingRow,\n  };\n}\n\nexport { useDataTableEditableRows };\nexport type {\n  DataTableRowDeleteEvent,\n  DataTableRowEditCancelEvent,\n  DataTableRowEditSaveEvent,\n  DataTableRowEditStartEvent,\n  DataTableRowsChangeEvent,\n  EditableRowKey,\n  UseDataTableEditableRowsOptions,\n};\n"],"names":["toEditableString","value","applyUpdater","previousValue","updater","useControllableState","controlledValue","onChange","defaultValue","uncontrolledValue","setUncontrolledValue","useState","isControlled","setValue","useCallback","nextValue","useDataTableEditableRows","rows","getRowId","setRows","controlledEditingRowId","onEditingRowIdChange","controlledEditingValues","onEditingValuesChange","onRowDelete","onRowEditCancel","onRowEditSave","onRowEditStart","onRowsChange","editingRowId","setEditingRowId","editingValues","setEditingValues","autoResetPageIndex","setAutoResetPageIndex","findRowById","rowId","row","commitRowsChange","nextRows","event","startTransition","startEditingRow","editableKeys","overrides","initialValues","accumulator","key","cancelEditingRow","nextEditingValues","saveEditingRow","previousRow","nextRow","previousRows","deleteRow","item"],"mappings":"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"}

package/dist/components-input-contact-input-contact.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime");;/* empty css                   */const g=require("./lib-utils.cjs");require("class-variance-authority");const c=require("react");require("./components-ui-badge-badge.styles.cjs");const y=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");const s=require("./components-ui-icon-icon.cjs");require("./calendar-DReGV_22.cjs");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");require("./components-ui-typography-typography.styles.cjs");const v=require("./hooks-usePopupControls.cjs");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");const _=require("./components-input-field-input-field.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-C69jBlXa.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");const j=require("./components-input-phone-input-phone.cjs"),w=[{label:"Мобильный",icon:"phone"},{label:"Telegram",icon:"telegram-logo"},{label:"WhatsApp",icon:"whats-app-logo-filled"},{label:"Max",icon:"max-logo"},{label:"E-mail",icon:"envelope-simple"}],q=n=>{switch(n){case"max-logo":return{bgColor:"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]"};case"telegram-logo":return{bgColor:"bg-[#289AD2]"};case"whats-app-logo-filled":return{bgColor:"bg-[#00C202]",textColor:"text-[#00C202]"};default:return{}}},a=n=>({wrapper:g.cn(`flex h-5.5 w-5.5 shrink-0 items-center justify-center rounded-sm
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime");;/* empty css                   */const g=require("./lib-utils.cjs");require("class-variance-authority");require("./components-ui-badge-badge.styles.cjs");const y=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");const s=require("./components-ui-icon-icon.cjs"),v=require("./hooks-usePopupControls.cjs");require("./calendar-B5QCV34E.cjs");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");const c=require("react");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");require("./components-ui-typography-typography.styles.cjs");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");const _=require("./components-input-field-input-field.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-9H_9wEfR.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");const j=require("./components-input-phone-input-phone.cjs"),w=[{label:"Мобильный",icon:"phone"},{label:"Telegram",icon:"telegram-logo"},{label:"WhatsApp",icon:"whats-app-logo-filled"},{label:"Max",icon:"max-logo"},{label:"E-mail",icon:"envelope-simple"}],q=n=>{switch(n){case"max-logo":return{bgColor:"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]"};case"telegram-logo":return{bgColor:"bg-[#289AD2]"};case"whats-app-logo-filled":return{bgColor:"bg-[#00C202]",textColor:"text-[#00C202]"};default:return{}}},a=n=>({wrapper:g.cn(`flex h-5.5 w-5.5 shrink-0 items-center justify-center rounded-sm
     ${q(n).bgColor??"bg-primary-inverse-hover-bg"}
     ${q(n).textColor??"text-primary-inverse-text"}`),icon:"size-5 shrink-0"}),P=n=>{const{inputProps:h,inputPhoneProps:x,onTypeChange:b,...p}=n,[o,C]=c.useState("phone"),{isOpened:t,openPopup:m,closePopup:u}=v.usePopupControls(),l=c.useRef(null);c.useEffect(()=>{const e=i=>{l.current&&!l.current.contains(i.target)&&u()};return t&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[t,u]);const d=e=>{switch(e){case"phone":return"+7 (999) 999-99-99";case"telegram-logo":return"@username";case"whats-app-logo-filled":return"+7 (999) 999-99-99";case"max-logo":return"ID пользователя Max";case"envelope-simple":return"example@mail.com";default:return"Введите значение"}},f=e=>()=>{C(e),b?.(e),u()};return r.jsxs("div",{className:g.cn("relative",n.classes?.container),children:[["telegram-logo","max-logo","envelope-simple"].includes(o)?r.jsx(_.InputField,{...h,...p,date:[{id:"0",position:"inline-start",component:r.jsx(s.Icon,{type:o,size:"medium",classes:a(o)})},{id:"1",position:"inline-end",component:r.jsx(s.Icon,{type:t?"caret-up":"caret-down",size:"medium",className:"cursor-pointer",onClick:m})}],placeholder:d(o)}):r.jsx(j.InputPhone,{...x,...p,date:[{id:"0",position:"inline-start",component:r.jsx(s.Icon,{type:o,size:"medium",classes:a(o)})},{id:"1",position:"inline-end",component:r.jsx(s.Icon,{type:t?"caret-up":"caret-down",size:"medium",className:"cursor-pointer",onClick:m})}],placeholder:d(o)}),t&&r.jsx("div",{className:`border-inp-hover-border bg-primary-bg absolute my-2 flex w-full
             flex-col rounded-xl border`,ref:l,children:w.map(({label:e,icon:i})=>r.jsxs(y.Button,{variant:"ghost",className:"flex w-full justify-start",type:"button",onClick:f(i),children:[r.jsx(s.Icon,{type:i,size:"medium",className:"text-primary-inverse-text",classes:a(i)}),e]},e))})]})};exports.InputContact=P;