@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15775036215.0

package/es/components/Table/ui/EditableCell/EditableCell.js

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useState } from 'react';
 import { flexRender } from '@tanstack/react-table';
 import { Resizer } from '../../Table.styles.js';
@@ -11,51 +10,42 @@ import { IconResetOutline } from '../../../_Icon/Icons/IconResetOutline.js';
 import { IconDoneCircleOutline } from '../../../_Icon/Icons/IconDoneCircleOutline.js';
 import { IconEditOutline } from '../../../_Icon/Icons/IconEditOutline.js';
 
-var _Resizer;
-var keys = {
+const keys = {
   Enter: 'Enter',
   Tab: 'Tab',
   Escape: 'Escape'
 };
-var EditableCell = function EditableCell(_ref) {
-  var _table$options$meta;
-  var size = _ref.size,
-    view = _ref.view,
-    cell = _ref.cell,
-    borderVariant = _ref.borderVariant,
-    table = _ref.table,
-    selected = _ref.selected;
-  var _useState = useState(cell.getValue()),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    editingMode = _useState4[0],
-    setEditingMode = _useState4[1];
-  var updateData = (_table$options$meta = table.options.meta) === null || _table$options$meta === void 0 ? void 0 : _table$options$meta.updateData;
-  var ref = useOutsideClick(function () {
+const EditableCell = ({
+  size,
+  view,
+  cell,
+  borderVariant,
+  table,
+  selected
+}) => {
+  const [value, setValue] = useState(cell.getValue());
+  const [editingMode, setEditingMode] = useState(false);
+  const updateData = table.options.meta?.updateData;
+  const ref = useOutsideClick(() => {
     setEditingMode(false);
   });
-  var handleEditClick = function handleEditClick(e) {
+  const handleEditClick = e => {
     e.stopPropagation();
     setEditingMode(true);
     setValue(cell.getValue());
   };
-  var handleChange = function handleChange(e) {
-    return setValue(e.target.value);
-  };
-  var handleReset = function handleReset() {
+  const handleChange = e => setValue(e.target.value);
+  const handleReset = () => {
     setValue(cell.getValue());
   };
-  var handleSubmit = function handleSubmit(e) {
+  const handleSubmit = e => {
     e.stopPropagation();
     if (updateData) {
       updateData(cell.row.id, cell.column.id, value);
     }
     setEditingMode(false);
   };
-  var handleKeyDown = function handleKeyDown(event) {
+  const handleKeyDown = event => {
     switch (event.code) {
       case keys.Enter:
         {
@@ -101,9 +91,9 @@ var EditableCell = function EditableCell(_ref) {
     size: "xs",
     className: classes.editIcon,
     color: "var(--text-secondary)"
-  }))), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React.createElement(Resizer, {
+  }))), cell.column.getIsResizing() && /*#__PURE__*/React.createElement(Resizer, {
     isResizing: true
-  }))));
+  }));
 };
 
 export { EditableCell };

package/es/components/Table/ui/EditableCell/EditableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { flexRender, Table, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { useOutsideClick } from '../../../../hooks';\nimport { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';\nimport { getIconSize } from '../HeadCell/HeadCell';\nimport { classes } from '../../Table.tokens';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport {\n    ContentWrapper,\n    Td,\n    IconDoneButton,\n    Input,\n    InnerWrapper,\n    InputWrapper,\n    EditModeWrapper,\n    IconResetButton,\n} from './EditableCell.styles';\n\nconst keys = {\n    Enter: 'Enter',\n    Tab: 'Tab',\n    Escape: 'Escape',\n};\n\ntype Props = {\n    size: TableProps['size'];\n    view: TableProps['view'];\n    cell: CellType<TableRowData, unknown>;\n    borderVariant: TableProps['borderVariant'];\n    selected: boolean;\n    table: Table<TableRowData>;\n};\n\nexport const EditableCell: React.FC<Props> = ({ size, view, cell, borderVariant, table, selected }) => {\n    const [value, setValue] = useState<string>(cell.getValue() as string);\n    const [editingMode, setEditingMode] = useState(false);\n\n    const updateData = table.options.meta?.updateData;\n\n    const ref = useOutsideClick<HTMLTableDataCellElement>(() => {\n        setEditingMode(false);\n    });\n\n    const handleEditClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n        e.stopPropagation();\n\n        setEditingMode(true);\n        setValue(cell.getValue() as string);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => setValue(e.target.value);\n\n    const handleReset = () => {\n        setValue(cell.getValue() as string);\n    };\n\n    const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n\n        if (updateData) {\n            updateData(cell.row.id, cell.column.id, value);\n        }\n        setEditingMode(false);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        switch (event.code) {\n            case keys.Enter: {\n                if (updateData) {\n                    updateData(cell.row.id, cell.column.id, value);\n                }\n\n                setEditingMode(false);\n\n                break;\n            }\n\n            case keys.Escape:\n            case keys.Tab: {\n                setEditingMode(false);\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            onClick={handleEditClick}\n            editingMode={editingMode}\n            selected={selected}\n            view={view}\n            ref={ref}\n        >\n            <InnerWrapper>\n                {editingMode ? (\n                    <EditModeWrapper>\n                        <InputWrapper>\n                            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                            <Input value={value} onChange={handleChange} autoFocus onKeyDown={handleKeyDown} />\n\n                            <IconResetButton onClick={handleReset} tabIndex={-1}>\n                                <IconResetOutline size={getIconSize(size)} />\n                            </IconResetButton>\n                        </InputWrapper>\n\n                        <IconDoneButton onClick={handleSubmit} tabIndex={-1}>\n                            <IconDoneCircleOutline size={getIconSize(size)} />\n                        </IconDoneButton>\n                    </EditModeWrapper>\n                ) : (\n                    <ContentWrapper>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n                        <IconEditOutline size=\"xs\" className={classes.editIcon} color=\"var(--text-secondary)\" />\n                    </ContentWrapper>\n                )}\n            </InnerWrapper>\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["keys","Enter","Tab","Escape","EditableCell","_ref","_table$options$meta","size","view","cell","borderVariant","table","selected","_useState","useState","getValue","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","editingMode","setEditingMode","updateData","options","meta","ref","useOutsideClick","handleEditClick","e","stopPropagation","handleChange","target","handleReset","handleSubmit","row","id","column","handleKeyDown","event","code","React","createElement","Td","key","selectionCell","SELECT_COLUMN_ID","onClick","InnerWrapper","EditModeWrapper","InputWrapper","Input","onChange","autoFocus","onKeyDown","IconResetButton","tabIndex","IconResetOutline","getIconSize","IconDoneButton","IconDoneCircleOutline","ContentWrapper","flexRender","columnDef","getContext","IconEditOutline","className","classes","editIcon","color","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":"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"}
+{"version":3,"file":"EditableCell.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { flexRender, Table, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { useOutsideClick } from '../../../../hooks';\nimport { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';\nimport { getIconSize } from '../HeadCell/HeadCell';\nimport { classes } from '../../Table.tokens';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport {\n    ContentWrapper,\n    Td,\n    IconDoneButton,\n    Input,\n    InnerWrapper,\n    InputWrapper,\n    EditModeWrapper,\n    IconResetButton,\n} from './EditableCell.styles';\n\nconst keys = {\n    Enter: 'Enter',\n    Tab: 'Tab',\n    Escape: 'Escape',\n};\n\ntype Props = {\n    size: TableProps['size'];\n    view: TableProps['view'];\n    cell: CellType<TableRowData, unknown>;\n    borderVariant: TableProps['borderVariant'];\n    selected: boolean;\n    table: Table<TableRowData>;\n};\n\nexport const EditableCell: React.FC<Props> = ({ size, view, cell, borderVariant, table, selected }) => {\n    const [value, setValue] = useState<string>(cell.getValue() as string);\n    const [editingMode, setEditingMode] = useState(false);\n\n    const updateData = table.options.meta?.updateData;\n\n    const ref = useOutsideClick<HTMLTableDataCellElement>(() => {\n        setEditingMode(false);\n    });\n\n    const handleEditClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n        e.stopPropagation();\n\n        setEditingMode(true);\n        setValue(cell.getValue() as string);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => setValue(e.target.value);\n\n    const handleReset = () => {\n        setValue(cell.getValue() as string);\n    };\n\n    const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n\n        if (updateData) {\n            updateData(cell.row.id, cell.column.id, value);\n        }\n        setEditingMode(false);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        switch (event.code) {\n            case keys.Enter: {\n                if (updateData) {\n                    updateData(cell.row.id, cell.column.id, value);\n                }\n\n                setEditingMode(false);\n\n                break;\n            }\n\n            case keys.Escape:\n            case keys.Tab: {\n                setEditingMode(false);\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            onClick={handleEditClick}\n            editingMode={editingMode}\n            selected={selected}\n            view={view}\n            ref={ref}\n        >\n            <InnerWrapper>\n                {editingMode ? (\n                    <EditModeWrapper>\n                        <InputWrapper>\n                            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                            <Input value={value} onChange={handleChange} autoFocus onKeyDown={handleKeyDown} />\n\n                            <IconResetButton onClick={handleReset} tabIndex={-1}>\n                                <IconResetOutline size={getIconSize(size)} />\n                            </IconResetButton>\n                        </InputWrapper>\n\n                        <IconDoneButton onClick={handleSubmit} tabIndex={-1}>\n                            <IconDoneCircleOutline size={getIconSize(size)} />\n                        </IconDoneButton>\n                    </EditModeWrapper>\n                ) : (\n                    <ContentWrapper>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n                        <IconEditOutline size=\"xs\" className={classes.editIcon} color=\"var(--text-secondary)\" />\n                    </ContentWrapper>\n                )}\n            </InnerWrapper>\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["keys","Enter","Tab","Escape","EditableCell","size","view","cell","borderVariant","table","selected","value","setValue","useState","getValue","editingMode","setEditingMode","updateData","options","meta","ref","useOutsideClick","handleEditClick","e","stopPropagation","handleChange","target","handleReset","handleSubmit","row","id","column","handleKeyDown","event","code","React","createElement","Td","key","selectionCell","SELECT_COLUMN_ID","onClick","InnerWrapper","EditModeWrapper","InputWrapper","Input","onChange","autoFocus","onKeyDown","IconResetButton","tabIndex","IconResetOutline","getIconSize","IconDoneButton","IconDoneCircleOutline","ContentWrapper","flexRender","columnDef","getContext","IconEditOutline","className","classes","editIcon","color","getIsResizing","Resizer","isResizing"],"mappings":"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"}

package/es/components/Table/ui/EditableCell/EditableCell.styles.js

@@ -1,87 +1,72 @@
 import './EditableCell.styles_1g3clv2.css';
 import { styled } from '@linaria/react';
 import { tableTokens } from '../../Table.tokens.js';
-import { component, mergeConfig } from '../../../../engines/common.js';
+import { mergeConfig, component } from '../../../../engines/common.js';
 import { iconButtonConfig } from '../../../IconButton/IconButton.js';
 
-var mergedIndicatorConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
-var IconButton = /*#__PURE__*/component(mergedIndicatorConfig);
-var _exp = function _exp() {
-  return function (_ref) {
-    var selectionCell = _ref.selectionCell,
-      editingMode = _ref.editingMode;
-    return (
-      // eslint-disable-next-line no-nested-ternary
-      editingMode ? "var(".concat(tableTokens.editableCellPadding, ")") : selectionCell ? "var(".concat(tableTokens.checkboxCellPadding, ")") : "var(".concat(tableTokens.cellPadding, ")")
-    );
-  };
-};
-var _exp3 = function _exp3() {
-  return function (_ref2) {
-    var selected = _ref2.selected,
-      borderVariant = _ref2.borderVariant,
-      view = _ref2.view;
-    return (
-      // eslint-disable-next-line no-nested-ternary
-      borderVariant === 'all' && view !== 'clear' ? "var(".concat(tableTokens.borderColor, ")") : selected ? 'var(--surface-transparent-accent)' : 'transparent'
-    );
-  };
-};
-var _exp4 = function _exp4() {
-  return function (_ref3) {
-    var borderVariant = _ref3.borderVariant;
-    return borderVariant === 'all' || borderVariant === 'rows' ? "var(".concat(tableTokens.borderColor, ")") : 'transparent';
-  };
-};
-var Td = /*#__PURE__*/styled('td')({
+const mergedIndicatorConfig = mergeConfig(iconButtonConfig);
+const IconButton = component(mergedIndicatorConfig);
+const _exp = /*#__PURE__*/() => ({
+  selectionCell,
+  editingMode
+}) =>
+// eslint-disable-next-line no-nested-ternary
+editingMode ? `var(${tableTokens.editableCellPadding})` : selectionCell ? `var(${tableTokens.checkboxCellPadding})` : `var(${tableTokens.cellPadding})`;
+const _exp3 = /*#__PURE__*/() => ({
+  selected,
+  borderVariant,
+  view
+}) =>
+// eslint-disable-next-line no-nested-ternary
+borderVariant === 'all' && view !== 'clear' ? `var(${tableTokens.borderColor})` : selected ? 'var(--surface-transparent-accent)' : 'transparent';
+const _exp4 = /*#__PURE__*/() => ({
+  borderVariant
+}) => borderVariant === 'all' || borderVariant === 'rows' ? `var(${tableTokens.borderColor})` : 'transparent';
+const Td = /*#__PURE__*/styled('td')({
   name: "Td",
-  "class": "t12w3lu5",
+  class: "t12w3lu5",
   propsAsIs: false,
   vars: {
-    "t12w3lu5-0": [/*#__PURE__*/_exp()],
-    "t12w3lu5-1": [/*#__PURE__*/_exp3()],
-    "t12w3lu5-2": [/*#__PURE__*/_exp4()]
+    "t12w3lu5-0": [_exp()],
+    "t12w3lu5-1": [_exp3()],
+    "t12w3lu5-2": [_exp4()]
   }
 });
-var InnerWrapper = /*#__PURE__*/styled('div')({
+const InnerWrapper = /*#__PURE__*/styled('div')({
   name: "InnerWrapper",
-  "class": "idy8fgn",
+  class: "idy8fgn",
   propsAsIs: false
 });
-var ContentWrapper = /*#__PURE__*/styled('div')({
+const ContentWrapper = /*#__PURE__*/styled('div')({
   name: "ContentWrapper",
-  "class": "cwrhll2",
+  class: "cwrhll2",
   propsAsIs: false
 });
-var EditModeWrapper = /*#__PURE__*/styled('div')({
+const EditModeWrapper = /*#__PURE__*/styled('div')({
   name: "EditModeWrapper",
-  "class": "e1dkea5v",
+  class: "e1dkea5v",
   propsAsIs: false
 });
-var InputWrapper = /*#__PURE__*/styled('div')({
+const InputWrapper = /*#__PURE__*/styled('div')({
   name: "InputWrapper",
-  "class": "i1uj28nu",
+  class: "i1uj28nu",
   propsAsIs: false
 });
-var Input = /*#__PURE__*/styled('input')({
+const Input = /*#__PURE__*/styled('input')({
   name: "Input",
-  "class": "i1c7bo0z",
+  class: "i1c7bo0z",
   propsAsIs: false
 });
-var _exp19 = function _exp19() {
-  return IconButton;
-};
-var IconDoneButton = /*#__PURE__*/styled(_exp19())({
+const _exp19 = /*#__PURE__*/() => IconButton;
+const IconDoneButton = /*#__PURE__*/styled(_exp19())({
   name: "IconDoneButton",
-  "class": "i1jx30pt",
+  class: "i1jx30pt",
   propsAsIs: true
 });
-var _exp24 = function _exp24() {
-  return IconButton;
-};
-var IconResetButton = /*#__PURE__*/styled(_exp24())({
+const _exp24 = /*#__PURE__*/() => IconButton;
+const IconResetButton = /*#__PURE__*/styled(_exp24())({
   name: "IconResetButton",
-  "class": "i17hwnh4",
+  class: "i17hwnh4",
   propsAsIs: true
 });
 

package/es/components/Table/ui/EditableCell/EditableCell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.styles.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { TableProps } from '../../Table.types';\nimport { tableTokens as tokens, classes } from '../../Table.tokens';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\n\nconst mergedIndicatorConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIndicatorConfig);\n\nexport const Td = styled.td<{\n    borderVariant: TableProps['borderVariant'];\n    editingMode: boolean;\n    selectionCell?: boolean;\n    selected?: boolean;\n    view?: TableProps['view'];\n}>`\n    position: relative;\n    padding: ${({ selectionCell, editingMode }) =>\n        // eslint-disable-next-line no-nested-ternary\n        editingMode\n            ? `var(${tokens.editableCellPadding})`\n            : selectionCell\n            ? `var(${tokens.checkboxCellPadding})`\n            : `var(${tokens.cellPadding})`};\n    height: var(${tokens.rowHeight});\n    border-width: 0.0625rem;\n    border-top-width: 0;\n    border-style: solid;\n    border-color: ${({ selected, borderVariant, view }) =>\n        // eslint-disable-next-line no-nested-ternary\n        borderVariant === 'all' && view !== 'clear'\n            ? `var(${tokens.borderColor})`\n            : selected\n            ? 'var(--surface-transparent-accent)'\n            : 'transparent'};\n    border-bottom-color: ${({ borderVariant }) =>\n        borderVariant === 'all' || borderVariant === 'rows' ? `var(${tokens.borderColor})` : 'transparent'};\n    cursor: pointer;\n    box-sizing: border-box;\n\n    & .${classes.editIcon} {\n        opacity: 0;\n    }\n\n    &:hover .${classes.editIcon} {\n        opacity: 1;\n    }\n`;\n\nexport const InnerWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    height: 100%;\n`;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n`;\n\nexport const EditModeWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(${tokens.editableCellPadding});\n    height: 100%;\n`;\n\nexport const InputWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    height: 100%;\n    flex: 1;\n    padding: var(${tokens.editableCellInputPadding});\n    background: var(${tokens.editableCellInputBackground});\n    border: 0.0625rem solid var(${tokens.editableCellInputBorderColor});\n    border-radius: var(${tokens.editableCellInputBorderRadius});\n    box-sizing: border-box;\n    gap: var(${tokens.editableCellIconGap});\n`;\n\nexport const Input = styled.input`\n    width: auto;\n    border: none;\n    padding: 0;\n    background: transparent;\n    outline: none;\n    caret-color: var(--text-accent);\n    color: var(--text-primary);\n\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.letterSpacing});\n    line-height: var(${tokens.lineHeight});\n`;\n\nexport const IconDoneButton = styled(IconButton)`\n    ${iconButtonTokens.iconButtonWidth}: var(${tokens.editableCellIconButtonWidth});\n    ${iconButtonTokens.iconButtonHeight}: var(${tokens.editableCellIconButtonHeight});\n`;\n\nexport const IconResetButton = styled(IconButton)`\n    ${iconButtonTokens.iconButtonWidth}: auto;\n    ${iconButtonTokens.iconButtonHeight}: auto;\n`;\n"],"names":["mergedIndicatorConfig","mergeConfig","iconButtonConfig","IconButton","component","_exp","_ref","selectionCell","editingMode","concat","tokens","editableCellPadding","checkboxCellPadding","cellPadding","_exp3","_ref2","selected","borderVariant","view","borderColor","_exp4","_ref3","Td","styled","name","class","propsAsIs","vars","InnerWrapper","ContentWrapper","EditModeWrapper","InputWrapper","Input","_exp19","IconDoneButton","_exp24","IconResetButton"],"mappings":"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"}
+{"version":3,"file":"EditableCell.styles.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { TableProps } from '../../Table.types';\nimport { tableTokens as tokens, classes } from '../../Table.tokens';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\n\nconst mergedIndicatorConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIndicatorConfig);\n\nexport const Td = styled.td<{\n    borderVariant: TableProps['borderVariant'];\n    editingMode: boolean;\n    selectionCell?: boolean;\n    selected?: boolean;\n    view?: TableProps['view'];\n}>`\n    position: relative;\n    padding: ${({ selectionCell, editingMode }) =>\n        // eslint-disable-next-line no-nested-ternary\n        editingMode\n            ? `var(${tokens.editableCellPadding})`\n            : selectionCell\n            ? `var(${tokens.checkboxCellPadding})`\n            : `var(${tokens.cellPadding})`};\n    height: var(${tokens.rowHeight});\n    border-width: 0.0625rem;\n    border-top-width: 0;\n    border-style: solid;\n    border-color: ${({ selected, borderVariant, view }) =>\n        // eslint-disable-next-line no-nested-ternary\n        borderVariant === 'all' && view !== 'clear'\n            ? `var(${tokens.borderColor})`\n            : selected\n            ? 'var(--surface-transparent-accent)'\n            : 'transparent'};\n    border-bottom-color: ${({ borderVariant }) =>\n        borderVariant === 'all' || borderVariant === 'rows' ? `var(${tokens.borderColor})` : 'transparent'};\n    cursor: pointer;\n    box-sizing: border-box;\n\n    & .${classes.editIcon} {\n        opacity: 0;\n    }\n\n    &:hover .${classes.editIcon} {\n        opacity: 1;\n    }\n`;\n\nexport const InnerWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    height: 100%;\n`;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n`;\n\nexport const EditModeWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(${tokens.editableCellPadding});\n    height: 100%;\n`;\n\nexport const InputWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    height: 100%;\n    flex: 1;\n    padding: var(${tokens.editableCellInputPadding});\n    background: var(${tokens.editableCellInputBackground});\n    border: 0.0625rem solid var(${tokens.editableCellInputBorderColor});\n    border-radius: var(${tokens.editableCellInputBorderRadius});\n    box-sizing: border-box;\n    gap: var(${tokens.editableCellIconGap});\n`;\n\nexport const Input = styled.input`\n    width: auto;\n    border: none;\n    padding: 0;\n    background: transparent;\n    outline: none;\n    caret-color: var(--text-accent);\n    color: var(--text-primary);\n\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.letterSpacing});\n    line-height: var(${tokens.lineHeight});\n`;\n\nexport const IconDoneButton = styled(IconButton)`\n    ${iconButtonTokens.iconButtonWidth}: var(${tokens.editableCellIconButtonWidth});\n    ${iconButtonTokens.iconButtonHeight}: var(${tokens.editableCellIconButtonHeight});\n`;\n\nexport const IconResetButton = styled(IconButton)`\n    ${iconButtonTokens.iconButtonWidth}: auto;\n    ${iconButtonTokens.iconButtonHeight}: auto;\n`;\n"],"names":["mergedIndicatorConfig","mergeConfig","iconButtonConfig","IconButton","component","_exp","selectionCell","editingMode","tokens","editableCellPadding","checkboxCellPadding","cellPadding","_exp3","selected","borderVariant","view","borderColor","_exp4","Td","styled","name","class","propsAsIs","vars","InnerWrapper","ContentWrapper","EditModeWrapper","InputWrapper","Input","_exp19","IconDoneButton","_exp24","IconResetButton"],"mappings":";;;;;AAOA,MAAMA,qBAAqB,GAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;AAC3D,MAAMC,UAAU,GAAGC,SAAS,CAACJ,qBAAqB,CAAC,CAAA;AAAC,MAAAK,IAAA,gBAPlCA,MAiBH,CAAC;EAAEC,aAAa;AAAEC,EAAAA,WAAAA;AAAY,CAAC;AACtC;AACAA,WAAW,GACL,CAAOC,IAAAA,EAAAA,WAAM,CAACC,mBAAmB,CAAA,CAAA,CAAG,GACpCH,aAAa,GACb,OAAOE,WAAM,CAACE,mBAAmB,CAAG,CAAA,CAAA,GACpC,OAAOF,WAAM,CAACG,WAAW,CAAG,CAAA,CAAA,CAAA;AAAA,MAAAC,KAAA,gBAvBxBA,MA4BE,CAAC;EAAEC,QAAQ;EAAEC,aAAa;AAAEC,EAAAA,IAAAA;AAAK,CAAC;AAC9C;AACAD,aAAa,KAAK,KAAK,IAAIC,IAAI,KAAK,OAAO,GACrC,CAAA,IAAA,EAAOP,WAAM,CAACQ,WAAW,CAAG,CAAA,CAAA,GAC5BH,QAAQ,GACR,mCAAmC,GACnC,aAAa,CAAA;AAAA,MAAAI,KAAA,gBAlCTA,MAmCS,CAAC;AAAEH,EAAAA,aAAAA;AAAc,CAAC,KACrCA,aAAa,KAAK,KAAK,IAAIA,aAAa,KAAK,MAAM,GAAG,OAAON,WAAM,CAACQ,WAAW,CAAA,CAAA,CAAG,GAAG,aAAa,CAAA;AA3BnG,MAAME,EAAE,gBAAGC,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,CAQTlB,IAM2B,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,CAKtBO,KAMO,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,CACAK,KAC+E,EAAA,CAAA;AAAA,GAAA;AAAA,CAWzG,EAAA;AAEM,MAAMO,YAAY,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC,EAAA;AAEM,MAAMG,cAAc,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAInC,EAAA;AAEM,MAAMI,eAAe,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMpC,EAAA;AAEM,MAAMK,YAAY,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWjC,EAAA;AAEM,MAAMM,KAAK,gBAAGT,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAe1B,EAAA;AAAC,MAAAO,MAAA,gBAnGgBA,MAqGmB1B,UAAU,CAAA;AAAxC,MAAM2B,cAAc,gBAAGX,MAAM,CAAAU,MAAA,EAAA,CAAA,CAAA;AAAAT,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGnC,EAAA;AAAC,MAAAS,MAAA,gBAxGgBA,MA0GoB5B,UAAU,CAAA;AAAzC,MAAM6B,eAAe,gBAAGb,MAAM,CAAAY,MAAA,EAAA,CAAA,CAAA;AAAAX,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGpC;;;;"}

package/es/components/Table/ui/HeadCell/HeadCell.js

@@ -9,18 +9,19 @@ import { IconArrowUp } from '../../../_Icon/Icons/IconArrowUp.js';
 import { IconArrowDown } from '../../../_Icon/Icons/IconArrowDown.js';
 import { IconSwapVert } from '../../../_Icon/Icons/IconSwapVert.js';
 
-var getIconSize = function getIconSize(size) {
+const getIconSize = size => {
   return size === 's' ? 'xs' : 's';
 };
-var HeadCell = function HeadCell(_ref) {
-  var _header$column, _asc$desc;
-  var header = _ref.header,
-    size = _ref.size,
-    borderVariant = _ref.borderVariant,
-    outerFiltered = _ref.outerFiltered,
-    tableContainerRef = _ref.tableContainerRef;
-  var _ref2 = (header === null || header === void 0 || (_header$column = header.column) === null || _header$column === void 0 || (_header$column = _header$column.columnDef) === null || _header$column === void 0 ? void 0 : _header$column.meta) || {},
-    filters = _ref2.filters;
+const HeadCell = ({
+  header,
+  size,
+  borderVariant,
+  outerFiltered,
+  tableContainerRef
+}) => {
+  const {
+    filters
+  } = header?.column?.columnDef?.meta || {};
   return /*#__PURE__*/React.createElement(Th, {
     key: header.id,
     colSpan: header.colSpan,
@@ -36,7 +37,7 @@ var HeadCell = function HeadCell(_ref) {
     tableContainerRef: tableContainerRef
   }), header.column.getCanSort() && /*#__PURE__*/React.createElement(IconWrapper, {
     onClick: header.column.getToggleSortingHandler()
-  }, (_asc$desc = {
+  }, {
     asc: /*#__PURE__*/React.createElement(IconArrowUp, {
       size: getIconSize(size),
       className: classes.sortingAscIcon
@@ -45,7 +46,7 @@ var HeadCell = function HeadCell(_ref) {
       size: getIconSize(size),
       className: classes.sortingDescIcon
     })
-  }[header.column.getIsSorted()]) !== null && _asc$desc !== void 0 ? _asc$desc : /*#__PURE__*/React.createElement(IconSwapVert, {
+  }[header.column.getIsSorted()] ?? /*#__PURE__*/React.createElement(IconSwapVert, {
     size: getIconSize(size),
     className: classes.sortingDefaultIcon
   }))))), header.column.getCanResize() && /*#__PURE__*/React.createElement(Resizer, {

package/es/components/Table/ui/HeadCell/HeadCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadCell.js","sources":["../../../../../src/components/Table/ui/HeadCell/HeadCell.tsx"],"sourcesContent":["import { flexRender, Header } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Th, Resizer } from '../../Table.styles';\nimport { IconSwapVert, IconArrowDown, IconArrowUp } from '../../../_Icon';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { TableProps, TableRowData } from '../../Table.types';\nimport { classes } from '../../Table.tokens';\n\nimport { ControlButtons, ThWrapper, IconWrapper } from './HeadCell.styles';\nimport { Filter } from './ui/Filter/Filter';\n\nexport const getIconSize = (size?: string) => {\n    return size === 's' ? 'xs' : 's';\n};\n\ntype Props = {\n    borderVariant: TableProps['borderVariant'];\n    size: TableProps['size'];\n    header: Header<TableRowData, unknown>;\n    outerFiltered: TableProps['filtered'];\n    tableContainerRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const HeadCell: React.FC<Props> = ({ header, size, borderVariant, outerFiltered, tableContainerRef }) => {\n    const { filters } = header?.column?.columnDef?.meta || {};\n\n    return (\n        <Th\n            key={header.id}\n            colSpan={header.colSpan}\n            borderVariant={borderVariant}\n            selectionCell={header.column.id === SELECT_COLUMN_ID}\n            style={header.column.id !== SELECT_COLUMN_ID ? { width: header.getSize() } : undefined}\n        >\n            {header.isPlaceholder ? null : (\n                <>\n                    <ThWrapper>\n                        {flexRender(header.column.columnDef.header, header.getContext())}\n\n                        {header.column.id !== SELECT_COLUMN_ID && (\n                            <ControlButtons>\n                                {filters && (\n                                    <Filter\n                                        header={header}\n                                        size={size}\n                                        outerFiltered={outerFiltered}\n                                        tableContainerRef={tableContainerRef}\n                                    />\n                                )}\n\n                                {header.column.getCanSort() && (\n                                    <IconWrapper onClick={header.column.getToggleSortingHandler()}>\n                                        {{\n                                            asc: (\n                                                <IconArrowUp\n                                                    size={getIconSize(size)}\n                                                    className={classes.sortingAscIcon}\n                                                />\n                                            ),\n                                            desc: (\n                                                <IconArrowDown\n                                                    size={getIconSize(size)}\n                                                    className={classes.sortingDescIcon}\n                                                />\n                                            ),\n                                        }[header.column.getIsSorted() as string] ?? (\n                                            <IconSwapVert\n                                                size={getIconSize(size)}\n                                                className={classes.sortingDefaultIcon}\n                                            />\n                                        )}\n                                    </IconWrapper>\n                                )}\n                            </ControlButtons>\n                        )}\n                    </ThWrapper>\n                </>\n            )}\n            {header.column.getCanResize() && (\n                <Resizer\n                    className={classes.resizeDivider}\n                    onMouseDown={header.getResizeHandler()}\n                    onTouchStart={header.getResizeHandler()}\n                    isResizing={header.column.getIsResizing()}\n                />\n            )}\n        </Th>\n    );\n};\n"],"names":["getIconSize","size","HeadCell","_ref","_header$column","_asc$desc","header","borderVariant","outerFiltered","tableContainerRef","_ref2","column","columnDef","meta","filters","React","createElement","Th","key","id","colSpan","selectionCell","SELECT_COLUMN_ID","style","width","getSize","undefined","isPlaceholder","Fragment","ThWrapper","flexRender","getContext","ControlButtons","Filter","getCanSort","IconWrapper","onClick","getToggleSortingHandler","asc","IconArrowUp","className","classes","sortingAscIcon","desc","IconArrowDown","sortingDescIcon","getIsSorted","IconSwapVert","sortingDefaultIcon","getCanResize","Resizer","resizeDivider","onMouseDown","getResizeHandler","onTouchStart","isResizing","getIsResizing"],"mappings":"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"}
+{"version":3,"file":"HeadCell.js","sources":["../../../../../src/components/Table/ui/HeadCell/HeadCell.tsx"],"sourcesContent":["import { flexRender, Header } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Th, Resizer } from '../../Table.styles';\nimport { IconSwapVert, IconArrowDown, IconArrowUp } from '../../../_Icon';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { TableProps, TableRowData } from '../../Table.types';\nimport { classes } from '../../Table.tokens';\n\nimport { ControlButtons, ThWrapper, IconWrapper } from './HeadCell.styles';\nimport { Filter } from './ui/Filter/Filter';\n\nexport const getIconSize = (size?: string) => {\n    return size === 's' ? 'xs' : 's';\n};\n\ntype Props = {\n    borderVariant: TableProps['borderVariant'];\n    size: TableProps['size'];\n    header: Header<TableRowData, unknown>;\n    outerFiltered: TableProps['filtered'];\n    tableContainerRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const HeadCell: React.FC<Props> = ({ header, size, borderVariant, outerFiltered, tableContainerRef }) => {\n    const { filters } = header?.column?.columnDef?.meta || {};\n\n    return (\n        <Th\n            key={header.id}\n            colSpan={header.colSpan}\n            borderVariant={borderVariant}\n            selectionCell={header.column.id === SELECT_COLUMN_ID}\n            style={header.column.id !== SELECT_COLUMN_ID ? { width: header.getSize() } : undefined}\n        >\n            {header.isPlaceholder ? null : (\n                <>\n                    <ThWrapper>\n                        {flexRender(header.column.columnDef.header, header.getContext())}\n\n                        {header.column.id !== SELECT_COLUMN_ID && (\n                            <ControlButtons>\n                                {filters && (\n                                    <Filter\n                                        header={header}\n                                        size={size}\n                                        outerFiltered={outerFiltered}\n                                        tableContainerRef={tableContainerRef}\n                                    />\n                                )}\n\n                                {header.column.getCanSort() && (\n                                    <IconWrapper onClick={header.column.getToggleSortingHandler()}>\n                                        {{\n                                            asc: (\n                                                <IconArrowUp\n                                                    size={getIconSize(size)}\n                                                    className={classes.sortingAscIcon}\n                                                />\n                                            ),\n                                            desc: (\n                                                <IconArrowDown\n                                                    size={getIconSize(size)}\n                                                    className={classes.sortingDescIcon}\n                                                />\n                                            ),\n                                        }[header.column.getIsSorted() as string] ?? (\n                                            <IconSwapVert\n                                                size={getIconSize(size)}\n                                                className={classes.sortingDefaultIcon}\n                                            />\n                                        )}\n                                    </IconWrapper>\n                                )}\n                            </ControlButtons>\n                        )}\n                    </ThWrapper>\n                </>\n            )}\n            {header.column.getCanResize() && (\n                <Resizer\n                    className={classes.resizeDivider}\n                    onMouseDown={header.getResizeHandler()}\n                    onTouchStart={header.getResizeHandler()}\n                    isResizing={header.column.getIsResizing()}\n                />\n            )}\n        </Th>\n    );\n};\n"],"names":["getIconSize","size","HeadCell","header","borderVariant","outerFiltered","tableContainerRef","filters","column","columnDef","meta","React","createElement","Th","key","id","colSpan","selectionCell","SELECT_COLUMN_ID","style","width","getSize","undefined","isPlaceholder","Fragment","ThWrapper","flexRender","getContext","ControlButtons","Filter","getCanSort","IconWrapper","onClick","getToggleSortingHandler","asc","IconArrowUp","className","classes","sortingAscIcon","desc","IconArrowDown","sortingDescIcon","getIsSorted","IconSwapVert","sortingDefaultIcon","getCanResize","Resizer","resizeDivider","onMouseDown","getResizeHandler","onTouchStart","isResizing","getIsResizing"],"mappings":"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"}

package/es/components/Table/ui/HeadCell/HeadCell.styles.js

@@ -1,19 +1,19 @@
 import './HeadCell.styles_155gsrn.css';
 import { styled } from '@linaria/react';
 
-var ControlButtons = /*#__PURE__*/styled('div')({
+const ControlButtons = /*#__PURE__*/styled('div')({
   name: "ControlButtons",
-  "class": "c14eoxb5",
+  class: "c14eoxb5",
   propsAsIs: false
 });
-var ThWrapper = /*#__PURE__*/styled('div')({
+const ThWrapper = /*#__PURE__*/styled('div')({
   name: "ThWrapper",
-  "class": "t1179z8p",
+  class: "t1179z8p",
   propsAsIs: false
 });
-var IconWrapper = /*#__PURE__*/styled('div')({
+const IconWrapper = /*#__PURE__*/styled('div')({
   name: "IconWrapper",
-  "class": "iy1msq1",
+  class: "iy1msq1",
   propsAsIs: false
 });
 

package/es/components/Table/ui/HeadCell/HeadCell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadCell.styles.js","sources":["../../../../../src/components/Table/ui/HeadCell/HeadCell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport const ControlButtons = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n`;\n\nexport const ThWrapper = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n`;\n\nexport const IconWrapper = styled.div`\n    line-height: 0;\n    cursor: pointer;\n    user-select: none;\n`;\n"],"names":["ControlButtons","styled","name","class","propsAsIs","ThWrapper","IconWrapper"],"mappings":";;AAEO,IAAMA,cAAc,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKnC,EAAA;AAEM,IAAMC,SAAS,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK9B,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIhC;;;;"}
+{"version":3,"file":"HeadCell.styles.js","sources":["../../../../../src/components/Table/ui/HeadCell/HeadCell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport const ControlButtons = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n`;\n\nexport const ThWrapper = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n`;\n\nexport const IconWrapper = styled.div`\n    line-height: 0;\n    cursor: pointer;\n    user-select: none;\n`;\n"],"names":["ControlButtons","styled","name","class","propsAsIs","ThWrapper","IconWrapper"],"mappings":";;AAEO,MAAMA,cAAc,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKnC,EAAA;AAEM,MAAMC,SAAS,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK9B,EAAA;AAEM,MAAME,WAAW,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIhC;;;;"}

package/es/components/Table/ui/HeadCell/ui/Filter/Filter.js

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useState } from 'react';
 import { getIconSize } from '../../HeadCell.js';
 import { LinkButton, ButtonAccent } from '../../../../Table.styles.js';
@@ -7,8 +6,7 @@ import { Select, IconFilterWrapper, StyledIndicator, StyledDivider, ControlPanel
 import { useDidMountEffect } from '../../../../../../hooks/useDidMountEffect.js';
 import { IconFilterFunnel } from '../../../../../_Icon/Icons/IconFilterFunnel.js';
 
-var _StyledIndicator, _StyledDivider;
-var getSelectWidth = function getSelectWidth(size) {
+const getSelectWidth = size => {
   switch (size) {
     case 'l':
       {
@@ -28,35 +26,33 @@ var getSelectWidth = function getSelectWidth(size) {
       }
   }
 };
-var isFilterChanged = function isFilterChanged(outerFiltered, localFiltered) {
-  return outerFiltered.length !== localFiltered.length || new Set([].concat(_toConsumableArray(outerFiltered), _toConsumableArray(localFiltered))).size !== outerFiltered.length;
+const isFilterChanged = (outerFiltered, localFiltered) => {
+  return outerFiltered.length !== localFiltered.length || new Set([...outerFiltered, ...localFiltered]).size !== outerFiltered.length;
 };
-var Filter = function Filter(_ref) {
-  var _header$column;
-  var header = _ref.header,
-    size = _ref.size,
-    outerFiltered = _ref.outerFiltered,
-    tableContainerRef = _ref.tableContainerRef;
-  var filtered = header.column.getFilterValue() || [];
-  var _useState = useState(filtered || []),
-    _useState2 = _slicedToArray(_useState, 2),
-    localFiltered = _useState2[0],
-    setLocalFiltered = _useState2[1];
-  var _ref2 = (header === null || header === void 0 || (_header$column = header.column) === null || _header$column === void 0 || (_header$column = _header$column.columnDef) === null || _header$column === void 0 ? void 0 : _header$column.meta) || {},
-    filters = _ref2.filters;
-  var isDisabled = !isFilterChanged(filtered, localFiltered);
-  var handleFilterSubmit = function handleFilterSubmit() {
+const Filter = ({
+  header,
+  size,
+  outerFiltered,
+  tableContainerRef
+}) => {
+  const filtered = header.column.getFilterValue() || [];
+  const [localFiltered, setLocalFiltered] = useState(filtered || []);
+  const {
+    filters
+  } = header?.column?.columnDef?.meta || {};
+  const isDisabled = !isFilterChanged(filtered, localFiltered);
+  const handleFilterSubmit = () => {
     header.column.setFilterValue(localFiltered);
   };
-  var handleReset = function handleReset() {
+  const handleReset = () => {
     setLocalFiltered([]);
   };
-  var handleToggle = function handleToggle(opened) {
+  const handleToggle = opened => {
     if (!opened) {
       setLocalFiltered(header.column.getFilterValue() || []);
     }
   };
-  useDidMountEffect(function () {
+  useDidMountEffect(() => {
     setLocalFiltered(filtered);
   }, [outerFiltered]);
   return /*#__PURE__*/React.createElement(Select
@@ -67,23 +63,21 @@ var Filter = function Filter(_ref) {
     multiselect: true,
     value: localFiltered,
     onChange: setLocalFiltered,
-    renderTarget: function renderTarget() {
-      return /*#__PURE__*/React.createElement(IconFilterWrapper, null, /*#__PURE__*/React.createElement(IconFilterFunnel, {
-        size: getIconSize(size),
-        className: classes.filterIcon
-      }), filtered.length ? _StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
-        size: "s",
-        view: "accent"
-      })) : undefined);
-    },
+    renderTarget: () => /*#__PURE__*/React.createElement(IconFilterWrapper, null, /*#__PURE__*/React.createElement(IconFilterFunnel, {
+      size: getIconSize(size),
+      className: classes.filterIcon
+    }), filtered.length ? /*#__PURE__*/React.createElement(StyledIndicator, {
+      size: "s",
+      view: "accent"
+    }) : undefined),
     items: filters,
     portal: tableContainerRef,
     listWidth: getSelectWidth(size),
     onToggle: handleToggle,
-    afterList: /*#__PURE__*/React.createElement(React.Fragment, null, _StyledDivider || (_StyledDivider = /*#__PURE__*/React.createElement(StyledDivider, {
+    afterList: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledDivider, {
       orientation: "horizontal",
       length: "auto"
-    })), /*#__PURE__*/React.createElement(ControlPanel, null, /*#__PURE__*/React.createElement(LinkButton, {
+    }), /*#__PURE__*/React.createElement(ControlPanel, null, /*#__PURE__*/React.createElement(LinkButton, {
       onClick: handleReset
     }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440"), /*#__PURE__*/React.createElement(ButtonAccent, {
       disabled: isDisabled,

package/es/components/Table/ui/HeadCell/ui/Filter/Filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sources":["../../../../../../../src/components/Table/ui/HeadCell/ui/Filter/Filter.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Header } from '@tanstack/react-table';\n\nimport { useDidMountEffect } from '../../../../../../hooks';\nimport { IconFilterFunnel } from '../../../../../_Icon';\nimport { getIconSize } from '../../HeadCell';\nimport { ButtonAccent, LinkButton } from '../../../../Table.styles';\nimport { TableProps, TableRowData } from '../../../../Table.types';\nimport { classes } from '../../../../Table.tokens';\n\nimport { IconFilterWrapper, StyledIndicator, Select, StyledDivider, ControlPanel } from './Filter.styles';\n\nconst getSelectWidth = (size?: string) => {\n    switch (size) {\n        case 'l': {\n            return '18.75rem';\n        }\n        case 'm': {\n            return '16rem';\n        }\n        case 's': {\n            return '14rem';\n        }\n        default: {\n            return '14rem';\n        }\n    }\n};\n\nconst isFilterChanged = (outerFiltered: string[], localFiltered: string[]) => {\n    return (\n        outerFiltered.length !== localFiltered.length ||\n        new Set([...outerFiltered, ...localFiltered]).size !== outerFiltered.length\n    );\n};\n\ntype Props = {\n    header: Header<TableRowData, unknown>;\n    size: TableProps['size'];\n    outerFiltered: TableProps['filtered'];\n    tableContainerRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const Filter: React.FC<Props> = ({ header, size, outerFiltered, tableContainerRef }) => {\n    const filtered = (header.column.getFilterValue() as string[]) || [];\n\n    const [localFiltered, setLocalFiltered] = useState<string[]>(filtered || []);\n\n    const { filters } = header?.column?.columnDef?.meta || {};\n\n    const isDisabled = !isFilterChanged(filtered, localFiltered);\n\n    const handleFilterSubmit = () => {\n        header.column.setFilterValue(localFiltered);\n    };\n\n    const handleReset = () => {\n        setLocalFiltered([]);\n    };\n\n    const handleToggle = (opened: boolean) => {\n        if (!opened) {\n            setLocalFiltered((header.column.getFilterValue() as string[]) || []);\n        }\n    };\n\n    useDidMountEffect(() => {\n        setLocalFiltered(filtered);\n    }, [outerFiltered]);\n\n    return (\n        <Select\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            placement=\"bottom-end\"\n            multiselect\n            value={localFiltered}\n            onChange={setLocalFiltered}\n            renderTarget={() => (\n                <IconFilterWrapper>\n                    <IconFilterFunnel size={getIconSize(size)} className={classes.filterIcon} />\n\n                    {filtered.length ? <StyledIndicator size=\"s\" view=\"accent\" /> : undefined}\n                </IconFilterWrapper>\n            )}\n            items={filters}\n            portal={tableContainerRef}\n            listWidth={getSelectWidth(size)}\n            onToggle={handleToggle}\n            afterList={\n                <>\n                    <StyledDivider orientation=\"horizontal\" length=\"auto\" />\n\n                    <ControlPanel>\n                        <LinkButton onClick={handleReset}>Сбросить фильтр</LinkButton>\n                        <ButtonAccent disabled={isDisabled} onClick={handleFilterSubmit}>\n                            Применить\n                        </ButtonAccent>\n                    </ControlPanel>\n                </>\n            }\n        />\n    );\n};\n"],"names":["getSelectWidth","size","isFilterChanged","outerFiltered","localFiltered","length","Set","concat","_toConsumableArray","Filter","_ref","_header$column","header","tableContainerRef","filtered","column","getFilterValue","_useState","useState","_useState2","_slicedToArray","setLocalFiltered","_ref2","columnDef","meta","filters","isDisabled","handleFilterSubmit","setFilterValue","handleReset","handleToggle","opened","useDidMountEffect","React","createElement","Select","placement","multiselect","value","onChange","renderTarget","IconFilterWrapper","IconFilterFunnel","getIconSize","className","classes","filterIcon","_StyledIndicator","StyledIndicator","view","undefined","items","portal","listWidth","onToggle","afterList","Fragment","_StyledDivider","StyledDivider","orientation","ControlPanel","LinkButton","onClick","ButtonAccent","disabled"],"mappings":"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"}
+{"version":3,"file":"Filter.js","sources":["../../../../../../../src/components/Table/ui/HeadCell/ui/Filter/Filter.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Header } from '@tanstack/react-table';\n\nimport { useDidMountEffect } from '../../../../../../hooks';\nimport { IconFilterFunnel } from '../../../../../_Icon';\nimport { getIconSize } from '../../HeadCell';\nimport { ButtonAccent, LinkButton } from '../../../../Table.styles';\nimport { TableProps, TableRowData } from '../../../../Table.types';\nimport { classes } from '../../../../Table.tokens';\n\nimport { IconFilterWrapper, StyledIndicator, Select, StyledDivider, ControlPanel } from './Filter.styles';\n\nconst getSelectWidth = (size?: string) => {\n    switch (size) {\n        case 'l': {\n            return '18.75rem';\n        }\n        case 'm': {\n            return '16rem';\n        }\n        case 's': {\n            return '14rem';\n        }\n        default: {\n            return '14rem';\n        }\n    }\n};\n\nconst isFilterChanged = (outerFiltered: string[], localFiltered: string[]) => {\n    return (\n        outerFiltered.length !== localFiltered.length ||\n        new Set([...outerFiltered, ...localFiltered]).size !== outerFiltered.length\n    );\n};\n\ntype Props = {\n    header: Header<TableRowData, unknown>;\n    size: TableProps['size'];\n    outerFiltered: TableProps['filtered'];\n    tableContainerRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const Filter: React.FC<Props> = ({ header, size, outerFiltered, tableContainerRef }) => {\n    const filtered = (header.column.getFilterValue() as string[]) || [];\n\n    const [localFiltered, setLocalFiltered] = useState<string[]>(filtered || []);\n\n    const { filters } = header?.column?.columnDef?.meta || {};\n\n    const isDisabled = !isFilterChanged(filtered, localFiltered);\n\n    const handleFilterSubmit = () => {\n        header.column.setFilterValue(localFiltered);\n    };\n\n    const handleReset = () => {\n        setLocalFiltered([]);\n    };\n\n    const handleToggle = (opened: boolean) => {\n        if (!opened) {\n            setLocalFiltered((header.column.getFilterValue() as string[]) || []);\n        }\n    };\n\n    useDidMountEffect(() => {\n        setLocalFiltered(filtered);\n    }, [outerFiltered]);\n\n    return (\n        <Select\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            placement=\"bottom-end\"\n            multiselect\n            value={localFiltered}\n            onChange={setLocalFiltered}\n            renderTarget={() => (\n                <IconFilterWrapper>\n                    <IconFilterFunnel size={getIconSize(size)} className={classes.filterIcon} />\n\n                    {filtered.length ? <StyledIndicator size=\"s\" view=\"accent\" /> : undefined}\n                </IconFilterWrapper>\n            )}\n            items={filters}\n            portal={tableContainerRef}\n            listWidth={getSelectWidth(size)}\n            onToggle={handleToggle}\n            afterList={\n                <>\n                    <StyledDivider orientation=\"horizontal\" length=\"auto\" />\n\n                    <ControlPanel>\n                        <LinkButton onClick={handleReset}>Сбросить фильтр</LinkButton>\n                        <ButtonAccent disabled={isDisabled} onClick={handleFilterSubmit}>\n                            Применить\n                        </ButtonAccent>\n                    </ControlPanel>\n                </>\n            }\n        />\n    );\n};\n"],"names":["getSelectWidth","size","isFilterChanged","outerFiltered","localFiltered","length","Set","Filter","header","tableContainerRef","filtered","column","getFilterValue","setLocalFiltered","useState","filters","columnDef","meta","isDisabled","handleFilterSubmit","setFilterValue","handleReset","handleToggle","opened","useDidMountEffect","React","createElement","Select","placement","multiselect","value","onChange","renderTarget","IconFilterWrapper","IconFilterFunnel","getIconSize","className","classes","filterIcon","StyledIndicator","view","undefined","items","portal","listWidth","onToggle","afterList","Fragment","StyledDivider","orientation","ControlPanel","LinkButton","onClick","ButtonAccent","disabled"],"mappings":"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"}