brd-ui-kit 0.1.73 → 0.1.76

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

@@ -0,0 +1,173 @@
+import { jsxs as T, jsx as n } from "react/jsx-runtime";
+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 m(e, o) {
+  if (e.hidden)
+    return null;
+  if (e.type === "separator")
+    return {
+      id: e.id,
+      type: "separator"
+    };
+  if (e.type === "label")
+    return {
+      id: e.id,
+      type: "label",
+      label: e.label
+    };
+  const c = e.children?.map((i) => m(i, o)).filter((i) => i !== null);
+  return {
+    id: e.id,
+    type: "item",
+    label: e.label,
+    disabled: e.disabled,
+    readOnly: e.readOnly,
+    alert: e.alert,
+    icon: e.icon,
+    iconType: e.iconType,
+    shortcut: e.shortcut,
+    children: c,
+    onSelect: e.onSelect ? () => e.onSelect?.(o) : void 0
+  };
+}
+function O(e = {}) {
+  const {
+    id: o = "actions",
+    header: c,
+    align: i = "end",
+    editingRowId: x,
+    trigger: b,
+    actions: d,
+    onStartEdit: f,
+    onSaveEdit: s,
+    onCancelEdit: p,
+    onDelete: h,
+    labels: l,
+    includeDefaultActions: v = !0
+  } = e;
+  return E({
+    id: o,
+    header: c,
+    renderCell: ({ row: r, data: C }) => {
+      const a = { row: r, data: C };
+      if (x === r.id && (s || p))
+        return /* @__PURE__ */ T(
+          "div",
+          {
+            className: "flex flex-col items-center gap-6",
+            onClick: (t) => t.stopPropagation(),
+            onKeyDown: (t) => t.stopPropagation(),
+            role: "presentation",
+            children: [
+              s ? /* @__PURE__ */ n(
+                u,
+                {
+                  type: "button",
+                  variant: "circleGhost",
+                  size: "icon-md",
+                  "aria-label": l?.saveAriaLabel ?? "Сохранить изменения",
+                  onClick: () => s(a),
+                  children: /* @__PURE__ */ n(
+                    y,
+                    {
+                      type: "check-circle",
+                      className: "text-success-text",
+                      "aria-hidden": !0
+                    }
+                  )
+                }
+              ) : null,
+              p ? /* @__PURE__ */ n(
+                u,
+                {
+                  type: "button",
+                  variant: "circleGhost",
+                  size: "icon-md",
+                  "aria-label": l?.cancelAriaLabel ?? "Отменить редактирование",
+                  onClick: () => p(a),
+                  children: /* @__PURE__ */ n(
+                    y,
+                    {
+                      type: "x-circle",
+                      className: "text-error-text",
+                      "aria-hidden": !0
+                    }
+                  )
+                }
+              ) : null
+            ]
+          }
+        );
+      const A = typeof d == "function" ? d(a) : d ?? [], D = [
+        ...f ? [
+          {
+            id: `${o}-edit-${r.id}`,
+            label: l?.edit ?? "Редактировать",
+            onSelect: f,
+            iconType: "pencil-simple"
+          }
+        ] : [],
+        ...h ? [
+          { type: "separator" },
+          {
+            id: `${o}-delete-${r.id}`,
+            label: l?.delete ?? "Удалить",
+            iconType: "trash",
+            alert: !0,
+            onSelect: h
+          }
+        ] : []
+      ], g = [
+        ...A,
+        ...v ? D : []
+      ].map((t) => m(t, a)).filter((t) => t !== null), S = b ? b(a) : /* @__PURE__ */ n(
+        u,
+        {
+          type: "button",
+          variant: "circleGhost",
+          size: "icon-xs",
+          "aria-label": "Открыть действия строки",
+          children: /* @__PURE__ */ n(
+            y,
+            {
+              type: "dots-three",
+              "aria-hidden": !0
+            }
+          )
+        }
+      );
+      return /* @__PURE__ */ n(
+        "div",
+        {
+          className: k("flex justify-end"),
+          onClick: (t) => t.stopPropagation(),
+          onKeyDown: (t) => t.stopPropagation(),
+          role: "presentation",
+          children: /* @__PURE__ */ n(
+            $,
+            {
+              trigger: S,
+              items: g.length > 0 ? g : [
+                {
+                  id: `${o}-empty-${r.id}`,
+                  type: "item",
+                  label: l?.empty ?? "Нет действий",
+                  readOnly: !0
+                }
+              ],
+              contentProps: { align: i }
+            }
+          )
+        }
+      );
+    }
+  });
+}
+export {
+  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

@@ -0,0 +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 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-data-table-select-column.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),a=require("./components-ui-checkbox-checkbox.cjs");function c(){return{id:"select",header:({table:e})=>l.jsx(a.Checkbox,{checked:e.getIsAllPageRowsSelected()?!0:e.getIsSomePageRowsSelected()?"indeterminate":!1,onCheckedChange:t=>e.toggleAllPageRowsSelected(t===!0),"aria-label":"Выбрать все на странице"}),cell:({row:e})=>l.jsx("div",{className:"flex items-center",onClick:t=>t.stopPropagation(),onKeyDown:t=>t.stopPropagation(),role:"presentation",children:l.jsx(a.Checkbox,{checked:e.getIsSelected(),disabled:!e.getCanSelect(),onCheckedChange:t=>e.toggleSelected(t===!0),"aria-label":"Выбрать строку"})}),meta:{label:"Выбор строки",headClassName:"w-13 text-center",cellClassName:"w-13 text-center"},enableSorting:!1,enableHiding:!1}}exports.createDataTableSelectColumn=c;
+//# sourceMappingURL=components-data-table-data-table-select-column.cjs.map

package/dist/components-data-table-data-table-select-column.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-data-table-data-table-select-column.cjs","sources":["../src/components/data-table/data-table-select-column.tsx"],"sourcesContent":["import type { ColumnDef } from \"@tanstack/react-table\";\n\nimport { Checkbox } from \"@/components/ui/checkbox\";\n\nexport function createDataTableSelectColumn<TData>(): ColumnDef<TData> {\n  return {\n    id: \"select\",\n    header: ({ table }) => (\n      <Checkbox\n        checked={\n          table.getIsAllPageRowsSelected()\n            ? true\n            : table.getIsSomePageRowsSelected()\n              ? \"indeterminate\"\n              : false\n        }\n        onCheckedChange={(value) => table.toggleAllPageRowsSelected(value === true)}\n        aria-label=\"Выбрать все на странице\"\n      />\n    ),\n    cell: ({ row }) => (\n      <div\n        className=\"flex items-center\"\n        onClick={(e) => e.stopPropagation()}\n        onKeyDown={(e) => e.stopPropagation()}\n        role=\"presentation\"\n      >\n        <Checkbox\n          checked={row.getIsSelected()}\n          disabled={!row.getCanSelect()}\n          onCheckedChange={(value) => row.toggleSelected(value === true)}\n          aria-label=\"Выбрать строку\"\n        />\n      </div>\n    ),\n    meta: {\n      label: \"Выбор строки\",\n      headClassName: \"w-13 text-center\",\n      cellClassName: \"w-13 text-center\",\n    },\n    enableSorting: false,\n    enableHiding: false,\n  };\n}\n"],"names":["createDataTableSelectColumn","table","jsx","Checkbox","value","row","e"],"mappings":"wKAIO,SAASA,GAAuD,CACrE,MAAO,CACL,GAAI,SACJ,OAAQ,CAAC,CAAE,MAAAC,CAAA,IACTC,EAAAA,IAACC,EAAAA,SAAA,CACC,QACEF,EAAM,2BACF,GACAA,EAAM,0BAAA,EACJ,gBACA,GAER,gBAAkBG,GAAUH,EAAM,0BAA0BG,IAAU,EAAI,EAC1E,aAAW,yBAAA,CAAA,EAGf,KAAM,CAAC,CAAE,IAAAC,CAAA,IACPH,EAAAA,IAAC,MAAA,CACC,UAAU,oBACV,QAAUI,GAAMA,EAAE,gBAAA,EAClB,UAAYA,GAAMA,EAAE,gBAAA,EACpB,KAAK,eAEL,SAAAJ,EAAAA,IAACC,EAAAA,SAAA,CACC,QAASE,EAAI,cAAA,EACb,SAAU,CAACA,EAAI,aAAA,EACf,gBAAkBD,GAAUC,EAAI,eAAeD,IAAU,EAAI,EAC7D,aAAW,gBAAA,CAAA,CACb,CAAA,EAGJ,KAAM,CACJ,MAAO,eACP,cAAe,mBACf,cAAe,kBAAA,EAEjB,cAAe,GACf,aAAc,EAAA,CAElB"}

package/dist/components-data-table-data-table-select-column.js

@@ -0,0 +1,44 @@
+import { jsx as l } from "react/jsx-runtime";
+import { Checkbox as a } from "./components-ui-checkbox-checkbox.js";
+function c() {
+  return {
+    id: "select",
+    header: ({ table: e }) => /* @__PURE__ */ l(
+      a,
+      {
+        checked: e.getIsAllPageRowsSelected() ? !0 : e.getIsSomePageRowsSelected() ? "indeterminate" : !1,
+        onCheckedChange: (t) => e.toggleAllPageRowsSelected(t === !0),
+        "aria-label": "Выбрать все на странице"
+      }
+    ),
+    cell: ({ row: e }) => /* @__PURE__ */ l(
+      "div",
+      {
+        className: "flex items-center",
+        onClick: (t) => t.stopPropagation(),
+        onKeyDown: (t) => t.stopPropagation(),
+        role: "presentation",
+        children: /* @__PURE__ */ l(
+          a,
+          {
+            checked: e.getIsSelected(),
+            disabled: !e.getCanSelect(),
+            onCheckedChange: (t) => e.toggleSelected(t === !0),
+            "aria-label": "Выбрать строку"
+          }
+        )
+      }
+    ),
+    meta: {
+      label: "Выбор строки",
+      headClassName: "w-13 text-center",
+      cellClassName: "w-13 text-center"
+    },
+    enableSorting: !1,
+    enableHiding: !1
+  };
+}
+export {
+  c as createDataTableSelectColumn
+};
+//# sourceMappingURL=components-data-table-data-table-select-column.js.map

package/dist/components-data-table-data-table-select-column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-data-table-data-table-select-column.js","sources":["../src/components/data-table/data-table-select-column.tsx"],"sourcesContent":["import type { ColumnDef } from \"@tanstack/react-table\";\n\nimport { Checkbox } from \"@/components/ui/checkbox\";\n\nexport function createDataTableSelectColumn<TData>(): ColumnDef<TData> {\n  return {\n    id: \"select\",\n    header: ({ table }) => (\n      <Checkbox\n        checked={\n          table.getIsAllPageRowsSelected()\n            ? true\n            : table.getIsSomePageRowsSelected()\n              ? \"indeterminate\"\n              : false\n        }\n        onCheckedChange={(value) => table.toggleAllPageRowsSelected(value === true)}\n        aria-label=\"Выбрать все на странице\"\n      />\n    ),\n    cell: ({ row }) => (\n      <div\n        className=\"flex items-center\"\n        onClick={(e) => e.stopPropagation()}\n        onKeyDown={(e) => e.stopPropagation()}\n        role=\"presentation\"\n      >\n        <Checkbox\n          checked={row.getIsSelected()}\n          disabled={!row.getCanSelect()}\n          onCheckedChange={(value) => row.toggleSelected(value === true)}\n          aria-label=\"Выбрать строку\"\n        />\n      </div>\n    ),\n    meta: {\n      label: \"Выбор строки\",\n      headClassName: \"w-13 text-center\",\n      cellClassName: \"w-13 text-center\",\n    },\n    enableSorting: false,\n    enableHiding: false,\n  };\n}\n"],"names":["createDataTableSelectColumn","table","jsx","Checkbox","value","row","e"],"mappings":";;AAIO,SAASA,IAAuD;AACrE,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,QAAQ,CAAC,EAAE,OAAAC,EAAA,MACT,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SACEF,EAAM,6BACF,KACAA,EAAM,0BAAA,IACJ,kBACA;AAAA,QAER,iBAAiB,CAACG,MAAUH,EAAM,0BAA0BG,MAAU,EAAI;AAAA,QAC1E,cAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGf,MAAM,CAAC,EAAE,KAAAC,EAAA,MACP,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,CAACI,MAAMA,EAAE,gBAAA;AAAA,QAClB,WAAW,CAACA,MAAMA,EAAE,gBAAA;AAAA,QACpB,MAAK;AAAA,QAEL,UAAA,gBAAAJ;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAASE,EAAI,cAAA;AAAA,YACb,UAAU,CAACA,EAAI,aAAA;AAAA,YACf,iBAAiB,CAACD,MAAUC,EAAI,eAAeD,MAAU,EAAI;AAAA,YAC7D,cAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,IAGJ,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,eAAe;AAAA,MACf,eAAe;AAAA,IAAA;AAAA,IAEjB,eAAe;AAAA,IACf,cAAc;AAAA,EAAA;AAElB;"}

package/dist/components-data-table-data-table.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),C=require("./components-basic-table-basic-table.cjs"),e=require("./lib-utils.cjs"),l=require("./components-data-table-data-table.styles.cjs");function o({className:a,...s}){return t.jsx(C.BasicTable,{...s,className:{...a,className:e.cn(l.dataTableContainerClassName,a?.className),tableClassName:e.cn(l.dataTableTableClassName,a?.tableClassName),headRowClassName:e.cn(l.dataTableHeadRowClassName,a?.headRowClassName),bodyRowClassName:e.cn(l.dataTableBodyRowClassName,a?.bodyRowClassName),editingRowClassName:e.cn(l.dataTableEditingRowClassName,a?.editingRowClassName),emptyRowClassName:e.cn(l.dataTableBodyRowClassName,a?.emptyRowClassName),headCellClassName:e.cn(l.dataTableHeadCellClassName,a?.headCellClassName),cellClassName:e.cn(l.dataTableCellClassName,a?.cellClassName),emptyCellClassName:e.cn(l.dataTableEmptyCellClassName,a?.emptyCellClassName)}})}exports.DataTable=o;
+//# sourceMappingURL=components-data-table-data-table.cjs.map

package/dist/components-data-table-data-table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-data-table-data-table.cjs","sources":["../src/components/data-table/data-table.tsx"],"sourcesContent":["import { BasicTable, type DataTableProps } from \"@/components/basic-table\";\nimport { cn } from \"@/lib/utils\";\n\nimport {\n  dataTableBodyRowClassName,\n  dataTableCellClassName,\n  dataTableContainerClassName,\n  dataTableEditingRowClassName,\n  dataTableEmptyCellClassName,\n  dataTableHeadCellClassName,\n  dataTableHeadRowClassName,\n  dataTableTableClassName,\n} from \"./data-table.styles\";\n\nexport function DataTable<TData, TValue>({\n  className,\n  ...props\n}: DataTableProps<TData, TValue>) {\n  return (\n    <BasicTable\n      {...props}\n      className={{\n        ...className,\n        className: cn(dataTableContainerClassName, className?.className),\n        tableClassName: cn(dataTableTableClassName, className?.tableClassName),\n        headRowClassName: cn(dataTableHeadRowClassName, className?.headRowClassName),\n        bodyRowClassName: cn(dataTableBodyRowClassName, className?.bodyRowClassName),\n        editingRowClassName: cn(\n          dataTableEditingRowClassName,\n          className?.editingRowClassName,\n        ),\n        emptyRowClassName: cn(dataTableBodyRowClassName, className?.emptyRowClassName),\n        headCellClassName: cn(dataTableHeadCellClassName, className?.headCellClassName),\n        cellClassName: cn(dataTableCellClassName, className?.cellClassName),\n        emptyCellClassName: cn(\n          dataTableEmptyCellClassName,\n          className?.emptyCellClassName,\n        ),\n      }}\n    />\n  );\n}\n"],"names":["DataTable","className","props","jsx","BasicTable","cn","dataTableContainerClassName","dataTableTableClassName","dataTableHeadRowClassName","dataTableBodyRowClassName","dataTableEditingRowClassName","dataTableHeadCellClassName","dataTableCellClassName","dataTableEmptyCellClassName"],"mappings":"mQAcO,SAASA,EAAyB,CACvC,UAAAC,EACA,GAAGC,CACL,EAAkC,CAChC,OACEC,EAAAA,IAACC,EAAAA,WAAA,CACE,GAAGF,EACJ,UAAW,CACT,GAAGD,EACH,UAAWI,EAAAA,GAAGC,8BAA6BL,GAAW,SAAS,EAC/D,eAAgBI,EAAAA,GAAGE,0BAAyBN,GAAW,cAAc,EACrE,iBAAkBI,EAAAA,GAAGG,4BAA2BP,GAAW,gBAAgB,EAC3E,iBAAkBI,EAAAA,GAAGI,4BAA2BR,GAAW,gBAAgB,EAC3E,oBAAqBI,EAAAA,GACnBK,EAAAA,6BACAT,GAAW,mBAAA,EAEb,kBAAmBI,EAAAA,GAAGI,4BAA2BR,GAAW,iBAAiB,EAC7E,kBAAmBI,EAAAA,GAAGM,6BAA4BV,GAAW,iBAAiB,EAC9E,cAAeI,EAAAA,GAAGO,yBAAwBX,GAAW,aAAa,EAClE,mBAAoBI,EAAAA,GAClBQ,EAAAA,4BACAZ,GAAW,kBAAA,CACb,CACF,CAAA,CAGN"}

package/dist/components-data-table-data-table.js

@@ -0,0 +1,37 @@
+import { jsx as C } from "react/jsx-runtime";
+import { BasicTable as m } from "./components-basic-table-basic-table.js";
+import { cn as e } from "./lib-utils.js";
+import { dataTableEmptyCellClassName as t, dataTableCellClassName as o, dataTableHeadCellClassName as d, dataTableBodyRowClassName as l, dataTableEditingRowClassName as N, dataTableHeadRowClassName as b, dataTableTableClassName as i, dataTableContainerClassName as r } from "./components-data-table-data-table.styles.js";
+function n({
+  className: a,
+  ...s
+}) {
+  return /* @__PURE__ */ C(
+    m,
+    {
+      ...s,
+      className: {
+        ...a,
+        className: e(r, a?.className),
+        tableClassName: e(i, a?.tableClassName),
+        headRowClassName: e(b, a?.headRowClassName),
+        bodyRowClassName: e(l, a?.bodyRowClassName),
+        editingRowClassName: e(
+          N,
+          a?.editingRowClassName
+        ),
+        emptyRowClassName: e(l, a?.emptyRowClassName),
+        headCellClassName: e(d, a?.headCellClassName),
+        cellClassName: e(o, a?.cellClassName),
+        emptyCellClassName: e(
+          t,
+          a?.emptyCellClassName
+        )
+      }
+    }
+  );
+}
+export {
+  n as DataTable
+};
+//# sourceMappingURL=components-data-table-data-table.js.map

package/dist/components-data-table-data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-data-table-data-table.js","sources":["../src/components/data-table/data-table.tsx"],"sourcesContent":["import { BasicTable, type DataTableProps } from \"@/components/basic-table\";\nimport { cn } from \"@/lib/utils\";\n\nimport {\n  dataTableBodyRowClassName,\n  dataTableCellClassName,\n  dataTableContainerClassName,\n  dataTableEditingRowClassName,\n  dataTableEmptyCellClassName,\n  dataTableHeadCellClassName,\n  dataTableHeadRowClassName,\n  dataTableTableClassName,\n} from \"./data-table.styles\";\n\nexport function DataTable<TData, TValue>({\n  className,\n  ...props\n}: DataTableProps<TData, TValue>) {\n  return (\n    <BasicTable\n      {...props}\n      className={{\n        ...className,\n        className: cn(dataTableContainerClassName, className?.className),\n        tableClassName: cn(dataTableTableClassName, className?.tableClassName),\n        headRowClassName: cn(dataTableHeadRowClassName, className?.headRowClassName),\n        bodyRowClassName: cn(dataTableBodyRowClassName, className?.bodyRowClassName),\n        editingRowClassName: cn(\n          dataTableEditingRowClassName,\n          className?.editingRowClassName,\n        ),\n        emptyRowClassName: cn(dataTableBodyRowClassName, className?.emptyRowClassName),\n        headCellClassName: cn(dataTableHeadCellClassName, className?.headCellClassName),\n        cellClassName: cn(dataTableCellClassName, className?.cellClassName),\n        emptyCellClassName: cn(\n          dataTableEmptyCellClassName,\n          className?.emptyCellClassName,\n        ),\n      }}\n    />\n  );\n}\n"],"names":["DataTable","className","props","jsx","BasicTable","cn","dataTableContainerClassName","dataTableTableClassName","dataTableHeadRowClassName","dataTableBodyRowClassName","dataTableEditingRowClassName","dataTableHeadCellClassName","dataTableCellClassName","dataTableEmptyCellClassName"],"mappings":";;;;AAcO,SAASA,EAAyB;AAAA,EACvC,WAAAC;AAAA,EACA,GAAGC;AACL,GAAkC;AAChC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAW;AAAA,QACT,GAAGD;AAAA,QACH,WAAWI,EAAGC,GAA6BL,GAAW,SAAS;AAAA,QAC/D,gBAAgBI,EAAGE,GAAyBN,GAAW,cAAc;AAAA,QACrE,kBAAkBI,EAAGG,GAA2BP,GAAW,gBAAgB;AAAA,QAC3E,kBAAkBI,EAAGI,GAA2BR,GAAW,gBAAgB;AAAA,QAC3E,qBAAqBI;AAAA,UACnBK;AAAA,UACAT,GAAW;AAAA,QAAA;AAAA,QAEb,mBAAmBI,EAAGI,GAA2BR,GAAW,iBAAiB;AAAA,QAC7E,mBAAmBI,EAAGM,GAA4BV,GAAW,iBAAiB;AAAA,QAC9E,eAAeI,EAAGO,GAAwBX,GAAW,aAAa;AAAA,QAClE,oBAAoBI;AAAA,UAClBQ;AAAA,UACAZ,GAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components-data-table-data-table.styles.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./components-ui-typography-typography.styles.cjs"),e=require("./lib-utils.cjs"),t="w-full overflow-hidden rounded-xl border border-delicate-border bg-primary-bg",l="w-full",s="h-13 border-delicate-border hover:bg-transparent data-[state=selected]:bg-transparent",r="h-15 border-delicate-border hover:bg-transparent data-[state=selected]:bg-transparent",o="h-[7.5rem]",d=e.cn(`text-primary-text h-13 px-4 py-2 text-left align-middle [&:has([role=checkbox])]:pr-4
+  *:[[role=checkbox]]:translate-y-0`,a.getTypographyClassName("body-sm-medium")),b=e.cn(`text-primary-text px-4 py-2 align-middle [&:has([role=checkbox])]:pr-4
+  *:[[role=checkbox]]:translate-y-0`,a.getTypographyClassName("body-sm-regular")),n="h-24 text-center";exports.dataTableBodyRowClassName=r;exports.dataTableCellClassName=b;exports.dataTableContainerClassName=t;exports.dataTableEditingRowClassName=o;exports.dataTableEmptyCellClassName=n;exports.dataTableHeadCellClassName=d;exports.dataTableHeadRowClassName=s;exports.dataTableTableClassName=l;
+//# sourceMappingURL=components-data-table-data-table.styles.cjs.map

package/dist/components-data-table-data-table.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-data-table-data-table.styles.cjs","sources":["../src/components/data-table/data-table.styles.ts"],"sourcesContent":["import { getTypographyClassName } from \"@/components/ui/typography/typography.styles\";\nimport { cn } from \"@/lib/utils\";\n\nexport const dataTableContainerClassName =\n  \"w-full overflow-hidden rounded-xl border border-delicate-border bg-primary-bg\";\nexport const dataTableTableClassName = \"w-full\";\nexport const dataTableHeadRowClassName =\n  \"h-13 border-delicate-border hover:bg-transparent data-[state=selected]:bg-transparent\";\nexport const dataTableBodyRowClassName =\n  \"h-15 border-delicate-border hover:bg-transparent data-[state=selected]:bg-transparent\";\nexport const dataTableEditingRowClassName = \"h-[7.5rem]\";\nexport const dataTableHeadCellClassName = cn(\n  `text-primary-text h-13 px-4 py-2 text-left align-middle [&:has([role=checkbox])]:pr-4\n  *:[[role=checkbox]]:translate-y-0`,\n  getTypographyClassName(\"body-sm-medium\"),\n);\nexport const dataTableCellClassName = cn(\n  `text-primary-text px-4 py-2 align-middle [&:has([role=checkbox])]:pr-4\n  *:[[role=checkbox]]:translate-y-0`,\n  getTypographyClassName(\"body-sm-regular\"),\n);\nexport const dataTableEmptyCellClassName = \"h-24 text-center\";\n"],"names":["dataTableContainerClassName","dataTableTableClassName","dataTableHeadRowClassName","dataTableBodyRowClassName","dataTableEditingRowClassName","dataTableHeadCellClassName","cn","getTypographyClassName","dataTableCellClassName","dataTableEmptyCellClassName"],"mappings":"iLAGaA,EACX,gFACWC,EAA0B,SAC1BC,EACX,wFACWC,EACX,wFACWC,EAA+B,aAC/BC,EAA6BC,EAAAA,GACxC;AAAA,qCAEAC,EAAAA,uBAAuB,gBAAgB,CACzC,EACaC,EAAyBF,EAAAA,GACpC;AAAA,qCAEAC,EAAAA,uBAAuB,iBAAiB,CAC1C,EACaE,EAA8B"}

package/dist/components-data-table-data-table.styles.js

@@ -0,0 +1,22 @@
+import { getTypographyClassName as e } from "./components-ui-typography-typography.styles.js";
+import { cn as a } from "./lib-utils.js";
+const l = "w-full overflow-hidden rounded-xl border border-delicate-border bg-primary-bg", o = "w-full", s = "h-13 border-delicate-border hover:bg-transparent data-[state=selected]:bg-transparent", d = "h-15 border-delicate-border hover:bg-transparent data-[state=selected]:bg-transparent", b = "h-[7.5rem]", n = a(
+  `text-primary-text h-13 px-4 py-2 text-left align-middle [&:has([role=checkbox])]:pr-4
+  *:[[role=checkbox]]:translate-y-0`,
+  e("body-sm-medium")
+), m = a(
+  `text-primary-text px-4 py-2 align-middle [&:has([role=checkbox])]:pr-4
+  *:[[role=checkbox]]:translate-y-0`,
+  e("body-sm-regular")
+), c = "h-24 text-center";
+export {
+  d as dataTableBodyRowClassName,
+  m as dataTableCellClassName,
+  l as dataTableContainerClassName,
+  b as dataTableEditingRowClassName,
+  c as dataTableEmptyCellClassName,
+  n as dataTableHeadCellClassName,
+  s as dataTableHeadRowClassName,
+  o as dataTableTableClassName
+};
+//# sourceMappingURL=components-data-table-data-table.styles.js.map

package/dist/components-data-table-data-table.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-data-table-data-table.styles.js","sources":["../src/components/data-table/data-table.styles.ts"],"sourcesContent":["import { getTypographyClassName } from \"@/components/ui/typography/typography.styles\";\nimport { cn } from \"@/lib/utils\";\n\nexport const dataTableContainerClassName =\n  \"w-full overflow-hidden rounded-xl border border-delicate-border bg-primary-bg\";\nexport const dataTableTableClassName = \"w-full\";\nexport const dataTableHeadRowClassName =\n  \"h-13 border-delicate-border hover:bg-transparent data-[state=selected]:bg-transparent\";\nexport const dataTableBodyRowClassName =\n  \"h-15 border-delicate-border hover:bg-transparent data-[state=selected]:bg-transparent\";\nexport const dataTableEditingRowClassName = \"h-[7.5rem]\";\nexport const dataTableHeadCellClassName = cn(\n  `text-primary-text h-13 px-4 py-2 text-left align-middle [&:has([role=checkbox])]:pr-4\n  *:[[role=checkbox]]:translate-y-0`,\n  getTypographyClassName(\"body-sm-medium\"),\n);\nexport const dataTableCellClassName = cn(\n  `text-primary-text px-4 py-2 align-middle [&:has([role=checkbox])]:pr-4\n  *:[[role=checkbox]]:translate-y-0`,\n  getTypographyClassName(\"body-sm-regular\"),\n);\nexport const dataTableEmptyCellClassName = \"h-24 text-center\";\n"],"names":["dataTableContainerClassName","dataTableTableClassName","dataTableHeadRowClassName","dataTableBodyRowClassName","dataTableEditingRowClassName","dataTableHeadCellClassName","cn","getTypographyClassName","dataTableCellClassName","dataTableEmptyCellClassName"],"mappings":";;AAGO,MAAMA,IACX,iFACWC,IAA0B,UAC1BC,IACX,yFACWC,IACX,yFACWC,IAA+B,cAC/BC,IAA6BC;AAAA,EACxC;AAAA;AAAA,EAEAC,EAAuB,gBAAgB;AACzC,GACaC,IAAyBF;AAAA,EACpC;AAAA;AAAA,EAEAC,EAAuB,iBAAiB;AAC1C,GACaE,IAA8B;"}

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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +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 { 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

@@ -0,0 +1,154 @@
+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 H(n, s) {
+  return typeof s == "function" ? s(n) : s;
+}
+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);
+    },
+    [V, s, g]
+  );
+  return [g, m];
+}
+function L({
+  rows: n,
+  getRowId: s,
+  setRows: v,
+  editingRowId: R,
+  onEditingRowIdChange: P,
+  editingValues: V,
+  onEditingValuesChange: g,
+  onRowDelete: m,
+  onRowEditCancel: y,
+  onRowEditSave: x,
+  onRowEditStart: S,
+  onRowsChange: T
+}) {
+  const [l, i] = A(
+    R,
+    P,
+    null
+  ), [r, o] = A(
+    V,
+    g,
+    {}
+  ), [C, U] = B(!0), f = a(
+    (t) => n.find((e) => s(e) === t) ?? null,
+    [s, n]
+  ), E = a(
+    (t, e) => {
+      U(!1), v?.(t), T?.(e), F(() => {
+        U(!0);
+      });
+    },
+    [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: c
+      });
+    },
+    [s, S, i, o]
+  ), q = a(() => {
+    const t = l ? f(l) : null, e = r;
+    i(null), o({}), y?.({
+      editingValues: e,
+      row: t,
+      rowId: l
+    });
+  }, [
+    l,
+    r,
+    f,
+    y,
+    i,
+    o
+  ]), z = a(
+    (t) => {
+      const e = f(t);
+      if (!e)
+        return;
+      const u = {
+        ...e,
+        ...r
+      }, c = n, p = c.map(
+        (d) => s(d) === t ? u : d
+      );
+      E(p, {
+        editingValues: r,
+        nextRow: u,
+        nextRows: p,
+        previousRow: e,
+        previousRows: c,
+        rowId: t,
+        type: "edit-save"
+      }), i(null), o({}), x?.({
+        editingValues: r,
+        nextRow: u,
+        previousRow: e,
+        rowId: t
+      });
+    },
+    [
+      E,
+      r,
+      f,
+      s,
+      x,
+      n,
+      i,
+      o
+    ]
+  ), D = a(
+    (t) => {
+      const e = f(t);
+      if (!e)
+        return;
+      const u = n, c = u.filter((b) => s(b) !== t);
+      E(c, {
+        nextRows: c,
+        previousRows: u,
+        row: e,
+        rowId: t,
+        type: "delete"
+      }), l === t && (i(null), o({})), m?.({
+        row: e,
+        rowId: t
+      });
+    },
+    [
+      E,
+      l,
+      f,
+      s,
+      m,
+      n,
+      i,
+      o
+    ]
+  );
+  return {
+    autoResetPageIndex: C,
+    cancelEditingRow: q,
+    deleteRow: D,
+    editingRowId: l,
+    editingValues: r,
+    saveEditingRow: z,
+    setEditingValues: o,
+    setEditingRowId: i,
+    startEditingRow: j
+  };
+}
+export {
+  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

@@ -0,0 +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 { 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.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./components-data-table-data-table.cjs"),e=require("./components-data-table-data-table-actions-column.cjs"),t=require("./components-data-table-data-table-editable-column.cjs"),l=require("./components-data-table-data-table-row-actions-column.cjs"),o=require("./components-data-table-data-table-bulk-actions.cjs"),n=require("./components-data-table-data-table-column-visibility.cjs"),b=require("./components-data-table-data-table-filter.cjs"),i=require("./components-data-table-data-table-select-column.cjs"),c=require("./components-data-table-use-data-table-editable-rows.cjs");exports.DataTable=a.DataTable;exports.createDataTableActionsColumn=e.createDataTableActionsColumn;exports.withDataTableEditableColumn=t.withDataTableEditableColumn;exports.createDataTableRowActionsColumn=l.createDataTableRowActionsColumn;exports.DataTableBulkActions=o.DataTableBulkActions;exports.DataTableColumnVisibility=n.DataTableColumnVisibility;exports.DataTableFilter=b.DataTableFilter;exports.createDataTableSelectColumn=i.createDataTableSelectColumn;exports.useDataTableEditableRows=c.useDataTableEditableRows;
+//# sourceMappingURL=components-data-table.cjs.map

package/dist/components-data-table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-data-table.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components-data-table.js

@@ -0,0 +1,21 @@
+import { DataTable as t } from "./components-data-table-data-table.js";
+import { createDataTableActionsColumn as r } from "./components-data-table-data-table-actions-column.js";
+import { withDataTableEditableColumn as m } from "./components-data-table-data-table-editable-column.js";
+import { createDataTableRowActionsColumn as i } from "./components-data-table-data-table-row-actions-column.js";
+import { DataTableBulkActions as p } from "./components-data-table-data-table-bulk-actions.js";
+import { DataTableColumnVisibility as D } from "./components-data-table-data-table-column-visibility.js";
+import { DataTableFilter as n } from "./components-data-table-data-table-filter.js";
+import { createDataTableSelectColumn as u } from "./components-data-table-data-table-select-column.js";
+import { useDataTableEditableRows as C } from "./components-data-table-use-data-table-editable-rows.js";
+export {
+  t as DataTable,
+  p as DataTableBulkActions,
+  D as DataTableColumnVisibility,
+  n as DataTableFilter,
+  r as createDataTableActionsColumn,
+  i as createDataTableRowActionsColumn,
+  u as createDataTableSelectColumn,
+  C as useDataTableEditableRows,
+  m as withDataTableEditableColumn
+};
+//# sourceMappingURL=components-data-table.js.map

package/dist/components-data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-data-table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}