brd-ui-kit 0.1.76 → 0.1.78

package/dist/components-checkbox-group-checkbox-group.js

@@ -0,0 +1,305 @@
+import { jsxs as s, jsx as r, Fragment as B } from "react/jsx-runtime";
+import './brd-ui-kit.css';/* empty css                 */
+import { cn as G } from "./lib-utils.js";
+import "class-variance-authority";
+import "./components-ui-badge-badge.styles.js";
+import { Button as f } from "./components-ui-button-button.js";
+import "./components-ui-button-button.styles.js";
+import "./components-ui-card-card.js";
+import { Checkbox as k } from "./components-ui-checkbox-checkbox.js";
+import "phosphor-strokes-icons/icons/CaretDown";
+import { usePopupControls as R } from "./hooks-usePopupControls.js";
+import "./calendar-XWqEaWHP.js";
+import { Icon as b } from "./components-ui-icon-icon.js";
+import "phosphor-strokes-icons/icons";
+import "./components-ui-combobox-combobox.js";
+import "./components-ui-dialog-dialog.js";
+import { useRef as $, useState as P, useMemo as N, useCallback as a } from "react";
+import { Label as C } from "./components-ui-label-label.js";
+import "./components-ui-separator-separator.js";
+import "./components-ui-field-field.styles.js";
+import "./components-ui-input-input.styles.js";
+import "./components-ui-textarea-textarea.js";
+import "./components-ui-input-group-input-group.styles.js";
+import "./components-ui-navigation-item-navigation-item.styles.js";
+import "./components-ui-navigation-menu-navigation-menu.styles.js";
+import "./components-ui-pagination-pagination.js";
+import "./components-ui-progress-progress.js";
+import "./components-ui-radio-group-radio-group.js";
+import "./components-ui-switch-switch.js";
+import "./components-ui-toggle-toggle.styles.js";
+import "./components-ui-toggle-group-toggle-group.js";
+import "./components-ui-table-table.js";
+import "./components-ui-tabs-tabs.js";
+import "./components-ui-tooltip-tooltip.js";
+import { Typography as d } from "./components-ui-typography-typography.js";
+import "./components-ui-typography-typography.styles.js";
+import "phosphor-strokes-icons/icons/CaretLeft";
+import "phosphor-strokes-icons/icons/CaretRight";
+import "./components-app-pagination-app-pagination.styles.js";
+import "phosphor-strokes-icons/icons/CaretUpDown";
+import "./components-app-sidebar-app-sidebar.styles.js";
+import "./components-data-table-data-table.styles.js";
+import "./components-ui-dropdown-menu-dropdown-menu.styles.js";
+import { InputField as z } from "./components-input-field-input-field.js";
+import "phosphor-strokes-icons/icons/Eye";
+import "phosphor-strokes-icons/icons/EyeSlash";
+import "./components-select-field-select-field.js";
+import "./lodash-FemA_LCk.js";
+import "./chart-DFbmMKiQ.js";
+import "phosphor-strokes-icons/icons/CheckCircle";
+import "phosphor-strokes-icons/icons/Info";
+import "phosphor-strokes-icons/icons/SpinnerGap";
+import "phosphor-strokes-icons/icons/Warning";
+import "phosphor-strokes-icons/icons/X";
+import "phosphor-strokes-icons/icons/XCircle";
+import { t as w } from "./index-C4iHL8Gs.js";
+import "./index-C6N9aMq_.js";
+import "phosphor-strokes-icons/icons/Plus";
+import "phosphor-strokes-icons/icons/CaretUp";
+import "phosphor-strokes-icons/icons/EnvelopeSimple";
+import "phosphor-strokes-icons/icons/MaxLogo";
+import "phosphor-strokes-icons/icons/Phone";
+import "phosphor-strokes-icons/icons/TelegramLogo";
+import "phosphor-strokes-icons/icons/WhatsAppLogoFilled";
+import "./components-input-phone-input-phone.js";
+const H = 50, rt = ({
+  data: i,
+  errTexts: n,
+  label: D = "Нужно проверить для расчета",
+  dataEmpty: O = "Нет данных",
+  btnAddText: A = "Добавить свой пункт",
+  onChange: p
+}) => {
+  const h = $(null), { isOpened: F, openPopup: M } = R(), [c, x] = P(""), y = N(() => i.flatMap((e) => e.items.map((o) => o.value)), [i]), S = N(() => i.flatMap(
+    (e) => e.items.filter((o) => o.checked).map((o) => o.value)
+  ), [i]).length === y.length && y.length > 0, v = a(() => {
+    setTimeout(() => {
+      h.current && h.current.scrollTo({
+        top: h.current.scrollHeight,
+        behavior: "smooth"
+      });
+    }, H);
+  }, []), V = (e) => {
+    const o = i.map((m) => ({
+      ...m,
+      items: m.items.map((t) => ({
+        ...t,
+        checked: e
+      }))
+    }));
+    p(o);
+  }, E = a(
+    (e, o) => {
+      const m = i.map((t) => t.id !== e ? t : {
+        ...t,
+        items: t.items.map(
+          (l) => l.value === o ? { ...l, checked: !l.checked } : l
+        )
+      });
+      p(m);
+    },
+    [i, p]
+  ), I = a(
+    (e, o) => {
+      const m = i.map((t) => t.id !== e ? t : {
+        ...t,
+        items: t.items.filter((l) => l.value !== o)
+      });
+      p(m);
+    },
+    [i, p]
+  ), g = a(() => {
+    if (c.trim().length === 0) {
+      w.error(n?.empty?.title, {
+        description: n?.empty?.description
+      });
+      return;
+    }
+    if (i[i.length - 1].items.some((l) => l.value === c.trim())) {
+      w.error(n?.add?.title, {
+        description: n?.add?.description
+      });
+      return;
+    }
+    const m = {
+      value: c.trim(),
+      label: c.trim(),
+      checked: !1
+    }, t = i.map((l, u) => u === i.length - 1 ? {
+      ...l,
+      items: [...l.items, m]
+    } : l);
+    p(t), x(""), v();
+  }, [
+    c,
+    i,
+    p,
+    v,
+    n?.empty?.title,
+    n?.empty?.description,
+    n?.add?.title,
+    n?.add?.description
+  ]), L = a((e) => {
+    const o = e.target.value;
+    x(o);
+  }, []);
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: "border-delicate-border flex h-full max-w-200 flex-col rounded-xl border",
+      children: [
+        /* @__PURE__ */ r("div", { className: "bg-primary-bg rounded-t-xl px-8 py-6", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ r(
+            k,
+            {
+              id: "all",
+              checked: S,
+              onCheckedChange: V
+            }
+          ),
+          /* @__PURE__ */ r(C, { htmlFor: "all", children: /* @__PURE__ */ r(
+            d,
+            {
+              variant: "body-lg-semibold",
+              className: "text-primary-text",
+              children: D
+            }
+          ) })
+        ] }) }),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            ref: h,
+            className: "bg-secondary-bg flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto",
+            children: i.map(({ id: e, name: o, items: m }) => /* @__PURE__ */ s(B, { children: [
+              /* @__PURE__ */ r(
+                "div",
+                {
+                  className: `bg-tertiary-bg border-delicate-border border-t border-b px-8
+                  py-2`,
+                  children: /* @__PURE__ */ r(
+                    d,
+                    {
+                      variant: "body-sm-medium",
+                      className: "text-primary-text",
+                      children: o
+                    }
+                  )
+                }
+              ),
+              m.length > 0 ? m.map(({ value: t, label: l, checked: u }, _) => {
+                const j = _ === m.length - 1;
+                return /* @__PURE__ */ r(
+                  "div",
+                  {
+                    className: G(`${j && "mb-2"}`),
+                    children: /* @__PURE__ */ s(
+                      "div",
+                      {
+                        className: `bg-primary-bg hover:bg-primary-hover-bg flex
+                            justify-between px-8 py-4`,
+                        children: [
+                          /* @__PURE__ */ s("div", { className: "flex items-center gap-4", children: [
+                            /* @__PURE__ */ r(
+                              k,
+                              {
+                                id: `checkbox-${t}`,
+                                checked: u,
+                                onCheckedChange: () => E(e, t)
+                              }
+                            ),
+                            /* @__PURE__ */ r(C, { htmlFor: `checkbox-${t}`, children: /* @__PURE__ */ r(
+                              d,
+                              {
+                                variant: "body-md-regular",
+                                className: "text-primary-text",
+                                children: l
+                              }
+                            ) })
+                          ] }),
+                          /* @__PURE__ */ r(
+                            f,
+                            {
+                              variant: "circleGhost",
+                              onClick: () => I(e, t),
+                              children: /* @__PURE__ */ r(
+                                b,
+                                {
+                                  type: "x",
+                                  className: "text-secondary-text cursor-pointer"
+                                }
+                              )
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  },
+                  t
+                );
+              }) : null,
+              m.length === 0 && /* @__PURE__ */ r(d, { className: "px-8 py-4 text-center", children: O })
+            ] }, e))
+          }
+        ),
+        F ? /* @__PURE__ */ r(
+          z,
+          {
+            value: c,
+            onChange: L,
+            placeholder: "Написать свой пункт",
+            classes: {
+              fieldset: "flex-none! overflow-hidden"
+            },
+            onKeyDown: (e) => {
+              e.key === "Enter" && (e.preventDefault(), g());
+            },
+            date: [
+              {
+                id: 0,
+                position: "inline-end",
+                component: /* @__PURE__ */ r(
+                  f,
+                  {
+                    variant: "circleGhost",
+                    onClick: g,
+                    children: /* @__PURE__ */ r(
+                      b,
+                      {
+                        type: "x-circle",
+                        className: "text-secondary-text rotate-45"
+                      }
+                    )
+                  }
+                )
+              }
+            ]
+          }
+        ) : /* @__PURE__ */ s(
+          f,
+          {
+            variant: "secondary",
+            className: "border-delicate-border w-full overflow-hidden border-t",
+            onClick: M,
+            children: [
+              /* @__PURE__ */ r(d, { children: A }),
+              /* @__PURE__ */ r(
+                b,
+                {
+                  type: "plus",
+                  size: "small",
+                  className: "text-primary-text"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  rt as CheckboxGroup
+};
+//# sourceMappingURL=components-checkbox-group-checkbox-group.js.map

package/dist/components-checkbox-group-checkbox-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-checkbox-group-checkbox-group.js","sources":["../src/components/checkbox-group/checkbox-group.tsx"],"sourcesContent":["import {\n  Button,\n  Checkbox,\n  cn,\n  Icon,\n  InputField,\n  Label,\n  sonner,\n  Typography,\n  usePopupControls,\n} from \"@/index\";\nimport { useCallback, useMemo, useRef, useState, type ChangeEvent } from \"react\";\nimport { Fragment } from \"react/jsx-runtime\";\n\ntype CheckboxGroupOptionItem = {\n  value: string;\n  label: string;\n  checked: boolean;\n};\n\ntype CheckboxGroupOption = {\n  id: number;\n  name: string;\n  items: CheckboxGroupOptionItem[];\n};\n\ntype Props = {\n  data: CheckboxGroupOption[];\n  onChange: (values: CheckboxGroupOption[]) => void;\n  errTexts?: {\n    add?: {\n      title?: string;\n      description?: string;\n    };\n    empty?: {\n      title?: string;\n      description?: string;\n    };\n  };\n  label?: string;\n  dataEmpty?: string;\n  btnAddText?: string;\n};\n\nconst DEFAULT_MS_SCROLL_TO_BOTTOM = 50;\n\nexport const CheckboxGroup = ({\n  data,\n  errTexts,\n  label = \"Нужно проверить для расчета\",\n  dataEmpty = \"Нет данных\",\n  btnAddText = \"Добавить свой пункт\",\n  onChange,\n}: Props) => {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  const { isOpened, openPopup: openAdd } = usePopupControls();\n  const [value, setValue] = useState(\"\");\n\n  const allValues = useMemo(() => {\n    return data.flatMap((values) => values.items.map((item) => item.value));\n  }, [data]);\n\n  const selectedValues = useMemo(() => {\n    return data.flatMap((values) =>\n      values.items.filter((item) => item.checked).map((item) => item.value),\n    );\n  }, [data]);\n\n  const isAllSelected =\n    selectedValues.length === allValues.length && allValues.length > 0;\n\n  const scrollToBottom = useCallback(() => {\n    setTimeout(() => {\n      if (scrollContainerRef.current) {\n        scrollContainerRef.current.scrollTo({\n          top: scrollContainerRef.current.scrollHeight,\n          behavior: \"smooth\",\n        });\n      }\n    }, DEFAULT_MS_SCROLL_TO_BOTTOM);\n  }, []);\n\n  const handleSelectAll = (checked: boolean) => {\n    const newData = data.map((values) => ({\n      ...values,\n      items: values.items.map((item) => ({\n        ...item,\n        checked,\n      })),\n    }));\n    onChange(newData);\n  };\n\n  const handleCheckboxChange = useCallback(\n    (categoryId: number, itemValue: string) => {\n      const newData = data.map((category) => {\n        if (category.id !== categoryId) return category;\n        return {\n          ...category,\n          items: category.items.map((item) =>\n            item.value === itemValue ? { ...item, checked: !item.checked } : item,\n          ),\n        };\n      });\n      onChange(newData);\n    },\n    [data, onChange],\n  );\n\n  const handleOptionDelete = useCallback(\n    (categoryId: number, itemValue: string) => {\n      const newData = data.map((category) => {\n        if (category.id !== categoryId) return category;\n        return {\n          ...category,\n          items: category.items.filter((item) => item.value !== itemValue),\n        };\n      });\n      onChange(newData);\n    },\n    [data, onChange],\n  );\n\n  const handleAddOption = useCallback(() => {\n    if (value.trim().length === 0) {\n      sonner.error(errTexts?.empty?.title, {\n        description: errTexts?.empty?.description,\n      });\n      return;\n    }\n\n    const lastCategory = data[data.length - 1];\n\n    const isExist = lastCategory.items.some((item) => item.value === value.trim());\n\n    if (isExist) {\n      sonner.error(errTexts?.add?.title, {\n        description: errTexts?.add?.description,\n      });\n      return;\n    }\n\n    const newItem: CheckboxGroupOptionItem = {\n      value: value.trim(),\n      label: value.trim(),\n      checked: false,\n    };\n\n    const newData = data.map((values, index) => {\n      if (index === data.length - 1) {\n        return {\n          ...values,\n          items: [...values.items, newItem],\n        };\n      }\n      return values;\n    });\n\n    onChange(newData);\n    setValue(\"\");\n    scrollToBottom();\n  }, [\n    value,\n    data,\n    onChange,\n    scrollToBottom,\n    errTexts?.empty?.title,\n    errTexts?.empty?.description,\n    errTexts?.add?.title,\n    errTexts?.add?.description,\n  ]);\n\n  const handleChangeValue = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    setValue(value);\n  }, []);\n\n  return (\n    <div\n      className=\"border-delicate-border flex h-full max-w-200 flex-col rounded-xl border\"\n    >\n      <div className=\"bg-primary-bg rounded-t-xl px-8 py-6\">\n        <div className=\"flex items-center gap-4\">\n          <Checkbox\n            id=\"all\"\n            checked={isAllSelected}\n            onCheckedChange={handleSelectAll}\n          />\n          <Label htmlFor=\"all\">\n            <Typography\n              variant=\"body-lg-semibold\"\n              className=\"text-primary-text\"\n            >\n              {label}\n            </Typography>\n          </Label>\n        </div>\n      </div>\n\n      <div\n        ref={scrollContainerRef}\n        className=\"bg-secondary-bg flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto\"\n      >\n        {data.map(({ id, name, items }) => {\n          return (\n            <Fragment key={id}>\n              <div\n                className=\"bg-tertiary-bg border-delicate-border border-t border-b px-8\n                  py-2\"\n              >\n                <Typography\n                  variant=\"body-sm-medium\"\n                  className=\"text-primary-text\"\n                >\n                  {name}\n                </Typography>\n              </div>\n\n              {items.length > 0\n                ? items.map(({ value, label, checked }, index) => {\n                    const lastItem = index === items.length - 1;\n\n                    return (\n                      <div\n                        key={value}\n                        className={cn(`${lastItem && \"mb-2\"}`)}\n                      >\n                        <div\n                          className=\"bg-primary-bg hover:bg-primary-hover-bg flex\n                            justify-between px-8 py-4\"\n                        >\n                          <div className=\"flex items-center gap-4\">\n                            <Checkbox\n                              id={`checkbox-${value}`}\n                              checked={checked}\n                              onCheckedChange={() => handleCheckboxChange(id, value)}\n                            />\n                            <Label htmlFor={`checkbox-${value}`}>\n                              <Typography\n                                variant=\"body-md-regular\"\n                                className=\"text-primary-text\"\n                              >\n                                {label}\n                              </Typography>\n                            </Label>\n                          </div>\n\n                          <Button\n                            variant=\"circleGhost\"\n                            onClick={() => handleOptionDelete(id, value)}\n                          >\n                            <Icon\n                              type=\"x\"\n                              className=\"text-secondary-text cursor-pointer\"\n                            />\n                          </Button>\n                        </div>\n                      </div>\n                    );\n                  })\n                : null}\n              {items.length === 0 && (\n                <Typography className=\"px-8 py-4 text-center\">{dataEmpty}</Typography>\n              )}\n            </Fragment>\n          );\n        })}\n      </div>\n\n      {isOpened ? (\n        <InputField\n          value={value}\n          onChange={handleChangeValue}\n          placeholder=\"Написать свой пункт\"\n          classes={{\n            fieldset: \"flex-none! overflow-hidden\",\n          }}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\") {\n              e.preventDefault();\n              handleAddOption();\n            }\n          }}\n          date={[\n            {\n              id: 0,\n              position: \"inline-end\",\n              component: (\n                <Button\n                  variant=\"circleGhost\"\n                  onClick={handleAddOption}\n                >\n                  <Icon\n                    type=\"x-circle\"\n                    className=\"text-secondary-text rotate-45\"\n                  />\n                </Button>\n              ),\n            },\n          ]}\n        />\n      ) : (\n        <Button\n          variant=\"secondary\"\n          className=\"border-delicate-border w-full overflow-hidden border-t\"\n          onClick={openAdd}\n        >\n          <Typography>{btnAddText}</Typography>\n          <Icon\n            type=\"plus\"\n            size=\"small\"\n            className=\"text-primary-text\"\n          />\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport type { CheckboxGroupOption, CheckboxGroupOptionItem, Props as CheckboxGroupProps };\n"],"names":["DEFAULT_MS_SCROLL_TO_BOTTOM","CheckboxGroup","data","errTexts","label","dataEmpty","btnAddText","onChange","scrollContainerRef","useRef","isOpened","openAdd","usePopupControls","value","setValue","useState","allValues","useMemo","values","item","isAllSelected","scrollToBottom","useCallback","handleSelectAll","checked","newData","handleCheckboxChange","categoryId","itemValue","category","handleOptionDelete","handleAddOption","sonner","newItem","index","handleChangeValue","jsxs","jsx","Checkbox","Label","Typography","id","name","items","Fragment","lastItem","cn","Button","Icon","InputField"],"mappings":"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"}

package/dist/components-checkbox-group.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components-checkbox-group-checkbox-group.cjs");exports.CheckboxGroup=o.CheckboxGroup;
+//# sourceMappingURL=components-checkbox-group.cjs.map

package/dist/components-checkbox-group.cjs.map

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

package/dist/components-checkbox-group.js

@@ -0,0 +1,5 @@
+import { CheckboxGroup as e } from "./components-checkbox-group-checkbox-group.js";
+export {
+  e as CheckboxGroup
+};
+//# sourceMappingURL=components-checkbox-group.js.map

package/dist/components-checkbox-group.js.map

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

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"),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 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":"sUAsBO,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

@@ -3,19 +3,20 @@ 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";
-function w(c = {}) {
+import "phosphor-strokes-icons/icons";
+function D(m = {}) {
   const {
     id: a = "actions",
-    header: m,
+    header: c,
     renderCell: i,
     trigger: l,
     menuItems: t,
     align: d = "end",
     ariaLabel: p = "Открыть действия строки"
-  } = c;
+  } = m;
   return {
     id: a,
-    header: m,
+    header: c,
     enableSorting: !1,
     enableHiding: !1,
     meta: {
@@ -66,6 +67,6 @@ function w(c = {}) {
   };
 }
 export {
-  w as createDataTableActionsColumn
+  D as createDataTableActionsColumn
 };
 //# sourceMappingURL=components-data-table-data-table-actions-column.js.map

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 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;"}
+{"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-column-visibility.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),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");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: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 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":"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 { 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 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;"}
+{"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-row-actions-column.cjs

@@ -1,2 +1,2 @@
-"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"),S=require("./lib-utils.cjs"),D=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 q(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 D.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=q;
+"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