@salutejs/plasma-new-hope 0.89.1-canary.1258.9582853405.0 → 0.90.0-canary.1233.9567966423.0

package/es/components/Select/ui/SelectTarget/SelectTarget.styles.js

@@ -1,103 +0,0 @@
-import './SelectTarget.styles_hb1tns.css';
-import { styled } from '@linaria/react';
-import 'react';
-import { IconChevronDown } from '../../../_Icon/Icons/IconChevronDown.js';
-import '@linaria/core';
-import { component, mergeConfig } from '../../../../engines/common.js';
-import { buttonConfig } from '../../../Button/Button.js';
-import { tokens } from '../../Select.tokens.js';
-
-var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
-var Button = /*#__PURE__*/component(mergedButtonConfig);
-
-// NOTE: Необходимое переопределение токенов из компонента Button т.к. используются его части
-var _exp = function _exp() {
-  return Button;
-};
-var _exp7 = function _exp7() {
-  return function (_ref) {
-    var opened = _ref.opened;
-    return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColor, ")");
-  };
-};
-var _exp9 = function _exp9() {
-  return function (_ref2) {
-    var opened = _ref2.opened;
-    return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColorHover, ")");
-  };
-};
-var _exp11 = function _exp11() {
-  return function (_ref3) {
-    var opened = _ref3.opened;
-    return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColorActive, ")");
-  };
-};
-var _exp32 = function _exp32() {
-  return function (_ref4) {
-    var opened = _ref4.opened;
-    return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColor, ")");
-  };
-};
-var _exp33 = function _exp33() {
-  return function (_ref5) {
-    var opened = _ref5.opened;
-    return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColorHover, ")");
-  };
-};
-var _exp34 = function _exp34() {
-  return function (_ref6) {
-    var opened = _ref6.opened;
-    return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColorActive, ")");
-  };
-};
-var _exp35 = function _exp35() {
-  return function (_ref7) {
-    var target = _ref7.target;
-    return target === 'textField-like' ? "var(".concat(tokens.targetPaddingWithInput, ")") : "var(".concat(tokens.targetPadding, ")");
-  };
-};
-var StyledSelectTarget = /*#__PURE__*/styled(_exp())({
-  name: "StyledSelectTarget",
-  "class": "su9kdfl",
-  propsAsIs: true,
-  vars: {
-    "su9kdfl-0": [/*#__PURE__*/_exp7()],
-    "su9kdfl-1": [/*#__PURE__*/_exp9()],
-    "su9kdfl-2": [/*#__PURE__*/_exp11()],
-    "su9kdfl-3": [/*#__PURE__*/_exp32()],
-    "su9kdfl-4": [/*#__PURE__*/_exp33()],
-    "su9kdfl-5": [/*#__PURE__*/_exp34()],
-    "su9kdfl-6": [/*#__PURE__*/_exp35()]
-  }
-});
-var _exp53 = function _exp53() {
-  return IconChevronDown;
-};
-var StyledArrow = /*#__PURE__*/styled(_exp53())({
-  name: "StyledArrow",
-  "class": "s1wmzhh1",
-  propsAsIs: true
-});
-var StyledText = /*#__PURE__*/styled('span')({
-  name: "StyledText",
-  "class": "sr2fcv2",
-  propsAsIs: false
-});
-var StyledChipsWrapper = /*#__PURE__*/styled('div')({
-  name: "StyledChipsWrapper",
-  "class": "s9qj25q",
-  propsAsIs: false
-});
-var StyledChips = /*#__PURE__*/styled('div')({
-  name: "StyledChips",
-  "class": "s11wt6x2",
-  propsAsIs: false
-});
-var StyledLabel = /*#__PURE__*/styled('label')({
-  name: "StyledLabel",
-  "class": "s1xu52l7",
-  propsAsIs: false
-});
-
-export { StyledArrow, StyledChips, StyledChipsWrapper, StyledLabel, StyledSelectTarget, StyledText };
-//# sourceMappingURL=SelectTarget.styles.js.map

package/es/components/Select/ui/SelectTarget/SelectTarget.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectTarget.styles.js","sources":["../../../../../src/components/Select/ui/SelectTarget/SelectTarget.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconChevronDown } from '../../../_Icon';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\nimport { component, mergeConfig } from '../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../Button';\nimport { classes, tokens } from '../../Select.tokens';\nimport type { TargetType } from '../../Select.types';\n\nconst {\n    hasChips,\n    hasNoFocus,\n    innerLabelUp,\n    arrowInverse,\n    selectTargetArrow,\n    selectTargeText,\n    selectTargetLabel,\n} = classes;\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Button т.к. используются его части\nexport const StyledSelectTarget = styled(Button)<{ target?: TargetType; opened?: boolean }>`\n    ${buttonTokens.buttonDisabledOpacity}: var(${tokens.disabledOpacity});\n    ${buttonTokens.buttonColor}: var(${tokens.targetColor});\n    ${buttonTokens.buttonBackgroundColor}: ${({ opened }) =>\n    opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColor})`};\n    ${buttonTokens.buttonBackgroundColorHover}: ${({ opened }) =>\n    opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColorHover})`};\n    ${buttonTokens.buttonBackgroundColorActive}: ${({ opened }) =>\n    opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColorActive})`};\n    ${buttonTokens.buttonHeight}: var(${tokens.targetHeight});\n    ${buttonTokens.buttonWidth}: var(${tokens.targetWidth});\n    ${buttonTokens.buttonRadius}: var(${tokens.targetRadius});\n    ${buttonTokens.buttonFontFamily}: var(${tokens.targetFontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.targetFontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.targetFontStyle});\n    ${buttonTokens.buttonFontWeight}:var(${tokens.targetFontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.targetLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.targetLineHeight});\n    ${buttonTokens.buttonFocusColor}: var(${tokens.focusColor});\n\n    box-shadow: inset 0 0 0 0.0625rem\n        ${({ opened }) => (opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColor})`)};\n\n    &:hover:not([disabled]):not([readonly]) {\n        box-shadow: inset 0 0 0 0.0625rem\n            ${({ opened }) =>\n                opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColorHover})`};\n    }\n\n    &:active:not([disabled]):not([readonly]) {\n        box-shadow: inset 0 0 0 0.0625rem\n            ${({ opened }) =>\n                opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColorActive})`};\n    }\n\n    padding: ${({ target }) =>\n        target === 'textField-like' ? `var(${tokens.targetPaddingWithInput})` : `var(${tokens.targetPadding})`};\n\n    display: flex;\n    justify-content: flex-start;\n\n    &[readonly] {\n        cursor: default;\n\n        .${String(selectTargetArrow)} {\n            opacity: 0.4;\n        }\n    }\n\n    .${String(arrowInverse)} {\n        transform: rotate(-180deg);\n    }\n\n    &.${String(hasChips)} {\n        padding: var(${tokens.targetPaddingHasChips});\n    }\n\n    &.${String(innerLabelUp)} {\n        .${String(selectTargeText)} {\n            top: var(${tokens.targetInnerTop});\n        }\n\n        .${String(selectTargetLabel)} {\n            top: var(${tokens.targetLabelInnerTop});\n            font-family: var(${tokens.targetLabelInnerFontFamily});\n            font-size: var(${tokens.targetLabelInnerFontSize});\n            font-style: var(${tokens.targetLabelInnerFontStyle});\n            font-weight: var(${tokens.targetLabelInnerFontWeight});\n            letter-spacing: var(${tokens.targetLabelInnerLetterSpacing});\n            line-height: var(${tokens.targetLabelInnerLineHeight});\n        }\n    }\n\n    &.${String(hasNoFocus)} {\n        --plasma_private-combobox-focus-size: 0.0625rem;\n\n        ${addFocus({\n            hasTransition: false,\n            outlineOffset: 'calc(-1 * var(--plasma_private-combobox-focus-size))',\n            outlineRadius: `calc(var(${tokens.targetRadius}) + var(--plasma_private-combobox-focus-size))`,\n            outlineSize: 'var(--plasma_private-combobox-focus-size)',\n            customFocusRules: `\n                &:focus-within {\n                    box-shadow: none;\n                    background-color: var(${tokens.targetBackgroundColorOpen});\n\n                    &::before {\n                        box-shadow: inset 0 0 0 var(--plasma_private-combobox-focus-size) var(${tokens.targetBorderColorOpen});\n                    }\n                }\n            `,\n        })}\n    }\n`;\n\nexport const StyledArrow = styled(IconChevronDown)`\n    transition: color 0.3s ease-in, transform 0.15s ease-in;\n    pointer-events: none;\n    user-select: none;\n\n    position: absolute;\n    right: var(${tokens.targetArrowRight});\n    color: var(${tokens.targetArrowColor});\n`;\n\nexport const StyledText = styled.span`\n    ${applyEllipsis()};\n\n    position: relative;\n    pointer-events: none;\n    user-select: none;\n\n    color: var(${tokens.targetColor});\n`;\n\nexport const StyledChipsWrapper = styled.div`\n    border-radius: var(${tokens.chipBorderRadius});\n\n    overflow: scroll;\n    position: relative;\n    width: 100%;\n    height: var(${tokens.chipHeight});\n    display: flex;\n    align-items: center;\n\n    ::-webkit-scrollbar {\n        display: none;\n    }\n\n    scrollbar-width: none;\n\n    overscroll-behavior: contain;\n`;\n\nexport const StyledChips = styled.div`\n    overflow: visible;\n    display: flex;\n    gap: var(${tokens.chipGap});\n\n    position: absolute;\n    user-select: none;\n`;\n\nexport const StyledLabel = styled.label`\n    ${applyEllipsis()};\n\n    box-sizing: border-box;\n    position: absolute;\n    pointer-events: none;\n    display: inline-flex;\n    align-items: center;\n\n    transition: all 0.1s ease-in-out;\n    transform-origin: top left;\n\n    width: 100%;\n    height: auto;\n\n    color: var(${tokens.targetLabelColor});\n\n    font-family: var(${tokens.targetFontFamily});\n    font-size: var(${tokens.targetFontSize});\n    font-style: var(${tokens.targetFontStyle});\n    font-weight: var(${tokens.targetFontWeight});\n    letter-spacing: var(${tokens.targetLetterSpacing});\n    line-height: var(${tokens.targetLineHeight});\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","_exp7","_ref","opened","concat","tokens","targetBackgroundColorOpen","targetBackgroundColor","_exp9","_ref2","targetBackgroundColorHover","_exp11","_ref3","targetBackgroundColorActive","_exp32","_ref4","targetBorderColorOpen","targetBorderColor","_exp33","_ref5","targetBorderColorHover","_exp34","_ref6","targetBorderColorActive","_exp35","_ref7","target","targetPaddingWithInput","targetPadding","StyledSelectTarget","styled","name","class","propsAsIs","vars","_exp53","IconChevronDown","StyledArrow","StyledText","StyledChipsWrapper","StyledChips","StyledLabel"],"mappings":"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"}

package/es/components/Select/ui/SelectTarget/SelectTarget.styles_hb1tns.css

@@ -1,6 +0,0 @@
-.su9kdfl{--plasma-button-disabled-opacity:var(--plasma-select-disabled-opacity);--plasma-button-color:var(--plasma-select-target-color);--plasma-button-background-color:var(--su9kdfl-0);--plasma-button-background-color-hover:var(--su9kdfl-1);--plasma-button-background-color-active:var(--su9kdfl-2);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:var(--plasma-select-target-width);--plasma-button-radius:var(--plasma-select-target-radius);--plasma-button-font-family:var(--plasma-select-target-font-family);--plasma-button-font-size:var(--plasma-select-target-font-size);--plasma-button-font-style:var(--plasma-select-target-font-style);--plasma-button-font-weight:var(--plasma-select-target-font-weight);--plasma-button-letter-spacing:var(--plasma-select-target-letter-spacing);--plasma-button-line-height:var(--plasma-select-target-line-height);--plasma-button-focus-color:var(--plasma-select-focus-color);box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-3);padding:var(--su9kdfl-6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.su9kdfl:hover:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-4);}.su9kdfl:active:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-5);}.su9kdfl[readonly]{cursor:default;}.su9kdfl[readonly] .select-target-arrow{opacity:0.4;}.su9kdfl .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.su9kdfl.has-chips{padding:var(--plasma-select-target-padding-has-chips);}.su9kdfl.inner-label-up .select-target-text{top:var(--plasma-select-target-inner-top);}.su9kdfl.inner-label-up .select-target-label{top:var(--plasma-select-target-label-inner-top);font-family:var(--plasma-select-target-label-inner-font-family);font-size:var(--plasma-select-target-label-inner-font-family);font-style:var(--plasma-select-target-label-inner-font-style);font-weight:var(--plasma-select-target-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);line-height:var(--plasma-select-target-label-inner-line-height);}.su9kdfl.has-no-focus{--plasma_private-combobox-focus-size:0.0625rem;position:relative;}.su9kdfl.has-no-focus::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-combobox-focus-size));left:calc(-1 * var(--plasma_private-combobox-focus-size));right:calc(-1 * var(--plasma_private-combobox-focus-size));bottom:calc(-1 * var(--plasma_private-combobox-focus-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-combobox-focus-size) solid transparent;border-radius:calc(var(--plasma-select-target-radius) + var(--plasma_private-combobox-focus-size));-webkit-transition:none;transition:none;pointer-events:none;}.su9kdfl.has-no-focus:focus-within{box-shadow:none;background-color:var(--plasma-select-target-background-color-open);}.su9kdfl.has-no-focus:focus-within::before{box-shadow:inset 0 0 0 var(--plasma_private-combobox-focus-size) var(--plasma-select-target-border-color-open);}
-.s1wmzhh1{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;right:var(--plasma-select-target-arrow-right);color:var(--plasma-select-target-arrow-color);}
-.sr2fcv2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-select-target-color);}
-.s9qj25q{border-radius:var(--plasma-select-chip-border-radius);overflow:scroll;position:relative;width:100%;height:var(--plasma-select-chip-height);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-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.s9qj25q::-webkit-scrollbar{display:none;}
-.s11wt6x2{overflow:visible;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-select-chip-gap);position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.s1xu52l7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%;height:auto;color:var(--plasma-select-target-label-color);font-family:var(--plasma-select-target-font-family);font-size:var(--plasma-select-target-font-size);font-style:var(--plasma-select-target-font-style);font-weight:var(--plasma-select-target-font-weight);-webkit-letter-spacing:var(--plasma-select-target-letter-spacing);-moz-letter-spacing:var(--plasma-select-target-letter-spacing);-ms-letter-spacing:var(--plasma-select-target-letter-spacing);letter-spacing:var(--plasma-select-target-letter-spacing);line-height:var(--plasma-select-target-line-height);}

package/es/components/Select/utils/index.js

@@ -1,105 +0,0 @@
-import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { Children, isValidElement, cloneElement } from 'react';
-
-var getNewSelected = function getNewSelected(selected, newValue, type) {
-  if (newValue === undefined || newValue === null) {
-    return newValue;
-  }
-  if ((type === 'single' || type === 'native') && (typeof newValue === 'string' || typeof newValue === 'number' || typeof newValue === 'boolean')) {
-    return newValue;
-  }
-  var newSelected = selected || [];
-  var set = new Set(newSelected);
-  if (set.has(newValue)) {
-    set["delete"](newValue);
-  } else {
-    set.add(newValue);
-  }
-  return Array.from(set);
-};
-var getChildrenInnerText = function getChildrenInnerText(children) {
-  if (!children || typeof children === 'string') {
-    return children;
-  }
-  return getChildrenInnerText(children.props.children);
-};
-var getValues = function getValues(items, value) {
-  var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  items.forEach(function (item) {
-    if (item.props === undefined) {
-      return result;
-    }
-    var newValue = item.props.value;
-    if (item.props.children && Array.isArray(item.props.children)) {
-      return getValues(item.props.children, value, result);
-    }
-    if (!Array.isArray(value) && newValue === value || Array.isArray(value) && value !== null && value !== void 0 && value.find(function (v) {
-      return newValue === v;
-    })) {
-      var index = Array.isArray(value) && (value === null || value === void 0 ? void 0 : value.findIndex(function (v) {
-        return newValue === v;
-      })) || 0;
-      if (item.props.text) {
-        var _newText = item.props.text;
-        result[index] = [newValue, _newText];
-        return;
-      }
-      var newText = getChildrenInnerText(item.props.children);
-      result[index] = [newValue, newText];
-    }
-    return result;
-  });
-  return result;
-};
-var getChildrenItemChecked = function getChildrenItemChecked(value, child) {
-  return !Array.isArray(value) && (child === null || child === void 0 ? void 0 : child.props.value) === value || Array.isArray(value) && Boolean(value === null || value === void 0 ? void 0 : value.find(function (v) {
-    return (child === null || child === void 0 ? void 0 : child.props.value) === v;
-  }));
-};
-
-// INFO: Функция для рекурсивного обновления пропсов
-var updatePropsRecursively = function updatePropsRecursively(children, externalProps, value, search, filterFunction) {
-  return Children.map(children || [], function (child) {
-    if (! /*#__PURE__*/isValidElement(child)) {
-      return child;
-    }
-    var hasValue = ('value' in (child === null || child === void 0 ? void 0 : child.props));
-    var props = _objectSpread2({
-      key: "".concat(value, "$"),
-      checked: getChildrenItemChecked(value, child)
-    }, hasValue && {
-      ref: function ref(element) {
-        var _externalProps$childr;
-        if (externalProps !== null && externalProps !== void 0 && (_externalProps$childr = externalProps.childrenRefs) !== null && _externalProps$childr !== void 0 && _externalProps$childr.current && element) {
-          externalProps.childrenRefs.current.push(element);
-        }
-      },
-      onClick: function onClick(event) {
-        var _child$props$onClick, _child$props, _externalProps$onClic;
-        (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, event);
-        externalProps === null || externalProps === void 0 || (_externalProps$onClic = externalProps.onClick) === null || _externalProps$onClic === void 0 || _externalProps$onClic.call(externalProps, event);
-      }
-    });
-    var updatedChild = updatePropsRecursively(child.props.children, externalProps, value, search, filterFunction);
-    if (filterFunction) {
-      var _child$props2;
-      var text = ((_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.text) || '';
-      return filterFunction(text, search) ? /*#__PURE__*/cloneElement(child, props, updatedChild) : null;
-    }
-    return /*#__PURE__*/cloneElement(child, props, updatedChild);
-  });
-};
-var defaultFilterFunction = function defaultFilterFunction(text) {
-  var filterValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  return text.includes(filterValue);
-};
-var getChildren = function getChildren(children, externalProps, value, search) {
-  var filterFunction = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : defaultFilterFunction;
-  if (externalProps.childrenRefs) {
-    externalProps.childrenRefs.current = [];
-  }
-  return updatePropsRecursively(children, externalProps, value, search, filterFunction);
-};
-
-export { getChildren, getNewSelected, getValues, updatePropsRecursively };
-//# sourceMappingURL=index.js.map

package/es/components/Select/utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Select/utils/index.ts"],"sourcesContent":["import { Children, MouseEvent, ReactElement, ReactNode, cloneElement, isValidElement } from 'react';\n\nimport { SelectPrimitiveValue, ValueType, SelectValue } from '../Select.types';\nimport { SelectItemProps } from '../ui/SelectItem/SelectItem.type';\n\ntype NewSelectedFunc = {\n    (selected?: undefined | null, newValue?: undefined | null, type?: undefined | null): undefined;\n    (selected?: SelectPrimitiveValue, newValue?: SelectPrimitiveValue, type?: ValueType): SelectPrimitiveValue;\n    (selected?: Array<SelectPrimitiveValue>, newValue?: SelectPrimitiveValue, type?: ValueType): Array<\n        SelectPrimitiveValue\n    >;\n};\n\nexport const getNewSelected: NewSelectedFunc = (selected: any, newValue: any, type: any) => {\n    if (newValue === undefined || newValue === null) {\n        return newValue;\n    }\n\n    if (\n        (type === 'single' || type === 'native') &&\n        (typeof newValue === 'string' || typeof newValue === 'number' || typeof newValue === 'boolean')\n    ) {\n        return newValue;\n    }\n\n    const newSelected = selected || [];\n\n    const set = new Set(newSelected);\n\n    if (set.has(newValue)) {\n        set.delete(newValue);\n    } else {\n        set.add(newValue);\n    }\n\n    return Array.from(set);\n};\n\nconst getChildrenInnerText = (children: ReactElement): string => {\n    if (!children || typeof children === 'string') {\n        return children;\n    }\n\n    return getChildrenInnerText(children.props.children);\n};\n\nexport const getValues = (items: ReactElement[], value?: SelectValue, result: Array<Array<string>> = []) => {\n    items.forEach((item) => {\n        if (item.props === undefined) {\n            return result;\n        }\n\n        const { value: newValue } = item.props;\n\n        if (item.props.children && Array.isArray(item.props.children)) {\n            return getValues(item.props.children, value, result);\n        }\n\n        if (\n            (!Array.isArray(value) && newValue === value) ||\n            (Array.isArray(value) && value?.find((v) => newValue === v))\n        ) {\n            const index = (Array.isArray(value) && value?.findIndex((v) => newValue === v)) || 0;\n\n            if (item.props.text) {\n                const { text: newText } = item.props;\n                result[index] = [newValue, newText];\n\n                return;\n            }\n\n            const newText = getChildrenInnerText(item.props.children);\n            result[index] = [newValue, newText];\n        }\n\n        return result;\n    });\n\n    return result;\n};\n\nconst getChildrenItemChecked = (value?: SelectValue, child?: ReactElement<SelectItemProps>) =>\n    (!Array.isArray(value) && child?.props.value === value) ||\n    (Array.isArray(value) && Boolean(value?.find((v) => child?.props.value === v)));\n\n// INFO: Функция для рекурсивного обновления пропсов\nexport const updatePropsRecursively = (\n    children?: ReactElement<SelectItemProps>[],\n    externalProps?: Record<string, any>,\n    value?: SelectValue,\n    search?: string,\n    filterFunction?: (childText: string, filterValue?: string) => boolean,\n): ReactNode[] =>\n    Children.map(children || [], (child) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const hasValue = 'value' in child?.props;\n\n        const props = {\n            key: `${value}$`,\n            checked: getChildrenItemChecked(value, child),\n            ...(hasValue && {\n                ref: (element: HTMLDivElement) => {\n                    if (externalProps?.childrenRefs?.current && element) {\n                        externalProps.childrenRefs.current.push(element);\n                    }\n                },\n                onClick: (event: MouseEvent<HTMLDivElement>) => {\n                    child.props.onClick?.(event);\n                    externalProps?.onClick?.(event);\n                },\n            }),\n        };\n\n        const updatedChild = updatePropsRecursively(\n            child.props.children as ReactElement<SelectItemProps>[],\n            externalProps,\n            value,\n            search,\n            filterFunction,\n        );\n\n        if (filterFunction) {\n            const text = child.props?.text || '';\n\n            return filterFunction(text, search) ? cloneElement(child, props, updatedChild) : null;\n        }\n\n        return cloneElement(child, props, updatedChild);\n    });\n\nconst defaultFilterFunction = (text: string, filterValue = '') => text.includes(filterValue);\n\nexport const getChildren = (\n    children: ReactElement<SelectItemProps>[],\n    externalProps: Record<string, any>,\n    value?: SelectValue,\n    search?: string,\n    filterFunction = defaultFilterFunction,\n) => {\n    if (externalProps.childrenRefs) {\n        externalProps.childrenRefs.current = [];\n    }\n\n    return updatePropsRecursively(children, externalProps, value, search, filterFunction);\n};\n"],"names":["getNewSelected","selected","newValue","type","undefined","newSelected","set","Set","has","add","Array","from","getChildrenInnerText","children","props","getValues","items","value","result","arguments","length","forEach","item","isArray","find","v","index","findIndex","text","newText","getChildrenItemChecked","child","Boolean","updatePropsRecursively","externalProps","search","filterFunction","Children","map","isValidElement","hasValue","_objectSpread","key","concat","checked","ref","element","_externalProps$childr","childrenRefs","current","push","onClick","event","_child$props$onClick","_child$props","_externalProps$onClic","call","updatedChild","_child$props2","cloneElement","defaultFilterFunction","filterValue","includes","getChildren"],"mappings":"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"}

package/es/components/Select/variations/_target/base.js

@@ -1,5 +0,0 @@
-import './base_x642ct.css';
-var base = "bc9voex";
-
-export { base };
-//# sourceMappingURL=base.js.map

package/es/components/Select/variations/_target/base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Select/variations/_target/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/Select/variations/_target/base_x642ct.css

@@ -1 +0,0 @@
-

package/styled-components/cjs/components/Select/Select.template-doc.mdx

@@ -1,115 +0,0 @@
----
-id: select
-title: Select
----
-
-import { PropsTable, Description } from '@site/src/components';
-
-# Select
-<Description name="Select" />
-<PropsTable name="Select" />
-
-```tsx live
-import React, { useState } from 'react';
-import { Select } from '@salutejs/{{ package }}';
-
-export function App() {
-    const items = [
-        { value: 'each', label: 'Каждый' },
-        { value: 'hunter', label: 'Охотник', isDisabled: true },
-        { value: 'wants', label: 'Желает' },
-        {
-            value: 'toKnow',
-            label: 'Знать',
-            items: [
-                { value: '_fullText', label: 'Каждый охотник желает знать, где сидит фазан' },
-                { value: '_thePheasant', label: 'Фазан' },
-                { value: '_is', label: 'Сидит' },
-            ],
-        },
-        { value: 'where', label: 'Где' },
-        { value: 'is', label: 'Сидит' },
-        { value: 'thePheasant', label: 'Фазан' },
-        { value: 'fullText', label: 'Каждый охотник желает знать, где сидит фазан' },
-    ];
-
-    const [value, setValue] = useState(null);
-
-    return (
-        <div style=\{{ maxWidth: '20rem' }}>
-            <div style=\{{ marginBottom: '1rem' }}>
-                <Select
-                    value={value}
-                    items={items}
-                    onChange={(v) => {
-                        setValue(v);
-                    }}
-                    placeholder="Выберите пример"
-                    helperText="Заполните пример"
-                    status="success"
-                />
-            </div>
-            <div>
-                <Select value={null} items={[]} placeholder="Another select" />
-            </div>
-        </div>
-    );
-}
-```
-
-### Управление высотой выпадающего меню
-Что бы задать высоту и `scroll` для выпадающего меню можно использовать **props** для компонента `Select`:
-- **listOverflow**
-- **listHeight**
-
-> Эти **props** необязательные, если их не указать будет использовано значение - [initial](https://developer.mozilla.org/en-US/docs/Web/CSS/initial)
-
-```tsx live
-import React, { useState, useCallback } from 'react';
-import { Select, Modal, ModalsProvider, H3, Button } from '@salutejs/{{ package }}';
-
-export function App() {
-    const [value, setValue] = useState(null);
-    const [isOpenA, setIsOpenA] = useState(false);
-
-    const onCloseA = useCallback(() => setIsOpenA(false), []);
-
-    const items = [
-        { value: 'each', label: 'Каждый' },
-        { value: 'hunter', label: 'Охотник', isDisabled: true },
-        { value: 'wants', label: 'Желает' },
-        {
-            value: 'toKnow',
-            label: 'Знать',
-            items: [
-                { value: '_fullText', label: 'Каждый охотник желает знать, где сидит фазан' },
-                { value: '_thePheasant', label: 'Фазан' },
-                { value: '_is', label: 'Сидит' },
-            ],
-        },
-        { value: 'where', label: 'Где' },
-        { value: 'is', label: 'Сидит' },
-        { value: 'thePheasant', label: 'Фазан' },
-        { value: 'fullText', label: 'Каждый охотник желает знать, где сидит фазан' },
-    ];
-
-    return (
-        <section>
-            <ModalsProvider>
-                <Button text="Open modal" onClick={() => setIsOpenA(true)} />
-
-                <Modal style=\{{ "height": "20rem" }} id="modalA" isOpen={isOpenA} onClose={onCloseA}>
-                    <H3>Фильтр</H3>
-                    <Select
-                        value={value}
-                        onChange={setValue}
-                        items={items}
-                        listHeight={11}
-                        listOverflow="scroll"
-                    />
-                </Modal>
-            </ModalsProvider>
-        </section>
-    );
-}
-```

package/styled-components/cjs/components/Select/hooks/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useKeyNavigation", {
-  enumerable: true,
-  get: function get() {
-    return _useKeyNavigation.useKeyNavigation;
-  }
-});
-var _useKeyNavigation = /*#__PURE__*/require("./useKeyNavigation");

package/styled-components/cjs/components/Select/ui/SelectChip/SelectChip.styles.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledChip = void 0;
-var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
-var _Chip = /*#__PURE__*/require("../../../Chip");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Select = /*#__PURE__*/require("../../Select.tokens");
-var _mixins = /*#__PURE__*/require("../../../../mixins");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-// issue #823
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Chip.chipConfig);
-var Chip = /*#__PURE__*/(0, _engines.component)(mergedConfig);
-
-// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
-var StyledChip = exports.StyledChip = /*#__PURE__*/(0, _styledComponents["default"])(Chip).withConfig({
-  componentId: "plasma-new-hope__sc-1ymdswn-0"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", " &[readonly]{opacity:var(", ");}"], _Chip.chipTokens.color, _Select.tokens.chipColor, _Chip.chipTokens.background, _Select.tokens.chipBackground, _Chip.chipTokens.colorHover, _Select.tokens.chipColorHover, _Chip.chipTokens.backgroundHover, _Select.tokens.chipBackgroundHover, _Chip.chipTokens.colorActive, _Select.tokens.chipColorActive, _Chip.chipTokens.backgroundActive, _Select.tokens.chipBackgroundActive, _Chip.chipTokens.backgroundReadOnly, _Select.tokens.chipBackgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Select.tokens.chipColorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Select.tokens.chipBackgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _Select.tokens.chipColorReadOnlyHover, _Chip.chipTokens.borderRadius, _Select.tokens.chipBorderRadius, _Chip.chipTokens.width, _Select.tokens.chipWidth, _Chip.chipTokens.height, _Select.tokens.chipHeight, _Chip.chipTokens.paddingRight, _Select.tokens.chipPaddingRight, _Chip.chipTokens.paddingLeft, _Select.tokens.chipPaddingLeft, _Chip.chipTokens.fontFamily, _Select.tokens.chipFontFamily, _Chip.chipTokens.fontSize, _Select.tokens.chipFontSize, _Chip.chipTokens.fontStyle, _Select.tokens.chipFontStyle, _Chip.chipTokens.fontWeight, _Select.tokens.chipFontWeight, _Chip.chipTokens.letterSpacing, _Select.tokens.chipLetterSpacing, _Chip.chipTokens.lineHeight, _Select.tokens.chipLineHeight, _Chip.chipTokens.clearContentMarginLeft, _Select.tokens.chipClearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Select.tokens.chipClearContentMarginRight, _Chip.chipTokens.scaleHover, _Select.tokens.chipScaleHover, _Chip.chipTokens.scaleActive, _Select.tokens.chipScaleActive, _Chip.chipTokens.closeIconSize, _Select.tokens.chipCloseIconSize, _Chip.chipTokens.closeIconColor, _Select.tokens.chipCloseIconColor, _Chip.chipTokens.focusColor, _Select.tokens.focusColor, /*#__PURE__*/(0, _mixins.addFocus)({
-  outlineOffset: '0.125rem',
-  outlineSize: '0.0625rem',
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Select.tokens.chipBorderRadius, ") - 0.1rem)"),
-  outlineColor: /*#__PURE__*/"var(".concat(_Select.tokens.focusColor, ")")
-}), _Select.tokens.chipOpacityReadonly);

package/styled-components/cjs/components/Select/ui/SelectDivider/SelectDivider.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.selectDividerRoot = exports.selectDividerConfig = void 0;
-var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
-var _base = /*#__PURE__*/require("./variations/_view/base");
-var _base2 = /*#__PURE__*/require("./variations/_size/base");
-var _SelectDivider = /*#__PURE__*/require("./SelectDivider.styles");
-var selectDividerRoot = exports.selectDividerRoot = _Dropdown.dropdownDividerRoot;
-var selectDividerConfig = exports.selectDividerConfig = {
-  name: 'SelectDivider',
-  tag: 'div',
-  layout: selectDividerRoot,
-  base: _SelectDivider.base,
-  variations: {
-    view: {
-      css: _base.base
-    },
-    size: {
-      css: _base2.base
-    }
-  },
-  defaults: {
-    view: 'primary',
-    size: 'm'
-  }
-};

package/styled-components/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mappingOverride = exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Select = /*#__PURE__*/require("../../Select.tokens");
-var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
-// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
-var mappingOverride = exports.mappingOverride = /*#__PURE__*/(0, _styledComponents.css)(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Dropdown.dropdownTokens.dividerColor, _Select.tokens.dividerColor, _Dropdown.dropdownTokens.dividerWidth, _Select.tokens.dividerWidth, _Dropdown.dropdownTokens.dividerHeight, _Select.tokens.dividerHeight, _Dropdown.dropdownTokens.dividerMarginTop, _Select.tokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Select.tokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Select.tokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Select.tokens.dividerMarginLeft);
-var base = exports.base = mappingOverride;

package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_size/base.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_size/tokens.json

@@ -1,8 +0,0 @@
-[
-    "--plasma-select-divider-width",
-    "--plasma-select-divider-height",
-    "--plasma-select-divider-margin-top",
-    "--plasma-select-divider-margin-right",
-    "--plasma-select-divider-margin-bottom",
-    "--plasma-select-divider-margin-left"
-]

package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_view/base.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_view/tokens.json

@@ -1 +0,0 @@
-["--plasma-select-divider-color"]

package/styled-components/cjs/components/Select/ui/SelectFooter/SelectFooter.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.selectFooterRoot = exports.selectFooterConfig = void 0;
-var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
-var _base = /*#__PURE__*/require("./variations/_view/base");
-var _base2 = /*#__PURE__*/require("./variations/_size/base");
-var _SelectFooter = /*#__PURE__*/require("./SelectFooter.styles");
-var selectFooterRoot = exports.selectFooterRoot = _Dropdown.dropdownFooterRoot;
-var selectFooterConfig = exports.selectFooterConfig = {
-  name: 'SelectFooter',
-  tag: 'div',
-  layout: selectFooterRoot,
-  base: _SelectFooter.base,
-  variations: {
-    view: {
-      css: _base.base
-    },
-    size: {
-      css: _base2.base
-    }
-  },
-  defaults: {
-    view: 'primary',
-    size: 'm'
-  }
-};

package/styled-components/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mappingOverride = exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Select = /*#__PURE__*/require("../../Select.tokens");
-var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
-// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
-var mappingOverride = exports.mappingOverride = /*#__PURE__*/(0, _styledComponents.css)(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Dropdown.dropdownTokens.footerBackground, _Select.tokens.footerBackground, _Dropdown.dropdownTokens.footerWidth, _Select.tokens.footerWidth, _Dropdown.dropdownTokens.footerHeight, _Select.tokens.footerHeight, _Dropdown.dropdownTokens.footerPaddingTop, _Select.tokens.footerPaddingTop, _Dropdown.dropdownTokens.footerPaddingRight, _Select.tokens.footerPaddingRight, _Dropdown.dropdownTokens.footerPaddingBottom, _Select.tokens.footerPaddingBottom, _Dropdown.dropdownTokens.footerPaddingLeft, _Select.tokens.footerPaddingLeft, _Dropdown.dropdownTokens.footerMarginTop, _Select.tokens.footerMarginTop, _Dropdown.dropdownTokens.footerMarginRight, _Select.tokens.footerMarginRight, _Dropdown.dropdownTokens.footerMarginBottom, _Select.tokens.footerMarginBottom, _Dropdown.dropdownTokens.footerMarginLeft, _Select.tokens.footerMarginLeft, _Dropdown.dropdownTokens.footerFontFamily, _Select.tokens.footerFontFamily, _Dropdown.dropdownTokens.footerFontSize, _Select.tokens.footerFontSize, _Dropdown.dropdownTokens.footerFontStyle, _Select.tokens.footerFontStyle, _Dropdown.dropdownTokens.footerFontWeightBold, _Select.tokens.footerFontWeightBold, _Dropdown.dropdownTokens.footerFontLetterSpacing, _Select.tokens.footerFontLetterSpacing, _Dropdown.dropdownTokens.footerFontLineHeight, _Select.tokens.footerFontLineHeight);
-var base = exports.base = mappingOverride;

package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_size/base.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_size/tokens.json

@@ -1,12 +0,0 @@
-[
-    "--plasma-select-footer-width",
-    "--plasma-select-footer-height",
-    "--plasma-select-footer-padding-top",
-    "--plasma-select-footer-padding-right",
-    "--plasma-select-footer-padding-bottom",
-    "--plasma-select-footer-padding-left",
-    "--plasma-select-footer-margin-top",
-    "--plasma-select-footer-margin-right",
-    "--plasma-select-footer-margin-bottom",
-    "--plasma-select-footer-margin-left"
-]

package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_view/base.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_view/tokens.json

@@ -1,9 +0,0 @@
-[
-    "--plasma-select-footer-background",
-    "--plasma-select-footer-font-family",
-    "--plasma-select-footer-font-size",
-    "--plasma-select-footer-font-style",
-    "--plasma-select-footer-letter-spacing",
-    "--plasma-select-footer-line-height",
-    "--plasma-select-footer-font-weight"
-]