@salutejs/plasma-new-hope 0.340.0-canary.2322.19132961849.0 → 0.340.0-canary.2322.19259276297.0

package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react';\nimport { classes } from 'src/components/Select/Select.tokens';\nimport { sizeToIconSize } from 'src/components/Select/utils';\nimport { useDidMountEffect } from 'src/hooks';\nimport { isArraysEqual, cx } from 'src/utils';\n\nimport { keyExists } from '../../../../reducers/treePathReducer';\nimport { Context } from '../../../../Combobox.context';\n\nimport { Props } from './Item.types';\nimport {\n    ItemWrapper,\n    ChildItems,\n    Offset,\n    IconWrapper,\n    StyledCheckboxWrapper,\n    StyledCheckbox,\n    StyledIndicator,\n    StyledIconDone,\n    StyledText,\n    StyledWrapper,\n    StyledCell,\n    DisclosureIconWrapper,\n    StyledArrowRight,\n    Wrapper,\n    StyledArrowLeft,\n} from './Item.styles';\n\nexport const Item: React.FC<Props> = ({ item, pathToItem }) => {\n    const { label, value, disabled, contentLeft, contentRight } = item;\n\n    const isLeaf = !item?.items;\n\n    const {\n        checked,\n        multiple,\n        size,\n        variant,\n        renderItem,\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        _checkboxAppearance,\n        focusedPath,\n        treePath,\n        dispatchTreePath,\n        arrowPlacement,\n        handleItemClick,\n        handleCheckboxChange,\n        valueToPathMap,\n    } = useContext(Context);\n\n    const ref = useRef<HTMLDivElement | null>(null);\n\n    const itemDisabled = disabled;\n    const disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n\n    const currentItemDepth = (valueToPathMap.get(item.value.toString())?.length || 0) - 1;\n\n    const isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);\n\n    const withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;\n\n    const focusedClass = isArraysEqual(pathToItem, focusedPath) ? classes.dropdownItemIsFocused : undefined;\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (itemDisabled) return;\n\n        if (!isLeaf) {\n            dispatchTreePath({ type: 'toggled_level', value: valueToPathMap.get(value.toString()) || [] });\n        }\n\n        if (handleItemClick) {\n            handleItemClick(item, e);\n        }\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (itemDisabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    useDidMountEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    return (\n        <ItemWrapper>\n            <Wrapper\n                ref={ref}\n                className={cx(focusedClass, disabledClassName)}\n                onClick={handleClick}\n                variant={variant}\n                role=\"treeitem\"\n            >\n                <Offset depth={currentItemDepth} />\n\n                {arrowPlacement === 'left' && (\n                    <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n                        <StyledArrowLeft\n                            size={sizeToIconSize(size, variant)}\n                            color=\"inherit\"\n                            className={withArrowInverse}\n                        />\n                    </DisclosureIconWrapper>\n                )}\n\n                {multiple && (\n                    <IconWrapper variant={variant}>\n                        <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                            <StyledCheckbox\n                                disabled={itemDisabled}\n                                checked={Boolean(checked.get(item.value))}\n                                indeterminate={checked.get(item.value) === 'indeterminate'}\n                                onChange={handleChange}\n                                appearance={_checkboxAppearance ?? 'default'}\n                            />\n                        </StyledCheckboxWrapper>\n                    </IconWrapper>\n                )}\n\n                {!multiple && arrowPlacement === 'right' && (\n                    <IconWrapper variant={variant}>\n                        {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                        {checked.get(item.value) === 'done' && (\n                            <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                        )}\n                    </IconWrapper>\n                )}\n\n                {renderItem ? (\n                    <StyledText>{renderItem(item)}</StyledText>\n                ) : (\n                    <StyledWrapper>\n                        <StyledCell\n                            contentLeft={contentLeft}\n                            contentRight={contentRight}\n                            // TODO: #1548\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            title={<span>{label}</span>}\n                        />\n                    </StyledWrapper>\n                )}\n\n                {!multiple && arrowPlacement === 'left' && (\n                    <IconWrapper variant={variant}>\n                        {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                        {checked.get(item.value) === 'done' && (\n                            <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                        )}\n                    </IconWrapper>\n                )}\n\n                {arrowPlacement === 'right' && (\n                    <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n                        <StyledArrowRight\n                            size={sizeToIconSize(size, variant)}\n                            color=\"inherit\"\n                            className={withArrowInverse}\n                        />\n                    </DisclosureIconWrapper>\n                )}\n            </Wrapper>\n\n            {!isLeaf && isCurrentLevelOpened && (\n                <ChildItems>\n                    {item.items?.map((item, index) => {\n                        return <Item item={item} key={item.value} pathToItem={[...pathToItem, index]} />;\n                    })}\n                </ChildItems>\n            )}\n        </ItemWrapper>\n    );\n};\n"],"names":["Item","_ref","_valueToPathMap$get","_item$items","item","pathToItem","label","value","disabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiple","size","variant","renderItem","_checkboxAppearance","focusedPath","treePath","dispatchTreePath","arrowPlacement","handleItemClick","handleCheckboxChange","valueToPathMap","ref","useRef","itemDisabled","disabledClassName","classes","dropdownItemIsDisabled","undefined","currentItemDepth","get","toString","length","isCurrentLevelOpened","keyExists","withArrowInverse","arrowInverse","focusedClass","isArraysEqual","dropdownItemIsFocused","handleClick","e","type","handleChange","stopPropagation","useDidMountEffect","current","scrollIntoView","behavior","block","inline","React","createElement","ItemWrapper","Wrapper","className","cx","onClick","role","Offset","depth","DisclosureIconWrapper","visibility","StyledArrowLeft","sizeToIconSize","color","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","Boolean","indeterminate","onChange","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","StyledText","StyledWrapper","StyledCell","title","_StyledIndicator2","StyledArrowRight","ChildItems","map","index","key","concat","_toConsumableArray"],"mappings":"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"}

package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js

@@ -0,0 +1,187 @@
+import './Item.styles_7nhjnm.css';
+import { styled } from '@linaria/react';
+import { tokens } from '../../../../Combobox.tokens.js';
+import { IconDisclosureRightCentered } from '../../../../../../_Icon/Icons/IconDisclosureRightCentered.js';
+import { IconDone } from '../../../../../../_Icon/Icons/IconDone.js';
+import { component, mergeConfig } from '../../../../../../../engines/common.js';
+import { checkboxConfig } from '../../../../../../Checkbox/Checkbox.js';
+import { cellConfig } from '../../../../../../Cell/Cell.js';
+import { indicatorConfig } from '../../../../../../Indicator/Indicator.js';
+
+var ItemWrapper = /*#__PURE__*/styled('div')({
+  name: "ItemWrapper",
+  "class": "i6zdc62",
+  propsAsIs: false
+});
+var mergedCheckboxConfig = /*#__PURE__*/mergeConfig(checkboxConfig);
+var Checkbox = /*#__PURE__*/component(mergedCheckboxConfig);
+var mergedCellConfig = /*#__PURE__*/mergeConfig(cellConfig);
+var Cell = /*#__PURE__*/component(mergedCellConfig);
+var mergedIndicatorConfig = /*#__PURE__*/mergeConfig(indicatorConfig);
+var Indicator = /*#__PURE__*/component(mergedIndicatorConfig);
+var StyledWrapper = /*#__PURE__*/styled('div')({
+  name: "StyledWrapper",
+  "class": "swacibr",
+  propsAsIs: false
+});
+var _exp29 = function _exp29() {
+  return Cell;
+};
+var StyledCell = /*#__PURE__*/styled(_exp29())({
+  name: "StyledCell",
+  "class": "s1eith9v",
+  propsAsIs: true
+});
+var _exp30 = function _exp30() {
+  return Checkbox;
+};
+var StyledCheckbox = /*#__PURE__*/styled(_exp30())({
+  name: "StyledCheckbox",
+  "class": "srzm47e",
+  propsAsIs: true
+});
+var _exp45 = function _exp45() {
+  return Indicator;
+};
+var StyledIndicator = /*#__PURE__*/styled(_exp45())({
+  name: "StyledIndicator",
+  "class": "s192qkx1",
+  propsAsIs: true
+});
+var _exp50 = function _exp50() {
+  return IconDisclosureRightCentered;
+};
+var _exp52 = function _exp52() {
+  return function (_ref) {
+    var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'xs' : _ref$size;
+    return "var(".concat(tokens.disclosureIconSize, ", ").concat({
+      xs: "1rem",
+      s: "1.5rem"
+    }[size], ")");
+  };
+};
+var StyledArrowLeft = /*#__PURE__*/styled(_exp50())({
+  name: "StyledArrowLeft",
+  "class": "s1q9myss",
+  propsAsIs: true,
+  vars: {
+    "s1q9myss-0": [/*#__PURE__*/_exp52()]
+  }
+});
+var _exp54 = function _exp54() {
+  return IconDisclosureRightCentered;
+};
+var _exp56 = function _exp56() {
+  return function (_ref2) {
+    var _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? 'xs' : _ref2$size;
+    return "var(".concat(tokens.disclosureIconSize, ", ").concat({
+      xs: "1rem",
+      s: "1.5rem"
+    }[size], ")");
+  };
+};
+var StyledArrowRight = /*#__PURE__*/styled(_exp54())({
+  name: "StyledArrowRight",
+  "class": "s10m1bkx",
+  propsAsIs: true,
+  vars: {
+    "s10m1bkx-0": [/*#__PURE__*/_exp56()]
+  }
+});
+var _exp58 = function _exp58() {
+  return IconDone;
+};
+var _exp60 = function _exp60() {
+  return function (_ref3) {
+    var _ref3$size = _ref3.size,
+      size = _ref3$size === void 0 ? 'xs' : _ref3$size;
+    return "var(".concat(tokens.disclosureIconSize, ", ").concat({
+      xs: "1rem",
+      s: "1.5rem"
+    }[size], ")");
+  };
+};
+var StyledIconDone = /*#__PURE__*/styled(_exp58())({
+  name: "StyledIconDone",
+  "class": "s1r53w2d",
+  propsAsIs: true,
+  vars: {
+    "s1r53w2d-0": [/*#__PURE__*/_exp60()]
+  }
+});
+var _exp62 = function _exp62() {
+  return function (_ref4) {
+    var visibility = _ref4.visibility;
+    return visibility || 'visible';
+  };
+};
+var DisclosureIconWrapper = /*#__PURE__*/styled('div')({
+  name: "DisclosureIconWrapper",
+  "class": "d1v61vfm",
+  propsAsIs: false,
+  vars: {
+    "d1v61vfm-0": [/*#__PURE__*/_exp62()]
+  }
+});
+var _exp65 = function _exp65() {
+  return function (_ref5) {
+    var variant = _ref5.variant;
+    return "var(".concat(variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize, ")");
+  };
+};
+var IconWrapper = /*#__PURE__*/styled('div')({
+  name: "IconWrapper",
+  "class": "i6hijvp",
+  propsAsIs: false,
+  vars: {
+    "i6hijvp-0": [/*#__PURE__*/_exp65()]
+  }
+});
+var StyledText = /*#__PURE__*/styled('div')({
+  name: "StyledText",
+  "class": "s1j1q6dk",
+  propsAsIs: false
+});
+var _exp70 = function _exp70() {
+  return function (_ref6) {
+    var variant = _ref6.variant;
+    return "var(".concat(variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding, ")");
+  };
+};
+var Wrapper = /*#__PURE__*/styled('div')({
+  name: "Wrapper",
+  "class": "w1ftsp23",
+  propsAsIs: false,
+  vars: {
+    "w1ftsp23-0": [/*#__PURE__*/_exp70()]
+  }
+});
+var StyledCheckboxWrapper = /*#__PURE__*/styled('span')({
+  name: "StyledCheckboxWrapper",
+  "class": "s1utuo68",
+  propsAsIs: false
+});
+var ChildItems = /*#__PURE__*/styled('div')({
+  name: "ChildItems",
+  "class": "c6bsi2w",
+  propsAsIs: false
+});
+var _exp87 = function _exp87() {
+  return function (_ref7) {
+    var depth = _ref7.depth;
+    return depth || 0;
+  };
+};
+var Offset = /*#__PURE__*/styled('div')({
+  name: "Offset",
+  "class": "omc64gp",
+  propsAsIs: false,
+  vars: {
+    "omc64gp-0": [/*#__PURE__*/_exp87()]
+  }
+});
+
+export { ChildItems, DisclosureIconWrapper, IconWrapper, ItemWrapper, Offset, StyledArrowLeft, StyledArrowRight, StyledCell, StyledCheckbox, StyledCheckboxWrapper, StyledIconDone, StyledIndicator, StyledText, StyledWrapper, Wrapper };
+//# sourceMappingURL=Item.styles.js.map

package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.styles.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { addFocus, applyEllipsis } from 'src/mixins';\nimport { component, mergeConfig } from 'src/engines';\nimport { CSSProperties } from 'react';\nimport { checkboxConfig, checkboxTokens } from 'src/components/Checkbox';\nimport { cellConfig, cellTokens } from 'src/components/Cell';\nimport { indicatorConfig, indicatorTokens } from 'src/components/Indicator';\nimport { IconDisclosureRightCentered, IconDone } from 'src/components/_Icon';\n\nimport type { ComboboxProps } from '../../../../Combobox.types';\nimport { classes, tokens, constants } from '../../../../Combobox.tokens';\n\nexport const ItemWrapper = styled.div``;\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledWrapper = styled.div`\n    ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n    ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n    ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n    ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n    ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n    ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n    ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n    ${cellTokens.cellGap}: var(${tokens.cellGap});\n    ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n    ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n    ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n    ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n    ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n    ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n    width: 100%;\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n    ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n    ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n    ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n    ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n    ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n    ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.checkboxTriggerBorderCheckedColor});\n    ${checkboxTokens.triggerBorderWidth}: var(${tokens.checkboxTriggerBorderWidth});\n`;\nexport const StyledIndicator = styled(Indicator)`\n    ${indicatorTokens.size}: var(${tokens.indicatorSize});\n    ${indicatorTokens.color}: var(${tokens.itemIconColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n    xs: '1rem',\n    s: '1.5rem',\n};\n\nexport const StyledArrowLeft = styled(IconDisclosureRightCentered)`\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n\n    &.${classes.arrowInverse} {\n        transform: rotate(90deg);\n    }\n`;\n\nexport const StyledArrowRight = styled(IconDisclosureRightCentered)`\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    transform: rotate(90deg);\n\n    &.${classes.arrowInverse} {\n        transform: rotate(-90deg);\n    }\n`;\n\nexport const StyledIconDone = styled(IconDone)`\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const DisclosureIconWrapper = styled.div<{ visibility: CSSProperties['visibility'] }>`\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor});\n    visibility: ${({ visibility }) => visibility || 'visible'};\n\n    &:hover {\n        color: var(${tokens.disclosureIconColorHover});\n    }\n`;\n\nexport const IconWrapper = styled.div<{ variant: ComboboxProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: none;\n    width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    line-height: 0;\n    color: var(${tokens.itemIconColor});\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n    ${applyEllipsis()};\n    flex: 1;\n`;\n\nexport const Wrapper = styled.div<{ variant: ComboboxProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    gap: var(${tokens.itemGap});\n    min-height: var(${tokens.itemHeight});\n    margin: 0;\n    box-sizing: content-box;\n    padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\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.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n    background-color: var(${constants.itemBackground});\n    color: var(--text-primary);\n    border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n    user-select: none;\n    background-clip: padding-box;\n\n    &:hover:not(.${classes.dropdownItemIsDisabled}) {\n        cursor: pointer;\n        background-color: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsActive} {\n        background-color: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsDisabled} {\n        opacity: ${constants.opacity};\n        cursor: not-allowed;\n    }\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0',\n        outlineOffset: '0',\n        outlineColor: `var(${constants.focusColor})`,\n        outlineRadius: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem))`,\n        hasTransition: false,\n        customFocusRules: `\n            &.${classes.dropdownItemIsFocused}:before {\n                outline: none;\n                box-shadow: inset 0 0 0 0.0625rem var(${constants.focusColor});\n            }\n        `,\n    })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n\nexport const ChildItems = styled.div``;\n\nexport const Offset = styled.div<{ depth: number }>`\n    width: calc(${({ depth }) => depth || 0} * var(${tokens.itemTreeOffsetWidth}));\n    flex: none;\n    margin-right: calc(var(${tokens.itemGap}) * -1);\n`;\n"],"names":["ItemWrapper","styled","name","class","propsAsIs","mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","mergedIndicatorConfig","indicatorConfig","Indicator","StyledWrapper","_exp29","StyledCell","_exp30","StyledCheckbox","_exp45","StyledIndicator","_exp50","IconDisclosureRightCentered","_exp52","_ref","_ref$size","size","concat","tokens","disclosureIconSize","xs","s","StyledArrowLeft","vars","_exp54","_exp56","_ref2","_ref2$size","StyledArrowRight","_exp58","IconDone","_exp60","_ref3","_ref3$size","StyledIconDone","_exp62","_ref4","visibility","DisclosureIconWrapper","_exp65","_ref5","variant","itemIconSizeTight","itemIconSize","IconWrapper","StyledText","_exp70","_ref6","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper","ChildItems","_exp87","_ref7","depth","Offset"],"mappings":"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"}

package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles_7nhjnm.css

@@ -0,0 +1,15 @@
+
+.swacibr{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
+
+.srzm47e{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-combobox-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-combobox-checkbox-trigger-border-width);}
+.s192qkx1{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-item-icon-color);}
+.s1q9myss{width:var(--s1q9myss-0);height:var(--s1q9myss-0);}.s1q9myss.arrow-inverse{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
+.s10m1bkx{width:var(--s10m1bkx-0);height:var(--s10m1bkx-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s10m1bkx.arrow-inverse{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
+.s1r53w2d{width:var(--s1r53w2d-0);height:var(--s1r53w2d-0);}
+.d1v61vfm{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);visibility:var(--d1v61vfm-0);}.d1v61vfm:hover{color:var(--plasma-combobox-disclosure-icon-color-hover);}
+.i6hijvp{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i6hijvp-0);height:var(--i6hijvp-0);line-height:0;color:var(--plasma-combobox-item-icon-color);}
+.s1j1q6dk{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.w1ftsp23{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-select-item-gap);min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--w1ftsp23-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.w1ftsp23:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.w1ftsp23.dropdown-item-is-active{background-color:var(--plasma-combobox-item-background-hover);}.w1ftsp23.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.w1ftsp23:focus{outline:none;}.w1ftsp23::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.w1ftsp23.dropdown-item-is-focused:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+
+
+.omc64gp{width:calc(var(--omc64gp-0) * var(--plasma-select-item-tree-offset-width));-webkit-flex:none;-ms-flex:none;flex:none;margin-right:calc(var(--plasma-select-item-gap) * -1);}

package/es/components/Combobox/ComboboxNew/utils/filterItems.js

@@ -9,9 +9,6 @@ import { objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPlu
 // Не мутирует исходные данные.
 var filterItems = function filterItems(items, textValue, currentLabel, customFilter) {
   if (!textValue && !customFilter || textValue === currentLabel) return items;
-  var defaultFilter = function defaultFilter(item, value) {
-    return item.label.toLowerCase().includes(value.toLowerCase());
-  };
   var filter = customFilter || defaultFilter;
   var dfs = function dfs(items) {
     var newItems = [];
@@ -35,6 +32,9 @@ var filterItems = function filterItems(items, textValue, currentLabel, customFil
   };
   return dfs(items);
 };
+var defaultFilter = function defaultFilter(item, textValue) {
+  return item.label.toLowerCase().includes(textValue.toLowerCase());
+};
 
-export { filterItems };
+export { defaultFilter, filterItems };
 //# sourceMappingURL=filterItems.js.map

package/es/components/Combobox/ComboboxNew/utils/filterItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterItems.js","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/filterItems.ts"],"sourcesContent":["import { ItemOptionTransformed, ItemOption } from '../ui/Inner/ui/Item/Item.types';\n\n// Утилита, возвращающая отфильтрованное дерево items.\n// Фильтрация происходит как по названиям категорий, так и по названиям конечных элементов.\n// По дефолту регистр игнорируется. Но можно прокинуть свою функцию для кастомной фильтрации.\n// Фильтрация отключается в 2 случаях:\n//   1) При пустом инпуте (юзер пока еще не ввел значение или уже очистил);\n//   2) Если значение инпута совпадает с выбранным элементом (когда юзер выбрал айтем, но потом решил снова открыть);\n// Не мутирует исходные данные.\nexport const filterItems = (\n    items: Array<ItemOptionTransformed>,\n    textValue: string,\n    currentLabel: string,\n    customFilter?: (item: ItemOption, value: string) => boolean,\n): Array<ItemOptionTransformed> => {\n    if ((!textValue && !customFilter) || textValue === currentLabel) return items;\n\n    const defaultFilter = (item: ItemOption, value: string) => item.label.toLowerCase().includes(value.toLowerCase());\n\n    const filter = customFilter || defaultFilter;\n\n    const dfs = (items: Array<ItemOptionTransformed>) => {\n        const newItems: Array<ItemOptionTransformed> = [];\n\n        items.forEach((item) => {\n            if (item.items) {\n                if (filter(item, textValue)) {\n                    newItems.push(item);\n                    return;\n                }\n\n                const res = dfs(item.items);\n\n                if (res.length > 0) {\n                    newItems.push({ ...item, items: res });\n                }\n            } else if (filter(item, textValue)) {\n                newItems.push(item);\n            }\n        });\n\n        return newItems;\n    };\n\n    return dfs(items);\n};\n"],"names":["filterItems","items","textValue","currentLabel","customFilter","defaultFilter","item","value","label","toLowerCase","includes","filter","dfs","newItems","forEach","push","res","length","_objectSpread"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACaA,IAAAA,WAAW,GAAG,SAAdA,WAAWA,CACpBC,KAAmC,EACnCC,SAAiB,EACjBC,YAAoB,EACpBC,YAA2D,EAC5B;EAC/B,IAAK,CAACF,SAAS,IAAI,CAACE,YAAY,IAAKF,SAAS,KAAKC,YAAY,EAAE,OAAOF,KAAK,CAAA;AAE7E,EAAA,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAAgB,EAAEC,KAAa,EAAA;AAAA,IAAA,OAAKD,IAAI,CAACE,KAAK,CAACC,WAAW,EAAE,CAACC,QAAQ,CAACH,KAAK,CAACE,WAAW,EAAE,CAAC,CAAA;AAAA,GAAA,CAAA;AAEjH,EAAA,IAAME,MAAM,GAAGP,YAAY,IAAIC,aAAa,CAAA;AAE5C,EAAA,IAAMO,GAAG,GAAG,SAANA,GAAGA,CAAIX,KAAmC,EAAK;IACjD,IAAMY,QAAsC,GAAG,EAAE,CAAA;AAEjDZ,IAAAA,KAAK,CAACa,OAAO,CAAC,UAACR,IAAI,EAAK;MACpB,IAAIA,IAAI,CAACL,KAAK,EAAE;AACZ,QAAA,IAAIU,MAAM,CAACL,IAAI,EAAEJ,SAAS,CAAC,EAAE;AACzBW,UAAAA,QAAQ,CAACE,IAAI,CAACT,IAAI,CAAC,CAAA;AACnB,UAAA,OAAA;AACJ,SAAA;AAEA,QAAA,IAAMU,GAAG,GAAGJ,GAAG,CAACN,IAAI,CAACL,KAAK,CAAC,CAAA;AAE3B,QAAA,IAAIe,GAAG,CAACC,MAAM,GAAG,CAAC,EAAE;AAChBJ,UAAAA,QAAQ,CAACE,IAAI,CAAAG,cAAA,CAAAA,cAAA,KAAMZ,IAAI,CAAA,EAAA,EAAA,EAAA;AAAEL,YAAAA,KAAK,EAAEe,GAAAA;AAAG,WAAA,CAAE,CAAC,CAAA;AAC1C,SAAA;OACH,MAAM,IAAIL,MAAM,CAACL,IAAI,EAAEJ,SAAS,CAAC,EAAE;AAChCW,QAAAA,QAAQ,CAACE,IAAI,CAACT,IAAI,CAAC,CAAA;AACvB,OAAA;AACJ,KAAC,CAAC,CAAA;AAEF,IAAA,OAAOO,QAAQ,CAAA;GAClB,CAAA;EAED,OAAOD,GAAG,CAACX,KAAK,CAAC,CAAA;AACrB;;;;"}
+{"version":3,"file":"filterItems.js","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/filterItems.ts"],"sourcesContent":["import { ItemOptionTransformed, ItemOption } from '../ui/Inner/ui/Item/Item.types';\n\n// Утилита, возвращающая отфильтрованное дерево items.\n// Фильтрация происходит как по названиям категорий, так и по названиям конечных элементов.\n// По дефолту регистр игнорируется. Но можно прокинуть свою функцию для кастомной фильтрации.\n// Фильтрация отключается в 2 случаях:\n//   1) При пустом инпуте (юзер пока еще не ввел значение или уже очистил);\n//   2) Если значение инпута совпадает с выбранным элементом (когда юзер выбрал айтем, но потом решил снова открыть);\n// Не мутирует исходные данные.\nexport const filterItems = (\n    items: Array<ItemOptionTransformed>,\n    textValue: string,\n    currentLabel: string,\n    customFilter?: (item: ItemOption, value: string) => boolean,\n): Array<ItemOptionTransformed> => {\n    if ((!textValue && !customFilter) || textValue === currentLabel) return items;\n\n    const filter = customFilter || defaultFilter;\n\n    const dfs = (items: Array<ItemOptionTransformed>) => {\n        const newItems: Array<ItemOptionTransformed> = [];\n\n        items.forEach((item) => {\n            if (item.items) {\n                if (filter(item, textValue)) {\n                    newItems.push(item);\n                    return;\n                }\n\n                const res = dfs(item.items);\n\n                if (res.length > 0) {\n                    newItems.push({ ...item, items: res });\n                }\n            } else if (filter(item, textValue)) {\n                newItems.push(item);\n            }\n        });\n\n        return newItems;\n    };\n\n    return dfs(items);\n};\n\nexport const defaultFilter = (item: ItemOption, textValue: string) =>\n    item.label.toLowerCase().includes(textValue.toLowerCase());\n"],"names":["filterItems","items","textValue","currentLabel","customFilter","filter","defaultFilter","dfs","newItems","forEach","item","push","res","length","_objectSpread","label","toLowerCase","includes"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACaA,IAAAA,WAAW,GAAG,SAAdA,WAAWA,CACpBC,KAAmC,EACnCC,SAAiB,EACjBC,YAAoB,EACpBC,YAA2D,EAC5B;EAC/B,IAAK,CAACF,SAAS,IAAI,CAACE,YAAY,IAAKF,SAAS,KAAKC,YAAY,EAAE,OAAOF,KAAK,CAAA;AAE7E,EAAA,IAAMI,MAAM,GAAGD,YAAY,IAAIE,aAAa,CAAA;AAE5C,EAAA,IAAMC,GAAG,GAAG,SAANA,GAAGA,CAAIN,KAAmC,EAAK;IACjD,IAAMO,QAAsC,GAAG,EAAE,CAAA;AAEjDP,IAAAA,KAAK,CAACQ,OAAO,CAAC,UAACC,IAAI,EAAK;MACpB,IAAIA,IAAI,CAACT,KAAK,EAAE;AACZ,QAAA,IAAII,MAAM,CAACK,IAAI,EAAER,SAAS,CAAC,EAAE;AACzBM,UAAAA,QAAQ,CAACG,IAAI,CAACD,IAAI,CAAC,CAAA;AACnB,UAAA,OAAA;AACJ,SAAA;AAEA,QAAA,IAAME,GAAG,GAAGL,GAAG,CAACG,IAAI,CAACT,KAAK,CAAC,CAAA;AAE3B,QAAA,IAAIW,GAAG,CAACC,MAAM,GAAG,CAAC,EAAE;AAChBL,UAAAA,QAAQ,CAACG,IAAI,CAAAG,cAAA,CAAAA,cAAA,KAAMJ,IAAI,CAAA,EAAA,EAAA,EAAA;AAAET,YAAAA,KAAK,EAAEW,GAAAA;AAAG,WAAA,CAAE,CAAC,CAAA;AAC1C,SAAA;OACH,MAAM,IAAIP,MAAM,CAACK,IAAI,EAAER,SAAS,CAAC,EAAE;AAChCM,QAAAA,QAAQ,CAACG,IAAI,CAACD,IAAI,CAAC,CAAA;AACvB,OAAA;AACJ,KAAC,CAAC,CAAA;AAEF,IAAA,OAAOF,QAAQ,CAAA;GAClB,CAAA;EAED,OAAOD,GAAG,CAACN,KAAK,CAAC,CAAA;AACrB,EAAC;AAEM,IAAMK,aAAa,GAAG,SAAhBA,aAAaA,CAAII,IAAgB,EAAER,SAAiB,EAAA;AAAA,EAAA,OAC7DQ,IAAI,CAACK,KAAK,CAACC,WAAW,EAAE,CAACC,QAAQ,CAACf,SAAS,CAACc,WAAW,EAAE,CAAC,CAAA;AAAA;;;;"}

package/es/components/DatePicker/RangeDate/RangeDate.js

@@ -1,6 +1,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef, useState, useEffect, useLayoutEffect, useCallback, createRef } from 'react';
 import cls from 'classnames';
+import { customDayjs } from '../../../utils/datejs.js';
 import { getDateFormatDelimiter } from '../utils/dateHelper.js';
 import { useDatePicker } from '../hooks/useDatePicker.js';
 import { classes } from '../DatePicker.tokens.js';
@@ -356,8 +357,20 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
         _getSortedValues4 = _slicedToArray(_getSortedValues3, 2),
         first = _getSortedValues4[0],
         second = _getSortedValues4[1];
-      handleFirstCalendarPick(first, dateInfo);
-      handleSecondCalendarPick(second, dateInfo);
+
+      /**
+       * NOTE: проверяем совпадает ли новая дата с предыдущей
+       * Если нет, то вызываем handle{First,Second}CalendarPick
+       */
+      customDayjs.locale(lang);
+      var firstFormatted = first ? customDayjs(first).format(format) : '';
+      var secondFormatted = second ? customDayjs(second).format(format) : '';
+      if (firstFormatted !== inputFirstValue) {
+        handleFirstCalendarPick(first, dateInfo);
+      }
+      if (secondFormatted !== inputSecondValue) {
+        handleSecondCalendarPick(second, dateInfo);
+      }
       if (!firstValueError && !secondValueError && closeAfterDateSelect) {
         handleToggle(false);
       }
@@ -366,10 +379,17 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       var _ref3 = _slicedToArray(_ref2, 2),
         firstDate = _ref3[0],
         secondDate = _ref3[1];
-      if (firstDate) {
+      /**
+       * NOTE: проверяем совпадает ли новая дата с предыдущей
+       * Если нет, то вызываем handle{First,Second}CalendarPick
+       */
+      customDayjs.locale(lang);
+      var firstFormatted = firstDate ? customDayjs(firstDate).format(format) : '';
+      var secondFormatted = secondDate ? customDayjs(secondDate).format(format) : '';
+      if (firstFormatted !== inputFirstValue) {
         handleFirstCalendarPick(firstDate, dateInfo);
       }
-      if (secondDate) {
+      if (secondFormatted !== inputSecondValue) {
         handleSecondCalendarPick(secondDate, dateInfo);
       }
       if (firstDate && secondDate && !firstValueError && !secondValueError && closeAfterDateSelect) {