brd-ui-kit 0.1.72 → 0.1.75

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

@@ -0,0 +1,174 @@
+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) {
+  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) => g(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 K(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: r,
+    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))
+        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": r?.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": r?.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-${l.id}`,
+            label: r?.edit ?? "Редактировать",
+            onSelect: f,
+            iconType: "pencil-simple"
+          }
+        ] : [],
+        ...h ? [
+          { type: "separator" },
+          {
+            id: `${o}-delete-${l.id}`,
+            label: r?.delete ?? "Удалить",
+            iconType: "trash",
+            alert: !0,
+            onSelect: h
+          }
+        ] : []
+      ], m = [
+        ...A,
+        ...v ? D : []
+      ].map((t) => g(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: m.length > 0 ? m : [
+                {
+                  id: `${o}-empty-${l.id}`,
+                  type: "item",
+                  label: r?.empty ?? "Нет действий",
+                  readOnly: !0
+                }
+              ],
+              contentProps: { align: i }
+            }
+          )
+        }
+      );
+    }
+  });
+}
+export {
+  K 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 * 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":"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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 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;
+//# 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 * 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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"}

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

@@ -0,0 +1,156 @@
+import * as i from "react";
+function z(n) {
+  return typeof n == "string" ? n : typeof n == "number" || typeof n == "boolean" ? String(n) : "";
+}
+function D(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);
+    },
+    [d, s, V]
+  );
+  return [V, v];
+}
+function F({
+  rows: n,
+  getRowId: s,
+  setRows: C,
+  editingRowId: k,
+  onEditingRowIdChange: m,
+  editingValues: d,
+  onEditingValuesChange: V,
+  onRowDelete: v,
+  onRowEditCancel: E,
+  onRowEditSave: g,
+  onRowEditStart: y,
+  onRowsChange: S
+}) {
+  const [a, l] = U(
+    k,
+    m,
+    null
+  ), [f, u] = U(
+    d,
+    V,
+    {}
+  ), [A, P] = i.useState(!0);
+  i.useEffect(() => {
+    P(!0);
+  }, [n]);
+  const r = i.useCallback(
+    (t) => n.find((e) => s(e) === t) ?? null,
+    [s, n]
+  ), R = i.useCallback(
+    (t, e) => {
+      P(!1), C?.(t), S?.(e);
+    },
+    [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?.({
+        editableKeys: e,
+        initialValues: p,
+        row: t,
+        rowId: o
+      });
+    },
+    [s, y, l, u]
+  ), T = i.useCallback(() => {
+    const t = a ? r(a) : null, e = f;
+    l(null), u({}), E?.({
+      editingValues: e,
+      row: t,
+      rowId: a
+    });
+  }, [
+    a,
+    f,
+    r,
+    E,
+    l,
+    u
+  ]), j = i.useCallback(
+    (t) => {
+      const e = r(t);
+      if (!e)
+        return;
+      const c = {
+        ...e,
+        ...f
+      }, o = n, p = o.map(
+        (b) => s(b) === t ? c : b
+      );
+      R(p, {
+        editingValues: f,
+        nextRow: c,
+        nextRows: p,
+        previousRow: e,
+        previousRows: o,
+        rowId: t,
+        type: "edit-save"
+      }), l(null), u({}), g?.({
+        editingValues: f,
+        nextRow: c,
+        previousRow: e,
+        rowId: t
+      });
+    },
+    [
+      R,
+      f,
+      r,
+      s,
+      g,
+      n,
+      l,
+      u
+    ]
+  ), q = i.useCallback(
+    (t) => {
+      const e = r(t);
+      if (!e)
+        return;
+      const c = n, o = c.filter((x) => s(x) !== t);
+      R(o, {
+        nextRows: o,
+        previousRows: c,
+        row: e,
+        rowId: t,
+        type: "delete"
+      }), a === t && (l(null), u({})), v?.({
+        row: e,
+        rowId: t
+      });
+    },
+    [
+      R,
+      a,
+      r,
+      s,
+      v,
+      n,
+      l,
+      u
+    ]
+  );
+  return {
+    autoResetPageIndex: A,
+    cancelEditingRow: T,
+    deleteRow: q,
+    editingRowId: a,
+    editingValues: f,
+    saveEditingRow: j,
+    setEditingValues: u,
+    setEditingRowId: l,
+    startEditingRow: B
+  };
+}
+export {
+  F 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 * 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":";AAyDA,SAASA,EAAiBC,GAAgB;AACxC,SAAI,OAAOA,KAAU,WACZA,IAGL,OAAOA,KAAU,YAAY,OAAOA,KAAU,YACzC,OAAOA,CAAK,IAGd;AACT;AAEA,SAASC,EAAoBC,GAAsBC,GAAsC;AACvF,SAAO,OAAOA,KAAY,aACrBA,EAAoCD,CAAa,IAClDC;AACN;AAEA,SAASC,EACPC,GACAC,GACAC,GACA;AACA,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAM,SAASH,CAAY,GACvEI,IAAeN,MAAoB,QACnCL,IAAQW,IAAeN,IAAkBG,GAEzCI,IAAWF,EAAM;AAAA,IACrB,CAACP,MAAyC;AACxC,YAAMU,IAAYZ,EAAaD,GAAOG,CAAO;AAE7C,MAAKQ,KACHF,EAAqBI,CAAS,GAGhCP,IAAWO,CAAS;AAAA,IACtB;AAAA,IACA,CAACF,GAAcL,GAAUN,CAAK;AAAA,EAAA;AAGhC,SAAO,CAACA,GAAOY,CAAQ;AACzB;AAEA,SAASE,EAAgC;AAAA,EACvC,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAcC;AAAA,EACd,sBAAAC;AAAA,EACA,eAAeC;AAAA,EACf,uBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AACF,GAA2C;AACzC,QAAM,CAACC,GAAcC,CAAe,IAAIxB;AAAA,IACtCc;AAAA,IACAC;AAAA,IACA;AAAA,EAAA,GAEI,CAACU,GAAeC,CAAgB,IAAI1B;AAAA,IACxCgB;AAAA,IACAC;AAAA,IACA,CAAA;AAAA,EAAC,GAEG,CAACU,GAAoBC,CAAqB,IAAItB,EAAM,SAAS,EAAI;AAEvE,EAAAA,EAAM,UAAU,MAAM;AACpB,IAAAsB,EAAsB,EAAI;AAAA,EAC5B,GAAG,CAACjB,CAAI,CAAC;AAET,QAAMkB,IAAcvB,EAAM;AAAA,IACxB,CAACwB,MAAkBnB,EAAK,KAAK,CAACoB,MAAQnB,EAASmB,CAAG,MAAMD,CAAK,KAAK;AAAA,IAClE,CAAClB,GAAUD,CAAI;AAAA,EAAA,GAGXqB,IAAmB1B,EAAM;AAAA,IAC7B,CAAC2B,GAAmBC,MAA2C;AAC7D,MAAAN,EAAsB,EAAK,GAC3Bf,IAAUoB,CAAQ,GAClBX,IAAeY,CAAK;AAAA,IACtB;AAAA,IACA,CAACZ,GAAcT,CAAO;AAAA,EAAA,GAGlBsB,IAAkB7B,EAAM;AAAA,IAC5B,CACEyB,GACAK,GACAC,MACG;AACH,YAAMP,IAAQlB,EAASmB,CAAG,GACpBO,IAAgBF,EAAa,OAAuB,CAACG,GAAaC,OACtED,EAAYC,CAAG,IAAIH,IAAYG,CAAG,KAAK7C,EAAiBoC,EAAIS,CAAG,CAAC,GACzDD,IACN,CAAA,CAAE;AAEL,MAAAf,EAAgBM,CAAK,GACrBJ,EAAiBY,CAAa,GAC9BjB,IAAiB;AAAA,QACf,cAAAe;AAAA,QACA,eAAAE;AAAA,QACA,KAAAP;AAAA,QACA,OAAAD;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAAClB,GAAUS,GAAgBG,GAAiBE,CAAgB;AAAA,EAAA,GAGxDe,IAAmBnC,EAAM,YAAY,MAAM;AAC/C,UAAMyB,IAAMR,IAAeM,EAAYN,CAAY,IAAI,MACjDmB,IAAoBjB;AAE1B,IAAAD,EAAgB,IAAI,GACpBE,EAAiB,CAAA,CAAE,GACnBP,IAAkB;AAAA,MAChB,eAAeuB;AAAA,MACf,KAAAX;AAAA,MACA,OAAOR;AAAA,IAAA,CACR;AAAA,EACH,GAAG;AAAA,IACDA;AAAA,IACAE;AAAA,IACAI;AAAA,IACAV;AAAA,IACAK;AAAA,IACAE;AAAA,EAAA,CACD,GAEKiB,IAAiBrC,EAAM;AAAA,IAC3B,CAACwB,MAAkB;AACjB,YAAMc,IAAcf,EAAYC,CAAK;AAErC,UAAI,CAACc;AACH;AAGF,YAAMC,IAAU;AAAA,QACd,GAAGD;AAAA,QACH,GAAGnB;AAAA,MAAA,GAECqB,IAAenC,GACfsB,IAAWa,EAAa;AAAA,QAAI,CAACf,MACjCnB,EAASmB,CAAG,MAAMD,IAAQe,IAAUd;AAAA,MAAA;AAYtC,MAAAC,EAAiBC,GAV8B;AAAA,QAC7C,eAAAR;AAAA,QACA,SAAAoB;AAAA,QACA,UAAAZ;AAAA,QACA,aAAAW;AAAA,QACA,cAAAE;AAAA,QACA,OAAAhB;AAAA,QACA,MAAM;AAAA,MAAA,CAGwB,GAChCN,EAAgB,IAAI,GACpBE,EAAiB,CAAA,CAAE,GACnBN,IAAgB;AAAA,QACd,eAAAK;AAAA,QACA,SAAAoB;AAAA,QACA,aAAAD;AAAA,QACA,OAAAd;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA;AAAA,MACEE;AAAA,MACAP;AAAA,MACAI;AAAA,MACAjB;AAAA,MACAQ;AAAA,MACAT;AAAA,MACAa;AAAA,MACAE;AAAA,IAAA;AAAA,EACF,GAGIqB,IAAYzC,EAAM;AAAA,IACtB,CAACwB,MAAkB;AACjB,YAAMC,IAAMF,EAAYC,CAAK;AAE7B,UAAI,CAACC;AACH;AAGF,YAAMe,IAAenC,GACfsB,IAAWa,EAAa,OAAO,CAACE,MAASpC,EAASoC,CAAI,MAAMlB,CAAK;AASvE,MAAAE,EAAiBC,GAR8B;AAAA,QAC7C,UAAAA;AAAA,QACA,cAAAa;AAAA,QACA,KAAAf;AAAA,QACA,OAAAD;AAAA,QACA,MAAM;AAAA,MAAA,CAGwB,GAE5BP,MAAiBO,MACnBN,EAAgB,IAAI,GACpBE,EAAiB,CAAA,CAAE,IAGrBR,IAAc;AAAA,QACZ,KAAAa;AAAA,QACA,OAAAD;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA;AAAA,MACEE;AAAA,MACAT;AAAA,MACAM;AAAA,MACAjB;AAAA,MACAM;AAAA,MACAP;AAAA,MACAa;AAAA,MACAE;AAAA,IAAA;AAAA,EACF;AAGF,SAAO;AAAA,IACL,oBAAAC;AAAA,IACA,kBAAAc;AAAA,IACA,WAAAM;AAAA,IACA,cAAAxB;AAAA,IACA,eAAAE;AAAA,IACA,gBAAAkB;AAAA,IACA,kBAAAjB;AAAA,IACA,iBAAAF;AAAA,IACA,iBAAAW;AAAA,EAAA;AAEJ;"}

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":";;;;;;;;;"}