brd-ui-kit 0.1.75 → 0.1.77

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const b=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const f=require("./components-ui-dropdown-menu-dropdown-menu.cjs"),y=require("./components-ui-icon-icon.cjs");function _(c={}){const{id:i="actions",header:u,renderCell:a,trigger:s,menuItems:t,align:d="end",ariaLabel:m="Открыть действия строки"}=c;return{id:i,header:u,enableSorting:!1,enableHiding:!1,meta:{label:"Действия",headClassName:"w-[4.5625rem]",cellClassName:"w-[4.5625rem]"},cell:({row:l})=>{const n={row:l,data:l.original};if(a)return a(n);const o=typeof t=="function"?t(n):t,p=[{id:`${i}-empty`,type:"item",label:"Нет действий",readOnly:!0}],g=s?s(n):e.jsx(b.Button,{type:"button",variant:"circleGhost",size:"icon-xs","aria-label":m,children:e.jsx(y.Icon,{type:"dots-three","aria-hidden":!0})});return e.jsx("div",{className:"flex justify-end",onClick:r=>r.stopPropagation(),onKeyDown:r=>r.stopPropagation(),role:"presentation",children:e.jsx(f.ConfigurableDropdownMenu,{trigger:g,items:o&&o.length>0?o:p,contentProps:{align:d}})})}}}exports.createDataTableActionsColumn=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const f=require("./components-ui-dropdown-menu-dropdown-menu.cjs"),y=require("./components-ui-icon-icon.cjs");require("phosphor-strokes-icons/icons");function _(c={}){const{id:i="actions",header:u,renderCell:a,trigger:s,menuItems:t,align:d="end",ariaLabel:m="Открыть действия строки"}=c;return{id:i,header:u,enableSorting:!1,enableHiding:!1,meta:{label:"Действия",headClassName:"w-[4.5625rem]",cellClassName:"w-[4.5625rem]"},cell:({row:l})=>{const n={row:l,data:l.original};if(a)return a(n);const o=typeof t=="function"?t(n):t,p=[{id:`${i}-empty`,type:"item",label:"Нет действий",readOnly:!0}],g=s?s(n):e.jsx(b.Button,{type:"button",variant:"circleGhost",size:"icon-xs","aria-label":m,children:e.jsx(y.Icon,{type:"dots-three","aria-hidden":!0})});return e.jsx("div",{className:"flex justify-end",onClick:r=>r.stopPropagation(),onKeyDown:r=>r.stopPropagation(),role:"presentation",children:e.jsx(f.ConfigurableDropdownMenu,{trigger:g,items:o&&o.length>0?o:p,contentProps:{align:d}})})}}}exports.createDataTableActionsColumn=_;
 //# sourceMappingURL=components-data-table-data-table-actions-column.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-data-table-data-table-actions-column.cjs","sources":["../src/components/data-table/data-table-actions-column.tsx"],"sourcesContent":["import type { ColumnDef, Row } from \"@tanstack/react-table\";\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\";\n\ntype DataTableActionsColumnOptions<TData> = {\n  id?: string;\n  header?: ColumnDef<TData>[\"header\"];\n  renderCell?: (ctx: { row: Row<TData>; data: TData }) => React.ReactNode;\n  trigger?: (ctx: { row: Row<TData>; data: TData }) => React.ReactNode;\n  menuItems?:\n    | DropdownMenuConfigNode[]\n    | ((ctx: { row: Row<TData>; data: TData }) => DropdownMenuConfigNode[]);\n  align?: \"start\" | \"center\" | \"end\";\n  ariaLabel?: string;\n};\n\nexport function createDataTableActionsColumn<TData>(\n  options: DataTableActionsColumnOptions<TData> = {},\n): ColumnDef<TData> {\n  const {\n    id = \"actions\",\n    header,\n    renderCell,\n    trigger,\n    menuItems,\n    align = \"end\",\n    ariaLabel = \"Открыть действия строки\",\n  } = options;\n\n  return {\n    id,\n    header,\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n      label: \"Действия\",\n      headClassName: \"w-[4.5625rem]\",\n      cellClassName: \"w-[4.5625rem]\",\n    },\n    cell: ({ row }) => {\n      const context = { row, data: row.original };\n\n      if (renderCell) {\n        return renderCell(context);\n      }\n\n      const resolvedItems =\n        typeof menuItems === \"function\" ? menuItems(context) : menuItems;\n\n      const fallbackItems: DropdownMenuConfigNode[] = [\n        { id: `${id}-empty`, type: \"item\", label: \"Нет действий\", readOnly: true },\n      ];\n\n      const resolvedTrigger = trigger ? (\n        trigger(context)\n      ) : (\n        <Button\n          type=\"button\"\n          variant=\"circleGhost\"\n          size=\"icon-xs\"\n          aria-label={ariaLabel}\n        >\n          <Icon\n            type=\"dots-three\"\n            aria-hidden\n          />\n        </Button>\n      );\n\n      return (\n        <div\n          className=\"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              resolvedItems && resolvedItems.length > 0 ? resolvedItems : fallbackItems\n            }\n            contentProps={{ align }}\n          />\n        </div>\n      );\n    },\n  };\n}\n\nexport type { DataTableActionsColumnOptions };\n"],"names":["createDataTableActionsColumn","options","id","header","renderCell","trigger","menuItems","align","ariaLabel","row","context","resolvedItems","fallbackItems","resolvedTrigger","jsx","Button","Icon","event","ConfigurableDropdownMenu"],"mappings":"6VAsBO,SAASA,EACdC,EAAgD,GAC9B,CAClB,KAAM,CACJ,GAAAC,EAAK,UACL,OAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,MACR,UAAAC,EAAY,yBAAA,EACVP,EAEJ,MAAO,CACL,GAAAC,EACA,OAAAC,EACA,cAAe,GACf,aAAc,GACd,KAAM,CACJ,MAAO,WACP,cAAe,gBACf,cAAe,eAAA,EAEjB,KAAM,CAAC,CAAE,IAAAM,KAAU,CACjB,MAAMC,EAAU,CAAE,IAAAD,EAAK,KAAMA,EAAI,QAAA,EAEjC,GAAIL,EACF,OAAOA,EAAWM,CAAO,EAG3B,MAAMC,EACJ,OAAOL,GAAc,WAAaA,EAAUI,CAAO,EAAIJ,EAEnDM,EAA0C,CAC9C,CAAE,GAAI,GAAGV,CAAE,SAAU,KAAM,OAAQ,MAAO,eAAgB,SAAU,EAAA,CAAK,EAGrEW,EAAkBR,EACtBA,EAAQK,CAAO,EAEfI,EAAAA,IAACC,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,cACR,KAAK,UACL,aAAYP,EAEZ,SAAAM,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAK,aACL,cAAW,EAAA,CAAA,CACb,CAAA,EAIJ,OACEF,EAAAA,IAAC,MAAA,CACC,UAAU,mBACV,QAAUG,GAAUA,EAAM,gBAAA,EAC1B,UAAYA,GAAUA,EAAM,gBAAA,EAC5B,KAAK,eAEL,SAAAH,EAAAA,IAACI,EAAAA,yBAAA,CACC,QAASL,EACT,MACEF,GAAiBA,EAAc,OAAS,EAAIA,EAAgBC,EAE9D,aAAc,CAAE,MAAAL,CAAA,CAAM,CAAA,CACxB,CAAA,CAGN,CAAA,CAEJ"}
+{"version":3,"file":"components-data-table-data-table-actions-column.cjs","sources":["../src/components/data-table/data-table-actions-column.tsx"],"sourcesContent":["import type { ColumnDef, Row } from \"@tanstack/react-table\";\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\";\n\ntype DataTableActionsColumnOptions<TData> = {\n  id?: string;\n  header?: ColumnDef<TData>[\"header\"];\n  renderCell?: (ctx: { row: Row<TData>; data: TData }) => ReactNode;\n  trigger?: (ctx: { row: Row<TData>; data: TData }) => ReactNode;\n  menuItems?:\n    | DropdownMenuConfigNode[]\n    | ((ctx: { row: Row<TData>; data: TData }) => DropdownMenuConfigNode[]);\n  align?: \"start\" | \"center\" | \"end\";\n  ariaLabel?: string;\n};\n\nexport function createDataTableActionsColumn<TData>(\n  options: DataTableActionsColumnOptions<TData> = {},\n): ColumnDef<TData> {\n  const {\n    id = \"actions\",\n    header,\n    renderCell,\n    trigger,\n    menuItems,\n    align = \"end\",\n    ariaLabel = \"Открыть действия строки\",\n  } = options;\n\n  return {\n    id,\n    header,\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n      label: \"Действия\",\n      headClassName: \"w-[4.5625rem]\",\n      cellClassName: \"w-[4.5625rem]\",\n    },\n    cell: ({ row }) => {\n      const context = { row, data: row.original };\n\n      if (renderCell) {\n        return renderCell(context);\n      }\n\n      const resolvedItems =\n        typeof menuItems === \"function\" ? menuItems(context) : menuItems;\n\n      const fallbackItems: DropdownMenuConfigNode[] = [\n        { id: `${id}-empty`, type: \"item\", label: \"Нет действий\", readOnly: true },\n      ];\n\n      const resolvedTrigger = trigger ? (\n        trigger(context)\n      ) : (\n        <Button\n          type=\"button\"\n          variant=\"circleGhost\"\n          size=\"icon-xs\"\n          aria-label={ariaLabel}\n        >\n          <Icon\n            type=\"dots-three\"\n            aria-hidden\n          />\n        </Button>\n      );\n\n      return (\n        <div\n          className=\"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              resolvedItems && resolvedItems.length > 0 ? resolvedItems : fallbackItems\n            }\n            contentProps={{ align }}\n          />\n        </div>\n      );\n    },\n  };\n}\n\nexport type { DataTableActionsColumnOptions };\n"],"names":["createDataTableActionsColumn","options","id","header","renderCell","trigger","menuItems","align","ariaLabel","row","context","resolvedItems","fallbackItems","resolvedTrigger","jsx","Button","Icon","event","ConfigurableDropdownMenu"],"mappings":"8WAsBO,SAASA,EACdC,EAAgD,GAC9B,CAClB,KAAM,CACJ,GAAAC,EAAK,UACL,OAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,MACR,UAAAC,EAAY,yBAAA,EACVP,EAEJ,MAAO,CACL,GAAAC,EACA,OAAAC,EACA,cAAe,GACf,aAAc,GACd,KAAM,CACJ,MAAO,WACP,cAAe,gBACf,cAAe,eAAA,EAEjB,KAAM,CAAC,CAAE,IAAAM,KAAU,CACjB,MAAMC,EAAU,CAAE,IAAAD,EAAK,KAAMA,EAAI,QAAA,EAEjC,GAAIL,EACF,OAAOA,EAAWM,CAAO,EAG3B,MAAMC,EACJ,OAAOL,GAAc,WAAaA,EAAUI,CAAO,EAAIJ,EAEnDM,EAA0C,CAC9C,CAAE,GAAI,GAAGV,CAAE,SAAU,KAAM,OAAQ,MAAO,eAAgB,SAAU,EAAA,CAAK,EAGrEW,EAAkBR,EACtBA,EAAQK,CAAO,EAEfI,EAAAA,IAACC,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,cACR,KAAK,UACL,aAAYP,EAEZ,SAAAM,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAK,aACL,cAAW,EAAA,CAAA,CACb,CAAA,EAIJ,OACEF,EAAAA,IAAC,MAAA,CACC,UAAU,mBACV,QAAUG,GAAUA,EAAM,gBAAA,EAC1B,UAAYA,GAAUA,EAAM,gBAAA,EAC5B,KAAK,eAEL,SAAAH,EAAAA,IAACI,EAAAA,yBAAA,CACC,QAASL,EACT,MACEF,GAAiBA,EAAc,OAAS,EAAIA,EAAgBC,EAE9D,aAAc,CAAE,MAAAL,CAAA,CAAM,CAAA,CACxB,CAAA,CAGN,CAAA,CAEJ"}

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

@@ -1,9 +1,9 @@
 import { jsx as e } 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 b } from "./components-ui-dropdown-menu-dropdown-menu.js";
 import { Icon as h } from "./components-ui-icon-icon.js";
+import "phosphor-strokes-icons/icons";
 function D(m = {}) {
   const {
     id: a = "actions",

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

@@ -1 +1 @@
-{"version":3,"file":"components-data-table-data-table-actions-column.js","sources":["../src/components/data-table/data-table-actions-column.tsx"],"sourcesContent":["import type { ColumnDef, Row } from \"@tanstack/react-table\";\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\";\n\ntype DataTableActionsColumnOptions<TData> = {\n  id?: string;\n  header?: ColumnDef<TData>[\"header\"];\n  renderCell?: (ctx: { row: Row<TData>; data: TData }) => React.ReactNode;\n  trigger?: (ctx: { row: Row<TData>; data: TData }) => React.ReactNode;\n  menuItems?:\n    | DropdownMenuConfigNode[]\n    | ((ctx: { row: Row<TData>; data: TData }) => DropdownMenuConfigNode[]);\n  align?: \"start\" | \"center\" | \"end\";\n  ariaLabel?: string;\n};\n\nexport function createDataTableActionsColumn<TData>(\n  options: DataTableActionsColumnOptions<TData> = {},\n): ColumnDef<TData> {\n  const {\n    id = \"actions\",\n    header,\n    renderCell,\n    trigger,\n    menuItems,\n    align = \"end\",\n    ariaLabel = \"Открыть действия строки\",\n  } = options;\n\n  return {\n    id,\n    header,\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n      label: \"Действия\",\n      headClassName: \"w-[4.5625rem]\",\n      cellClassName: \"w-[4.5625rem]\",\n    },\n    cell: ({ row }) => {\n      const context = { row, data: row.original };\n\n      if (renderCell) {\n        return renderCell(context);\n      }\n\n      const resolvedItems =\n        typeof menuItems === \"function\" ? menuItems(context) : menuItems;\n\n      const fallbackItems: DropdownMenuConfigNode[] = [\n        { id: `${id}-empty`, type: \"item\", label: \"Нет действий\", readOnly: true },\n      ];\n\n      const resolvedTrigger = trigger ? (\n        trigger(context)\n      ) : (\n        <Button\n          type=\"button\"\n          variant=\"circleGhost\"\n          size=\"icon-xs\"\n          aria-label={ariaLabel}\n        >\n          <Icon\n            type=\"dots-three\"\n            aria-hidden\n          />\n        </Button>\n      );\n\n      return (\n        <div\n          className=\"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              resolvedItems && resolvedItems.length > 0 ? resolvedItems : fallbackItems\n            }\n            contentProps={{ align }}\n          />\n        </div>\n      );\n    },\n  };\n}\n\nexport type { DataTableActionsColumnOptions };\n"],"names":["createDataTableActionsColumn","options","id","header","renderCell","trigger","menuItems","align","ariaLabel","row","context","resolvedItems","fallbackItems","resolvedTrigger","jsx","Button","Icon","event","ConfigurableDropdownMenu"],"mappings":";;;;;;AAsBO,SAASA,EACdC,IAAgD,IAC9B;AAClB,QAAM;AAAA,IACJ,IAAAC,IAAK;AAAA,IACL,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,WAAAC,IAAY;AAAA,EAAA,IACVP;AAEJ,SAAO;AAAA,IACL,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,eAAe;AAAA,IACf,cAAc;AAAA,IACd,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,eAAe;AAAA,MACf,eAAe;AAAA,IAAA;AAAA,IAEjB,MAAM,CAAC,EAAE,KAAAM,QAAU;AACjB,YAAMC,IAAU,EAAE,KAAAD,GAAK,MAAMA,EAAI,SAAA;AAEjC,UAAIL;AACF,eAAOA,EAAWM,CAAO;AAG3B,YAAMC,IACJ,OAAOL,KAAc,aAAaA,EAAUI,CAAO,IAAIJ,GAEnDM,IAA0C;AAAA,QAC9C,EAAE,IAAI,GAAGV,CAAE,UAAU,MAAM,QAAQ,OAAO,gBAAgB,UAAU,GAAA;AAAA,MAAK,GAGrEW,IAAkBR,IACtBA,EAAQK,CAAO,IAEf,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAYP;AAAA,UAEZ,UAAA,gBAAAM;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,eAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACb;AAAA,MAAA;AAIJ,aACE,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,CAACG,MAAUA,EAAM,gBAAA;AAAA,UAC1B,WAAW,CAACA,MAAUA,EAAM,gBAAA;AAAA,UAC5B,MAAK;AAAA,UAEL,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,SAASL;AAAA,cACT,OACEF,KAAiBA,EAAc,SAAS,IAAIA,IAAgBC;AAAA,cAE9D,cAAc,EAAE,OAAAL,EAAA;AAAA,YAAM;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA;AAAA,IAGN;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"components-data-table-data-table-actions-column.js","sources":["../src/components/data-table/data-table-actions-column.tsx"],"sourcesContent":["import type { ColumnDef, Row } from \"@tanstack/react-table\";\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\";\n\ntype DataTableActionsColumnOptions<TData> = {\n  id?: string;\n  header?: ColumnDef<TData>[\"header\"];\n  renderCell?: (ctx: { row: Row<TData>; data: TData }) => ReactNode;\n  trigger?: (ctx: { row: Row<TData>; data: TData }) => ReactNode;\n  menuItems?:\n    | DropdownMenuConfigNode[]\n    | ((ctx: { row: Row<TData>; data: TData }) => DropdownMenuConfigNode[]);\n  align?: \"start\" | \"center\" | \"end\";\n  ariaLabel?: string;\n};\n\nexport function createDataTableActionsColumn<TData>(\n  options: DataTableActionsColumnOptions<TData> = {},\n): ColumnDef<TData> {\n  const {\n    id = \"actions\",\n    header,\n    renderCell,\n    trigger,\n    menuItems,\n    align = \"end\",\n    ariaLabel = \"Открыть действия строки\",\n  } = options;\n\n  return {\n    id,\n    header,\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n      label: \"Действия\",\n      headClassName: \"w-[4.5625rem]\",\n      cellClassName: \"w-[4.5625rem]\",\n    },\n    cell: ({ row }) => {\n      const context = { row, data: row.original };\n\n      if (renderCell) {\n        return renderCell(context);\n      }\n\n      const resolvedItems =\n        typeof menuItems === \"function\" ? menuItems(context) : menuItems;\n\n      const fallbackItems: DropdownMenuConfigNode[] = [\n        { id: `${id}-empty`, type: \"item\", label: \"Нет действий\", readOnly: true },\n      ];\n\n      const resolvedTrigger = trigger ? (\n        trigger(context)\n      ) : (\n        <Button\n          type=\"button\"\n          variant=\"circleGhost\"\n          size=\"icon-xs\"\n          aria-label={ariaLabel}\n        >\n          <Icon\n            type=\"dots-three\"\n            aria-hidden\n          />\n        </Button>\n      );\n\n      return (\n        <div\n          className=\"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              resolvedItems && resolvedItems.length > 0 ? resolvedItems : fallbackItems\n            }\n            contentProps={{ align }}\n          />\n        </div>\n      );\n    },\n  };\n}\n\nexport type { DataTableActionsColumnOptions };\n"],"names":["createDataTableActionsColumn","options","id","header","renderCell","trigger","menuItems","align","ariaLabel","row","context","resolvedItems","fallbackItems","resolvedTrigger","jsx","Button","Icon","event","ConfigurableDropdownMenu"],"mappings":";;;;;;AAsBO,SAASA,EACdC,IAAgD,IAC9B;AAClB,QAAM;AAAA,IACJ,IAAAC,IAAK;AAAA,IACL,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,WAAAC,IAAY;AAAA,EAAA,IACVP;AAEJ,SAAO;AAAA,IACL,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,eAAe;AAAA,IACf,cAAc;AAAA,IACd,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,eAAe;AAAA,MACf,eAAe;AAAA,IAAA;AAAA,IAEjB,MAAM,CAAC,EAAE,KAAAM,QAAU;AACjB,YAAMC,IAAU,EAAE,KAAAD,GAAK,MAAMA,EAAI,SAAA;AAEjC,UAAIL;AACF,eAAOA,EAAWM,CAAO;AAG3B,YAAMC,IACJ,OAAOL,KAAc,aAAaA,EAAUI,CAAO,IAAIJ,GAEnDM,IAA0C;AAAA,QAC9C,EAAE,IAAI,GAAGV,CAAE,UAAU,MAAM,QAAQ,OAAO,gBAAgB,UAAU,GAAA;AAAA,MAAK,GAGrEW,IAAkBR,IACtBA,EAAQK,CAAO,IAEf,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAYP;AAAA,UAEZ,UAAA,gBAAAM;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,eAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACb;AAAA,MAAA;AAIJ,aACE,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,CAACG,MAAUA,EAAM,gBAAA;AAAA,UAC1B,WAAW,CAACA,MAAUA,EAAM,gBAAA;AAAA,UAC5B,MAAK;AAAA,UAEL,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,SAASL;AAAA,cACT,OACEF,KAAiBA,EAAc,SAAS,IAAIA,IAAgBC;AAAA,cAE9D,cAAc,EAAE,OAAAL,EAAA;AAAA,YAAM;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA;AAAA,IAGN;AAAA,EAAA;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("react"),g=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const m=require("./components-ui-dropdown-menu-dropdown-menu.cjs");function y(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const j=y(p);function _({table:e,children:n,trigger:t,menuItems:o,onDeleteSelected:u}){const l=e.getFilteredSelectedRowModel().rows,r=l.length,a=j.useCallback(()=>{e.resetRowSelection()},[e]);if(r===0)return null;const c={table:e,selectedRows:l,selectedData:l.map(f=>f.original),count:r,clearSelection:a};if(n)return s.jsx(s.Fragment,{children:n(c)});const d=[{id:"delete-selected",label:`Удалить (${r})`,onSelect:()=>{u?.(c)}}],i=typeof o=="function"?o(c):o,b=typeof t=="function"?t(c):t||s.jsxs(g.Button,{type:"button",variant:"secondary",size:"sm",className:"inner-border inner-border-1 inner-border-color-delicate bg-primary-bg",children:["Удалить (",r,")"]});return s.jsx(m.ConfigurableDropdownMenu,{trigger:b,items:i&&i.length>0?i:d})}exports.DataTableBulkActions=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),g=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const m=require("./components-ui-dropdown-menu-dropdown-menu.cjs");function w({table:e,children:l,trigger:t,menuItems:c,onDeleteSelected:u}){const s=e.getFilteredSelectedRowModel().rows,n=s.length,a=f.useCallback(()=>{e.resetRowSelection()},[e]);if(n===0)return null;const o={table:e,selectedRows:s,selectedData:s.map(p=>p.original),count:n,clearSelection:a};if(l)return r.jsx(r.Fragment,{children:l(o)});const d=[{id:"delete-selected",label:`Удалить (${n})`,onSelect:()=>{u?.(o)}}],i=typeof c=="function"?c(o):c,b=typeof t=="function"?t(o):t||r.jsxs(g.Button,{type:"button",variant:"secondary",size:"sm",className:"inner-border inner-border-1 inner-border-color-delicate bg-primary-bg",children:["Удалить (",n,")"]});return r.jsx(m.ConfigurableDropdownMenu,{trigger:b,items:i&&i.length>0?i:d})}exports.DataTableBulkActions=w;
 //# sourceMappingURL=components-data-table-data-table-bulk-actions.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-data-table-data-table-bulk-actions.cjs","sources":["../src/components/data-table/data-table-bulk-actions.tsx"],"sourcesContent":["import type { Row, Table } from \"@tanstack/react-table\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ConfigurableDropdownMenu,\n  type DropdownMenuConfigNode,\n} from \"@/components/ui/dropdown-menu\";\n\ntype DataTableBulkActionsContext<TData> = {\n  table: Table<TData>;\n  selectedRows: Row<TData>[];\n  selectedData: TData[];\n  count: number;\n  clearSelection: () => void;\n};\n\ntype DataTableBulkActionsProps<TData> = {\n  table: Table<TData>;\n  children?: (ctx: DataTableBulkActionsContext<TData>) => React.ReactNode;\n  trigger?:\n    | React.ReactNode\n    | ((ctx: DataTableBulkActionsContext<TData>) => React.ReactNode);\n  menuItems?:\n    | DropdownMenuConfigNode[]\n    | ((ctx: DataTableBulkActionsContext<TData>) => DropdownMenuConfigNode[]);\n  onDeleteSelected?: (ctx: DataTableBulkActionsContext<TData>) => void;\n};\n\nfunction DataTableBulkActions<TData>({\n  table,\n  children,\n  trigger,\n  menuItems,\n  onDeleteSelected,\n}: DataTableBulkActionsProps<TData>) {\n  const selectedRows = table.getFilteredSelectedRowModel().rows;\n  const count = selectedRows.length;\n\n  const clearSelection = React.useCallback(() => {\n    table.resetRowSelection();\n  }, [table]);\n\n  if (count === 0) {\n    return null;\n  }\n\n  const context: DataTableBulkActionsContext<TData> = {\n    table,\n    selectedRows,\n    selectedData: selectedRows.map((row) => row.original),\n    count,\n    clearSelection,\n  };\n\n  if (children) {\n    return <>{children(context)}</>;\n  }\n\n  const fallbackItems: DropdownMenuConfigNode[] = [\n    {\n      id: \"delete-selected\",\n      label: `Удалить (${count})`,\n      onSelect: () => {\n        onDeleteSelected?.(context);\n      },\n    },\n  ];\n  const resolvedItems = typeof menuItems === \"function\" ? menuItems(context) : menuItems;\n  const resolvedTrigger =\n    typeof trigger === \"function\" ? (\n      trigger(context)\n    ) : trigger ? (\n      trigger\n    ) : (\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"sm\"\n        className=\"inner-border inner-border-1 inner-border-color-delicate bg-primary-bg\"\n      >\n        Удалить ({count})\n      </Button>\n    );\n\n  return (\n    <ConfigurableDropdownMenu\n      trigger={resolvedTrigger}\n      items={resolvedItems && resolvedItems.length > 0 ? resolvedItems : fallbackItems}\n    />\n  );\n}\n\nexport { DataTableBulkActions };\nexport type { DataTableBulkActionsContext, DataTableBulkActionsProps };\n"],"names":["DataTableBulkActions","table","children","trigger","menuItems","onDeleteSelected","selectedRows","count","clearSelection","React","context","row","jsx","Fragment","fallbackItems","resolvedItems","resolvedTrigger","jsxs","Button","ConfigurableDropdownMenu"],"mappings":"wkBA6BA,SAASA,EAA4B,CACnC,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,iBAAAC,CACF,EAAqC,CACnC,MAAMC,EAAeL,EAAM,4BAAA,EAA8B,KACnDM,EAAQD,EAAa,OAErBE,EAAiBC,EAAM,YAAY,IAAM,CAC7CR,EAAM,kBAAA,CACR,EAAG,CAACA,CAAK,CAAC,EAEV,GAAIM,IAAU,EACZ,OAAO,KAGT,MAAMG,EAA8C,CAClD,MAAAT,EACA,aAAAK,EACA,aAAcA,EAAa,IAAKK,GAAQA,EAAI,QAAQ,EACpD,MAAAJ,EACA,eAAAC,CAAA,EAGF,GAAIN,EACF,OAAOU,EAAAA,IAAAC,EAAAA,SAAA,CAAG,SAAAX,EAASQ,CAAO,EAAE,EAG9B,MAAMI,EAA0C,CAC9C,CACE,GAAI,kBACJ,MAAO,YAAYP,CAAK,IACxB,SAAU,IAAM,CACdF,IAAmBK,CAAO,CAC5B,CAAA,CACF,EAEIK,EAAgB,OAAOX,GAAc,WAAaA,EAAUM,CAAO,EAAIN,EACvEY,EACJ,OAAOb,GAAY,WACjBA,EAAQO,CAAO,EACbP,GAGFc,EAAAA,KAACC,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,YACR,KAAK,KACL,UAAU,wEACX,SAAA,CAAA,YACWX,EAAM,GAAA,CAAA,CAAA,EAItB,OACEK,EAAAA,IAACO,EAAAA,yBAAA,CACC,QAASH,EACT,MAAOD,GAAiBA,EAAc,OAAS,EAAIA,EAAgBD,CAAA,CAAA,CAGzE"}
+{"version":3,"file":"components-data-table-data-table-bulk-actions.cjs","sources":["../src/components/data-table/data-table-bulk-actions.tsx"],"sourcesContent":["import type { Row, Table } from \"@tanstack/react-table\";\nimport { useCallback } from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ConfigurableDropdownMenu,\n  type DropdownMenuConfigNode,\n} from \"@/components/ui/dropdown-menu\";\n\ntype DataTableBulkActionsContext<TData> = {\n  table: Table<TData>;\n  selectedRows: Row<TData>[];\n  selectedData: TData[];\n  count: number;\n  clearSelection: () => void;\n};\n\ntype DataTableBulkActionsProps<TData> = {\n  table: Table<TData>;\n  children?: (ctx: DataTableBulkActionsContext<TData>) => ReactNode;\n  trigger?: ReactNode | ((ctx: DataTableBulkActionsContext<TData>) => ReactNode);\n  menuItems?:\n    | DropdownMenuConfigNode[]\n    | ((ctx: DataTableBulkActionsContext<TData>) => DropdownMenuConfigNode[]);\n  onDeleteSelected?: (ctx: DataTableBulkActionsContext<TData>) => void;\n};\n\nfunction DataTableBulkActions<TData>({\n  table,\n  children,\n  trigger,\n  menuItems,\n  onDeleteSelected,\n}: DataTableBulkActionsProps<TData>) {\n  const selectedRows = table.getFilteredSelectedRowModel().rows;\n  const count = selectedRows.length;\n\n  const clearSelection = useCallback(() => {\n    table.resetRowSelection();\n  }, [table]);\n\n  if (count === 0) {\n    return null;\n  }\n\n  const context: DataTableBulkActionsContext<TData> = {\n    table,\n    selectedRows,\n    selectedData: selectedRows.map((row) => row.original),\n    count,\n    clearSelection,\n  };\n\n  if (children) {\n    return <>{children(context)}</>;\n  }\n\n  const fallbackItems: DropdownMenuConfigNode[] = [\n    {\n      id: \"delete-selected\",\n      label: `Удалить (${count})`,\n      onSelect: () => {\n        onDeleteSelected?.(context);\n      },\n    },\n  ];\n  const resolvedItems = typeof menuItems === \"function\" ? menuItems(context) : menuItems;\n  const resolvedTrigger =\n    typeof trigger === \"function\" ? (\n      trigger(context)\n    ) : trigger ? (\n      trigger\n    ) : (\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"sm\"\n        className=\"inner-border inner-border-1 inner-border-color-delicate bg-primary-bg\"\n      >\n        Удалить ({count})\n      </Button>\n    );\n\n  return (\n    <ConfigurableDropdownMenu\n      trigger={resolvedTrigger}\n      items={resolvedItems && resolvedItems.length > 0 ? resolvedItems : fallbackItems}\n    />\n  );\n}\n\nexport { DataTableBulkActions };\nexport type { DataTableBulkActionsContext, DataTableBulkActionsProps };\n"],"names":["DataTableBulkActions","table","children","trigger","menuItems","onDeleteSelected","selectedRows","count","clearSelection","useCallback","context","row","jsx","Fragment","fallbackItems","resolvedItems","resolvedTrigger","jsxs","Button","ConfigurableDropdownMenu"],"mappings":"8SA4BA,SAASA,EAA4B,CACnC,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,iBAAAC,CACF,EAAqC,CACnC,MAAMC,EAAeL,EAAM,4BAAA,EAA8B,KACnDM,EAAQD,EAAa,OAErBE,EAAiBC,EAAAA,YAAY,IAAM,CACvCR,EAAM,kBAAA,CACR,EAAG,CAACA,CAAK,CAAC,EAEV,GAAIM,IAAU,EACZ,OAAO,KAGT,MAAMG,EAA8C,CAClD,MAAAT,EACA,aAAAK,EACA,aAAcA,EAAa,IAAKK,GAAQA,EAAI,QAAQ,EACpD,MAAAJ,EACA,eAAAC,CAAA,EAGF,GAAIN,EACF,OAAOU,EAAAA,IAAAC,EAAAA,SAAA,CAAG,SAAAX,EAASQ,CAAO,EAAE,EAG9B,MAAMI,EAA0C,CAC9C,CACE,GAAI,kBACJ,MAAO,YAAYP,CAAK,IACxB,SAAU,IAAM,CACdF,IAAmBK,CAAO,CAC5B,CAAA,CACF,EAEIK,EAAgB,OAAOX,GAAc,WAAaA,EAAUM,CAAO,EAAIN,EACvEY,EACJ,OAAOb,GAAY,WACjBA,EAAQO,CAAO,EACbP,GAGFc,EAAAA,KAACC,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,YACR,KAAK,KACL,UAAU,wEACX,SAAA,CAAA,YACWX,EAAM,GAAA,CAAA,CAAA,EAItB,OACEK,EAAAA,IAACO,EAAAA,yBAAA,CACC,QAASH,EACT,MAAOD,GAAiBA,EAAc,OAAS,EAAIA,EAAgBD,CAAA,CAAA,CAGzE"}

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

@@ -1,16 +1,16 @@
-import { jsx as i, Fragment as u, jsxs as b } from "react/jsx-runtime";
-import * as g from "react";
+import { jsx as s, Fragment as u, jsxs as b } from "react/jsx-runtime";
+import { useCallback as g } from "react";
 import { Button as w } from "./components-ui-button-button.js";
 import "./components-ui-button-button.styles.js";
 import { ConfigurableDropdownMenu as y } from "./components-ui-dropdown-menu-dropdown-menu.js";
-function k({
+function D({
   table: e,
-  children: s,
+  children: i,
   trigger: o,
   menuItems: r,
   onDeleteSelected: a
 }) {
-  const c = e.getFilteredSelectedRowModel().rows, t = c.length, d = g.useCallback(() => {
+  const c = e.getFilteredSelectedRowModel().rows, t = c.length, d = g(() => {
     e.resetRowSelection();
   }, [e]);
   if (t === 0)
@@ -22,8 +22,8 @@ function k({
     count: t,
     clearSelection: d
   };
-  if (s)
-    return /* @__PURE__ */ i(u, { children: s(n) });
+  if (i)
+    return /* @__PURE__ */ s(u, { children: i(n) });
   const f = [
     {
       id: "delete-selected",
@@ -46,7 +46,7 @@ function k({
       ]
     }
   );
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ s(
     y,
     {
       trigger: m,
@@ -55,6 +55,6 @@ function k({
   );
 }
 export {
-  k as DataTableBulkActions
+  D as DataTableBulkActions
 };
 //# sourceMappingURL=components-data-table-data-table-bulk-actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-data-table-data-table-bulk-actions.js","sources":["../src/components/data-table/data-table-bulk-actions.tsx"],"sourcesContent":["import type { Row, Table } from \"@tanstack/react-table\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ConfigurableDropdownMenu,\n  type DropdownMenuConfigNode,\n} from \"@/components/ui/dropdown-menu\";\n\ntype DataTableBulkActionsContext<TData> = {\n  table: Table<TData>;\n  selectedRows: Row<TData>[];\n  selectedData: TData[];\n  count: number;\n  clearSelection: () => void;\n};\n\ntype DataTableBulkActionsProps<TData> = {\n  table: Table<TData>;\n  children?: (ctx: DataTableBulkActionsContext<TData>) => React.ReactNode;\n  trigger?:\n    | React.ReactNode\n    | ((ctx: DataTableBulkActionsContext<TData>) => React.ReactNode);\n  menuItems?:\n    | DropdownMenuConfigNode[]\n    | ((ctx: DataTableBulkActionsContext<TData>) => DropdownMenuConfigNode[]);\n  onDeleteSelected?: (ctx: DataTableBulkActionsContext<TData>) => void;\n};\n\nfunction DataTableBulkActions<TData>({\n  table,\n  children,\n  trigger,\n  menuItems,\n  onDeleteSelected,\n}: DataTableBulkActionsProps<TData>) {\n  const selectedRows = table.getFilteredSelectedRowModel().rows;\n  const count = selectedRows.length;\n\n  const clearSelection = React.useCallback(() => {\n    table.resetRowSelection();\n  }, [table]);\n\n  if (count === 0) {\n    return null;\n  }\n\n  const context: DataTableBulkActionsContext<TData> = {\n    table,\n    selectedRows,\n    selectedData: selectedRows.map((row) => row.original),\n    count,\n    clearSelection,\n  };\n\n  if (children) {\n    return <>{children(context)}</>;\n  }\n\n  const fallbackItems: DropdownMenuConfigNode[] = [\n    {\n      id: \"delete-selected\",\n      label: `Удалить (${count})`,\n      onSelect: () => {\n        onDeleteSelected?.(context);\n      },\n    },\n  ];\n  const resolvedItems = typeof menuItems === \"function\" ? menuItems(context) : menuItems;\n  const resolvedTrigger =\n    typeof trigger === \"function\" ? (\n      trigger(context)\n    ) : trigger ? (\n      trigger\n    ) : (\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"sm\"\n        className=\"inner-border inner-border-1 inner-border-color-delicate bg-primary-bg\"\n      >\n        Удалить ({count})\n      </Button>\n    );\n\n  return (\n    <ConfigurableDropdownMenu\n      trigger={resolvedTrigger}\n      items={resolvedItems && resolvedItems.length > 0 ? resolvedItems : fallbackItems}\n    />\n  );\n}\n\nexport { DataTableBulkActions };\nexport type { DataTableBulkActionsContext, DataTableBulkActionsProps };\n"],"names":["DataTableBulkActions","table","children","trigger","menuItems","onDeleteSelected","selectedRows","count","clearSelection","React","context","row","jsx","Fragment","fallbackItems","resolvedItems","resolvedTrigger","jsxs","Button","ConfigurableDropdownMenu"],"mappings":";;;;;AA6BA,SAASA,EAA4B;AAAA,EACnC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AACF,GAAqC;AACnC,QAAMC,IAAeL,EAAM,4BAAA,EAA8B,MACnDM,IAAQD,EAAa,QAErBE,IAAiBC,EAAM,YAAY,MAAM;AAC7C,IAAAR,EAAM,kBAAA;AAAA,EACR,GAAG,CAACA,CAAK,CAAC;AAEV,MAAIM,MAAU;AACZ,WAAO;AAGT,QAAMG,IAA8C;AAAA,IAClD,OAAAT;AAAA,IACA,cAAAK;AAAA,IACA,cAAcA,EAAa,IAAI,CAACK,MAAQA,EAAI,QAAQ;AAAA,IACpD,OAAAJ;AAAA,IACA,gBAAAC;AAAA,EAAA;AAGF,MAAIN;AACF,WAAO,gBAAAU,EAAAC,GAAA,EAAG,UAAAX,EAASQ,CAAO,GAAE;AAG9B,QAAMI,IAA0C;AAAA,IAC9C;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,YAAYP,CAAK;AAAA,MACxB,UAAU,MAAM;AACd,QAAAF,IAAmBK,CAAO;AAAA,MAC5B;AAAA,IAAA;AAAA,EACF,GAEIK,IAAgB,OAAOX,KAAc,aAAaA,EAAUM,CAAO,IAAIN,GACvEY,IACJ,OAAOb,KAAY,aACjBA,EAAQO,CAAO,IACbP,KAGF,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAU;AAAA,MACX,UAAA;AAAA,QAAA;AAAA,QACWX;AAAA,QAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAItB,SACE,gBAAAK;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,SAASH;AAAA,MACT,OAAOD,KAAiBA,EAAc,SAAS,IAAIA,IAAgBD;AAAA,IAAA;AAAA,EAAA;AAGzE;"}
+{"version":3,"file":"components-data-table-data-table-bulk-actions.js","sources":["../src/components/data-table/data-table-bulk-actions.tsx"],"sourcesContent":["import type { Row, Table } from \"@tanstack/react-table\";\nimport { useCallback } from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ConfigurableDropdownMenu,\n  type DropdownMenuConfigNode,\n} from \"@/components/ui/dropdown-menu\";\n\ntype DataTableBulkActionsContext<TData> = {\n  table: Table<TData>;\n  selectedRows: Row<TData>[];\n  selectedData: TData[];\n  count: number;\n  clearSelection: () => void;\n};\n\ntype DataTableBulkActionsProps<TData> = {\n  table: Table<TData>;\n  children?: (ctx: DataTableBulkActionsContext<TData>) => ReactNode;\n  trigger?: ReactNode | ((ctx: DataTableBulkActionsContext<TData>) => ReactNode);\n  menuItems?:\n    | DropdownMenuConfigNode[]\n    | ((ctx: DataTableBulkActionsContext<TData>) => DropdownMenuConfigNode[]);\n  onDeleteSelected?: (ctx: DataTableBulkActionsContext<TData>) => void;\n};\n\nfunction DataTableBulkActions<TData>({\n  table,\n  children,\n  trigger,\n  menuItems,\n  onDeleteSelected,\n}: DataTableBulkActionsProps<TData>) {\n  const selectedRows = table.getFilteredSelectedRowModel().rows;\n  const count = selectedRows.length;\n\n  const clearSelection = useCallback(() => {\n    table.resetRowSelection();\n  }, [table]);\n\n  if (count === 0) {\n    return null;\n  }\n\n  const context: DataTableBulkActionsContext<TData> = {\n    table,\n    selectedRows,\n    selectedData: selectedRows.map((row) => row.original),\n    count,\n    clearSelection,\n  };\n\n  if (children) {\n    return <>{children(context)}</>;\n  }\n\n  const fallbackItems: DropdownMenuConfigNode[] = [\n    {\n      id: \"delete-selected\",\n      label: `Удалить (${count})`,\n      onSelect: () => {\n        onDeleteSelected?.(context);\n      },\n    },\n  ];\n  const resolvedItems = typeof menuItems === \"function\" ? menuItems(context) : menuItems;\n  const resolvedTrigger =\n    typeof trigger === \"function\" ? (\n      trigger(context)\n    ) : trigger ? (\n      trigger\n    ) : (\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"sm\"\n        className=\"inner-border inner-border-1 inner-border-color-delicate bg-primary-bg\"\n      >\n        Удалить ({count})\n      </Button>\n    );\n\n  return (\n    <ConfigurableDropdownMenu\n      trigger={resolvedTrigger}\n      items={resolvedItems && resolvedItems.length > 0 ? resolvedItems : fallbackItems}\n    />\n  );\n}\n\nexport { DataTableBulkActions };\nexport type { DataTableBulkActionsContext, DataTableBulkActionsProps };\n"],"names":["DataTableBulkActions","table","children","trigger","menuItems","onDeleteSelected","selectedRows","count","clearSelection","useCallback","context","row","jsx","Fragment","fallbackItems","resolvedItems","resolvedTrigger","jsxs","Button","ConfigurableDropdownMenu"],"mappings":";;;;;AA4BA,SAASA,EAA4B;AAAA,EACnC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AACF,GAAqC;AACnC,QAAMC,IAAeL,EAAM,4BAAA,EAA8B,MACnDM,IAAQD,EAAa,QAErBE,IAAiBC,EAAY,MAAM;AACvC,IAAAR,EAAM,kBAAA;AAAA,EACR,GAAG,CAACA,CAAK,CAAC;AAEV,MAAIM,MAAU;AACZ,WAAO;AAGT,QAAMG,IAA8C;AAAA,IAClD,OAAAT;AAAA,IACA,cAAAK;AAAA,IACA,cAAcA,EAAa,IAAI,CAACK,MAAQA,EAAI,QAAQ;AAAA,IACpD,OAAAJ;AAAA,IACA,gBAAAC;AAAA,EAAA;AAGF,MAAIN;AACF,WAAO,gBAAAU,EAAAC,GAAA,EAAG,UAAAX,EAASQ,CAAO,GAAE;AAG9B,QAAMI,IAA0C;AAAA,IAC9C;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,YAAYP,CAAK;AAAA,MACxB,UAAU,MAAM;AACd,QAAAF,IAAmBK,CAAO;AAAA,MAC5B;AAAA,IAAA;AAAA,EACF,GAEIK,IAAgB,OAAOX,KAAc,aAAaA,EAAUM,CAAO,IAAIN,GACvEY,IACJ,OAAOb,KAAY,aACjBA,EAAQO,CAAO,IACbP,KAGF,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAU;AAAA,MACX,UAAA;AAAA,QAAA;AAAA,QACWX;AAAA,QAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAItB,SACE,gBAAAK;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,SAASH;AAAA,MACT,OAAOD,KAAiBA,EAAc,SAAS,IAAIA,IAAgBD;AAAA,IAAA;AAAA,EAAA;AAGzE;"}

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

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("react");const q=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const j=require("./components-ui-dropdown-menu-dropdown-menu.cjs"),d=require("./components-ui-icon-icon.cjs"),s=require("./lib-utils.cjs"),g=require("./components-ui-typography-typography.styles.cjs");function m(t,n){return t.getColumn(n)?.columnDef.meta?.label??n}function w({table:t,columnVisibility:n,onColumnVisibilityChange:o,triggerLabel:l="Колонки",trigger:p,menuLabel:y="Видимость колонок",includeColumnIds:u,excludeColumnIds:a,align:b="end",dropdownWidthClassName:h="w-56"}){const c=t.getAllColumns().filter(e=>typeof e.accessorFn<"u").filter(e=>e.getCanHide()).filter(e=>!u?.length||u.includes(e.id)).filter(e=>!a?.length||!a.includes(e.id));if(!c.length)return null;const f=e=>n?n[e]??!0:t.getColumn(e)?.getIsVisible()??!0,_=(e,r)=>{if(o){o(k=>({...k,[e]:r}));return}t.getColumn(e)?.toggleVisibility(r)},C=p??i.jsxs(q.Button,{type:"button",variant:"outlined",size:"sm",children:[l,i.jsx(d.Icon,{type:"columns-plus-right","aria-hidden":!0})]}),x=c.map(e=>{const r=f(e.id);return{key:e.id,checked:r,itemIndicator:null,className:s.cn("rounded-none px-4 py-2",g.getTypographyClassName("body-sm-regular")),checkedClassName:s.cn("bg-tertiary-bg text-primary-text data-[highlighted]:bg-tertiary-bg",g.getTypographyClassName("body-sm-medium")),label:m(t,e.id),checkedEndAdornment:i.jsx(d.Icon,{type:"check","aria-hidden":!0,size:"small"}),textValue:m(t,e.id)}});return i.jsx(j.CheckboxDropdownMenu,{trigger:C,items:x,onItemCheckedChange:_,keepOpenOnItemSelect:!0,contentProps:{align:b,"aria-label":y,className:s.cn(h,`border-inp-focus-border bg-primary-bg overflow-hidden rounded-xl border py-2
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),k=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const j=require("./components-ui-dropdown-menu-dropdown-menu.cjs"),d=require("./components-ui-icon-icon.cjs");require("phosphor-strokes-icons/icons");const s=require("./lib-utils.cjs");require("react");const g=require("./components-ui-typography-typography.styles.cjs");function m(t,n){return t.getColumn(n)?.columnDef.meta?.label??n}function w({table:t,columnVisibility:n,onColumnVisibilityChange:o,triggerLabel:u="Колонки",trigger:p,menuLabel:y="Видимость колонок",includeColumnIds:l,excludeColumnIds:a,align:b="end",dropdownWidthClassName:h="w-56"}){const c=t.getAllColumns().filter(e=>typeof e.accessorFn<"u").filter(e=>e.getCanHide()).filter(e=>!l?.length||l.includes(e.id)).filter(e=>!a?.length||!a.includes(e.id));if(!c.length)return null;const f=e=>n?n[e]??!0:t.getColumn(e)?.getIsVisible()??!0,_=(e,r)=>{if(o){o(q=>({...q,[e]:r}));return}t.getColumn(e)?.toggleVisibility(r)},C=p??i.jsxs(k.Button,{type:"button",variant:"outlined",size:"sm",children:[u,i.jsx(d.Icon,{type:"columns-plus-right","aria-hidden":!0})]}),x=c.map(e=>{const r=f(e.id);return{key:e.id,checked:r,itemIndicator:null,className:s.cn("rounded-none px-4 py-2",g.getTypographyClassName("body-sm-regular")),checkedClassName:s.cn("bg-tertiary-bg text-primary-text data-[highlighted]:bg-tertiary-bg",g.getTypographyClassName("body-sm-medium")),label:m(t,e.id),checkedEndAdornment:i.jsx(d.Icon,{type:"check","aria-hidden":!0,size:"small"}),textValue:m(t,e.id)}});return i.jsx(j.CheckboxDropdownMenu,{trigger:C,items:x,onItemCheckedChange:_,keepOpenOnItemSelect:!0,contentProps:{align:b,"aria-label":y,className:s.cn(h,`border-inp-focus-border bg-primary-bg overflow-hidden rounded-xl border py-2
           shadow-none`)}})}exports.DataTableColumnVisibility=w;
 //# sourceMappingURL=components-data-table-data-table-column-visibility.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-data-table-data-table-column-visibility.cjs","sources":["../src/components/data-table/data-table-column-visibility.tsx"],"sourcesContent":["import type { Table, Updater, VisibilityState } from \"@tanstack/react-table\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { CheckboxDropdownMenu } from \"@/components/ui/dropdown-menu\";\nimport { Icon } from \"@/components/ui/icon\";\nimport { cn } from \"@/lib/utils\";\nimport { getTypographyClassName } from \"../ui/typography\";\n\ntype DataTableColumnVisibilityProps<TData> = {\n  table: Table<TData>;\n  columnVisibility?: VisibilityState;\n  onColumnVisibilityChange?: (updater: Updater<VisibilityState>) => void;\n  triggerLabel?: string;\n  trigger?: React.ReactNode;\n  menuLabel?: string;\n  includeColumnIds?: string[];\n  excludeColumnIds?: string[];\n  align?: \"start\" | \"center\" | \"end\";\n  dropdownWidthClassName?: string;\n};\n\nfunction getColumnTitle<TData>(table: Table<TData>, columnId: string): string {\n  const column = table.getColumn(columnId);\n  const meta = column?.columnDef.meta as { label?: string } | undefined;\n  return meta?.label ?? columnId;\n}\n\nfunction DataTableColumnVisibility<TData>({\n  table,\n  columnVisibility,\n  onColumnVisibilityChange,\n  triggerLabel = \"Колонки\",\n  trigger,\n  menuLabel = \"Видимость колонок\",\n  includeColumnIds,\n  excludeColumnIds,\n  align = \"end\",\n  dropdownWidthClassName = \"w-56\",\n}: DataTableColumnVisibilityProps<TData>) {\n  const hideableColumns = table\n    .getAllColumns()\n    .filter((column) => typeof column.accessorFn !== \"undefined\")\n    .filter((column) => column.getCanHide())\n    .filter((column) => !includeColumnIds?.length || includeColumnIds.includes(column.id))\n    .filter(\n      (column) => !excludeColumnIds?.length || !excludeColumnIds.includes(column.id),\n    );\n\n  if (!hideableColumns.length) {\n    return null;\n  }\n\n  const getIsColumnVisible = (columnId: string) =>\n    columnVisibility\n      ? (columnVisibility[columnId] ?? true)\n      : (table.getColumn(columnId)?.getIsVisible() ?? true);\n\n  const toggleColumnVisibility = (columnId: string, isVisible: boolean) => {\n    if (onColumnVisibilityChange) {\n      onColumnVisibilityChange((previousState) => ({\n        ...previousState,\n        [columnId]: isVisible,\n      }));\n      return;\n    }\n\n    table.getColumn(columnId)?.toggleVisibility(isVisible);\n  };\n\n  const triggerNode = trigger ?? (\n    <Button\n      type=\"button\"\n      variant=\"outlined\"\n      size=\"sm\"\n    >\n      {triggerLabel}\n      <Icon\n        type=\"columns-plus-right\"\n        aria-hidden\n      />\n    </Button>\n  );\n\n  const items = hideableColumns.map((column) => {\n    const isVisible = getIsColumnVisible(column.id);\n\n    return {\n      key: column.id,\n      checked: isVisible,\n      itemIndicator: null,\n      className: cn(\"rounded-none px-4 py-2\", getTypographyClassName(\"body-sm-regular\")),\n      checkedClassName: cn(\n        \"bg-tertiary-bg text-primary-text data-[highlighted]:bg-tertiary-bg\",\n        getTypographyClassName(\"body-sm-medium\"),\n      ),\n      label: getColumnTitle(table, column.id),\n      checkedEndAdornment: (\n        <Icon\n          type=\"check\"\n          aria-hidden\n          size=\"small\"\n        />\n      ),\n      textValue: getColumnTitle(table, column.id),\n    };\n  });\n\n  return (\n    <CheckboxDropdownMenu\n      trigger={triggerNode}\n      items={items}\n      onItemCheckedChange={toggleColumnVisibility}\n      keepOpenOnItemSelect\n      contentProps={{\n        align,\n        \"aria-label\": menuLabel,\n        className: cn(\n          dropdownWidthClassName,\n          `border-inp-focus-border bg-primary-bg overflow-hidden rounded-xl border py-2\n          shadow-none`,\n        ),\n      }}\n    />\n  );\n}\n\nexport { DataTableColumnVisibility };\nexport type { DataTableColumnVisibilityProps };\n"],"names":["getColumnTitle","table","columnId","DataTableColumnVisibility","columnVisibility","onColumnVisibilityChange","triggerLabel","trigger","menuLabel","includeColumnIds","excludeColumnIds","align","dropdownWidthClassName","hideableColumns","column","getIsColumnVisible","toggleColumnVisibility","isVisible","previousState","triggerNode","jsxs","Button","jsx","Icon","items","cn","getTypographyClassName","CheckboxDropdownMenu"],"mappings":"wbAsBA,SAASA,EAAsBC,EAAqBC,EAA0B,CAG5E,OAFeD,EAAM,UAAUC,CAAQ,GAClB,UAAU,MAClB,OAASA,CACxB,CAEA,SAASC,EAAiC,CACxC,MAAAF,EACA,iBAAAG,EACA,yBAAAC,EACA,aAAAC,EAAe,UACf,QAAAC,EACA,UAAAC,EAAY,oBACZ,iBAAAC,EACA,iBAAAC,EACA,MAAAC,EAAQ,MACR,uBAAAC,EAAyB,MAC3B,EAA0C,CACxC,MAAMC,EAAkBZ,EACrB,cAAA,EACA,OAAQa,GAAW,OAAOA,EAAO,WAAe,GAAW,EAC3D,OAAQA,GAAWA,EAAO,WAAA,CAAY,EACtC,OAAQA,GAAW,CAACL,GAAkB,QAAUA,EAAiB,SAASK,EAAO,EAAE,CAAC,EACpF,OACEA,GAAW,CAACJ,GAAkB,QAAU,CAACA,EAAiB,SAASI,EAAO,EAAE,CAAA,EAGjF,GAAI,CAACD,EAAgB,OACnB,OAAO,KAGT,MAAME,EAAsBb,GAC1BE,EACKA,EAAiBF,CAAQ,GAAK,GAC9BD,EAAM,UAAUC,CAAQ,GAAG,gBAAkB,GAE9Cc,EAAyB,CAACd,EAAkBe,IAAuB,CACvE,GAAIZ,EAA0B,CAC5BA,EAA0Ba,IAAmB,CAC3C,GAAGA,EACH,CAAChB,CAAQ,EAAGe,CAAA,EACZ,EACF,MACF,CAEAhB,EAAM,UAAUC,CAAQ,GAAG,iBAAiBe,CAAS,CACvD,EAEME,EAAcZ,GAClBa,EAAAA,KAACC,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,WACR,KAAK,KAEJ,SAAA,CAAAf,EACDgB,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAK,qBACL,cAAW,EAAA,CAAA,CACb,CAAA,CAAA,EAIEC,EAAQX,EAAgB,IAAKC,GAAW,CAC5C,MAAMG,EAAYF,EAAmBD,EAAO,EAAE,EAE9C,MAAO,CACL,IAAKA,EAAO,GACZ,QAASG,EACT,cAAe,KACf,UAAWQ,EAAAA,GAAG,yBAA0BC,EAAAA,uBAAuB,iBAAiB,CAAC,EACjF,iBAAkBD,EAAAA,GAChB,qEACAC,EAAAA,uBAAuB,gBAAgB,CAAA,EAEzC,MAAO1B,EAAeC,EAAOa,EAAO,EAAE,EACtC,oBACEQ,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAK,QACL,cAAW,GACX,KAAK,OAAA,CAAA,EAGT,UAAWvB,EAAeC,EAAOa,EAAO,EAAE,CAAA,CAE9C,CAAC,EAED,OACEQ,EAAAA,IAACK,EAAAA,qBAAA,CACC,QAASR,EACT,MAAAK,EACA,oBAAqBR,EACrB,qBAAoB,GACpB,aAAc,CACZ,MAAAL,EACA,aAAcH,EACd,UAAWiB,EAAAA,GACTb,EACA;AAAA,sBAAA,CAEF,CACF,CAAA,CAGN"}
+{"version":3,"file":"components-data-table-data-table-column-visibility.cjs","sources":["../src/components/data-table/data-table-column-visibility.tsx"],"sourcesContent":["import type { Table, Updater, VisibilityState } from \"@tanstack/react-table\";\nimport type { ReactNode } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { CheckboxDropdownMenu } from \"@/components/ui/dropdown-menu\";\nimport { Icon } from \"@/components/ui/icon\";\nimport { cn } from \"@/lib/utils\";\nimport { getTypographyClassName } from \"../ui/typography\";\n\ntype DataTableColumnVisibilityProps<TData> = {\n  table: Table<TData>;\n  columnVisibility?: VisibilityState;\n  onColumnVisibilityChange?: (updater: Updater<VisibilityState>) => void;\n  triggerLabel?: string;\n  trigger?: ReactNode;\n  menuLabel?: string;\n  includeColumnIds?: string[];\n  excludeColumnIds?: string[];\n  align?: \"start\" | \"center\" | \"end\";\n  dropdownWidthClassName?: string;\n};\n\nfunction getColumnTitle<TData>(table: Table<TData>, columnId: string): string {\n  const column = table.getColumn(columnId);\n  const meta = column?.columnDef.meta as { label?: string } | undefined;\n  return meta?.label ?? columnId;\n}\n\nfunction DataTableColumnVisibility<TData>({\n  table,\n  columnVisibility,\n  onColumnVisibilityChange,\n  triggerLabel = \"Колонки\",\n  trigger,\n  menuLabel = \"Видимость колонок\",\n  includeColumnIds,\n  excludeColumnIds,\n  align = \"end\",\n  dropdownWidthClassName = \"w-56\",\n}: DataTableColumnVisibilityProps<TData>) {\n  const hideableColumns = table\n    .getAllColumns()\n    .filter((column) => typeof column.accessorFn !== \"undefined\")\n    .filter((column) => column.getCanHide())\n    .filter((column) => !includeColumnIds?.length || includeColumnIds.includes(column.id))\n    .filter(\n      (column) => !excludeColumnIds?.length || !excludeColumnIds.includes(column.id),\n    );\n\n  if (!hideableColumns.length) {\n    return null;\n  }\n\n  const getIsColumnVisible = (columnId: string) =>\n    columnVisibility\n      ? (columnVisibility[columnId] ?? true)\n      : (table.getColumn(columnId)?.getIsVisible() ?? true);\n\n  const toggleColumnVisibility = (columnId: string, isVisible: boolean) => {\n    if (onColumnVisibilityChange) {\n      onColumnVisibilityChange((previousState) => ({\n        ...previousState,\n        [columnId]: isVisible,\n      }));\n      return;\n    }\n\n    table.getColumn(columnId)?.toggleVisibility(isVisible);\n  };\n\n  const triggerNode = trigger ?? (\n    <Button\n      type=\"button\"\n      variant=\"outlined\"\n      size=\"sm\"\n    >\n      {triggerLabel}\n      <Icon\n        type=\"columns-plus-right\"\n        aria-hidden\n      />\n    </Button>\n  );\n\n  const items = hideableColumns.map((column) => {\n    const isVisible = getIsColumnVisible(column.id);\n\n    return {\n      key: column.id,\n      checked: isVisible,\n      itemIndicator: null,\n      className: cn(\"rounded-none px-4 py-2\", getTypographyClassName(\"body-sm-regular\")),\n      checkedClassName: cn(\n        \"bg-tertiary-bg text-primary-text data-[highlighted]:bg-tertiary-bg\",\n        getTypographyClassName(\"body-sm-medium\"),\n      ),\n      label: getColumnTitle(table, column.id),\n      checkedEndAdornment: (\n        <Icon\n          type=\"check\"\n          aria-hidden\n          size=\"small\"\n        />\n      ),\n      textValue: getColumnTitle(table, column.id),\n    };\n  });\n\n  return (\n    <CheckboxDropdownMenu\n      trigger={triggerNode}\n      items={items}\n      onItemCheckedChange={toggleColumnVisibility}\n      keepOpenOnItemSelect\n      contentProps={{\n        align,\n        \"aria-label\": menuLabel,\n        className: cn(\n          dropdownWidthClassName,\n          `border-inp-focus-border bg-primary-bg overflow-hidden rounded-xl border py-2\n          shadow-none`,\n        ),\n      }}\n    />\n  );\n}\n\nexport { DataTableColumnVisibility };\nexport type { DataTableColumnVisibilityProps };\n"],"names":["getColumnTitle","table","columnId","DataTableColumnVisibility","columnVisibility","onColumnVisibilityChange","triggerLabel","trigger","menuLabel","includeColumnIds","excludeColumnIds","align","dropdownWidthClassName","hideableColumns","column","getIsColumnVisible","toggleColumnVisibility","isVisible","previousState","triggerNode","jsxs","Button","jsx","Icon","items","cn","getTypographyClassName","CheckboxDropdownMenu"],"mappings":"seAsBA,SAASA,EAAsBC,EAAqBC,EAA0B,CAG5E,OAFeD,EAAM,UAAUC,CAAQ,GAClB,UAAU,MAClB,OAASA,CACxB,CAEA,SAASC,EAAiC,CACxC,MAAAF,EACA,iBAAAG,EACA,yBAAAC,EACA,aAAAC,EAAe,UACf,QAAAC,EACA,UAAAC,EAAY,oBACZ,iBAAAC,EACA,iBAAAC,EACA,MAAAC,EAAQ,MACR,uBAAAC,EAAyB,MAC3B,EAA0C,CACxC,MAAMC,EAAkBZ,EACrB,cAAA,EACA,OAAQa,GAAW,OAAOA,EAAO,WAAe,GAAW,EAC3D,OAAQA,GAAWA,EAAO,WAAA,CAAY,EACtC,OAAQA,GAAW,CAACL,GAAkB,QAAUA,EAAiB,SAASK,EAAO,EAAE,CAAC,EACpF,OACEA,GAAW,CAACJ,GAAkB,QAAU,CAACA,EAAiB,SAASI,EAAO,EAAE,CAAA,EAGjF,GAAI,CAACD,EAAgB,OACnB,OAAO,KAGT,MAAME,EAAsBb,GAC1BE,EACKA,EAAiBF,CAAQ,GAAK,GAC9BD,EAAM,UAAUC,CAAQ,GAAG,gBAAkB,GAE9Cc,EAAyB,CAACd,EAAkBe,IAAuB,CACvE,GAAIZ,EAA0B,CAC5BA,EAA0Ba,IAAmB,CAC3C,GAAGA,EACH,CAAChB,CAAQ,EAAGe,CAAA,EACZ,EACF,MACF,CAEAhB,EAAM,UAAUC,CAAQ,GAAG,iBAAiBe,CAAS,CACvD,EAEME,EAAcZ,GAClBa,EAAAA,KAACC,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,WACR,KAAK,KAEJ,SAAA,CAAAf,EACDgB,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAK,qBACL,cAAW,EAAA,CAAA,CACb,CAAA,CAAA,EAIEC,EAAQX,EAAgB,IAAKC,GAAW,CAC5C,MAAMG,EAAYF,EAAmBD,EAAO,EAAE,EAE9C,MAAO,CACL,IAAKA,EAAO,GACZ,QAASG,EACT,cAAe,KACf,UAAWQ,EAAAA,GAAG,yBAA0BC,EAAAA,uBAAuB,iBAAiB,CAAC,EACjF,iBAAkBD,EAAAA,GAChB,qEACAC,EAAAA,uBAAuB,gBAAgB,CAAA,EAEzC,MAAO1B,EAAeC,EAAOa,EAAO,EAAE,EACtC,oBACEQ,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAK,QACL,cAAW,GACX,KAAK,OAAA,CAAA,EAGT,UAAWvB,EAAeC,EAAOa,EAAO,EAAE,CAAA,CAE9C,CAAC,EAED,OACEQ,EAAAA,IAACK,EAAAA,qBAAA,CACC,QAASR,EACT,MAAAK,EACA,oBAAqBR,EACrB,qBAAoB,GACpB,aAAc,CACZ,MAAAL,EACA,aAAcH,EACd,UAAWiB,EAAAA,GACTb,EACA;AAAA,sBAAA,CAEF,CACF,CAAA,CAGN"}

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

@@ -1,18 +1,19 @@
-import { jsx as o, jsxs as w } from "react/jsx-runtime";
-import "react";
+import { jsx as n, jsxs as w } from "react/jsx-runtime";
 import { Button as V } from "./components-ui-button-button.js";
 import "./components-ui-button-button.styles.js";
 import { CheckboxDropdownMenu as D } from "./components-ui-dropdown-menu-dropdown-menu.js";
 import { Icon as g } from "./components-ui-icon-icon.js";
+import "phosphor-strokes-icons/icons";
 import { cn as l } from "./lib-utils.js";
+import "react";
 import { getTypographyClassName as u } from "./components-ui-typography-typography.styles.js";
 function c(t, r) {
   return t.getColumn(r)?.columnDef.meta?.label ?? r;
 }
-function F({
+function H({
   table: t,
   columnVisibility: r,
-  onColumnVisibilityChange: n,
+  onColumnVisibilityChange: o,
   triggerLabel: s = "Колонки",
   trigger: p,
   menuLabel: h = "Видимость колонок",
@@ -27,8 +28,8 @@ function F({
   if (!d.length)
     return null;
   const y = (e) => r ? r[e] ?? !0 : t.getColumn(e)?.getIsVisible() ?? !0, C = (e, i) => {
-    if (n) {
-      n((N) => ({
+    if (o) {
+      o((N) => ({
         ...N,
         [e]: i
       }));
@@ -43,7 +44,7 @@ function F({
       size: "sm",
       children: [
         s,
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ n(
           g,
           {
             type: "columns-plus-right",
@@ -64,7 +65,7 @@ function F({
         u("body-sm-medium")
       ),
       label: c(t, e.id),
-      checkedEndAdornment: /* @__PURE__ */ o(
+      checkedEndAdornment: /* @__PURE__ */ n(
         g,
         {
           type: "check",
@@ -75,7 +76,7 @@ function F({
       textValue: c(t, e.id)
     };
   });
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ n(
     D,
     {
       trigger: k,
@@ -95,6 +96,6 @@ function F({
   );
 }
 export {
-  F as DataTableColumnVisibility
+  H as DataTableColumnVisibility
 };
 //# sourceMappingURL=components-data-table-data-table-column-visibility.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-data-table-data-table-column-visibility.js","sources":["../src/components/data-table/data-table-column-visibility.tsx"],"sourcesContent":["import type { Table, Updater, VisibilityState } from \"@tanstack/react-table\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { CheckboxDropdownMenu } from \"@/components/ui/dropdown-menu\";\nimport { Icon } from \"@/components/ui/icon\";\nimport { cn } from \"@/lib/utils\";\nimport { getTypographyClassName } from \"../ui/typography\";\n\ntype DataTableColumnVisibilityProps<TData> = {\n  table: Table<TData>;\n  columnVisibility?: VisibilityState;\n  onColumnVisibilityChange?: (updater: Updater<VisibilityState>) => void;\n  triggerLabel?: string;\n  trigger?: React.ReactNode;\n  menuLabel?: string;\n  includeColumnIds?: string[];\n  excludeColumnIds?: string[];\n  align?: \"start\" | \"center\" | \"end\";\n  dropdownWidthClassName?: string;\n};\n\nfunction getColumnTitle<TData>(table: Table<TData>, columnId: string): string {\n  const column = table.getColumn(columnId);\n  const meta = column?.columnDef.meta as { label?: string } | undefined;\n  return meta?.label ?? columnId;\n}\n\nfunction DataTableColumnVisibility<TData>({\n  table,\n  columnVisibility,\n  onColumnVisibilityChange,\n  triggerLabel = \"Колонки\",\n  trigger,\n  menuLabel = \"Видимость колонок\",\n  includeColumnIds,\n  excludeColumnIds,\n  align = \"end\",\n  dropdownWidthClassName = \"w-56\",\n}: DataTableColumnVisibilityProps<TData>) {\n  const hideableColumns = table\n    .getAllColumns()\n    .filter((column) => typeof column.accessorFn !== \"undefined\")\n    .filter((column) => column.getCanHide())\n    .filter((column) => !includeColumnIds?.length || includeColumnIds.includes(column.id))\n    .filter(\n      (column) => !excludeColumnIds?.length || !excludeColumnIds.includes(column.id),\n    );\n\n  if (!hideableColumns.length) {\n    return null;\n  }\n\n  const getIsColumnVisible = (columnId: string) =>\n    columnVisibility\n      ? (columnVisibility[columnId] ?? true)\n      : (table.getColumn(columnId)?.getIsVisible() ?? true);\n\n  const toggleColumnVisibility = (columnId: string, isVisible: boolean) => {\n    if (onColumnVisibilityChange) {\n      onColumnVisibilityChange((previousState) => ({\n        ...previousState,\n        [columnId]: isVisible,\n      }));\n      return;\n    }\n\n    table.getColumn(columnId)?.toggleVisibility(isVisible);\n  };\n\n  const triggerNode = trigger ?? (\n    <Button\n      type=\"button\"\n      variant=\"outlined\"\n      size=\"sm\"\n    >\n      {triggerLabel}\n      <Icon\n        type=\"columns-plus-right\"\n        aria-hidden\n      />\n    </Button>\n  );\n\n  const items = hideableColumns.map((column) => {\n    const isVisible = getIsColumnVisible(column.id);\n\n    return {\n      key: column.id,\n      checked: isVisible,\n      itemIndicator: null,\n      className: cn(\"rounded-none px-4 py-2\", getTypographyClassName(\"body-sm-regular\")),\n      checkedClassName: cn(\n        \"bg-tertiary-bg text-primary-text data-[highlighted]:bg-tertiary-bg\",\n        getTypographyClassName(\"body-sm-medium\"),\n      ),\n      label: getColumnTitle(table, column.id),\n      checkedEndAdornment: (\n        <Icon\n          type=\"check\"\n          aria-hidden\n          size=\"small\"\n        />\n      ),\n      textValue: getColumnTitle(table, column.id),\n    };\n  });\n\n  return (\n    <CheckboxDropdownMenu\n      trigger={triggerNode}\n      items={items}\n      onItemCheckedChange={toggleColumnVisibility}\n      keepOpenOnItemSelect\n      contentProps={{\n        align,\n        \"aria-label\": menuLabel,\n        className: cn(\n          dropdownWidthClassName,\n          `border-inp-focus-border bg-primary-bg overflow-hidden rounded-xl border py-2\n          shadow-none`,\n        ),\n      }}\n    />\n  );\n}\n\nexport { DataTableColumnVisibility };\nexport type { DataTableColumnVisibilityProps };\n"],"names":["getColumnTitle","table","columnId","DataTableColumnVisibility","columnVisibility","onColumnVisibilityChange","triggerLabel","trigger","menuLabel","includeColumnIds","excludeColumnIds","align","dropdownWidthClassName","hideableColumns","column","getIsColumnVisible","toggleColumnVisibility","isVisible","previousState","triggerNode","jsxs","Button","jsx","Icon","items","cn","getTypographyClassName","CheckboxDropdownMenu"],"mappings":";;;;;;;;AAsBA,SAASA,EAAsBC,GAAqBC,GAA0B;AAG5E,SAFeD,EAAM,UAAUC,CAAQ,GAClB,UAAU,MAClB,SAASA;AACxB;AAEA,SAASC,EAAiC;AAAA,EACxC,OAAAF;AAAA,EACA,kBAAAG;AAAA,EACA,0BAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,wBAAAC,IAAyB;AAC3B,GAA0C;AACxC,QAAMC,IAAkBZ,EACrB,cAAA,EACA,OAAO,CAACa,MAAW,OAAOA,EAAO,aAAe,GAAW,EAC3D,OAAO,CAACA,MAAWA,EAAO,WAAA,CAAY,EACtC,OAAO,CAACA,MAAW,CAACL,GAAkB,UAAUA,EAAiB,SAASK,EAAO,EAAE,CAAC,EACpF;AAAA,IACC,CAACA,MAAW,CAACJ,GAAkB,UAAU,CAACA,EAAiB,SAASI,EAAO,EAAE;AAAA,EAAA;AAGjF,MAAI,CAACD,EAAgB;AACnB,WAAO;AAGT,QAAME,IAAqB,CAACb,MAC1BE,IACKA,EAAiBF,CAAQ,KAAK,KAC9BD,EAAM,UAAUC,CAAQ,GAAG,kBAAkB,IAE9Cc,IAAyB,CAACd,GAAkBe,MAAuB;AACvE,QAAIZ,GAA0B;AAC5B,MAAAA,EAAyB,CAACa,OAAmB;AAAA,QAC3C,GAAGA;AAAA,QACH,CAAChB,CAAQ,GAAGe;AAAA,MAAA,EACZ;AACF;AAAA,IACF;AAEA,IAAAhB,EAAM,UAAUC,CAAQ,GAAG,iBAAiBe,CAAS;AAAA,EACvD,GAEME,IAAcZ,KAClB,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MAEJ,UAAA;AAAA,QAAAf;AAAA,QACD,gBAAAgB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,eAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EAAA,GAIEC,IAAQX,EAAgB,IAAI,CAACC,MAAW;AAC5C,UAAMG,IAAYF,EAAmBD,EAAO,EAAE;AAE9C,WAAO;AAAA,MACL,KAAKA,EAAO;AAAA,MACZ,SAASG;AAAA,MACT,eAAe;AAAA,MACf,WAAWQ,EAAG,0BAA0BC,EAAuB,iBAAiB,CAAC;AAAA,MACjF,kBAAkBD;AAAA,QAChB;AAAA,QACAC,EAAuB,gBAAgB;AAAA,MAAA;AAAA,MAEzC,OAAO1B,EAAeC,GAAOa,EAAO,EAAE;AAAA,MACtC,qBACE,gBAAAQ;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAW;AAAA,UACX,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAGT,WAAWvB,EAAeC,GAAOa,EAAO,EAAE;AAAA,IAAA;AAAA,EAE9C,CAAC;AAED,SACE,gBAAAQ;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,SAASR;AAAA,MACT,OAAAK;AAAA,MACA,qBAAqBR;AAAA,MACrB,sBAAoB;AAAA,MACpB,cAAc;AAAA,QACZ,OAAAL;AAAA,QACA,cAAcH;AAAA,QACd,WAAWiB;AAAA,UACTb;AAAA,UACA;AAAA;AAAA,QAAA;AAAA,MAEF;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"components-data-table-data-table-column-visibility.js","sources":["../src/components/data-table/data-table-column-visibility.tsx"],"sourcesContent":["import type { Table, Updater, VisibilityState } from \"@tanstack/react-table\";\nimport type { ReactNode } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { CheckboxDropdownMenu } from \"@/components/ui/dropdown-menu\";\nimport { Icon } from \"@/components/ui/icon\";\nimport { cn } from \"@/lib/utils\";\nimport { getTypographyClassName } from \"../ui/typography\";\n\ntype DataTableColumnVisibilityProps<TData> = {\n  table: Table<TData>;\n  columnVisibility?: VisibilityState;\n  onColumnVisibilityChange?: (updater: Updater<VisibilityState>) => void;\n  triggerLabel?: string;\n  trigger?: ReactNode;\n  menuLabel?: string;\n  includeColumnIds?: string[];\n  excludeColumnIds?: string[];\n  align?: \"start\" | \"center\" | \"end\";\n  dropdownWidthClassName?: string;\n};\n\nfunction getColumnTitle<TData>(table: Table<TData>, columnId: string): string {\n  const column = table.getColumn(columnId);\n  const meta = column?.columnDef.meta as { label?: string } | undefined;\n  return meta?.label ?? columnId;\n}\n\nfunction DataTableColumnVisibility<TData>({\n  table,\n  columnVisibility,\n  onColumnVisibilityChange,\n  triggerLabel = \"Колонки\",\n  trigger,\n  menuLabel = \"Видимость колонок\",\n  includeColumnIds,\n  excludeColumnIds,\n  align = \"end\",\n  dropdownWidthClassName = \"w-56\",\n}: DataTableColumnVisibilityProps<TData>) {\n  const hideableColumns = table\n    .getAllColumns()\n    .filter((column) => typeof column.accessorFn !== \"undefined\")\n    .filter((column) => column.getCanHide())\n    .filter((column) => !includeColumnIds?.length || includeColumnIds.includes(column.id))\n    .filter(\n      (column) => !excludeColumnIds?.length || !excludeColumnIds.includes(column.id),\n    );\n\n  if (!hideableColumns.length) {\n    return null;\n  }\n\n  const getIsColumnVisible = (columnId: string) =>\n    columnVisibility\n      ? (columnVisibility[columnId] ?? true)\n      : (table.getColumn(columnId)?.getIsVisible() ?? true);\n\n  const toggleColumnVisibility = (columnId: string, isVisible: boolean) => {\n    if (onColumnVisibilityChange) {\n      onColumnVisibilityChange((previousState) => ({\n        ...previousState,\n        [columnId]: isVisible,\n      }));\n      return;\n    }\n\n    table.getColumn(columnId)?.toggleVisibility(isVisible);\n  };\n\n  const triggerNode = trigger ?? (\n    <Button\n      type=\"button\"\n      variant=\"outlined\"\n      size=\"sm\"\n    >\n      {triggerLabel}\n      <Icon\n        type=\"columns-plus-right\"\n        aria-hidden\n      />\n    </Button>\n  );\n\n  const items = hideableColumns.map((column) => {\n    const isVisible = getIsColumnVisible(column.id);\n\n    return {\n      key: column.id,\n      checked: isVisible,\n      itemIndicator: null,\n      className: cn(\"rounded-none px-4 py-2\", getTypographyClassName(\"body-sm-regular\")),\n      checkedClassName: cn(\n        \"bg-tertiary-bg text-primary-text data-[highlighted]:bg-tertiary-bg\",\n        getTypographyClassName(\"body-sm-medium\"),\n      ),\n      label: getColumnTitle(table, column.id),\n      checkedEndAdornment: (\n        <Icon\n          type=\"check\"\n          aria-hidden\n          size=\"small\"\n        />\n      ),\n      textValue: getColumnTitle(table, column.id),\n    };\n  });\n\n  return (\n    <CheckboxDropdownMenu\n      trigger={triggerNode}\n      items={items}\n      onItemCheckedChange={toggleColumnVisibility}\n      keepOpenOnItemSelect\n      contentProps={{\n        align,\n        \"aria-label\": menuLabel,\n        className: cn(\n          dropdownWidthClassName,\n          `border-inp-focus-border bg-primary-bg overflow-hidden rounded-xl border py-2\n          shadow-none`,\n        ),\n      }}\n    />\n  );\n}\n\nexport { DataTableColumnVisibility };\nexport type { DataTableColumnVisibilityProps };\n"],"names":["getColumnTitle","table","columnId","DataTableColumnVisibility","columnVisibility","onColumnVisibilityChange","triggerLabel","trigger","menuLabel","includeColumnIds","excludeColumnIds","align","dropdownWidthClassName","hideableColumns","column","getIsColumnVisible","toggleColumnVisibility","isVisible","previousState","triggerNode","jsxs","Button","jsx","Icon","items","cn","getTypographyClassName","CheckboxDropdownMenu"],"mappings":";;;;;;;;;AAsBA,SAASA,EAAsBC,GAAqBC,GAA0B;AAG5E,SAFeD,EAAM,UAAUC,CAAQ,GAClB,UAAU,MAClB,SAASA;AACxB;AAEA,SAASC,EAAiC;AAAA,EACxC,OAAAF;AAAA,EACA,kBAAAG;AAAA,EACA,0BAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,wBAAAC,IAAyB;AAC3B,GAA0C;AACxC,QAAMC,IAAkBZ,EACrB,cAAA,EACA,OAAO,CAACa,MAAW,OAAOA,EAAO,aAAe,GAAW,EAC3D,OAAO,CAACA,MAAWA,EAAO,WAAA,CAAY,EACtC,OAAO,CAACA,MAAW,CAACL,GAAkB,UAAUA,EAAiB,SAASK,EAAO,EAAE,CAAC,EACpF;AAAA,IACC,CAACA,MAAW,CAACJ,GAAkB,UAAU,CAACA,EAAiB,SAASI,EAAO,EAAE;AAAA,EAAA;AAGjF,MAAI,CAACD,EAAgB;AACnB,WAAO;AAGT,QAAME,IAAqB,CAACb,MAC1BE,IACKA,EAAiBF,CAAQ,KAAK,KAC9BD,EAAM,UAAUC,CAAQ,GAAG,kBAAkB,IAE9Cc,IAAyB,CAACd,GAAkBe,MAAuB;AACvE,QAAIZ,GAA0B;AAC5B,MAAAA,EAAyB,CAACa,OAAmB;AAAA,QAC3C,GAAGA;AAAA,QACH,CAAChB,CAAQ,GAAGe;AAAA,MAAA,EACZ;AACF;AAAA,IACF;AAEA,IAAAhB,EAAM,UAAUC,CAAQ,GAAG,iBAAiBe,CAAS;AAAA,EACvD,GAEME,IAAcZ,KAClB,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MAEJ,UAAA;AAAA,QAAAf;AAAA,QACD,gBAAAgB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,eAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EAAA,GAIEC,IAAQX,EAAgB,IAAI,CAACC,MAAW;AAC5C,UAAMG,IAAYF,EAAmBD,EAAO,EAAE;AAE9C,WAAO;AAAA,MACL,KAAKA,EAAO;AAAA,MACZ,SAASG;AAAA,MACT,eAAe;AAAA,MACf,WAAWQ,EAAG,0BAA0BC,EAAuB,iBAAiB,CAAC;AAAA,MACjF,kBAAkBD;AAAA,QAChB;AAAA,QACAC,EAAuB,gBAAgB;AAAA,MAAA;AAAA,MAEzC,OAAO1B,EAAeC,GAAOa,EAAO,EAAE;AAAA,MACtC,qBACE,gBAAAQ;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAW;AAAA,UACX,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAGT,WAAWvB,EAAeC,GAAOa,EAAO,EAAE;AAAA,IAAA;AAAA,EAE9C,CAAC;AAED,SACE,gBAAAQ;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,SAASR;AAAA,MACT,OAAAK;AAAA,MACA,qBAAqBR;AAAA,MACrB,sBAAoB;AAAA,MACpB,cAAc;AAAA,QACZ,OAAAL;AAAA,QACA,cAAcH;AAAA,QACd,WAAWiB;AAAA,UACTb;AAAA,UACA;AAAA;AAAA,QAAA;AAAA,MAEF;AAAA,IACF;AAAA,EAAA;AAGN;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),p=require("react"),b=require("./components-ui-input-input.cjs");function m(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const c=m(p);function F({table:e,searchableColumnIds:t,placeholder:n="Поиск...",inputProps:r}){const o=c.useMemo(()=>t?.filter(Boolean)??[],[t]),f=o.join("|");c.useEffect(()=>{const l=new Set(o);e.setOptions(u=>{const i=u.getColumnCanGlobalFilter;return{...u,getColumnCanGlobalFilter:s=>(i?i(s):!0)?l.size===0?!0:l.has(s.id):!1}})},[e,f,o]);const a=e.getState().globalFilter,g=typeof a=="string"?a:"";return d.jsx(b.Input,{sizeInput:"sm",placeholder:n,value:g,onChange:l=>e.setGlobalFilter(l.target.value),...r})}exports.DataTableFilter=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),u=require("react"),d=require("./components-ui-input-input.cjs");function m({table:e,searchableColumnIds:l,placeholder:a="Поиск...",inputProps:c}){const n=u.useMemo(()=>l?.filter(Boolean)??[],[l]),f=n.join("|");u.useEffect(()=>{const t=new Set(n);e.setOptions(o=>{const i=o.getColumnCanGlobalFilter;return{...o,getColumnCanGlobalFilter:s=>(i?i(s):!0)?t.size===0?!0:t.has(s.id):!1}})},[e,f,n]);const r=e.getState().globalFilter,F=typeof r=="string"?r:"";return g.jsx(d.Input,{sizeInput:"sm",placeholder:a,value:F,onChange:t=>e.setGlobalFilter(t.target.value),...c})}exports.DataTableFilter=m;
 //# sourceMappingURL=components-data-table-data-table-filter.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-data-table-data-table-filter.cjs","sources":["../src/components/data-table/data-table-filter.tsx"],"sourcesContent":["import type { Table } from \"@tanstack/react-table\";\nimport * as React from \"react\";\n\nimport { Input } from \"@/components/ui/input\";\n\ntype DataTableFilterProps<TData> = {\n  table: Table<TData>;\n  searchableColumnIds?: string[];\n  placeholder?: string;\n  inputProps?: Omit<React.ComponentProps<typeof Input>, \"value\" | \"onChange\">;\n};\n\nfunction DataTableFilter<TData>({\n  table,\n  searchableColumnIds,\n  placeholder = \"Поиск...\",\n  inputProps,\n}: DataTableFilterProps<TData>) {\n  const selectedColumnIds = React.useMemo(\n    () => searchableColumnIds?.filter(Boolean) ?? [],\n    [searchableColumnIds],\n  );\n  const selectedColumnIdsKey = selectedColumnIds.join(\"|\");\n\n  React.useEffect(() => {\n    const selectedIdsSet = new Set(selectedColumnIds);\n\n    table.setOptions((previousOptions) => {\n      const previousCanGlobalFilter = previousOptions.getColumnCanGlobalFilter;\n\n      return {\n        ...previousOptions,\n        getColumnCanGlobalFilter: (column) => {\n          const canFilterByDefault = previousCanGlobalFilter\n            ? previousCanGlobalFilter(column)\n            : true;\n\n          if (!canFilterByDefault) {\n            return false;\n          }\n\n          if (selectedIdsSet.size === 0) {\n            return true;\n          }\n\n          return selectedIdsSet.has(column.id);\n        },\n      };\n    });\n  }, [table, selectedColumnIdsKey, selectedColumnIds]);\n\n  const rawGlobalFilter = table.getState().globalFilter;\n  const value = typeof rawGlobalFilter === \"string\" ? rawGlobalFilter : \"\";\n\n  return (\n    <Input\n      sizeInput=\"sm\"\n      placeholder={placeholder}\n      value={value}\n      onChange={(event) => table.setGlobalFilter(event.target.value)}\n      {...inputProps}\n    />\n  );\n}\n\nexport { DataTableFilter };\nexport type { DataTableFilterProps };\n"],"names":["DataTableFilter","table","searchableColumnIds","placeholder","inputProps","selectedColumnIds","React","selectedColumnIdsKey","selectedIdsSet","previousOptions","previousCanGlobalFilter","column","rawGlobalFilter","value","jsx","Input","event"],"mappings":"+cAYA,SAASA,EAAuB,CAC9B,MAAAC,EACA,oBAAAC,EACA,YAAAC,EAAc,WACd,WAAAC,CACF,EAAgC,CAC9B,MAAMC,EAAoBC,EAAM,QAC9B,IAAMJ,GAAqB,OAAO,OAAO,GAAK,CAAA,EAC9C,CAACA,CAAmB,CAAA,EAEhBK,EAAuBF,EAAkB,KAAK,GAAG,EAEvDC,EAAM,UAAU,IAAM,CACpB,MAAME,EAAiB,IAAI,IAAIH,CAAiB,EAEhDJ,EAAM,WAAYQ,GAAoB,CACpC,MAAMC,EAA0BD,EAAgB,yBAEhD,MAAO,CACL,GAAGA,EACH,yBAA2BE,IACED,EACvBA,EAAwBC,CAAM,EAC9B,IAMAH,EAAe,OAAS,EACnB,GAGFA,EAAe,IAAIG,EAAO,EAAE,EAP1B,EAQX,CAEJ,CAAC,CACH,EAAG,CAACV,EAAOM,EAAsBF,CAAiB,CAAC,EAEnD,MAAMO,EAAkBX,EAAM,SAAA,EAAW,aACnCY,EAAQ,OAAOD,GAAoB,SAAWA,EAAkB,GAEtE,OACEE,EAAAA,IAACC,EAAAA,MAAA,CACC,UAAU,KACV,YAAAZ,EACA,MAAAU,EACA,SAAWG,GAAUf,EAAM,gBAAgBe,EAAM,OAAO,KAAK,EAC5D,GAAGZ,CAAA,CAAA,CAGV"}
+{"version":3,"file":"components-data-table-data-table-filter.cjs","sources":["../src/components/data-table/data-table-filter.tsx"],"sourcesContent":["import type { Table } from \"@tanstack/react-table\";\nimport { useEffect, useMemo } from \"react\";\nimport type { ComponentProps } from \"react\";\n\nimport { Input } from \"@/components/ui/input\";\n\ntype DataTableFilterProps<TData> = {\n  table: Table<TData>;\n  searchableColumnIds?: string[];\n  placeholder?: string;\n  inputProps?: Omit<ComponentProps<typeof Input>, \"value\" | \"onChange\">;\n};\n\nfunction DataTableFilter<TData>({\n  table,\n  searchableColumnIds,\n  placeholder = \"Поиск...\",\n  inputProps,\n}: DataTableFilterProps<TData>) {\n  const selectedColumnIds = useMemo(\n    () => searchableColumnIds?.filter(Boolean) ?? [],\n    [searchableColumnIds],\n  );\n  const selectedColumnIdsKey = selectedColumnIds.join(\"|\");\n\n  useEffect(() => {\n    const selectedIdsSet = new Set(selectedColumnIds);\n\n    table.setOptions((previousOptions) => {\n      const previousCanGlobalFilter = previousOptions.getColumnCanGlobalFilter;\n\n      return {\n        ...previousOptions,\n        getColumnCanGlobalFilter: (column) => {\n          const canFilterByDefault = previousCanGlobalFilter\n            ? previousCanGlobalFilter(column)\n            : true;\n\n          if (!canFilterByDefault) {\n            return false;\n          }\n\n          if (selectedIdsSet.size === 0) {\n            return true;\n          }\n\n          return selectedIdsSet.has(column.id);\n        },\n      };\n    });\n  }, [table, selectedColumnIdsKey, selectedColumnIds]);\n\n  const rawGlobalFilter = table.getState().globalFilter;\n  const value = typeof rawGlobalFilter === \"string\" ? rawGlobalFilter : \"\";\n\n  return (\n    <Input\n      sizeInput=\"sm\"\n      placeholder={placeholder}\n      value={value}\n      onChange={(event) => table.setGlobalFilter(event.target.value)}\n      {...inputProps}\n    />\n  );\n}\n\nexport { DataTableFilter };\nexport type { DataTableFilterProps };\n"],"names":["DataTableFilter","table","searchableColumnIds","placeholder","inputProps","selectedColumnIds","useMemo","selectedColumnIdsKey","useEffect","selectedIdsSet","previousOptions","previousCanGlobalFilter","column","rawGlobalFilter","value","jsx","Input","event"],"mappings":"qLAaA,SAASA,EAAuB,CAC9B,MAAAC,EACA,oBAAAC,EACA,YAAAC,EAAc,WACd,WAAAC,CACF,EAAgC,CAC9B,MAAMC,EAAoBC,EAAAA,QACxB,IAAMJ,GAAqB,OAAO,OAAO,GAAK,CAAA,EAC9C,CAACA,CAAmB,CAAA,EAEhBK,EAAuBF,EAAkB,KAAK,GAAG,EAEvDG,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAiB,IAAI,IAAIJ,CAAiB,EAEhDJ,EAAM,WAAYS,GAAoB,CACpC,MAAMC,EAA0BD,EAAgB,yBAEhD,MAAO,CACL,GAAGA,EACH,yBAA2BE,IACED,EACvBA,EAAwBC,CAAM,EAC9B,IAMAH,EAAe,OAAS,EACnB,GAGFA,EAAe,IAAIG,EAAO,EAAE,EAP1B,EAQX,CAEJ,CAAC,CACH,EAAG,CAACX,EAAOM,EAAsBF,CAAiB,CAAC,EAEnD,MAAMQ,EAAkBZ,EAAM,SAAA,EAAW,aACnCa,EAAQ,OAAOD,GAAoB,SAAWA,EAAkB,GAEtE,OACEE,EAAAA,IAACC,EAAAA,MAAA,CACC,UAAU,KACV,YAAAb,EACA,MAAAW,EACA,SAAWG,GAAUhB,EAAM,gBAAgBgB,EAAM,OAAO,KAAK,EAC5D,GAAGb,CAAA,CAAA,CAGV"}

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

@@ -1,39 +1,39 @@
-import { jsx as m } from "react/jsx-runtime";
-import * as i from "react";
-import { Input as F } from "./components-ui-input-input.js";
-function G({
+import { jsx as c } from "react/jsx-runtime";
+import { useMemo as m, useEffect as F } from "react";
+import { Input as g } from "./components-ui-input-input.js";
+function I({
   table: e,
   searchableColumnIds: r,
-  placeholder: u = "Поиск...",
-  inputProps: c
+  placeholder: i = "Поиск...",
+  inputProps: u
 }) {
-  const l = i.useMemo(
+  const l = m(
     () => r?.filter(Boolean) ?? [],
     [r]
   ), f = l.join("|");
-  i.useEffect(() => {
+  F(() => {
     const t = new Set(l);
     e.setOptions((o) => {
-      const a = o.getColumnCanGlobalFilter;
+      const s = o.getColumnCanGlobalFilter;
       return {
         ...o,
-        getColumnCanGlobalFilter: (s) => (a ? a(s) : !0) ? t.size === 0 ? !0 : t.has(s.id) : !1
+        getColumnCanGlobalFilter: (a) => (s ? s(a) : !0) ? t.size === 0 ? !0 : t.has(a.id) : !1
       };
     });
   }, [e, f, l]);
   const n = e.getState().globalFilter;
-  return /* @__PURE__ */ m(
-    F,
+  return /* @__PURE__ */ c(
+    g,
     {
       sizeInput: "sm",
-      placeholder: u,
+      placeholder: i,
       value: typeof n == "string" ? n : "",
       onChange: (t) => e.setGlobalFilter(t.target.value),
-      ...c
+      ...u
     }
   );
 }
 export {
-  G as DataTableFilter
+  I as DataTableFilter
 };
 //# sourceMappingURL=components-data-table-data-table-filter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-data-table-data-table-filter.js","sources":["../src/components/data-table/data-table-filter.tsx"],"sourcesContent":["import type { Table } from \"@tanstack/react-table\";\nimport * as React from \"react\";\n\nimport { Input } from \"@/components/ui/input\";\n\ntype DataTableFilterProps<TData> = {\n  table: Table<TData>;\n  searchableColumnIds?: string[];\n  placeholder?: string;\n  inputProps?: Omit<React.ComponentProps<typeof Input>, \"value\" | \"onChange\">;\n};\n\nfunction DataTableFilter<TData>({\n  table,\n  searchableColumnIds,\n  placeholder = \"Поиск...\",\n  inputProps,\n}: DataTableFilterProps<TData>) {\n  const selectedColumnIds = React.useMemo(\n    () => searchableColumnIds?.filter(Boolean) ?? [],\n    [searchableColumnIds],\n  );\n  const selectedColumnIdsKey = selectedColumnIds.join(\"|\");\n\n  React.useEffect(() => {\n    const selectedIdsSet = new Set(selectedColumnIds);\n\n    table.setOptions((previousOptions) => {\n      const previousCanGlobalFilter = previousOptions.getColumnCanGlobalFilter;\n\n      return {\n        ...previousOptions,\n        getColumnCanGlobalFilter: (column) => {\n          const canFilterByDefault = previousCanGlobalFilter\n            ? previousCanGlobalFilter(column)\n            : true;\n\n          if (!canFilterByDefault) {\n            return false;\n          }\n\n          if (selectedIdsSet.size === 0) {\n            return true;\n          }\n\n          return selectedIdsSet.has(column.id);\n        },\n      };\n    });\n  }, [table, selectedColumnIdsKey, selectedColumnIds]);\n\n  const rawGlobalFilter = table.getState().globalFilter;\n  const value = typeof rawGlobalFilter === \"string\" ? rawGlobalFilter : \"\";\n\n  return (\n    <Input\n      sizeInput=\"sm\"\n      placeholder={placeholder}\n      value={value}\n      onChange={(event) => table.setGlobalFilter(event.target.value)}\n      {...inputProps}\n    />\n  );\n}\n\nexport { DataTableFilter };\nexport type { DataTableFilterProps };\n"],"names":["DataTableFilter","table","searchableColumnIds","placeholder","inputProps","selectedColumnIds","React","selectedColumnIdsKey","selectedIdsSet","previousOptions","previousCanGlobalFilter","column","rawGlobalFilter","jsx","Input","event"],"mappings":";;;AAYA,SAASA,EAAuB;AAAA,EAC9B,OAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC;AACF,GAAgC;AAC9B,QAAMC,IAAoBC,EAAM;AAAA,IAC9B,MAAMJ,GAAqB,OAAO,OAAO,KAAK,CAAA;AAAA,IAC9C,CAACA,CAAmB;AAAA,EAAA,GAEhBK,IAAuBF,EAAkB,KAAK,GAAG;AAEvD,EAAAC,EAAM,UAAU,MAAM;AACpB,UAAME,IAAiB,IAAI,IAAIH,CAAiB;AAEhD,IAAAJ,EAAM,WAAW,CAACQ,MAAoB;AACpC,YAAMC,IAA0BD,EAAgB;AAEhD,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,0BAA0B,CAACE,OACED,IACvBA,EAAwBC,CAAM,IAC9B,MAMAH,EAAe,SAAS,IACnB,KAGFA,EAAe,IAAIG,EAAO,EAAE,IAP1B;AAAA,MAQX;AAAA,IAEJ,CAAC;AAAA,EACH,GAAG,CAACV,GAAOM,GAAsBF,CAAiB,CAAC;AAEnD,QAAMO,IAAkBX,EAAM,SAAA,EAAW;AAGzC,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,aAAAX;AAAA,MACA,OANU,OAAOS,KAAoB,WAAWA,IAAkB;AAAA,MAOlE,UAAU,CAACG,MAAUd,EAAM,gBAAgBc,EAAM,OAAO,KAAK;AAAA,MAC5D,GAAGX;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"components-data-table-data-table-filter.js","sources":["../src/components/data-table/data-table-filter.tsx"],"sourcesContent":["import type { Table } from \"@tanstack/react-table\";\nimport { useEffect, useMemo } from \"react\";\nimport type { ComponentProps } from \"react\";\n\nimport { Input } from \"@/components/ui/input\";\n\ntype DataTableFilterProps<TData> = {\n  table: Table<TData>;\n  searchableColumnIds?: string[];\n  placeholder?: string;\n  inputProps?: Omit<ComponentProps<typeof Input>, \"value\" | \"onChange\">;\n};\n\nfunction DataTableFilter<TData>({\n  table,\n  searchableColumnIds,\n  placeholder = \"Поиск...\",\n  inputProps,\n}: DataTableFilterProps<TData>) {\n  const selectedColumnIds = useMemo(\n    () => searchableColumnIds?.filter(Boolean) ?? [],\n    [searchableColumnIds],\n  );\n  const selectedColumnIdsKey = selectedColumnIds.join(\"|\");\n\n  useEffect(() => {\n    const selectedIdsSet = new Set(selectedColumnIds);\n\n    table.setOptions((previousOptions) => {\n      const previousCanGlobalFilter = previousOptions.getColumnCanGlobalFilter;\n\n      return {\n        ...previousOptions,\n        getColumnCanGlobalFilter: (column) => {\n          const canFilterByDefault = previousCanGlobalFilter\n            ? previousCanGlobalFilter(column)\n            : true;\n\n          if (!canFilterByDefault) {\n            return false;\n          }\n\n          if (selectedIdsSet.size === 0) {\n            return true;\n          }\n\n          return selectedIdsSet.has(column.id);\n        },\n      };\n    });\n  }, [table, selectedColumnIdsKey, selectedColumnIds]);\n\n  const rawGlobalFilter = table.getState().globalFilter;\n  const value = typeof rawGlobalFilter === \"string\" ? rawGlobalFilter : \"\";\n\n  return (\n    <Input\n      sizeInput=\"sm\"\n      placeholder={placeholder}\n      value={value}\n      onChange={(event) => table.setGlobalFilter(event.target.value)}\n      {...inputProps}\n    />\n  );\n}\n\nexport { DataTableFilter };\nexport type { DataTableFilterProps };\n"],"names":["DataTableFilter","table","searchableColumnIds","placeholder","inputProps","selectedColumnIds","useMemo","selectedColumnIdsKey","useEffect","selectedIdsSet","previousOptions","previousCanGlobalFilter","column","rawGlobalFilter","jsx","Input","event"],"mappings":";;;AAaA,SAASA,EAAuB;AAAA,EAC9B,OAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC;AACF,GAAgC;AAC9B,QAAMC,IAAoBC;AAAA,IACxB,MAAMJ,GAAqB,OAAO,OAAO,KAAK,CAAA;AAAA,IAC9C,CAACA,CAAmB;AAAA,EAAA,GAEhBK,IAAuBF,EAAkB,KAAK,GAAG;AAEvD,EAAAG,EAAU,MAAM;AACd,UAAMC,IAAiB,IAAI,IAAIJ,CAAiB;AAEhD,IAAAJ,EAAM,WAAW,CAACS,MAAoB;AACpC,YAAMC,IAA0BD,EAAgB;AAEhD,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,0BAA0B,CAACE,OACED,IACvBA,EAAwBC,CAAM,IAC9B,MAMAH,EAAe,SAAS,IACnB,KAGFA,EAAe,IAAIG,EAAO,EAAE,IAP1B;AAAA,MAQX;AAAA,IAEJ,CAAC;AAAA,EACH,GAAG,CAACX,GAAOM,GAAsBF,CAAiB,CAAC;AAEnD,QAAMQ,IAAkBZ,EAAM,SAAA,EAAW;AAGzC,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,aAAAZ;AAAA,MACA,OANU,OAAOU,KAAoB,WAAWA,IAAkB;AAAA,MAOlE,UAAU,CAACG,MAAUf,EAAM,gBAAgBe,EAAM,OAAO,KAAK;AAAA,MAC5D,GAAGZ;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");require("react");const p=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const A=require("./components-ui-dropdown-menu-dropdown-menu.cjs"),b=require("./components-ui-icon-icon.cjs"),S=require("./lib-utils.cjs"),q=require("./components-data-table-data-table-actions-column.cjs");function f(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=>f(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 D(e={}){const{id:o="actions",header:c,align:i="end",editingRowId:j,trigger:y,actions:s,onStartEdit:h,onSaveEdit:d,onCancelEdit:u,onDelete:g,labels:l,includeDefaultActions:m=!0}=e;return q.createDataTableActionsColumn({id:o,header:c,renderCell:({row:r,data:_})=>{const a={row:r,data:_};if(j===r.id&&(d||u))return n.jsxs("div",{className:"flex flex-col items-center gap-6",onClick:t=>t.stopPropagation(),onKeyDown:t=>t.stopPropagation(),role:"presentation",children:[d?n.jsx(p.Button,{type:"button",variant:"circleGhost",size:"icon-md","aria-label":l?.saveAriaLabel??"Сохранить изменения",onClick:()=>d(a),children:n.jsx(b.Icon,{type:"check-circle",className:"text-success-text","aria-hidden":!0})}):null,u?n.jsx(p.Button,{type:"button",variant:"circleGhost",size:"icon-md","aria-label":l?.cancelAriaLabel??"Отменить редактирование",onClick:()=>u(a),children:n.jsx(b.Icon,{type:"x-circle",className:"text-error-text","aria-hidden":!0})}):null]});const v=typeof s=="function"?s(a):s??[],C=[...h?[{id:`${o}-edit-${r.id}`,label:l?.edit??"Редактировать",onSelect:h,iconType:"pencil-simple"}]:[],...g?[{type:"separator"},{id:`${o}-delete-${r.id}`,label:l?.delete??"Удалить",iconType:"trash",alert:!0,onSelect:g}]:[]],x=[...v,...m?C:[]].map(t=>f(t,a)).filter(t=>t!==null),T=y?y(a):n.jsx(p.Button,{type:"button",variant:"circleGhost",size:"icon-xs","aria-label":"Открыть действия строки",children:n.jsx(b.Icon,{type:"dots-three","aria-hidden":!0})});return n.jsx("div",{className:S.cn("flex justify-end"),onClick:t=>t.stopPropagation(),onKeyDown:t=>t.stopPropagation(),role:"presentation",children:n.jsx(A.ConfigurableDropdownMenu,{trigger:T,items:x.length>0?x:[{id:`${o}-empty-${r.id}`,type:"item",label:l?.empty??"Нет действий",readOnly:!0}],contentProps:{align:i}})})}})}exports.createDataTableRowActionsColumn=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),p=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const A=require("./components-ui-dropdown-menu-dropdown-menu.cjs"),b=require("./components-ui-icon-icon.cjs");require("phosphor-strokes-icons/icons");const S=require("./lib-utils.cjs"),q=require("./components-data-table-data-table-actions-column.cjs");function f(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=>f(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 D(e={}){const{id:o="actions",header:c,align:i="end",editingRowId:j,trigger:y,actions:s,onStartEdit:h,onSaveEdit:d,onCancelEdit:u,onDelete:g,labels:l,includeDefaultActions:m=!0}=e;return q.createDataTableActionsColumn({id:o,header:c,renderCell:({row:r,data:_})=>{const a={row:r,data:_};if(j===r.id&&(d||u))return n.jsxs("div",{className:"flex flex-col items-center gap-6",onClick:t=>t.stopPropagation(),onKeyDown:t=>t.stopPropagation(),role:"presentation",children:[d?n.jsx(p.Button,{type:"button",variant:"circleGhost",size:"icon-md","aria-label":l?.saveAriaLabel??"Сохранить изменения",onClick:()=>d(a),children:n.jsx(b.Icon,{type:"check-circle",className:"text-success-text","aria-hidden":!0})}):null,u?n.jsx(p.Button,{type:"button",variant:"circleGhost",size:"icon-md","aria-label":l?.cancelAriaLabel??"Отменить редактирование",onClick:()=>u(a),children:n.jsx(b.Icon,{type:"x-circle",className:"text-error-text","aria-hidden":!0})}):null]});const v=typeof s=="function"?s(a):s??[],C=[...h?[{id:`${o}-edit-${r.id}`,label:l?.edit??"Редактировать",onSelect:h,iconType:"pencil-simple"}]:[],...g?[{type:"separator"},{id:`${o}-delete-${r.id}`,label:l?.delete??"Удалить",iconType:"trash",alert:!0,onSelect:g}]:[]],x=[...v,...m?C:[]].map(t=>f(t,a)).filter(t=>t!==null),T=y?y(a):n.jsx(p.Button,{type:"button",variant:"circleGhost",size:"icon-xs","aria-label":"Открыть действия строки",children:n.jsx(b.Icon,{type:"dots-three","aria-hidden":!0})});return n.jsx("div",{className:S.cn("flex justify-end"),onClick:t=>t.stopPropagation(),onKeyDown:t=>t.stopPropagation(),role:"presentation",children:n.jsx(A.ConfigurableDropdownMenu,{trigger:T,items:x.length>0?x:[{id:`${o}-empty-${r.id}`,type:"item",label:l?.empty??"Нет действий",readOnly:!0}],contentProps:{align:i}})})}})}exports.createDataTableRowActionsColumn=D;
 //# sourceMappingURL=components-data-table-data-table-row-actions-column.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-data-table-data-table-row-actions-column.cjs","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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"}
+{"version":3,"file":"components-data-table-data-table-row-actions-column.cjs","sources":["../src/components/data-table/data-table-row-actions-column.tsx"],"sourcesContent":["import type { ColumnDef, Row } from \"@tanstack/react-table\";\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 type { IconType } 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?: IconType;\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-row-actions-column.js

@@ -1,9 +1,9 @@
 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 "phosphor-strokes-icons/icons";
 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) {

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

@@ -1 +1 @@
-{"version":3,"file":"components-data-table-data-table-row-actions-column.js","sources":["../src/components/data-table/data-table-row-actions-column.tsx"],"sourcesContent":["import type { ColumnDef, Row } from \"@tanstack/react-table\";\nimport type { IconName } from \"phosphor-strokes-icons/by-name\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ConfigurableDropdownMenu,\n  type DropdownMenuConfigNode,\n} from \"@/components/ui/dropdown-menu\";\nimport { Icon } from \"@/components/ui/icon\";\nimport { cn } from \"@/lib/utils\";\n\nimport { createDataTableActionsColumn } from \"./data-table-actions-column\";\n\ntype DataTableRowActionContext<TData> = {\n  row: Row<TData>;\n  data: TData;\n};\n\ntype DataTableRowActionBase = {\n  hidden?: boolean;\n  id?: string;\n};\n\ntype DataTableRowActionLabel = DataTableRowActionBase & {\n  label: string;\n  type: \"label\";\n};\n\ntype DataTableRowActionSeparator = DataTableRowActionBase & {\n  type: \"separator\";\n};\n\ntype DataTableRowActionItem<TData> = DataTableRowActionBase & {\n  type?: \"item\";\n  label: string;\n  icon?: React.ReactNode;\n  iconType?: IconName;\n  shortcut?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  alert?: boolean;\n  children?: DataTableRowActionNode<TData>[];\n  onSelect?: (ctx: DataTableRowActionContext<TData>) => void;\n};\n\ntype DataTableRowActionNode<TData> =\n  | DataTableRowActionItem<TData>\n  | DataTableRowActionLabel\n  | DataTableRowActionSeparator;\n\ntype DataTableRowActionsColumnOptions<TData> = {\n  id?: string;\n  header?: ColumnDef<TData>[\"header\"];\n  align?: \"start\" | \"center\" | \"end\";\n  editingRowId?: string | null;\n  trigger?: (ctx: DataTableRowActionContext<TData>) => React.ReactNode;\n  actions?:\n    | DataTableRowActionNode<TData>[]\n    | ((ctx: DataTableRowActionContext<TData>) => DataTableRowActionNode<TData>[]);\n  onStartEdit?: (ctx: DataTableRowActionContext<TData>) => void;\n  onSaveEdit?: (ctx: DataTableRowActionContext<TData>) => void;\n  onCancelEdit?: (ctx: DataTableRowActionContext<TData>) => void;\n  onDelete?: (ctx: DataTableRowActionContext<TData>) => void;\n  includeDefaultActions?: boolean;\n  labels?: {\n    cancelAriaLabel?: string;\n    delete?: string;\n    edit?: string;\n    empty?: string;\n    saveAriaLabel?: string;\n  };\n};\n\nfunction mapRowActionNode<TData>(\n  item: DataTableRowActionNode<TData>,\n  ctx: DataTableRowActionContext<TData>,\n): DropdownMenuConfigNode | null {\n  if (item.hidden) {\n    return null;\n  }\n\n  if (item.type === \"separator\") {\n    return {\n      id: item.id,\n      type: \"separator\",\n    };\n  }\n\n  if (item.type === \"label\") {\n    return {\n      id: item.id,\n      type: \"label\",\n      label: item.label,\n    };\n  }\n\n  const children = item.children\n    ?.map((child) => mapRowActionNode(child, ctx))\n    .filter((child): child is DropdownMenuConfigNode => child !== null);\n\n  return {\n    id: item.id,\n    type: \"item\",\n    label: item.label,\n    disabled: item.disabled,\n    readOnly: item.readOnly,\n    alert: item.alert,\n    icon: item.icon,\n    iconType: item.iconType,\n    shortcut: item.shortcut,\n    children,\n    onSelect: item.onSelect ? () => item.onSelect?.(ctx) : undefined,\n  };\n}\n\nexport function createDataTableRowActionsColumn<TData>(\n  options: DataTableRowActionsColumnOptions<TData> = {},\n): ColumnDef<TData> {\n  const {\n    id = \"actions\",\n    header,\n    align = \"end\",\n    editingRowId,\n    trigger,\n    actions,\n    onStartEdit,\n    onSaveEdit,\n    onCancelEdit,\n    onDelete,\n    labels,\n    includeDefaultActions = true,\n  } = options;\n\n  return createDataTableActionsColumn<TData>({\n    id,\n    header,\n    renderCell: ({ row, data }) => {\n      const ctx = { row, data };\n      const isEditingRow = editingRowId === row.id;\n\n      if (isEditingRow && (onSaveEdit || onCancelEdit)) {\n        return (\n          <div\n            className=\"flex flex-col items-center gap-6\"\n            onClick={(event) => event.stopPropagation()}\n            onKeyDown={(event) => event.stopPropagation()}\n            role=\"presentation\"\n          >\n            {onSaveEdit ? (\n              <Button\n                type=\"button\"\n                variant=\"circleGhost\"\n                size=\"icon-md\"\n                aria-label={labels?.saveAriaLabel ?? \"Сохранить изменения\"}\n                onClick={() => onSaveEdit(ctx)}\n              >\n                <Icon\n                  type=\"check-circle\"\n                  className=\"text-success-text\"\n                  aria-hidden\n                />\n              </Button>\n            ) : null}\n            {onCancelEdit ? (\n              <Button\n                type=\"button\"\n                variant=\"circleGhost\"\n                size=\"icon-md\"\n                aria-label={labels?.cancelAriaLabel ?? \"Отменить редактирование\"}\n                onClick={() => onCancelEdit(ctx)}\n              >\n                <Icon\n                  type=\"x-circle\"\n                  className=\"text-error-text\"\n                  aria-hidden\n                />\n              </Button>\n            ) : null}\n          </div>\n        );\n      }\n\n      const resolvedActions =\n        typeof actions === \"function\" ? actions(ctx) : (actions ?? []);\n      const defaultActions: DataTableRowActionNode<TData>[] = [\n        ...(onStartEdit\n          ? [\n              {\n                id: `${id}-edit-${row.id}`,\n                label: labels?.edit ?? \"Редактировать\",\n                onSelect: onStartEdit,\n                iconType: \"pencil-simple\",\n              } satisfies DataTableRowActionItem<TData>,\n            ]\n          : []),\n        ...(onDelete\n          ? [\n              { type: \"separator\" } satisfies DataTableRowActionSeparator,\n              {\n                id: `${id}-delete-${row.id}`,\n                label: labels?.delete ?? \"Удалить\",\n                iconType: \"trash\",\n                alert: true,\n                onSelect: onDelete,\n              } satisfies DataTableRowActionItem<TData>,\n            ]\n          : []),\n      ];\n\n      const menuItems = [\n        ...resolvedActions,\n        ...(includeDefaultActions ? defaultActions : []),\n      ]\n        .map((item) => mapRowActionNode(item, ctx))\n        .filter((item): item is DropdownMenuConfigNode => item !== null);\n\n      const resolvedTrigger = trigger ? (\n        trigger(ctx)\n      ) : (\n        <Button\n          type=\"button\"\n          variant=\"circleGhost\"\n          size=\"icon-xs\"\n          aria-label=\"Открыть действия строки\"\n        >\n          <Icon\n            type=\"dots-three\"\n            aria-hidden\n          />\n        </Button>\n      );\n\n      return (\n        <div\n          className={cn(\"flex justify-end\")}\n          onClick={(event) => event.stopPropagation()}\n          onKeyDown={(event) => event.stopPropagation()}\n          role=\"presentation\"\n        >\n          <ConfigurableDropdownMenu\n            trigger={resolvedTrigger}\n            items={\n              menuItems.length > 0\n                ? menuItems\n                : [\n                    {\n                      id: `${id}-empty-${row.id}`,\n                      type: \"item\",\n                      label: labels?.empty ?? \"Нет действий\",\n                      readOnly: true,\n                    },\n                  ]\n            }\n            contentProps={{ align }}\n          />\n        </div>\n      );\n    },\n  });\n}\n\nexport type {\n  DataTableRowActionContext,\n  DataTableRowActionItem,\n  DataTableRowActionLabel,\n  DataTableRowActionNode,\n  DataTableRowActionSeparator,\n  DataTableRowActionsColumnOptions,\n};\n"],"names":["mapRowActionNode","item","ctx","children","child","createDataTableRowActionsColumn","options","id","header","align","editingRowId","trigger","actions","onStartEdit","onSaveEdit","onCancelEdit","onDelete","labels","includeDefaultActions","createDataTableActionsColumn","row","data","jsxs","event","jsx","Button","Icon","resolvedActions","defaultActions","menuItems","resolvedTrigger","cn","ConfigurableDropdownMenu"],"mappings":"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"}
+{"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 { 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 type { IconType } 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?: IconType;\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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"}