@consta/uikit 5.6.1 → 5.8.0

package/__internal__/src/components/Table/Table.d.ts

@@ -1,153 +1,153 @@
-import './Table.css';
-import React from 'react';
-import { HorizontalAlign, VerticalAlign } from './Cell/TableCell';
-import { Filters, onSortBy, SelectedFilters } from './filtering';
-import { Header, OrderType, Position } from './helpers';
-import { GetTagLabel } from './SelectedOptionsList/TableSelectedOptionsList';
-export { TableTextFilter } from './TextFilter/TableTextFilter';
-export { TableFilterContainer } from './FilterContainer/TableFilterContainer';
-export { TableNumberFilter } from './NumberFilter/TableNumberFilter';
-export { TableChoiceGroupFilter } from './ChoiceGroupFilter/TableChoiceGroupFilter';
-export declare const sizes: readonly ["s", "m", "l"];
-declare type Size = typeof sizes[number];
-export declare const zebraStriped: readonly ["odd", "even"];
-declare type ZebraStriped = typeof zebraStriped[number];
-export declare const headerVerticalAligns: readonly ["center", "bottom"];
-export declare type HeaderVerticalAlign = typeof headerVerticalAligns[number];
-export declare type LazyLoad = {
-    maxVisibleRows?: number;
-    scrollableEl?: HTMLDivElement | Window;
-} | undefined;
-declare type ActiveRow = {
-    id: string | undefined;
-    onChange: ({ id, e, }: {
-        id: string | undefined;
-        e?: React.SyntheticEvent;
-    }) => void;
-};
-declare type onRowHover = ({ id, e, }: {
-    id: string | undefined;
-    e: React.MouseEvent;
-}) => void;
-declare type onRowClick = ({ id, e }: {
-    id: string;
-    e: React.MouseEvent;
-}) => void;
-declare type onRowCreate = ({ id, index, e, }: {
-    id?: string;
-    index: number;
-    e: React.MouseEvent;
-}) => void;
-export declare type CellClickType = 'click' | 'contextMenu';
-export declare type onCellClick = ({ e, type, rowId, columnIdx, ref, }: {
-    e: React.SyntheticEvent;
-    type: CellClickType;
-    columnIdx: number;
-    ref: React.RefObject<HTMLDivElement>;
-    rowId?: string;
-}) => void;
-export declare type TableRow = {
-    id: string;
-    defaultExpand?: boolean;
-    rows?: TableRow[];
-};
-export declare type TableTreeRow<T extends TableRow> = {
-    options: {
-        level: number;
-    };
-} & T;
-export declare type TableFilters<T extends TableRow> = Filters<T>;
-export declare type RowField<T extends TableRow> = Exclude<keyof T, symbol | number>;
-export declare type ColumnWidth = number | undefined;
-export declare type ValueOf<T> = T[keyof T];
-declare type ColumnBase<T extends TableRow> = ValueOf<{
-    [K in keyof T]: {
-        accessor: K extends string ? K : never;
-        sortable?: boolean;
-        colSpan?: number | ((row: T) => number);
-        sortByField?: keyof T;
-        order?: OrderType;
-        sortFn?(a: T[K], b: T[K]): number;
-        renderCell?: (row: T) => React.ReactNode;
-        getComparisonValue?: (cell: T[K]) => number | string;
-    };
-}>;
-declare type SingleColumnAddition<T extends TableRow> = ColumnBase<T> & {
-    columns?: never;
-};
-declare type GroupColumnAddition<T extends TableRow> = {
-    columns: TableColumn<T>[];
-} & {
-    [K in keyof ColumnBase<T>]?: never;
-};
-export interface TableControl<T extends TableRow> {
-    column: Header<T> & ColumnMetaData;
-}
-export declare type SortByProps<T extends TableRow> = {
-    sortingBy: keyof T;
-    sortOrder: 'asc' | 'desc';
-};
-export declare type TableColumn<T extends TableRow> = {
-    title: React.ReactNode;
-    align?: HorizontalAlign;
-    withoutPadding?: boolean;
-    width?: ColumnWidth;
-    mergeCells?: boolean;
-    position?: Position;
-    hidden?: boolean;
-    control?: ({ column }: TableControl<T>) => React.ReactNode;
-} & (GroupColumnAddition<T> | SingleColumnAddition<T>);
-export declare type TableProps<T extends TableRow> = {
-    columns: TableColumn<T>[];
-    rows: T[];
-    isResizable?: boolean;
-    filters?: Filters<T>;
-    onSortBy?: onSortBy<T>;
-    size?: Size;
-    stickyHeader?: boolean;
-    stickyColumns?: number;
-    minColumnWidth?: number;
-    activeRow?: ActiveRow;
-    verticalAlign?: VerticalAlign;
-    headerVerticalAlign?: HeaderVerticalAlign;
-    zebraStriped?: ZebraStriped;
-    borderBetweenRows?: boolean;
-    defaultExpandAll?: boolean;
-    borderBetweenColumns?: boolean;
-    emptyRowsPlaceholder?: React.ReactNode;
-    className?: string;
-    onRowHover?: onRowHover;
-    onRowClick?: onRowClick;
-    onRowCreate?: onRowCreate;
-    onCellClick?: onCellClick;
-    getAdditionalClassName?: (props: {
-        column: TableColumn<T>;
-        row: T;
-        isActive: boolean;
-    }) => string;
-    rowCreateText?: string;
-    lazyLoad?: LazyLoad;
-    onFiltersUpdated?: (filters: SelectedFilters) => void;
-    getTagLabel?: GetTagLabel;
-    isExpandedRowsByDefault?: boolean;
-    getCellWrap?: (row: T) => 'truncate' | 'break';
-};
-declare type Table = <T extends TableRow>(props: TableProps<T> & {
-    ref?: React.Ref<HTMLDivElement>;
-}) => React.ReactElement | null;
-export declare type ColumnMetaData = {
-    filterable: boolean;
-    isSortingActive: boolean;
-    isFilterActive: boolean;
-    isResized: boolean;
-    isSticky: boolean;
-    showResizer: boolean;
-    columnWidth: number;
-    columnLeftOffset: number;
-};
-export declare type SortingState<T extends TableRow> = {
-    by: keyof T;
-    order: 'asc' | 'desc';
-    sortFn?: (a: T[keyof T], b: T[keyof T]) => number;
-} | null;
-export declare const Table: Table;
+import './Table.css';
+import React from 'react';
+import { HorizontalAlign, VerticalAlign } from './Cell/TableCell';
+import { Filters, onSortBy, SelectedFilters } from './filtering';
+import { Header, OrderType, Position } from './helpers';
+import { GetTagLabel } from './SelectedOptionsList/TableSelectedOptionsList';
+export { TableTextFilter } from './TextFilter/TableTextFilter';
+export { TableFilterContainer } from './FilterContainer/TableFilterContainer';
+export { TableNumberFilter } from './NumberFilter/TableNumberFilter';
+export { TableChoiceGroupFilter } from './ChoiceGroupFilter/TableChoiceGroupFilter';
+export declare const sizes: readonly ["s", "m", "l"];
+declare type Size = typeof sizes[number];
+export declare const zebraStriped: readonly ["odd", "even"];
+declare type ZebraStriped = typeof zebraStriped[number];
+export declare const headerVerticalAligns: readonly ["center", "bottom"];
+export declare type HeaderVerticalAlign = typeof headerVerticalAligns[number];
+export declare type LazyLoad = {
+    maxVisibleRows?: number;
+    scrollableEl?: HTMLDivElement | Window;
+} | undefined;
+declare type ActiveRow = {
+    id: string | undefined;
+    onChange: ({ id, e, }: {
+        id: string | undefined;
+        e?: React.SyntheticEvent;
+    }) => void;
+};
+declare type onRowHover = ({ id, e, }: {
+    id: string | undefined;
+    e: React.MouseEvent;
+}) => void;
+declare type onRowClick = ({ id, e }: {
+    id: string;
+    e: React.MouseEvent;
+}) => void;
+declare type onRowCreate = ({ id, index, e, }: {
+    id?: string;
+    index: number;
+    e: React.MouseEvent;
+}) => void;
+export declare type CellClickType = 'click' | 'contextMenu';
+export declare type onCellClick = ({ e, type, rowId, columnIdx, ref, }: {
+    e: React.SyntheticEvent;
+    type: CellClickType;
+    columnIdx: number;
+    ref: React.RefObject<HTMLDivElement>;
+    rowId?: string;
+}) => void;
+export declare type TableRow = {
+    id: string;
+    defaultExpand?: boolean;
+    rows?: TableRow[];
+};
+export declare type TableTreeRow<T extends TableRow> = {
+    options: {
+        level: number;
+    };
+} & T;
+export declare type TableFilters<T extends TableRow> = Filters<T>;
+export declare type RowField<T extends TableRow> = Exclude<keyof T, symbol | number>;
+export declare type ColumnWidth = number | undefined;
+export declare type ValueOf<T> = T[keyof T];
+declare type ColumnBase<T extends TableRow> = ValueOf<{
+    [K in keyof T]: {
+        accessor: K extends string ? K : never;
+        sortable?: boolean;
+        colSpan?: number | ((row: T) => number);
+        sortByField?: keyof T;
+        order?: OrderType;
+        sortFn?(a: T[K], b: T[K]): number;
+        renderCell?: (row: T) => React.ReactNode;
+        getComparisonValue?: (cell: T[K]) => number | string;
+    };
+}>;
+declare type SingleColumnAddition<T extends TableRow> = ColumnBase<T> & {
+    columns?: never;
+};
+declare type GroupColumnAddition<T extends TableRow> = {
+    columns: TableColumn<T>[];
+} & {
+    [K in keyof ColumnBase<T>]?: never;
+};
+export interface TableControl<T extends TableRow> {
+    column: Header<T> & ColumnMetaData;
+}
+export declare type SortByProps<T extends TableRow> = {
+    sortingBy: keyof T;
+    sortOrder: 'asc' | 'desc';
+};
+export declare type TableColumn<T extends TableRow> = {
+    title: React.ReactNode;
+    align?: HorizontalAlign;
+    withoutPadding?: boolean;
+    width?: ColumnWidth;
+    mergeCells?: boolean;
+    position?: Position;
+    hidden?: boolean;
+    control?: ({ column }: TableControl<T>) => React.ReactNode;
+} & (GroupColumnAddition<T> | SingleColumnAddition<T>);
+export declare type TableProps<T extends TableRow> = {
+    columns: TableColumn<T>[];
+    rows: T[];
+    isResizable?: boolean;
+    filters?: Filters<T>;
+    onSortBy?: onSortBy<T>;
+    size?: Size;
+    stickyHeader?: boolean;
+    stickyColumns?: number;
+    minColumnWidth?: number;
+    activeRow?: ActiveRow;
+    verticalAlign?: VerticalAlign;
+    headerVerticalAlign?: HeaderVerticalAlign;
+    zebraStriped?: ZebraStriped;
+    borderBetweenRows?: boolean;
+    defaultExpandAll?: boolean;
+    borderBetweenColumns?: boolean;
+    emptyRowsPlaceholder?: React.ReactNode;
+    className?: string;
+    onRowHover?: onRowHover;
+    onRowClick?: onRowClick;
+    onRowCreate?: onRowCreate;
+    onCellClick?: onCellClick;
+    getAdditionalClassName?: (props: {
+        column: TableColumn<T>;
+        row: T;
+        isActive: boolean;
+    }) => string;
+    rowCreateText?: string;
+    lazyLoad?: LazyLoad;
+    onFiltersUpdated?: (filters: SelectedFilters) => void;
+    getTagLabel?: GetTagLabel;
+    isExpandedRowsByDefault?: boolean;
+    getCellWrap?: (row: T) => 'truncate' | 'break';
+};
+declare type Table = <T extends TableRow>(props: TableProps<T> & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => React.ReactElement | null;
+export declare type ColumnMetaData = {
+    filterable: boolean;
+    isSortingActive: boolean;
+    isFilterActive: boolean;
+    isResized: boolean;
+    isSticky: boolean;
+    showResizer: boolean;
+    columnWidth: number;
+    columnLeftOffset: number;
+};
+export declare type SortingState<T extends TableRow> = {
+    by: keyof T;
+    order: 'asc' | 'desc';
+    sortFn?: (a: T[keyof T], b: T[keyof T]) => number;
+} | null;
+export declare const Table: Table;

package/__internal__/src/components/Table/TextFilter/TableTextFilter.d.ts

@@ -1,15 +1,15 @@
-import './TableTextFilter.css';
-import React from 'react';
-import { FilterComponentProps } from '../filtering';
-declare type Item = {
-    name: string;
-    value: string;
-};
-declare type TableTextFilterProps = FilterComponentProps & {
-    items?: Item[];
-    withSearch?: boolean;
-    title?: string;
-    emptySearchText?: string;
-};
-export declare const TableTextFilter: React.FC<TableTextFilterProps>;
-export {};
+import './TableTextFilter.css';
+import React from 'react';
+import { FilterComponentProps } from '../filtering';
+declare type Item = {
+    name: string;
+    value: string;
+};
+declare type TableTextFilterProps = FilterComponentProps & {
+    items?: Item[];
+    withSearch?: boolean;
+    title?: string;
+    emptySearchText?: string;
+};
+export declare const TableTextFilter: React.FC<TableTextFilterProps>;
+export {};

package/__internal__/src/components/Table/TextFilter/TableTextFilter.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TableTextFilter.css";import{IconSearchStroked}from"@consta/icons/IconSearchStroked";import React,{useMemo,useState}from"react";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{CheckboxGroup}from"../../CheckboxGroup";import{Text}from"../../Text/Text";import{TextField}from"../../TextField/TextField";import{TableFilterContainer}from"../FilterContainer/TableFilterContainer";var cnTextFilter=cn("TableTextFilter"),sanitizeRegex=function(a){return a.replaceAll(/[.*+?^${}()|[\]\\]/g,"\\$&").replaceAll(/\$/g,"$$$$")};export var TableTextFilter=function(a){var b=a.items,c=void 0===b?[]:b,d=a.withSearch,e=a.onConfirm,f=a.onCancel,g=a.filterValue,h=a.title,i=a.emptySearchText,j=void 0===i?"\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E :(":i,k=useState(null),l=_slicedToArray(k,2),m=l[0],n=l[1],o=useState(g||c),p=_slicedToArray(o,2),q=p[0],r=p[1],s=useMemo(function(){return m?c.filter(function(a){var b=a.name;return b.match(new RegExp(sanitizeRegex(m),"i"))}):c},[m,c]),t=useMemo(function(){return s.length===(null===q||void 0===q?void 0:q.length)},[s,q]),u=useMemo(function(){return null===q||void 0===q?void 0:q.length},[q]);return React.createElement(TableFilterContainer,{title:h,onCancel:f,onConfirm:function confirmHandler(){n(null),e(null===q?[]:q)}},void 0!==d&&d&&React.createElement(TextField,{value:m,onChange:n,leftSide:IconSearchStroked,size:"s",placeholder:"\u041D\u0430\u0439\u0442\u0438 \u0432 \u0441\u043F\u0438\u0441\u043A\u0435",className:cnTextFilter("Searchbar")}),React.createElement("div",{className:cnTextFilter("Controls")},React.createElement(Button,{size:"m",type:"button",form:"brick",label:"\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435",view:"clear",onClick:function setAll(){r(s)},disabled:!s.length||t}),React.createElement(Button,{size:"m",form:"brick",type:"button",label:"\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C",view:"clear",onClick:function resetHandler(){r(null)},disabled:!s.length||!u})),React.createElement("div",{className:cnTextFilter("Checkboxes",[cnMixScrollBar()])},s.length?React.createElement(CheckboxGroup,{items:s,value:q,getItemLabel:function getItemLabel(a){return a.name},onChange:r,name:"checkboxGroup"}):React.createElement(Text,{lineHeight:"2xs",view:"primary",size:"m"},j)))};
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TableTextFilter.css";import{IconSearchStroked}from"@consta/icons/IconSearchStroked";import React,{useMemo,useState}from"react";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{CheckboxGroup}from"../../CheckboxGroup";import{Text}from"../../Text/Text";import{TextField}from"../../TextField/TextField";import{TableFilterContainer}from"../FilterContainer/TableFilterContainer";var cnTextFilter=cn("TableTextFilter"),sanitizeRegex=function(a){return a.replaceAll(/[.*+?^${}()|[\]\\]/g,"\\$&").replaceAll(/\$/g,"$$$$")},intersectArrays=function(a,b){return a.filter(function(a){var c=a.value;return b.some(function(a){var b=a.value;return c===b})})};export var TableTextFilter=function(a){var b=a.items,c=void 0===b?[]:b,d=a.withSearch,e=a.onConfirm,f=a.onCancel,g=a.filterValue,h=a.title,i=a.emptySearchText,j=void 0===i?"\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E :(":i,k=useState(null),l=_slicedToArray(k,2),m=l[0],n=l[1],o=useState(g||c),p=_slicedToArray(o,2),q=p[0],r=p[1],s=useMemo(function(){if(!m)return c;var a=new RegExp(sanitizeRegex(m),"i");return c.filter(function(b){var c=b.name;return c.match(a)})},[m,c]),t=useMemo(function(){return intersectArrays(s,null!==q&&void 0!==q?q:[])},[s,q]),u=useMemo(function(){return s.length===t.length},[s,t]),v=useMemo(function(){return t.length},[t]);return React.createElement(TableFilterContainer,{title:h,onCancel:f,onConfirm:function confirmHandler(){n(null),e(t)}},void 0!==d&&d&&React.createElement(TextField,{value:m,onChange:n,leftSide:IconSearchStroked,size:"s",placeholder:"\u041D\u0430\u0439\u0442\u0438 \u0432 \u0441\u043F\u0438\u0441\u043A\u0435",className:cnTextFilter("Searchbar")}),React.createElement("div",{className:cnTextFilter("Controls")},React.createElement(Button,{size:"m",type:"button",form:"brick",label:"\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435",view:"clear",onClick:function setAll(){r(s)},disabled:!s.length||u}),React.createElement(Button,{size:"m",form:"brick",type:"button",label:"\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C",view:"clear",onClick:function resetHandler(){r(null)},disabled:!s.length||!v})),React.createElement("div",{className:cnTextFilter("Checkboxes",[cnMixScrollBar()])},s.length?React.createElement(CheckboxGroup,{items:s,value:q,getItemLabel:function getItemLabel(a){return a.name},onChange:r,name:"checkboxGroup"}):React.createElement(Text,{lineHeight:"2xs",view:"primary",size:"m"},j)))};
 //# sourceMappingURL=TableTextFilter.js.map

package/__internal__/src/components/Table/TextFilter/TableTextFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTextFilter.js","names":["IconSearchStroked","React","useMemo","useState","cnMixScrollBar","cn","Button","CheckboxGroup","Text","TextField","TableFilterContainer","cnTextFilter","sanitizeRegex","futureRegex","replaceAll","TableTextFilter","items","withSearch","onConfirm","onCancel","filterValue","title","emptySearchText","searchValue","setSearchValue","checkboxGroupValue","setCheckboxGroupValue","filteredItems","filter","name","match","RegExp","isAllSelected","length","isSelected","confirmHandler","setAll","resetHandler","item"],"sources":["../../../../../../src/components/Table/TextFilter/TableTextFilter.tsx"],"sourcesContent":["import './TableTextFilter.css';\n\nimport { IconSearchStroked } from '@consta/icons/IconSearchStroked';\nimport React, { useMemo, useState } from 'react';\n\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { CheckboxGroup } from '../../CheckboxGroup';\nimport { Text } from '../../Text/Text';\nimport { TextField } from '../../TextField/TextField';\nimport { TableFilterContainer } from '../FilterContainer/TableFilterContainer';\nimport { FilterComponentProps } from '../filtering';\n\nconst cnTextFilter = cn('TableTextFilter');\n\ntype Item = {\n  name: string;\n  value: string;\n};\n\ntype TableTextFilterProps = FilterComponentProps & {\n  items?: Item[];\n  withSearch?: boolean;\n  title?: string;\n  emptySearchText?: string;\n};\n\nconst sanitizeRegex = (futureRegex: string): string =>\n  futureRegex\n    .replaceAll(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n    .replaceAll(/\\$/g, '$$$$');\n\nexport const TableTextFilter: React.FC<TableTextFilterProps> = ({\n  items = [],\n  withSearch = false,\n  onConfirm,\n  onCancel,\n  filterValue,\n  title,\n  emptySearchText = 'Ничего не найдено :(',\n}) => {\n  const [searchValue, setSearchValue] = useState<string | null>(null);\n  const [checkboxGroupValue, setCheckboxGroupValue] = useState<Item[] | null>(\n    (filterValue as Item[]) || items,\n  );\n\n  const confirmHandler = () => {\n    setSearchValue(null);\n    onConfirm(checkboxGroupValue === null ? [] : checkboxGroupValue);\n  };\n\n  const resetHandler = () => {\n    setCheckboxGroupValue(null);\n  };\n\n  const filteredItems = useMemo(() => {\n    if (!searchValue) {\n      return items;\n    }\n\n    return items.filter(({ name }) => {\n      return name.match(new RegExp(sanitizeRegex(searchValue), 'i'));\n    });\n  }, [searchValue, items]);\n\n  const setAll = () => {\n    setCheckboxGroupValue(filteredItems);\n  };\n\n  const isAllSelected = useMemo(\n    () => filteredItems.length === checkboxGroupValue?.length,\n    [filteredItems, checkboxGroupValue],\n  );\n\n  const isSelected = useMemo(\n    () => checkboxGroupValue?.length,\n    [checkboxGroupValue],\n  );\n\n  return (\n    <TableFilterContainer\n      title={title}\n      onCancel={onCancel}\n      onConfirm={confirmHandler}\n    >\n      {withSearch && (\n        <TextField\n          value={searchValue}\n          onChange={setSearchValue}\n          leftSide={IconSearchStroked}\n          size=\"s\"\n          placeholder=\"Найти в списке\"\n          className={cnTextFilter('Searchbar')}\n        />\n      )}\n      <div className={cnTextFilter('Controls')}>\n        <Button\n          size=\"m\"\n          type=\"button\"\n          form=\"brick\"\n          label=\"Выбрать все\"\n          view=\"clear\"\n          onClick={setAll}\n          disabled={!filteredItems.length || isAllSelected}\n        />\n        <Button\n          size=\"m\"\n          form=\"brick\"\n          type=\"button\"\n          label=\"Сбросить\"\n          view=\"clear\"\n          onClick={resetHandler}\n          disabled={!filteredItems.length || !isSelected}\n        />\n      </div>\n      <div className={cnTextFilter('Checkboxes', [cnMixScrollBar()])}>\n        {filteredItems.length ? (\n          <CheckboxGroup\n            items={filteredItems}\n            value={checkboxGroupValue}\n            getItemLabel={(item) => item.name}\n            onChange={setCheckboxGroupValue}\n            name=\"checkboxGroup\"\n          />\n        ) : (\n          <Text lineHeight=\"2xs\" view=\"primary\" size=\"m\">\n            {emptySearchText}\n          </Text>\n        )}\n      </div>\n    </TableFilterContainer>\n  );\n};\n"],"mappings":"iEAAA,8BAEA,OAASA,iBAAT,KAAkC,iCAAlC,CACA,MAAOC,MAAP,EAAgBC,OAAhB,CAAyBC,QAAzB,KAAyC,OAAzC,CAEA,OAASC,cAAT,kCAEA,OAASC,EAAT,0BACA,OAASC,MAAT,2BACA,OAASC,aAAT,2BACA,OAASC,IAAT,uBACA,OAASC,SAAT,iCACA,OAASC,oBAAT,+C,GAGMC,aAAY,CAAGN,EAAE,CAAC,iBAAD,C,CAcjBO,aAAa,CAAG,SAACC,CAAD,QACpBA,EAAW,CACRC,UADH,CACc,qBADd,CACqC,MADrC,EAEGA,UAFH,CAEc,KAFd,CAEqB,MAFrB,CADoB,C,CAKtB,MAAO,IAAMC,gBAA+C,CAAG,WAQzD,SAPJC,KAOI,CAPJA,CAOI,YAPI,EAOJ,OANJC,UAMI,CALJC,CAKI,GALJA,SAKI,CAJJC,CAII,GAJJA,QAII,CAHJC,CAGI,GAHJA,WAGI,CAFJC,CAEI,GAFJA,KAEI,KADJC,eACI,CADJA,CACI,YADc,iGACd,KACkCnB,QAAQ,CAAgB,IAAhB,CAD1C,uBACGoB,CADH,MACgBC,CADhB,QAEgDrB,QAAQ,CACzDiB,CAAD,EAA2BJ,CAD+B,CAFxD,uBAEGS,CAFH,MAEuBC,CAFvB,MAeEC,CAAa,CAAGzB,OAAO,CAAC,UAAM,OAC7BqB,EAD6B,CAK3BP,CAAK,CAACY,MAAN,CAAa,WAAc,IAAXC,EAAW,GAAXA,IAAW,CAChC,MAAOA,EAAI,CAACC,KAAL,CAAW,GAAIC,OAAJ,CAAWnB,aAAa,CAACW,CAAD,CAAxB,CAAuC,GAAvC,CAAX,CACR,CAFM,CAL2B,CAEzBP,CAMV,CAR4B,CAQ1B,CAACO,CAAD,CAAcP,CAAd,CAR0B,CAfzB,CA6BEgB,CAAa,CAAG9B,OAAO,CAC3B,iBAAMyB,EAAa,CAACM,MAAd,WAAyBR,CAAzB,WAAyBA,CAAzB,QAAyBA,CAAkB,CAAEQ,MAA7C,CAAN,CAD2B,CAE3B,CAACN,CAAD,CAAgBF,CAAhB,CAF2B,CA7BzB,CAkCES,CAAU,CAAGhC,OAAO,CACxB,yBAAMuB,CAAN,WAAMA,CAAN,QAAMA,CAAkB,CAAEQ,MAA1B,CADwB,CAExB,CAACR,CAAD,CAFwB,CAlCtB,CAuCJ,MACE,qBAAC,oBAAD,EACE,KAAK,CAAEJ,CADT,CAEE,QAAQ,CAAEF,CAFZ,CAGE,SAAS,CArCU,QAAjBgB,eAAiB,EAAM,CAC3BX,CAAc,CAAC,IAAD,CADa,CAE3BN,CAAS,CAAwB,IAAvB,GAAAO,CAAkB,CAAY,EAAZ,CAAiBA,CAApC,CACV,CA+BC,EAKG,eACC,oBAAC,SAAD,EACE,KAAK,CAAEF,CADT,CAEE,QAAQ,CAAEC,CAFZ,CAGE,QAAQ,CAAExB,iBAHZ,CAIE,IAAI,CAAC,GAJP,CAKE,WAAW,CAAC,4EALd,CAME,SAAS,CAAEW,YAAY,CAAC,WAAD,CANzB,EANJ,CAeE,2BAAK,SAAS,CAAEA,YAAY,CAAC,UAAD,CAA5B,EACE,oBAAC,MAAD,EACE,IAAI,CAAC,GADP,CAEE,IAAI,CAAC,QAFP,CAGE,IAAI,CAAC,OAHP,CAIE,KAAK,CAAC,+DAJR,CAKE,IAAI,CAAC,OALP,CAME,OAAO,CArCA,QAATyB,OAAS,EAAM,CACnBV,CAAqB,CAACC,CAAD,CACtB,CA6BK,CAOE,QAAQ,CAAE,CAACA,CAAa,CAACM,MAAf,EAAyBD,CAPrC,EADF,CAUE,oBAAC,MAAD,EACE,IAAI,CAAC,GADP,CAEE,IAAI,CAAC,OAFP,CAGE,IAAI,CAAC,QAHP,CAIE,KAAK,CAAC,kDAJR,CAKE,IAAI,CAAC,OALP,CAME,OAAO,CA5DM,QAAfK,aAAe,EAAM,CACzBX,CAAqB,CAAC,IAAD,CACtB,CAoDK,CAOE,QAAQ,CAAE,CAACC,CAAa,CAACM,MAAf,EAAyB,CAACC,CAPtC,EAVF,CAfF,CAmCE,2BAAK,SAAS,CAAEvB,YAAY,CAAC,YAAD,CAAe,CAACP,cAAc,EAAf,CAAf,CAA5B,EACGuB,CAAa,CAACM,MAAd,CACC,oBAAC,aAAD,EACE,KAAK,CAAEN,CADT,CAEE,KAAK,CAAEF,CAFT,CAGE,YAAY,CAAE,sBAACa,CAAD,QAAUA,EAAI,CAACT,IAAf,CAHhB,CAIE,QAAQ,CAAEH,CAJZ,CAKE,IAAI,CAAC,eALP,EADD,CASC,oBAAC,IAAD,EAAM,UAAU,CAAC,KAAjB,CAAuB,IAAI,CAAC,SAA5B,CAAsC,IAAI,CAAC,GAA3C,EACGJ,CADH,CAVJ,CAnCF,CAoDH,CApGM"}
+{"version":3,"file":"TableTextFilter.js","names":["IconSearchStroked","React","useMemo","useState","cnMixScrollBar","cn","Button","CheckboxGroup","Text","TextField","TableFilterContainer","cnTextFilter","sanitizeRegex","futureRegex","replaceAll","intersectArrays","one","other","filter","oneValue","value","some","otherValue","TableTextFilter","items","withSearch","onConfirm","onCancel","filterValue","title","emptySearchText","searchValue","setSearchValue","checkboxGroupValue","setCheckboxGroupValue","filteredItems","regex","RegExp","name","match","filteredAndChecked","isAllSelected","length","isSelected","confirmHandler","setAll","resetHandler","item"],"sources":["../../../../../../src/components/Table/TextFilter/TableTextFilter.tsx"],"sourcesContent":["import './TableTextFilter.css';\n\nimport { IconSearchStroked } from '@consta/icons/IconSearchStroked';\nimport React, { useMemo, useState } from 'react';\n\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { CheckboxGroup } from '../../CheckboxGroup';\nimport { Text } from '../../Text/Text';\nimport { TextField } from '../../TextField/TextField';\nimport { TableFilterContainer } from '../FilterContainer/TableFilterContainer';\nimport { FilterComponentProps } from '../filtering';\n\nconst cnTextFilter = cn('TableTextFilter');\n\ntype Item = {\n  name: string;\n  value: string;\n};\n\ntype TableTextFilterProps = FilterComponentProps & {\n  items?: Item[];\n  withSearch?: boolean;\n  title?: string;\n  emptySearchText?: string;\n};\n\nconst sanitizeRegex = (futureRegex: string): string =>\n  futureRegex\n    .replaceAll(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n    .replaceAll(/\\$/g, '$$$$');\n\nconst intersectArrays = (one: Item[], other: Item[]) =>\n  one.filter(({ value: oneValue }) =>\n    other.some(({ value: otherValue }) => oneValue === otherValue),\n  );\n\nexport const TableTextFilter: React.FC<TableTextFilterProps> = ({\n  items = [],\n  withSearch = false,\n  onConfirm,\n  onCancel,\n  filterValue,\n  title,\n  emptySearchText = 'Ничего не найдено :(',\n}) => {\n  const [searchValue, setSearchValue] = useState<string | null>(null);\n  const [checkboxGroupValue, setCheckboxGroupValue] = useState<Item[] | null>(\n    (filterValue as Item[]) || items,\n  );\n\n  const filteredItems = useMemo(() => {\n    if (!searchValue) {\n      return items;\n    }\n\n    const regex = new RegExp(sanitizeRegex(searchValue), 'i');\n\n    return items.filter(({ name }) => name.match(regex));\n  }, [searchValue, items]);\n\n  const setAll = () => {\n    setCheckboxGroupValue(filteredItems);\n  };\n\n  const filteredAndChecked = useMemo(\n    () => intersectArrays(filteredItems, checkboxGroupValue ?? []),\n    [filteredItems, checkboxGroupValue],\n  );\n\n  const isAllSelected = useMemo(\n    () => filteredItems.length === filteredAndChecked.length,\n    [filteredItems, filteredAndChecked],\n  );\n\n  const isSelected = useMemo(\n    () => filteredAndChecked.length,\n    [filteredAndChecked],\n  );\n\n  const confirmHandler = () => {\n    setSearchValue(null);\n    onConfirm(filteredAndChecked);\n  };\n\n  const resetHandler = () => {\n    setCheckboxGroupValue(null);\n  };\n\n  return (\n    <TableFilterContainer\n      title={title}\n      onCancel={onCancel}\n      onConfirm={confirmHandler}\n    >\n      {withSearch && (\n        <TextField\n          value={searchValue}\n          onChange={setSearchValue}\n          leftSide={IconSearchStroked}\n          size=\"s\"\n          placeholder=\"Найти в списке\"\n          className={cnTextFilter('Searchbar')}\n        />\n      )}\n      <div className={cnTextFilter('Controls')}>\n        <Button\n          size=\"m\"\n          type=\"button\"\n          form=\"brick\"\n          label=\"Выбрать все\"\n          view=\"clear\"\n          onClick={setAll}\n          disabled={!filteredItems.length || isAllSelected}\n        />\n        <Button\n          size=\"m\"\n          form=\"brick\"\n          type=\"button\"\n          label=\"Сбросить\"\n          view=\"clear\"\n          onClick={resetHandler}\n          disabled={!filteredItems.length || !isSelected}\n        />\n      </div>\n      <div className={cnTextFilter('Checkboxes', [cnMixScrollBar()])}>\n        {filteredItems.length ? (\n          <CheckboxGroup\n            items={filteredItems}\n            value={checkboxGroupValue}\n            getItemLabel={(item) => item.name}\n            onChange={setCheckboxGroupValue}\n            name=\"checkboxGroup\"\n          />\n        ) : (\n          <Text lineHeight=\"2xs\" view=\"primary\" size=\"m\">\n            {emptySearchText}\n          </Text>\n        )}\n      </div>\n    </TableFilterContainer>\n  );\n};\n"],"mappings":"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"}