@alphakits/ui 1.31.5 → 2.0.0

package/dist/switch/component.js

@@ -1 +1,72 @@
-import{__rest as e,__assign as d}from"tslib";import a,{forwardRef as n,useRef as t,useCallback as c}from"react";import l from"react-merge-refs";import o from"classnames";import{useFocus as s}from"../hooks/useFocus/index.js";var m={component:"index-module_component__1AP_p",checked:"index-module_checked__2oqiY",switch:"index-module_switch__GR_yw",start:"index-module_start__2JC_c",center:"index-module_center__HJdzR",addons:"index-module_addons__2n-cM",block:"index-module_block__3g4Ka",content:"index-module_content__2AI9y",label:"index-module_label__3gE5K",hint:"index-module_hint__2uMpX",reversed:"index-module_reversed__TQn2L",disabled:"index-module_disabled__1-qzh",focused:"index-module_focused__2WhHc"},i=n((function(n,i){var r,_=n.reversed,u=void 0!==_&&_,h=n.checked,b=void 0!==h&&h,p=n.align,k=void 0===p?"start":p,x=n.addons,v=n.block,f=n.disabled,g=n.label,E=n.hint,N=n.name,w=n.value,y=n.className,C=n.onChange,I=n.dataTestId,T=e(n,["reversed","checked","align","addons","block","disabled","label","hint","name","value","className","onChange","dataTestId"]),q=t(null),z=s(q,"keyboard")[0],A=c((function(e){C&&C(e,{checked:e.target.checked,name:N})}),[C,N]);return a.createElement("label",{className:o(m.component,m[k],y,(r={},r[m.disabled]=f,r[m.checked]=b,r[m.reversed]=u,r[m.focused]=z,r[m.block]=v,r)),ref:l([q,i])},a.createElement("input",d({type:"checkbox",onChange:A,disabled:f,checked:b,name:N,value:w,"data-test-id":I},T)),a.createElement("span",{className:m.switch}),(g||E)&&a.createElement("span",{className:m.content},g&&a.createElement("span",{className:m.label},g),E&&a.createElement("span",{className:m.hint},E)),x&&a.createElement("span",{className:m.addons},x))}));export{i as Switch};
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { forwardRef as y, useRef as g, useCallback as j } from "react";
+import v from "react-merge-refs";
+import C from "classnames";
+import { useFocus as F } from "../hooks/useFocus/index.js";
+import e from "./index.module.css.js";
+const E = y(
+  ({
+    reversed: i = !1,
+    checked: t = !1,
+    align: p = "start",
+    addons: l,
+    block: h,
+    disabled: n,
+    label: c,
+    hint: r,
+    name: a,
+    value: u,
+    className: k,
+    onChange: o,
+    dataTestId: N,
+    ...b
+  }, x) => {
+    const m = g(null), [R] = F(m, "keyboard"), w = j(
+      (f) => {
+        o && o(f, { checked: f.target.checked, name: a });
+      },
+      [o, a]
+    );
+    return (
+      // eslint-disable-next-line jsx-a11y/label-has-associated-control
+      /* @__PURE__ */ d(
+        "label",
+        {
+          className: C(e.component, e[p], k, {
+            [e.disabled]: n,
+            [e.checked]: t,
+            [e.reversed]: i,
+            [e.focused]: R,
+            [e.block]: h
+          }),
+          ref: v([m, x]),
+          children: [
+            /* @__PURE__ */ s(
+              "input",
+              {
+                type: "checkbox",
+                onChange: w,
+                disabled: n,
+                checked: t,
+                name: a,
+                value: u,
+                "data-test-id": N,
+                ...b
+              }
+            ),
+            /* @__PURE__ */ s("span", { className: e.switch }),
+            (c || r) && /* @__PURE__ */ d("span", { className: e.content, children: [
+              c && /* @__PURE__ */ s("span", { className: e.label, children: c }),
+              r && /* @__PURE__ */ s("span", { className: e.hint, children: r })
+            ] }),
+            l && /* @__PURE__ */ s("span", { className: e.addons, children: l })
+          ]
+        }
+      )
+    );
+  }
+);
+export {
+  E as Switch
+};
+//# sourceMappingURL=component.js.map

package/dist/switch/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/switch/component.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    forwardRef,\n    InputHTMLAttributes,\n    ReactNode,\n    useCallback,\n    useRef,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { useFocus } from '../hooks/useFocus';\n\nimport styles from './index.module.css';\n\ntype Align = 'start' | 'center';\n\nexport type SwitchProps = Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'type' | 'hint' | 'onChange'\n> & {\n    /**\n     * Управление состоянием вкл/выкл компонента\n     */\n    checked?: boolean;\n\n    /**\n     * Текст подписи к переключателю\n     */\n    label?: ReactNode;\n\n    /**\n     * Текст подсказки снизу\n     */\n    hint?: ReactNode;\n\n    /**\n     * Переключатель будет отрисован справа от контента\n     */\n    reversed?: boolean;\n\n    /**\n     * Выравнивание\n     */\n    align?: Align;\n\n    /**\n     * Дополнительный слот\n     */\n    addons?: React.ReactNode;\n\n    /**\n     * Растягивать ли компонент на всю ширину\n     */\n    block?: boolean;\n\n    /**\n     * Обработчик переключения компонента\n     */\n    onChange: (\n        /* eslint-disable-next-line @typescript-eslint/no-unused-vars */\n        event: ChangeEvent<HTMLInputElement>,\n        /* eslint-disable-next-line @typescript-eslint/no-unused-vars */\n        payload: {\n            checked: boolean;\n            name: InputHTMLAttributes<HTMLInputElement>['name'];\n        },\n    ) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Switch = forwardRef<HTMLLabelElement, SwitchProps>(\n    (\n        {\n            reversed = false,\n            checked = false,\n            align = 'start',\n            addons,\n            block,\n            disabled,\n            label,\n            hint,\n            name,\n            value,\n            className,\n            onChange,\n            dataTestId,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const labelRef = useRef<HTMLLabelElement>(null);\n\n        const [focused] = useFocus(labelRef, 'keyboard');\n\n        const handleChange = useCallback(\n            (e: ChangeEvent<HTMLInputElement>) => {\n                if (onChange) {\n                    onChange(e, { checked: e.target.checked, name });\n                }\n            },\n            [onChange, name],\n        );\n\n        return (\n            // eslint-disable-next-line jsx-a11y/label-has-associated-control\n            <label\n                className={ cn(styles.component, styles[align], className, {\n                    [styles.disabled]: disabled,\n                    [styles.checked]: checked,\n                    [styles.reversed]: reversed,\n                    [styles.focused]: focused,\n                    [styles.block]: block,\n                }) }\n                ref={ mergeRefs([labelRef, ref]) }\n            >\n                <input\n                    type=\"checkbox\"\n                    onChange={ handleChange }\n                    disabled={ disabled }\n                    checked={ checked }\n                    name={ name }\n                    value={ value }\n                    data-test-id={ dataTestId }\n                    { ...restProps }\n                />\n\n                <span className={ styles.switch } />\n\n                { (label || hint) && (\n                    <span className={ styles.content }>\n                        { label && <span className={ styles.label }>{ label }</span> }\n                        { hint && <span className={ styles.hint }>{ hint }</span> }\n                    </span>\n                ) }\n\n                { addons && <span className={ styles.addons }>{ addons }</span> }\n            </label>\n        );\n    },\n);\n"],"names":["Switch","forwardRef","reversed","checked","align","addons","block","disabled","label","hint","name","value","className","onChange","dataTestId","restProps","ref","labelRef","useRef","focused","useFocus","handleChange","useCallback","e","jsxs","cn","styles","mergeRefs","jsx"],"mappings":";;;;;;AA2EO,MAAMA,IAASC;AAAA,EAClB,CACI;AAAA,IACI,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,OAAAC,IAAQ;AAAA,IACR,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,UAAMC,IAAWC,EAAyB,IAAI,GAExC,CAACC,CAAO,IAAIC,EAASH,GAAU,UAAU,GAEzCI,IAAeC;AAAA,MACjB,CAACC,MAAqC;AAClC,QAAIV,KACAA,EAASU,GAAG,EAAE,SAASA,EAAE,OAAO,SAAS,MAAAb,GAAM;AAAA,MAEvD;AAAA,MACA,CAACG,GAAUH,CAAI;AAAA,IAAA;AAGnB;AAAA;AAAA,MAEI,gBAAAc;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAYC,EAAGC,EAAO,WAAWA,EAAOtB,CAAK,GAAGQ,GAAW;AAAA,YACvD,CAACc,EAAO,QAAQ,GAAGnB;AAAA,YACnB,CAACmB,EAAO,OAAO,GAAGvB;AAAA,YAClB,CAACuB,EAAO,QAAQ,GAAGxB;AAAA,YACnB,CAACwB,EAAO,OAAO,GAAGP;AAAA,YAClB,CAACO,EAAO,KAAK,GAAGpB;AAAA,UAAA,CACnB;AAAA,UACD,KAAMqB,EAAU,CAACV,GAAUD,CAAG,CAAC;AAAA,UAE/B,UAAA;AAAA,YAAA,gBAAAY;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,UAAWP;AAAA,gBACX,UAAAd;AAAA,gBACA,SAAAJ;AAAA,gBACA,MAAAO;AAAA,gBACA,OAAAC;AAAA,gBACA,gBAAeG;AAAA,gBACb,GAAGC;AAAA,cAAA;AAAA,YAAA;AAAA,YAGT,gBAAAa,EAAC,QAAA,EAAK,WAAYF,EAAO,OAAA,CAAS;AAAA,aAE/BlB,KAASC,MACR,gBAAAe,EAAC,QAAA,EAAK,WAAYE,EAAO,SACnB,UAAA;AAAA,cAAAlB,KAAS,gBAAAoB,EAAC,QAAA,EAAK,WAAYF,EAAO,OAAU,UAAAlB,GAAO;AAAA,cACnDC,KAAQ,gBAAAmB,EAAC,QAAA,EAAK,WAAYF,EAAO,MAAS,UAAAjB,EAAA,CAAM;AAAA,YAAA,GACtD;AAAA,YAGFJ,KAAU,gBAAAuB,EAAC,QAAA,EAAK,WAAYF,EAAO,QAAW,UAAArB,EAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA;AAAA,EAGpE;AACJ;"}

package/dist/switch/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/switch/index.js

@@ -1 +1,5 @@
-export{Switch}from"./component.js";import"tslib";import"react";import"react-merge-refs";import"classnames";import"../hooks/useFocus/index.js";
+import { Switch as t } from "./component.js";
+export {
+  t as Switch
+};
+//# sourceMappingURL=index.js.map

package/dist/switch/index.js.map

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

package/dist/switch/index.module.css

@@ -0,0 +1 @@
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--switch-label-color: var(--color-text-primary);--switch-hint-color: var(--color-text-secondary);--switch-bg-color: var(--color-bg-secondary);--switch-bg-color-hover: color-mix(in srgb, var(--switch-bg-color) 80%, white);--switch-border-color: var(--color-border-thirdly);--switch-border-color-hover: color-mix(in srgb, var(--switch-border-color) 70%, white);--switch-checked-bg-color: var(--color-graphic-positive);--switch-checked-border-color: var(--color-graphic-positive);--switch-disabled-bg-color: color-mix(in srgb, var(--switch-bg-color) 50%, white);--switch-disabled-border-color: var(--switch-border-color);--switch-checked-disabled-bg-color: color-mix(in srgb, var(--switch-checked-bg-color) 50%, white );--switch-checked-disabled-border-color: var(--switch-checked-border-color)}.index-module_component__uXwqU{display:inline-flex;align-items:flex-start;margin:0;padding:0;border:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.index-module_component__uXwqU:hover:not(.index-module_checked__dMpWF,:disabled) .index-module_switch__c7Qyf{background-color:var(--switch-bg-color-hover);border:2px solid var(--switch-border-color-hover)}:is(.index-module_component__uXwqU .index-module_checked__dMpWF:hover) .index-module_switch__c7Qyf{background-color:color-mix(in srgb,var(--switch-checked-bg-color) 30%,white);border:2px solid var(--switch-checked-border-color)}.index-module_component__uXwqU input{opacity:0;position:absolute}.index-module_start__6RfRJ{align-items:flex-start}.index-module_center__1n6sQ{align-items:center}.index-module_addons__ZqO-o{margin-left:auto;padding-left:var(--gap-m);line-height:24px}.index-module_block__m7SjH{width:100%}.index-module_switch__c7Qyf{position:relative;border-radius:16px;width:40px;height:20px;flex-shrink:0;background-color:var(--switch-bg-color);border:2px solid var(--switch-border-color);transition:background-color .2s ease,border-color .2s ease;box-sizing:border-box}.index-module_switch__c7Qyf:before{content:"";position:absolute;top:0;left:0;display:block;width:16px;height:16px;border-radius:50%;background-color:var(--color-graphic-primary-inverted);box-shadow:0 2px 4px color-mix(in srgb,rgba(0,0,0,.8) 100%,white);box-sizing:border-box;transition:transform .2s ease}.index-module_content__hoWfv{margin-left:var(--gap-m);flex-grow:1}.index-module_label__earxI{font-size:15px;line-height:20px;font-weight:500;font-family:var(--font-family);display:block;color:var(--switch-label-color)}.index-module_hint__LstQQ{font-size:13px;line-height:20px;font-weight:500;font-family:var(--font-family);display:block;color:var(--switch-hint-color)}.index-module_component__uXwqU.index-module_reversed__fS7Bs{flex-direction:row-reverse}.index-module_reversed__fS7Bs .index-module_content__hoWfv{margin-right:var(--gap-m);margin-left:0}.index-module_reversed__fS7Bs .index-module_addons__ZqO-o{margin-left:0;padding-left:0;margin-right:auto;padding-right:var(--gap-m)}.index-module_checked__dMpWF .index-module_switch__c7Qyf{background-color:var(--switch-checked-bg-color);border-color:var(--switch-checked-border-color)}.index-module_checked__dMpWF .index-module_switch__c7Qyf:before{transform:translate(20px)}.index-module_disabled__s1L6d{cursor:var(--disabled-cursor)}.index-module_disabled__s1L6d .index-module_switch__c7Qyf{background-color:var(--switch-disabled-bg-color);border-color:var(--switch-disabled-border-color)}.index-module_disabled__s1L6d .index-module_switch__c7Qyf:before{box-shadow:none}.index-module_disabled__s1L6d.index-module_checked__dMpWF .index-module_switch__c7Qyf{background-color:var(--switch-checked-disabled-bg-color);border-color:var(--switch-checked-disabled-border-color)}.index-module_disabled__s1L6d .index-module_label__earxI{color:color-mix(in srgb,var(--switch-label-color) 50%,white)}.index-module_disabled__s1L6d .index-module_hint__LstQQ{color:color-mix(in srgb,var(--switch-hint-color) 50%,white)}.index-module_focused__v7jCm .index-module_switch__c7Qyf{outline:2px solid var(--focus-color);outline-offset:2px}

package/dist/switch/index.module.css.js

@@ -0,0 +1,32 @@
+import './index.module.css';
+const e = "index-module_component__uXwqU", d = "index-module_checked__dMpWF", n = "index-module_start__6RfRJ", o = "index-module_center__1n6sQ", t = "index-module_addons__ZqO-o", _ = "index-module_block__m7SjH", c = "index-module_content__hoWfv", s = "index-module_label__earxI", l = "index-module_hint__LstQQ", i = "index-module_reversed__fS7Bs", m = "index-module_disabled__s1L6d", u = "index-module_focused__v7jCm", a = {
+  component: e,
+  checked: d,
+  switch: "index-module_switch__c7Qyf",
+  start: n,
+  center: o,
+  addons: t,
+  block: _,
+  content: c,
+  label: s,
+  hint: l,
+  reversed: i,
+  disabled: m,
+  focused: u
+};
+export {
+  t as addons,
+  _ as block,
+  o as center,
+  d as checked,
+  e as component,
+  c as content,
+  a as default,
+  m as disabled,
+  u as focused,
+  l as hint,
+  s as label,
+  i as reversed,
+  n as start
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/switch/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/table/columns.d.ts

@@ -1,7 +1,7 @@
-import { TableColumns } from "./types";
-type Row = {
+import { TableColumns } from './types';
+declare type Row = {
     title: string;
     photo: string;
 };
-declare const NewColumns: () => TableColumns<Row>;
-export { NewColumns };
+export declare const NewColumns: () => TableColumns<Row>;
+export {};

package/dist/table/columns.js

@@ -1 +1,67 @@
-import t from"react";import{Button as e}from"../button/component.js";import"tslib";import"react-merge-refs";import"classnames";import"../hooks/useFocus/index.js";import"../loader/component.js";var r=function(){return[{header:"Title",accessor:"title",sort:!0,row:{image:function(){return"https://via.placeholder.com/150"},subtitle:"title"}},{header:"Photo",accessor:"photo",sort:!0,row:{title:function(t){return t.row.title+"awdawd"},image:function(t){return t.row.photo}}},{header:"no icon",row:{icon:function(){return""}}},{header:"Button",align:"right",width:"200px",row:{title:function(r){var o=r.refetch;return t.createElement(e,{onClick:o},"Refetch")},customAddon:function(e){var r=e.row;return t.createElement("div",{style:{background:"red"}},r.title.length)}}}]};export{r as NewColumns};
+import { jsx as e } from "react/jsx-runtime";
+import { Button as o } from "../button/component.js";
+const l = () => [
+  {
+    header: "Title",
+    accessor: "title",
+    sort: !0,
+    row: {
+      image: () => "https://via.placeholder.com/150",
+      subtitle: "title"
+    }
+  },
+  {
+    header: "Photo",
+    accessor: "photo",
+    sort: !0,
+    row: {
+      title: ({ row: t }) => `${t.title}awdawd`,
+      image: ({ row: t }) => t.photo
+    }
+  },
+  // ,{
+  //     header: 'Brakin photo',
+  //     sort: true,
+  //     row: {
+  //         image: ({ row }) => row.title,
+  //     },
+  // },{
+  //     header: 'No photo',
+  //     sort: true,
+  //     row: {
+  //         image: () => '',
+  //     },
+  // },
+  // {
+  //     header: 'icon',
+  //     row: {
+  //         icon: () => <ChevronForwardS />,
+  //     },
+  // },
+  {
+    header: "no icon",
+    row: {
+      icon: () => ""
+    }
+  },
+  {
+    header: "Button",
+    align: "right",
+    width: "200px",
+    row: {
+      title: ({ refetch: t }) => /* @__PURE__ */ e(o, { onClick: t, children: "Refetch" }),
+      customAddon: ({ row: t }) => /* @__PURE__ */ e("div", { style: { background: "red" }, children: t.title.length })
+    }
+  }
+  // {
+  //     header: 'Button',
+  //     width: '50px',
+  //     row: {
+  //         title: null,
+  //     },
+  // },
+];
+export {
+  l as NewColumns
+};
+//# sourceMappingURL=columns.js.map

package/dist/table/columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.js","sources":["../../src/table/columns.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Button } from '../button';\n\nimport { TableColumns } from './types';\n\ntype Row = {\n    title: string;\n    photo: string;\n};\n\nexport const NewColumns = (): TableColumns<Row> => [\n    {\n        header: 'Title',\n        accessor: 'title',\n        sort: true,\n        row: {\n            image: () => 'https://via.placeholder.com/150',\n            subtitle: 'title',\n        },\n    },\n    {\n        header: 'Photo',\n        accessor: 'photo',\n        sort: true,\n        row: {\n            title: ({ row }) => `${row.title}awdawd`,\n            image: ({ row }) => row.photo,\n        },\n    },\n    // ,{\n    //     header: 'Brakin photo',\n    //     sort: true,\n    //     row: {\n    //         image: ({ row }) => row.title,\n    //     },\n    // },{\n    //     header: 'No photo',\n    //     sort: true,\n    //     row: {\n    //         image: () => '',\n    //     },\n    // },\n    // {\n    //     header: 'icon',\n    //     row: {\n    //         icon: () => <ChevronForwardS />,\n    //     },\n    // },\n    {\n        header: 'no icon',\n        row: {\n            icon: () => '',\n        },\n    },\n    {\n        header: 'Button',\n        align: 'right',\n        width: '200px',\n        row: {\n            title: ({ refetch }) => <Button onClick={ refetch }>Refetch</Button>,\n            customAddon: ({ row }) => <div style={ { background: 'red' } }>{ row.title.length }</div>,\n        },\n    },\n    // {\n    //     header: 'Button',\n    //     width: '50px',\n    //     row: {\n    //         title: null,\n    //     },\n    // },\n];\n"],"names":["NewColumns","row","refetch","jsx","Button"],"mappings":";;AAWO,MAAMA,IAAa,MAAyB;AAAA,EAC/C;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACD,OAAO,MAAM;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,EACd;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACD,OAAO,CAAC,EAAE,KAAAC,QAAU,GAAGA,EAAI,KAAK;AAAA,MAChC,OAAO,CAAC,EAAE,KAAAA,EAAA,MAAUA,EAAI;AAAA,IAAA;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBJ;AAAA,IACI,QAAQ;AAAA,IACR,KAAK;AAAA,MACD,MAAM,MAAM;AAAA,IAAA;AAAA,EAChB;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,MACD,OAAO,CAAC,EAAE,SAAAC,EAAA,MAAc,gBAAAC,EAACC,GAAA,EAAO,SAAUF,GAAU,UAAA,WAAO;AAAA,MAC3D,aAAa,CAAC,EAAE,KAAAD,EAAA,MAAU,gBAAAE,EAAC,OAAA,EAAI,OAAQ,EAAE,YAAY,MAAA,GAAY,UAAAF,EAAI,MAAM,OAAA,CAAQ;AAAA,IAAA;AAAA,EACvF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASR;"}

package/dist/table/component.d.ts

@@ -1,7 +1,5 @@
-/// <reference types="react" />
-import { Table as T } from "./table";
-declare const Table: {
-    Cell: import("react").FC<import("./components/cell/index").CellProps>;
+import { Table as T } from './table';
+export declare const Table: {
+    Cell: import('react').FC<import('./components/cell').CellProps>;
     TableComponent: typeof T;
 };
-export { Table };

package/dist/table/component.js

@@ -1 +1,10 @@
-import{TableCell as t}from"./components/cell/component.js";import{Table as o}from"./table.js";import"tslib";import"react";import"classnames";import"../cell/component.js";import"../cell/base/component.js";import"../__internal/utils/getDataTestId.js";import"../hooks/useFocus/index.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";import"../cell/pure/component.js";import"@alphakits/icons";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@dnd-kit/utilities";import"../button/component.js";import"react-merge-refs";import"../loader/component.js";import"./components/cells/index.js";import"@alphakits/icons/dist/ChevronForwardS";import"./components/empty-list/index.js";import"./languages/index.js";import"./components/error/index.js";import"./components/loading/index.js";import"./components/pagination/index.js";import"./components/table-header/index.js";import"@alphakits/icons/dist/ControllerS";import"@alphakits/icons/dist/PlusS";import"rooks";import"../flex/component.js";import"../header-search/component.js";import"@alphakits/icons/dist/CloseS";import"@alphakits/icons/dist/SearchM";import"./hooks/use-table-data.js";import"./utils/add-query-param.js";import"query-string";import"./utils/parse-query-params.js";import"./utils/set-query-to-url.js";import"./utils/get-query-from-url.js";import"./utils/remove-query-param.js";import"./utils/reset-query-param.js";import"./utils/serialize-data.js";import"./utils/sort-array.js";import"./utils/get-tags.js";import"./utils/prepare-rows.js";import"@alphakits/icons/dist/PhotoM";import"../image/component.js";import"../skeleton/component.js";import"../use-image-render-component-9bd646ff.js";import"@alphakits/icons/dist/PhotoS";import"../spinner/component.js";import"../image/types.js";import"../image/utils.js";var i={Cell:t,TableComponent:o};export{i as Table};
+import { TableCell as e } from "./components/cell/component.js";
+import { Table as l } from "./table.js";
+const b = {
+  Cell: e,
+  TableComponent: l
+};
+export {
+  b as Table
+};
+//# sourceMappingURL=component.js.map

package/dist/table/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/table/component.tsx"],"sourcesContent":["import { TableCell } from './components/cell';\nimport { Table as T } from './table';\n\nexport const Table = {\n    Cell: TableCell,\n    TableComponent: T,\n};\n"],"names":["Table","TableCell","T"],"mappings":";;AAGO,MAAMA,IAAQ;AAAA,EACjB,MAAMC;AAAA,EACN,gBAAgBC;AACpB;"}

package/dist/table/components/cell/component.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseProps } from "../../../cell/base/component";
-type CellProps = {
+import { default as React } from 'react';
+import { BaseProps } from '../../../cell/base/component';
+export declare type CellProps = {
     className?: string;
     dataTestID?: string;
     title?: BaseProps['title'];
@@ -12,7 +11,9 @@ type CellProps = {
     children?: React.ReactNode;
     width?: string;
     align?: 'left' | 'right' | 'center';
+    /**
+     * HTML тег
+     */
     tag?: 'td' | 'div';
 };
-declare const TableCell: React.FC<CellProps>;
-export { CellProps, TableCell };
+export declare const TableCell: React.FC<CellProps>;

package/dist/table/components/cell/component.js

@@ -1 +1,53 @@
-import{__assign as e}from"tslib";import t from"react";import i from"classnames";import{Cell as o}from"../../../cell/component.js";import"../../../cell/base/component.js";import"../../../__internal/utils/getDataTestId.js";import"../../../hooks/useFocus/index.js";import"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-347c19ce.js";import"../../../typography/title/index.js";import"../../../typography/title/component.js";import"../../../cell/pure/component.js";var r={cell:"index-module_cell__OF2zH",right:"index-module_right__2JR0L",children:"index-module_children__35FGz",is_div:"index-module_is_div__3ZdIA"},l=function(l){var s,n,m,c=l.dataTestID,a=l.className,d=l.children,p=l.title,h=l.subtitle,_=l.tableProps,g=l.cellProps,u=l.addon,j=l.align,v=l.width,y=l.tag,x=void 0===y?"td":y;return t.createElement(x,e({"data-test-id":c,className:i(r.cell,a,(s={},s[r.is_div]="div"===x,s)),style:{width:v}},_),d?t.createElement("div",{className:i(r.children,(n={},n[r.center]="center"===j,n[r.right]="right"===j,n))},d):t.createElement(o.Base,e({title:void 0===p?"-":p,subtitle:h,className:i((m={},m[r.center]="center"===j,m[r.right]="right"===j,m)),addon:u},g)))};export{l as TableCell};
+import { jsx as r } from "react/jsx-runtime";
+import s from "classnames";
+import { Cell as v } from "../../../cell/component.js";
+import e from "./index.module.css.js";
+const y = ({
+  dataTestID: m,
+  className: o,
+  children: i,
+  title: c,
+  subtitle: a,
+  tableProps: d,
+  cellProps: h,
+  addon: f,
+  align: t,
+  width: p,
+  tag: l = "td"
+}) => /* @__PURE__ */ r(
+  l,
+  {
+    "data-test-id": m,
+    className: s(e.cell, o, {
+      [e.is_div]: l === "div"
+    }),
+    style: { width: p },
+    ...d,
+    children: i ? /* @__PURE__ */ r(
+      "div",
+      {
+        className: s(e.children, {
+          [e.center]: t === "center",
+          [e.right]: t === "right"
+        }),
+        children: i
+      }
+    ) : /* @__PURE__ */ r(
+      v.Base,
+      {
+        title: c === void 0 ? "-" : c,
+        subtitle: a,
+        className: s({
+          [e.center]: t === "center",
+          [e.right]: t === "right"
+        }),
+        addon: f,
+        ...h
+      }
+    )
+  }
+);
+export {
+  y as TableCell
+};
+//# sourceMappingURL=component.js.map

package/dist/table/components/cell/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../../src/table/components/cell/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Cell as BaseCell } from '../../../cell';\nimport { BaseProps } from '../../../cell/base/component';\n\nimport styles from './index.module.css';\n\nexport type CellProps = {\n    className?: string;\n    dataTestID?: string;\n    title?: BaseProps['title'];\n    subtitle?: BaseProps['subtitle'];\n    cellProps?: Omit<BaseProps, 'title' | 'subtitle'>;\n    tableProps?: React.TdHTMLAttributes<any>;\n    addon?: React.ReactNode;\n    children?: React.ReactNode;\n    width?: string;\n    align?: 'left' | 'right' | 'center';\n\n    /**\n     * HTML тег\n     */\n    tag?: 'td' | 'div';\n};\n\nexport const TableCell: React.FC<CellProps> = ({\n    dataTestID,\n    className,\n    children,\n    title,\n    subtitle,\n    tableProps,\n    cellProps,\n    addon,\n    align,\n    width,\n    tag: Component = 'td',\n}) => (\n    <Component\n        data-test-id={ dataTestID }\n        className={ cn(styles.cell, className, {\n            [styles.is_div]: Component === 'div',\n        }) }\n        style={ { width } }\n        { ...tableProps }\n    >\n        { children ? (\n            <div\n                className={ cn(styles.children, {\n                    [styles.center]: align === 'center',\n                    [styles.right]: align === 'right',\n                }) }\n            >\n                { children }\n            </div>\n        ) : (\n            <BaseCell.Base\n                title={ title === undefined ? '-' : title }\n                subtitle={ subtitle }\n                className={ cn({\n                    [styles.center]: align === 'center',\n                    [styles.right]: align === 'right',\n                }) }\n                addon={ addon }\n                { ...cellProps }\n            />\n        ) }\n    </Component>\n);\n"],"names":["TableCell","dataTestID","className","children","title","subtitle","tableProps","cellProps","addon","align","width","Component","jsx","cn","styles","BaseCell"],"mappings":";;;;AA0BO,MAAMA,IAAiC,CAAC;AAAA,EAC3C,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAKC,IAAY;AACrB,MACI,gBAAAC;AAAA,EAACD;AAAA,EAAA;AAAA,IACG,gBAAeV;AAAA,IACf,WAAYY,EAAGC,EAAO,MAAMZ,GAAW;AAAA,MACnC,CAACY,EAAO,MAAM,GAAGH,MAAc;AAAA,IAAA,CAClC;AAAA,IACD,OAAQ,EAAE,OAAAD,EAAA;AAAA,IACR,GAAGJ;AAAA,IAEH,UAAAH,IACE,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAYC,EAAGC,EAAO,UAAU;AAAA,UAC5B,CAACA,EAAO,MAAM,GAAGL,MAAU;AAAA,UAC3B,CAACK,EAAO,KAAK,GAAGL,MAAU;AAAA,QAAA,CAC7B;AAAA,QAEC,UAAAN;AAAA,MAAA;AAAA,IAAA,IAGN,gBAAAS;AAAA,MAACG,EAAS;AAAA,MAAT;AAAA,QACG,OAAQX,MAAU,SAAY,MAAMA;AAAA,QACpC,UAAAC;AAAA,QACA,WAAYQ,EAAG;AAAA,UACX,CAACC,EAAO,MAAM,GAAGL,MAAU;AAAA,UAC3B,CAACK,EAAO,KAAK,GAAGL,MAAU;AAAA,QAAA,CAC7B;AAAA,QACD,OAAAD;AAAA,QACE,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EACT;AAER;"}

package/dist/table/components/cell/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/table/components/cell/index.js

@@ -1 +1,5 @@
-export{TableCell}from"./component.js";import"tslib";import"react";import"classnames";import"../../../cell/component.js";import"../../../cell/base/component.js";import"../../../__internal/utils/getDataTestId.js";import"../../../hooks/useFocus/index.js";import"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-347c19ce.js";import"../../../typography/title/index.js";import"../../../typography/title/component.js";import"../../../cell/pure/component.js";
+import { TableCell as o } from "./component.js";
+export {
+  o as TableCell
+};
+//# sourceMappingURL=index.js.map

package/dist/table/components/cell/index.js.map

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

package/dist/table/components/cell/index.module.css

@@ -0,0 +1 @@
+table tr:last-child .index-module_cell__SVZPV{border-bottom:0!important}.index-module_cell__SVZPV{padding:0 16px;border-bottom:1px solid var(--color-border-secondary);position:relative;height:68px}.index-module_right__30pJO{justify-content:flex-end}.index-module_children__X0572{width:100%;display:flex;align-items:center}.index-module_is_div__XHlH-{min-height:68px;display:flex;align-items:center}

package/dist/table/components/cell/index.module.css.js

@@ -0,0 +1,15 @@
+import './index.module.css';
+const e = "index-module_cell__SVZPV", i = "index-module_right__30pJO", l = "index-module_children__X0572", d = "index-module_is_div__XHlH-", _ = {
+  cell: e,
+  right: i,
+  children: l,
+  is_div: d
+};
+export {
+  e as cell,
+  l as children,
+  _ as default,
+  d as is_div,
+  i as right
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/table/components/cell/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/table/components/cells/index.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import { Query, QueryDTO, TableColumns } from "../../types";
-type Props<T extends object> = {
+import { Query, QueryDTO, TableColumns } from '../../types';
+declare type Props<T extends object> = {
     withDrag: boolean;
     columns: TableColumns<T>;
     sort: QueryDTO['sort'];
     order: QueryDTO['order'];
     addParam: ({ sort, order }: Pick<Query, 'order' | 'sort'>) => void;
 };
-declare function Cells<T extends object>({ columns, sort, order, addParam, withDrag, }: Props<T>): JSX.Element;
-export { Cells };
+export declare function Cells<T extends object>({ columns, sort, order, addParam, withDrag, }: Props<T>): JSX.Element;
+export {};

package/dist/table/components/cells/index.js

@@ -1 +1,55 @@
-import e from"react";import r from"@alphakits/icons/dist/ChevronForwardS";import t from"classnames";import{Typography as a}from"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-347c19ce.js";import"../../../typography/title/index.js";import"tslib";import"../../../typography/title/component.js";var o={header_row:"index-module_header_row__1Coio",cell:"index-module_cell__13GkL",clickable:"index-module_clickable__1StIl",head_wrapper:"index-module_head_wrapper__5RA17",arrow:"index-module_arrow__28ZHq",accent:"index-module_accent__1mJqP",DESC:"index-module_DESC__3wJvX",ASC:"index-module_ASC__ugVrB"};function c(c){var l=c.columns,n=c.sort,m=c.order,i=c.addParam,s=c.withDrag;return e.createElement("thead",null,e.createElement("tr",{className:o.header_row},s&&e.createElement("th",{className:o.cell}," "),l.map((function(c){var l,s,d=c.accessor&&n===c.accessor,p=d&&"ASC"===m?"DESC":"ASC";return e.createElement("th",{key:String(c.accessor||c.header),className:t(o.cell,(l={},l[o.clickable]=c.sort,l)),align:c.align,style:{width:c.width||"auto"},onClick:c.sort?function(){return i({order:p,sort:c.accessor})}:void 0},e.createElement(a.Text,{className:o.head_wrapper,view:"caps",tag:"div",color:"secondary",weight:"medium"},c.header,c.sort&&e.createElement("span",{className:t(o.arrow,o[p],(s={},s[o.accent]=d,s))},e.createElement(r,null))))}))))}export{c as Cells};
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import n from "@alphakits/icons/dist/ChevronForwardS";
+import o from "classnames";
+import { Typography as m } from "../../../typography/component.js";
+import e from "./index.module.css.js";
+function y({
+  columns: c,
+  sort: d,
+  order: h,
+  addParam: l,
+  withDrag: p
+}) {
+  return /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ i("tr", { className: e.header_row, children: [
+    p && /* @__PURE__ */ s("th", { className: e.cell, children: " " }),
+    c.map((r) => {
+      const a = r.accessor && d === r.accessor, t = a && h === "ASC" ? "DESC" : "ASC";
+      return /* @__PURE__ */ s(
+        "th",
+        {
+          className: o(e.cell, { [e.clickable]: r.sort }),
+          align: r.align,
+          style: { width: r.width || "auto" },
+          onClick: r.sort ? () => l({ order: t, sort: r.accessor }) : void 0,
+          children: /* @__PURE__ */ i(
+            m.Text,
+            {
+              className: e.head_wrapper,
+              view: "caps",
+              tag: "div",
+              color: "secondary",
+              weight: "medium",
+              children: [
+                r.header,
+                r.sort && /* @__PURE__ */ s(
+                  "span",
+                  {
+                    className: o(e.arrow, e[t], {
+                      [e.accent]: a
+                    }),
+                    children: /* @__PURE__ */ s(n, {})
+                  }
+                )
+              ]
+            }
+          )
+        },
+        String(r.accessor || r.header)
+      );
+    })
+  ] }) });
+}
+export {
+  y as Cells
+};
+//# sourceMappingURL=index.js.map

package/dist/table/components/cells/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/table/components/cells/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport React from 'react';\nimport ChevronForwardS from '@alphakits/icons/dist/ChevronForwardS';\nimport cn from 'classnames';\n\nimport { Typography } from '../../../typography';\nimport { Query, QueryDTO, TableColumns } from '../../types';\n\nimport styles from './index.module.css';\n\ntype Props<T extends object> = {\n    withDrag: boolean;\n    columns: TableColumns<T>;\n    sort: QueryDTO['sort'];\n    order: QueryDTO['order'];\n    addParam: ({ sort, order }: Pick<Query, 'order' | 'sort'>) => void;\n};\n\nexport function Cells<T extends object>({\n    columns, sort, order, addParam, withDrag,\n}: Props<T>) {\n    return (\n        <thead>\n            <tr className={ styles.header_row }>\n                { withDrag && <th className={ styles.cell }> </th> }\n                { columns.map((column) => {\n                    const isSorted = column.accessor && sort === column.accessor;\n                    const direction: QueryDTO['order'] =\n                        isSorted && order === 'ASC' ? 'DESC' : 'ASC';\n\n                    return (\n                        <th\n                            key={ String(column.accessor || column.header) }\n                            className={ cn(styles.cell, { [styles.clickable]: column.sort }) }\n                            align={ column.align }\n                            style={ { width: column.width || 'auto' } }\n                            onClick={\n                                column.sort\n                                    ? () => addParam({ order: direction, sort: column.accessor })\n                                    : undefined\n                            }\n                        >\n                            <Typography.Text\n                                className={ styles.head_wrapper }\n                                view=\"caps\"\n                                tag=\"div\"\n                                color=\"secondary\"\n                                weight=\"medium\"\n                            >\n                                { column.header }\n\n                                { column.sort && (\n                                    <span\n                                        className={ cn(styles.arrow, styles[direction], {\n                                            [styles.accent]: isSorted,\n                                        }) }\n                                    >\n                                        <ChevronForwardS />\n                                    </span>\n                                ) }\n                            </Typography.Text>\n                        </th>\n                    );\n                }) }\n            </tr>\n        </thead>\n    );\n}\n"],"names":["Cells","columns","sort","order","addParam","withDrag","jsxs","styles","jsx","column","isSorted","direction","cn","Typography","ChevronForwardS"],"mappings":";;;;;AAkBO,SAASA,EAAwB;AAAA,EACpC,SAAAC;AAAA,EAAS,MAAAC;AAAA,EAAM,OAAAC;AAAA,EAAO,UAAAC;AAAA,EAAU,UAAAC;AACpC,GAAa;AACT,2BACK,SAAA,EACG,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAYC,EAAO,YACjB,UAAA;AAAA,IAAAF,KAAY,gBAAAG,EAAC,MAAA,EAAG,WAAYD,EAAO,MAAO,UAAA,KAAC;AAAA,IAC3CN,EAAQ,IAAI,CAACQ,MAAW;AACtB,YAAMC,IAAWD,EAAO,YAAYP,MAASO,EAAO,UAC9CE,IACFD,KAAYP,MAAU,QAAQ,SAAS;AAE3C,aACI,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAYI,EAAGL,EAAO,MAAM,EAAE,CAACA,EAAO,SAAS,GAAGE,EAAO,MAAM;AAAA,UAC/D,OAAQA,EAAO;AAAA,UACf,OAAQ,EAAE,OAAOA,EAAO,SAAS,OAAA;AAAA,UACjC,SACIA,EAAO,OACD,MAAML,EAAS,EAAE,OAAOO,GAAW,MAAMF,EAAO,SAAA,CAAU,IAC1D;AAAA,UAGV,UAAA,gBAAAH;AAAA,YAACO,EAAW;AAAA,YAAX;AAAA,cACG,WAAYN,EAAO;AAAA,cACnB,MAAK;AAAA,cACL,KAAI;AAAA,cACJ,OAAM;AAAA,cACN,QAAO;AAAA,cAEL,UAAA;AAAA,gBAAAE,EAAO;AAAA,gBAEPA,EAAO,QACL,gBAAAD;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAYI,EAAGL,EAAO,OAAOA,EAAOI,CAAS,GAAG;AAAA,sBAC5C,CAACJ,EAAO,MAAM,GAAGG;AAAA,oBAAA,CACpB;AAAA,oBAED,4BAACI,GAAA,CAAA,CAAgB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACrB;AAAA,YAAA;AAAA,UAAA;AAAA,QAER;AAAA,QA5BM,OAAOL,EAAO,YAAYA,EAAO,MAAM;AAAA,MAAA;AAAA,IA+BzD,CAAC;AAAA,EAAA,EAAA,CACL,EAAA,CACJ;AAER;"}

package/dist/table/components/cells/index.module.css

@@ -0,0 +1 @@
+.index-module_header_row__-IYYq{overflow:hidden}.index-module_header_row__-IYYq th:only-child{border-radius:8px!important}.index-module_header_row__-IYYq th:first-child{border-radius:8px 0 0 8px}.index-module_header_row__-IYYq th:last-child{border-radius:0 8px 8px 0}.index-module_cell__c2wSL{height:48px;padding:4px 16px;box-sizing:border-box;background:var(--color-bg-secondary);position:sticky;top:0;z-index:9}.index-module_clickable__uhIIg{cursor:pointer}.index-module_head_wrapper__WjtNB{display:flex;align-items:center}.index-module_arrow__svnkJ{height:16px;width:16px;margin-left:12px;display:flex;flex-direction:column;color:var(--color-graphic-thirdly);opacity:.4}.index-module_accent__5Dn8Q{color:var(--color-graphic-primary)}.index-module_DESC__p2eV7{transform:rotate(-90deg)}.index-module_ASC__fIiQ-{transform:rotate(90deg)}

package/dist/table/components/cells/index.module.css.js

@@ -0,0 +1,23 @@
+import './index.module.css';
+const e = "index-module_header_row__-IYYq", _ = "index-module_cell__c2wSL", c = "index-module_clickable__uhIIg", o = "index-module_head_wrapper__WjtNB", d = "index-module_arrow__svnkJ", l = "index-module_accent__5Dn8Q", n = "index-module_DESC__p2eV7", a = "index-module_ASC__fIiQ-", r = {
+  header_row: e,
+  cell: _,
+  clickable: c,
+  head_wrapper: o,
+  arrow: d,
+  accent: l,
+  DESC: n,
+  ASC: a
+};
+export {
+  a as ASC,
+  n as DESC,
+  l as accent,
+  d as arrow,
+  _ as cell,
+  c as clickable,
+  r as default,
+  o as head_wrapper,
+  e as header_row
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/table/components/cells/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/table/components/empty-list/index.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-declare const EmptyList: ({ language }: {
+export declare const EmptyList: ({ language }: {
     language: 'en' | 'de' | 'ru';
 }) => JSX.Element;
-export { EmptyList };

package/dist/table/components/empty-list/index.js

@@ -1 +1,9 @@
-import t from"react";import{Typography as e}from"../../../typography/component.js";import{translate as o}from"../../languages/index.js";import"../../../typography/text/component.js";import"classnames";import"../../../colors.module-347c19ce.js";import"../../../typography/title/index.js";import"tslib";import"../../../typography/title/component.js";var r="index-module_empty_list__428Kf",m=function(m){var p=m.language;return t.createElement("div",{className:r},t.createElement(e.Text,{color:"primary",view:"title"},o(p)("emptyList")))};export{m as EmptyList};
+import { jsx as t } from "react/jsx-runtime";
+import { Typography as i } from "../../../typography/component.js";
+import { translate as m } from "../../languages/index.js";
+import o from "./index.module.css.js";
+const y = ({ language: r }) => /* @__PURE__ */ t("div", { className: o.empty_list, children: /* @__PURE__ */ t(i.Text, { color: "primary", view: "title", children: m(r)("emptyList") }) });
+export {
+  y as EmptyList
+};
+//# sourceMappingURL=index.js.map

package/dist/table/components/empty-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/table/components/empty-list/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Typography } from '../../../typography';\nimport { translate } from '../../languages';\n\nimport styles from './index.module.css';\n\nexport const EmptyList = ({ language }: { language: 'en' | 'de' | 'ru' }) => (\n    <div className={ styles.empty_list }>\n        <Typography.Text color=\"primary\" view=\"title\">{ translate(language)('emptyList') }</Typography.Text>\n    </div>\n);\n"],"names":["EmptyList","language","jsx","styles","Typography"],"mappings":";;;;AAOO,MAAMA,IAAY,CAAC,EAAE,UAAAC,EAAA,MACxB,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAO,YACpB,UAAA,gBAAAD,EAACE,EAAW,MAAX,EAAgB,OAAM,WAAU,MAAK,SAAU,YAAUH,CAAQ,EAAE,WAAW,EAAA,CAAG,EAAA,CACtF;"}

package/dist/table/components/empty-list/index.module.css

@@ -0,0 +1 @@
+.index-module_empty_list__dwgN3{width:100%;display:flex;align-items:center;justify-content:center;height:200px;position:absolute}

package/dist/table/components/empty-list/index.module.css.js

@@ -0,0 +1,9 @@
+import './index.module.css';
+const t = "index-module_empty_list__dwgN3", e = {
+  empty_list: t
+};
+export {
+  e as default,
+  t as empty_list
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/table/components/empty-list/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/table/components/error/index.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-declare const Error: ({ language }: {
+export declare const Error: ({ language }: {
     language: 'en' | 'de' | 'ru';
 }) => JSX.Element;
-export { Error };

package/dist/table/components/error/index.js

@@ -1 +1,9 @@
-import t from"react";import{Typography as e}from"../../../typography/component.js";import{translate as o}from"../../languages/index.js";import"../../../typography/text/component.js";import"classnames";import"../../../colors.module-347c19ce.js";import"../../../typography/title/index.js";import"tslib";import"../../../typography/title/component.js";var r="index-module_empty_list__eV-Yg",m=function(m){var p=m.language;return t.createElement("div",{className:r},t.createElement(e.Text,{color:"primary",view:"title"},o(p)("error")))};export{m as Error};
+import { jsx as r } from "react/jsx-runtime";
+import { Typography as t } from "../../../typography/component.js";
+import { translate as e } from "../../languages/index.js";
+import i from "./index.module.css.js";
+const a = ({ language: o }) => /* @__PURE__ */ r("div", { className: i.empty_list, children: /* @__PURE__ */ r(t.Text, { color: "primary", view: "title", children: e(o)("error") }) });
+export {
+  a as Error
+};
+//# sourceMappingURL=index.js.map

package/dist/table/components/error/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/table/components/error/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Typography } from '../../../typography';\nimport { translate } from '../../languages';\n\nimport styles from './index.module.css';\n\nexport const Error = ({ language }: { language: 'en' | 'de' | 'ru' }) => (\n    <div className={ styles.empty_list }>\n        <Typography.Text color=\"primary\" view=\"title\">{ translate(language)('error') }</Typography.Text>\n    </div>\n);\n"],"names":["Error","language","jsx","styles","Typography"],"mappings":";;;;AAOO,MAAMA,IAAQ,CAAC,EAAE,UAAAC,EAAA,MACpB,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAO,YACpB,UAAA,gBAAAD,EAACE,EAAW,MAAX,EAAgB,OAAM,WAAU,MAAK,SAAU,YAAUH,CAAQ,EAAE,OAAO,EAAA,CAAG,EAAA,CAClF;"}

package/dist/table/components/error/index.module.css

@@ -0,0 +1 @@
+.index-module_empty_list__FWx71{width:100%;display:flex;align-items:center;justify-content:center;height:200px;position:absolute}

package/dist/table/components/error/index.module.css.js

@@ -0,0 +1,9 @@
+import './index.module.css';
+const t = "index-module_empty_list__FWx71", e = {
+  empty_list: t
+};
+export {
+  e as default,
+  t as empty_list
+};
+//# sourceMappingURL=index.module.css.js.map