npm - @salutejs/plasma-new-hope - Versions diffs - 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15743877104.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3798) hide show

package/cjs/components/Combobox/ComboboxOld/Combobox.tokens.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var classes = {
+const classes = {
   comboboxTargeText: 'combobox-target-text',
   comboboxTargetLabel: 'combobox-button-label',
   comboboxTargetInput: 'combobox-target-input',
@@ -13,7 +13,7 @@ var classes = {
   hasChips: 'has-chips',
   innerLabelUp: 'inner-label-up'
 };
-var tokens = {
+const tokens = {
   background: '--plasma-combobox-old-background',
   boxShadow: '--plasma-combobox-old-box-shadow',
   width: '--plasma-combobox-old-width',

package/cjs/components/Combobox/ComboboxOld/Combobox.tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Combobox.tokens.js","sources":["../../../../src/components/Combobox/ComboboxOld/Combobox.tokens.ts"],"sourcesContent":["export const classes = {\n comboboxTargeText: 'combobox-target-text',\n comboboxTargetLabel: 'combobox-button-label',\n comboboxTargetInput: 'combobox-target-input',\n comboboxTargetArrow: 'combobox-button-arrow',\n arrowInverse: 'arrow-inverse',\n comboboxItemIsSelected: 'combobox-item-is-selected',\n comboboxItemIsDisabled: 'combobox-item-is-disabled',\n hasChips: 'has-chips',\n innerLabelUp: 'inner-label-up',\n};\n\nexport const tokens = {\n background: '--plasma-combobox-old-background',\n boxShadow: '--plasma-combobox-old-box-shadow',\n width: '--plasma-combobox-old-width',\n height: '--plasma-combobox-old-height',\n borderRadius: '--plasma-combobox-old-border-radius',\n paddingTop: '--plasma-combobox-old-padding-top',\n paddingRight: '--plasma-combobox-old-padding-right',\n paddingBottom: '--plasma-combobox-old-padding-bottom',\n paddingLeft: '--plasma-combobox-old-padding-left',\n\n itemBackground: '--plasma-combobox-old-item-background',\n itemColor: '--plasma-combobox-old-item-color',\n itemBackgroundHover: '--plasma-combobox-old-item-background-hover',\n itemBackgroundSelected: '--plasma-combobox-old-item-background-selected',\n itemColorSelected: '--plasma-combobox-old-item-color-selected',\n itemBackgroundSelectedHover: '--plasma-combobox-old-item-background-selected-hover',\n itemColorSelectedHover: '--plasma-combobox-old-item-color-selected-hover',\n itemWidth: '--plasma-combobox-old-item-width',\n itemHeight: '--plasma-combobox-old-item-height',\n itemBorderRadius: '--plasma-combobox-old-item-border-radius',\n itemPaddingTop: '--plasma-combobox-old-item-padding-top',\n itemPaddingRight: '--plasma-combobox-old-item-padding-right',\n itemPaddingBottom: '--plasma-combobox-old-item-padding-bottom',\n itemPaddingLeft: '--plasma-combobox-old-item-padding-left',\n itemMarginTop: '--plasma-combobox-old-item-margin-top',\n itemMarginRight: '--plasma-combobox-old-item-margin-right',\n itemMarginBottom: '--plasma-combobox-old-item-margin-bottom',\n itemMarginLeft: '--plasma-combobox-old-item-margin-left',\n itemFontFamily: '--plasma-combobox-old-item-font-family',\n itemFontSize: '--plasma-combobox-old-item-font-size',\n itemFontStyle: '--plasma-combobox-old-item-font-style',\n itemFontWeightBold: '--plasma-combobox-old-item-letter-spacing',\n itemFontLetterSpacing: '--plasma-combobox-old-item-line-height',\n itemFontLineHeight: '--plasma-combobox-old-item-font-weight',\n itemContentLeftColor: '--plasma-combobox-old-item-content-left-color',\n itemContentRightColor: '--plasma-combobox-old-item-content-right-color',\n itemContentLeftWidth: '--plasma-combobox-old-item-content-left-width',\n itemContentRightWidth: '--plasma-combobox-old-item-content-right-width',\n\n footerBackground: '--plasma-combobox-old-footer-background',\n footerWidth: '--plasma-combobox-old-footer-width',\n footerHeight: '--plasma-combobox-old-footer-height',\n footerPaddingTop: '--plasma-combobox-old-footer-padding-top',\n footerPaddingRight: '--plasma-combobox-old-footer-padding-right',\n footerPaddingBottom: '--plasma-combobox-old-footer-padding-bottom',\n footerPaddingLeft: '--plasma-combobox-old-footer-padding-left',\n footerMarginTop: '--plasma-combobox-old-footer-margin-top',\n footerMarginRight: '--plasma-combobox-old-footer-margin-right',\n footerMarginBottom: '--plasma-combobox-old-footer-margin-bottom',\n footerMarginLeft: '--plasma-combobox-old-footer-margin-left',\n footerFontFamily: '--plasma-combobox-old-footer-font-family',\n footerFontSize: '--plasma-combobox-old-footer-font-size',\n footerFontStyle: '--plasma-combobox-old-footer-font-style',\n footerFontWeightBold: '--plasma-combobox-old-footer-letter-spacing',\n footerFontLetterSpacing: '--plasma-combobox-old-footer-line-height',\n footerFontLineHeight: '--plasma-combobox-old-footer-font-weight',\n\n headerBackground: '--plasma-combobox-old-header-background',\n headerWidth: '--plasma-combobox-old-header-width',\n headerHeight: '--plasma-combobox-old-header-height',\n headerPaddingTop: '--plasma-combobox-old-header-padding-top',\n headerPaddingRight: '--plasma-combobox-old-header-padding-right',\n headerPaddingBottom: '--plasma-combobox-old-header-padding-bottom',\n headerPaddingLeft: '--plasma-combobox-old-header-padding-left',\n headerMarginTop: '--plasma-combobox-old-header-margin-top',\n headerMarginRight: '--plasma-combobox-old-header-margin-right',\n headerMarginBottom: '--plasma-combobox-old-header-margin-bottom',\n headerMarginLeft: '--plasma-combobox-old-header-margin-left',\n headerFontFamily: '--plasma-combobox-old-header-font-family',\n headerFontSize: '--plasma-combobox-old-header-font-size',\n headerFontStyle: '--plasma-combobox-old-header-font-style',\n headerFontWeightBold: '--plasma-combobox-old-header-letter-spacing',\n headerFontLetterSpacing: '--plasma-combobox-old-header-line-height',\n headerFontLineHeight: '--plasma-combobox-old-header-font-weight',\n\n dividerColor: '--plasma-combobox-old-divider-color',\n dividerWidth: '--plasma-combobox-old-divider-width',\n dividerHeight: '--plasma-combobox-old-divider-height',\n dividerMarginTop: '--plasma-combobox-old-divider-margin-top',\n dividerMarginRight: '--plasma-combobox-old-divider-margin-right',\n dividerMarginBottom: '--plasma-combobox-old-divider-margin-bottom',\n dividerMarginLeft: '--plasma-combobox-old-divider-margin-left',\n\n groupBackground: '--plasma-combobox-old-group-background',\n groupWidth: '--plasma-combobox-old-group-width',\n groupHeight: '--plasma-combobox-old-group-height',\n groupPaddingTop: '--plasma-combobox-old-group-padding-top',\n groupPaddingRight: '--plasma-combobox-old-group-padding-right',\n groupPaddingBottom: '--plasma-combobox-old-group-padding-bottom',\n groupPaddingLeft: '--plasma-combobox-old-group-padding-left',\n groupMarginTop: '--plasma-combobox-old-group-margin-top',\n groupMarginRight: '--plasma-combobox-old-group-margin-right',\n groupMarginBottom: '--plasma-combobox-old-group-margin-bottom',\n groupMarginLeft: '--plasma-combobox-old-group-margin-left',\n groupLabelColor: '--plasma-combobox-old-group-label-color',\n groupLabelFontFamily: '--plasma-combobox-old-group-label-font-family',\n groupLabelFontSize: '--plasma-combobox-old-group-label-font-size',\n groupLabelFontStyle: '--plasma-combobox-old-group-label-font-style',\n groupLabelFontWeight: '--plasma-combobox-old-group-label-font-weight',\n groupLabelLetterSpacing: '--plasma-combobox-old-group-label-letter-spacing',\n groupLabelLineHeight: '--plasma-combobox-old-group-label-line-height',\n groupLabelPaddingTop: '--plasma-combobox-old-group-label-padding-top',\n groupLabelPaddingRight: '--plasma-combobox-old-group-label-padding-right',\n groupLabelPaddingBottom: '--plasma-combobox-old-group-label-padding-bottom',\n groupLabelPaddingLeft: '--plasma-combobox-old-group-label-padding-left',\n groupLabelMarginTop: '--plasma-combobox-old-group-label-margin-top',\n groupLabelMarginRight: '--plasma-combobox-old-group-label-margin-right',\n groupLabelMarginBottom: '--plasma-combobox-old-group-label-margin-bottom',\n groupLabelMarginLeft: '--plasma-combobox-old-group-label-margin-left',\n\n targetColor: '--plasma-combobox-old-target-color',\n targetLabelColor: '--plasma-combobox-old-target-label-color',\n targetArrowColor: '--plasma-combobox-old-target-arrow-color',\n targetArrowRight: '--plasma-combobox-old-target-arrow-right',\n targetBackgroundColor: '--plasma-combobox-old-target-background-color',\n targetBackgroundColorHover: '--plasma-combobox-old-target-background-color-hover',\n targetBackgroundColorActive: '--plasma-combobox-old-target-background-color-active',\n targetBackgroundColorOpen: '--plasma-combobox-old-target-background-color-open',\n targetBorderColor: '--plasma-combobox-old-target-border-color',\n targetBorderColorHover: '--plasma-combobox-old-target-border-color-hover',\n targetBorderColorActive: '--plasma-combobox-old-target-border-color-active',\n targetBorderColorOpen: '--plasma-combobox-old-target-border-color-open',\n targetInnerTop: '--plasma-combobox-old-target-inner-top',\n targetPadding: '--plasma-combobox-old-target-padding',\n targetPaddingWithInput: '--plasma-combobox-old-target-with-input',\n targetPaddingHasChips: '--plasma-combobox-old-target-padding-has-chips',\n targetHeight: '--plasma-combobox-old-target-height',\n targetWidth: '--plasma-combobox-old-target-width',\n targetRadius: '--plasma-combobox-old-target-radius',\n targetFontFamily: '--plasma-combobox-old-target-font-family',\n targetFontSize: '--plasma-combobox-old-target-font-size',\n targetFontStyle: '--plasma-combobox-old-target-font-style',\n targetFontWeight: '--plasma-combobox-old-target-font-weight',\n targetLetterSpacing: '--plasma-combobox-old-target-letter-spacing',\n targetLineHeight: '--plasma-combobox-old-target-line-height',\n targetLabelInnerTop: '--plasma-combobox-old-target-label-inner-top',\n targetLabelInnerFontFamily: '--plasma-combobox-old-target-label-inner-font-family',\n targetLabelInnerFontSize: '--plasma-combobox-old-target-label-inner-font-family',\n targetLabelInnerFontStyle: '--plasma-combobox-old-target-label-inner-font-style',\n targetLabelInnerFontWeight: '--plasma-combobox-old-target-label-inner-font-weight',\n targetLabelInnerLetterSpacing: '--plasma-combobox-old-target-label-inner-letter-spacing',\n targetLabelInnerLineHeight: '--plasma-combobox-old-target-label-inner-line-height',\n\n chipGap: '--plasma-combobox-old-chip-gap',\n chipBackground: '--plasma-combobox-old-chip-background',\n chipColor: '--plasma-combobox-old-chip-color',\n chipBackgroundHover: '--plasma-combobox-old-chip-background-hover',\n chipColorHover: '--plasma-combobox-old-chip-color-hover',\n chipScaleHover: '--plasma-combobox-old-chip-scale-hover',\n chipBackgroundReadOnly: '--plasma-combobox-old-chip-background-readonly',\n chipColorReadOnly: '--plasma-combobox-old-chip-color-readonly',\n chipBackgroundReadOnlyHover: '--plasma-combobox-old-chip-background-readonly-hover',\n chipColorReadOnlyHover: '--plasma-combobox-old-chip-color-readonly-hover',\n chipBackgroundActive: '--plasma-combobox-old-chip-background-active',\n chipColorActive: '--plasma-combobox-old-chip-color-active',\n chipScaleActive: '--plasma-combobox-old-chip-scale-active',\n chipFocusColor: '--plasma-combobox-old-chip-focus-color',\n chipCloseIconColor: '--plasma-combobox-old-chip-close-icon-color',\n chipOutlineSize: '--plasma-combobox-old-chip-outline-size',\n chipBorderRadius: '--plasma-combobox-old-chip-border-radius',\n chipWidth: '--plasma-combobox-old-chip-width',\n chipHeight: '--plasma-combobox-old-chip-height',\n chipPadding: '--plasma-combobox-old-chip-padding',\n chipCloseIconSize: '--plasma-combobox-old-chip-close-icon-size',\n chipFontFamily: '--plasma-combobox-old-chip-font-family',\n chipFontSize: '--plasma-combobox-old-chip-font-size',\n chipFontStyle: '--plasma-combobox-old-chip-font-style',\n chipFontWeight: '--plasma-combobox-old-chip-font-weight',\n chipLetterSpacing: '--plasma-combobox-old-chip-letter-spacing',\n chipLineHeight: '--plasma-combobox-old-chip-line-height',\n chipClearContentMarginLeft: '--plasma-combobox-old-chip-clear-content-margin-left',\n chipClearContentMarginRight: '--plasma-combobox-old-chip-clear-content-margin-right',\n chipOpacityReadonly: '--plasma-combobox-old-chip-opacity-readonly',\n\n disabledOpacity: '--plasma-combobox-old-disabled-opacity',\n focusColor: '--plasma-combobox-old-focus-color',\n};\n"],"names":["classes","comboboxTargeText","comboboxTargetLabel","comboboxTargetInput","comboboxTargetArrow","arrowInverse","comboboxItemIsSelected","comboboxItemIsDisabled","hasChips","innerLabelUp","tokens","background","boxShadow","width","height","borderRadius","paddingTop","paddingRight","paddingBottom","paddingLeft","itemBackground","itemColor","itemBackgroundHover","itemBackgroundSelected","itemColorSelected","itemBackgroundSelectedHover","itemColorSelectedHover","itemWidth","itemHeight","itemBorderRadius","itemPaddingTop","itemPaddingRight","itemPaddingBottom","itemPaddingLeft","itemMarginTop","itemMarginRight","itemMarginBottom","itemMarginLeft","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeightBold","itemFontLetterSpacing","itemFontLineHeight","itemContentLeftColor","itemContentRightColor","itemContentLeftWidth","itemContentRightWidth","footerBackground","footerWidth","footerHeight","footerPaddingTop","footerPaddingRight","footerPaddingBottom","footerPaddingLeft","footerMarginTop","footerMarginRight","footerMarginBottom","footerMarginLeft","footerFontFamily","footerFontSize","footerFontStyle","footerFontWeightBold","footerFontLetterSpacing","footerFontLineHeight","headerBackground","headerWidth","headerHeight","headerPaddingTop","headerPaddingRight","headerPaddingBottom","headerPaddingLeft","headerMarginTop","headerMarginRight","headerMarginBottom","headerMarginLeft","headerFontFamily","headerFontSize","headerFontStyle","headerFontWeightBold","headerFontLetterSpacing","headerFontLineHeight","dividerColor","dividerWidth","dividerHeight","dividerMarginTop","dividerMarginRight","dividerMarginBottom","dividerMarginLeft","groupBackground","groupWidth","groupHeight","groupPaddingTop","groupPaddingRight","groupPaddingBottom","groupPaddingLeft","groupMarginTop","groupMarginRight","groupMarginBottom","groupMarginLeft","groupLabelColor","groupLabelFontFamily","groupLabelFontSize","groupLabelFontStyle","groupLabelFontWeight","groupLabelLetterSpacing","groupLabelLineHeight","groupLabelPaddingTop","groupLabelPaddingRight","groupLabelPaddingBottom","groupLabelPaddingLeft","groupLabelMarginTop","groupLabelMarginRight","groupLabelMarginBottom","groupLabelMarginLeft","targetColor","targetLabelColor","targetArrowColor","targetArrowRight","targetBackgroundColor","targetBackgroundColorHover","targetBackgroundColorActive","targetBackgroundColorOpen","targetBorderColor","targetBorderColorHover","targetBorderColorActive","targetBorderColorOpen","targetInnerTop","targetPadding","targetPaddingWithInput","targetPaddingHasChips","targetHeight","targetWidth","targetRadius","targetFontFamily","targetFontSize","targetFontStyle","targetFontWeight","targetLetterSpacing","targetLineHeight","targetLabelInnerTop","targetLabelInnerFontFamily","targetLabelInnerFontSize","targetLabelInnerFontStyle","targetLabelInnerFontWeight","targetLabelInnerLetterSpacing","targetLabelInnerLineHeight","chipGap","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipBorderRadius","chipWidth","chipHeight","chipPadding","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","disabledOpacity","focusColor"],"mappings":"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"}
1	+ {"version":3,"file":"Combobox.tokens.js","sources":["../../../../src/components/Combobox/ComboboxOld/Combobox.tokens.ts"],"sourcesContent":["export const classes = {\n comboboxTargeText: 'combobox-target-text',\n comboboxTargetLabel: 'combobox-button-label',\n comboboxTargetInput: 'combobox-target-input',\n comboboxTargetArrow: 'combobox-button-arrow',\n arrowInverse: 'arrow-inverse',\n comboboxItemIsSelected: 'combobox-item-is-selected',\n comboboxItemIsDisabled: 'combobox-item-is-disabled',\n hasChips: 'has-chips',\n innerLabelUp: 'inner-label-up',\n};\n\nexport const tokens = {\n background: '--plasma-combobox-old-background',\n boxShadow: '--plasma-combobox-old-box-shadow',\n width: '--plasma-combobox-old-width',\n height: '--plasma-combobox-old-height',\n borderRadius: '--plasma-combobox-old-border-radius',\n paddingTop: '--plasma-combobox-old-padding-top',\n paddingRight: '--plasma-combobox-old-padding-right',\n paddingBottom: '--plasma-combobox-old-padding-bottom',\n paddingLeft: '--plasma-combobox-old-padding-left',\n\n itemBackground: '--plasma-combobox-old-item-background',\n itemColor: '--plasma-combobox-old-item-color',\n itemBackgroundHover: '--plasma-combobox-old-item-background-hover',\n itemBackgroundSelected: '--plasma-combobox-old-item-background-selected',\n itemColorSelected: '--plasma-combobox-old-item-color-selected',\n itemBackgroundSelectedHover: '--plasma-combobox-old-item-background-selected-hover',\n itemColorSelectedHover: '--plasma-combobox-old-item-color-selected-hover',\n itemWidth: '--plasma-combobox-old-item-width',\n itemHeight: '--plasma-combobox-old-item-height',\n itemBorderRadius: '--plasma-combobox-old-item-border-radius',\n itemPaddingTop: '--plasma-combobox-old-item-padding-top',\n itemPaddingRight: '--plasma-combobox-old-item-padding-right',\n itemPaddingBottom: '--plasma-combobox-old-item-padding-bottom',\n itemPaddingLeft: '--plasma-combobox-old-item-padding-left',\n itemMarginTop: '--plasma-combobox-old-item-margin-top',\n itemMarginRight: '--plasma-combobox-old-item-margin-right',\n itemMarginBottom: '--plasma-combobox-old-item-margin-bottom',\n itemMarginLeft: '--plasma-combobox-old-item-margin-left',\n itemFontFamily: '--plasma-combobox-old-item-font-family',\n itemFontSize: '--plasma-combobox-old-item-font-size',\n itemFontStyle: '--plasma-combobox-old-item-font-style',\n itemFontWeightBold: '--plasma-combobox-old-item-letter-spacing',\n itemFontLetterSpacing: '--plasma-combobox-old-item-line-height',\n itemFontLineHeight: '--plasma-combobox-old-item-font-weight',\n itemContentLeftColor: '--plasma-combobox-old-item-content-left-color',\n itemContentRightColor: '--plasma-combobox-old-item-content-right-color',\n itemContentLeftWidth: '--plasma-combobox-old-item-content-left-width',\n itemContentRightWidth: '--plasma-combobox-old-item-content-right-width',\n\n footerBackground: '--plasma-combobox-old-footer-background',\n footerWidth: '--plasma-combobox-old-footer-width',\n footerHeight: '--plasma-combobox-old-footer-height',\n footerPaddingTop: '--plasma-combobox-old-footer-padding-top',\n footerPaddingRight: '--plasma-combobox-old-footer-padding-right',\n footerPaddingBottom: '--plasma-combobox-old-footer-padding-bottom',\n footerPaddingLeft: '--plasma-combobox-old-footer-padding-left',\n footerMarginTop: '--plasma-combobox-old-footer-margin-top',\n footerMarginRight: '--plasma-combobox-old-footer-margin-right',\n footerMarginBottom: '--plasma-combobox-old-footer-margin-bottom',\n footerMarginLeft: '--plasma-combobox-old-footer-margin-left',\n footerFontFamily: '--plasma-combobox-old-footer-font-family',\n footerFontSize: '--plasma-combobox-old-footer-font-size',\n footerFontStyle: '--plasma-combobox-old-footer-font-style',\n footerFontWeightBold: '--plasma-combobox-old-footer-letter-spacing',\n footerFontLetterSpacing: '--plasma-combobox-old-footer-line-height',\n footerFontLineHeight: '--plasma-combobox-old-footer-font-weight',\n\n headerBackground: '--plasma-combobox-old-header-background',\n headerWidth: '--plasma-combobox-old-header-width',\n headerHeight: '--plasma-combobox-old-header-height',\n headerPaddingTop: '--plasma-combobox-old-header-padding-top',\n headerPaddingRight: '--plasma-combobox-old-header-padding-right',\n headerPaddingBottom: '--plasma-combobox-old-header-padding-bottom',\n headerPaddingLeft: '--plasma-combobox-old-header-padding-left',\n headerMarginTop: '--plasma-combobox-old-header-margin-top',\n headerMarginRight: '--plasma-combobox-old-header-margin-right',\n headerMarginBottom: '--plasma-combobox-old-header-margin-bottom',\n headerMarginLeft: '--plasma-combobox-old-header-margin-left',\n headerFontFamily: '--plasma-combobox-old-header-font-family',\n headerFontSize: '--plasma-combobox-old-header-font-size',\n headerFontStyle: '--plasma-combobox-old-header-font-style',\n headerFontWeightBold: '--plasma-combobox-old-header-letter-spacing',\n headerFontLetterSpacing: '--plasma-combobox-old-header-line-height',\n headerFontLineHeight: '--plasma-combobox-old-header-font-weight',\n\n dividerColor: '--plasma-combobox-old-divider-color',\n dividerWidth: '--plasma-combobox-old-divider-width',\n dividerHeight: '--plasma-combobox-old-divider-height',\n dividerMarginTop: '--plasma-combobox-old-divider-margin-top',\n dividerMarginRight: '--plasma-combobox-old-divider-margin-right',\n dividerMarginBottom: '--plasma-combobox-old-divider-margin-bottom',\n dividerMarginLeft: '--plasma-combobox-old-divider-margin-left',\n\n groupBackground: '--plasma-combobox-old-group-background',\n groupWidth: '--plasma-combobox-old-group-width',\n groupHeight: '--plasma-combobox-old-group-height',\n groupPaddingTop: '--plasma-combobox-old-group-padding-top',\n groupPaddingRight: '--plasma-combobox-old-group-padding-right',\n groupPaddingBottom: '--plasma-combobox-old-group-padding-bottom',\n groupPaddingLeft: '--plasma-combobox-old-group-padding-left',\n groupMarginTop: '--plasma-combobox-old-group-margin-top',\n groupMarginRight: '--plasma-combobox-old-group-margin-right',\n groupMarginBottom: '--plasma-combobox-old-group-margin-bottom',\n groupMarginLeft: '--plasma-combobox-old-group-margin-left',\n groupLabelColor: '--plasma-combobox-old-group-label-color',\n groupLabelFontFamily: '--plasma-combobox-old-group-label-font-family',\n groupLabelFontSize: '--plasma-combobox-old-group-label-font-size',\n groupLabelFontStyle: '--plasma-combobox-old-group-label-font-style',\n groupLabelFontWeight: '--plasma-combobox-old-group-label-font-weight',\n groupLabelLetterSpacing: '--plasma-combobox-old-group-label-letter-spacing',\n groupLabelLineHeight: '--plasma-combobox-old-group-label-line-height',\n groupLabelPaddingTop: '--plasma-combobox-old-group-label-padding-top',\n groupLabelPaddingRight: '--plasma-combobox-old-group-label-padding-right',\n groupLabelPaddingBottom: '--plasma-combobox-old-group-label-padding-bottom',\n groupLabelPaddingLeft: '--plasma-combobox-old-group-label-padding-left',\n groupLabelMarginTop: '--plasma-combobox-old-group-label-margin-top',\n groupLabelMarginRight: '--plasma-combobox-old-group-label-margin-right',\n groupLabelMarginBottom: '--plasma-combobox-old-group-label-margin-bottom',\n groupLabelMarginLeft: '--plasma-combobox-old-group-label-margin-left',\n\n targetColor: '--plasma-combobox-old-target-color',\n targetLabelColor: '--plasma-combobox-old-target-label-color',\n targetArrowColor: '--plasma-combobox-old-target-arrow-color',\n targetArrowRight: '--plasma-combobox-old-target-arrow-right',\n targetBackgroundColor: '--plasma-combobox-old-target-background-color',\n targetBackgroundColorHover: '--plasma-combobox-old-target-background-color-hover',\n targetBackgroundColorActive: '--plasma-combobox-old-target-background-color-active',\n targetBackgroundColorOpen: '--plasma-combobox-old-target-background-color-open',\n targetBorderColor: '--plasma-combobox-old-target-border-color',\n targetBorderColorHover: '--plasma-combobox-old-target-border-color-hover',\n targetBorderColorActive: '--plasma-combobox-old-target-border-color-active',\n targetBorderColorOpen: '--plasma-combobox-old-target-border-color-open',\n targetInnerTop: '--plasma-combobox-old-target-inner-top',\n targetPadding: '--plasma-combobox-old-target-padding',\n targetPaddingWithInput: '--plasma-combobox-old-target-with-input',\n targetPaddingHasChips: '--plasma-combobox-old-target-padding-has-chips',\n targetHeight: '--plasma-combobox-old-target-height',\n targetWidth: '--plasma-combobox-old-target-width',\n targetRadius: '--plasma-combobox-old-target-radius',\n targetFontFamily: '--plasma-combobox-old-target-font-family',\n targetFontSize: '--plasma-combobox-old-target-font-size',\n targetFontStyle: '--plasma-combobox-old-target-font-style',\n targetFontWeight: '--plasma-combobox-old-target-font-weight',\n targetLetterSpacing: '--plasma-combobox-old-target-letter-spacing',\n targetLineHeight: '--plasma-combobox-old-target-line-height',\n targetLabelInnerTop: '--plasma-combobox-old-target-label-inner-top',\n targetLabelInnerFontFamily: '--plasma-combobox-old-target-label-inner-font-family',\n targetLabelInnerFontSize: '--plasma-combobox-old-target-label-inner-font-family',\n targetLabelInnerFontStyle: '--plasma-combobox-old-target-label-inner-font-style',\n targetLabelInnerFontWeight: '--plasma-combobox-old-target-label-inner-font-weight',\n targetLabelInnerLetterSpacing: '--plasma-combobox-old-target-label-inner-letter-spacing',\n targetLabelInnerLineHeight: '--plasma-combobox-old-target-label-inner-line-height',\n\n chipGap: '--plasma-combobox-old-chip-gap',\n chipBackground: '--plasma-combobox-old-chip-background',\n chipColor: '--plasma-combobox-old-chip-color',\n chipBackgroundHover: '--plasma-combobox-old-chip-background-hover',\n chipColorHover: '--plasma-combobox-old-chip-color-hover',\n chipScaleHover: '--plasma-combobox-old-chip-scale-hover',\n chipBackgroundReadOnly: '--plasma-combobox-old-chip-background-readonly',\n chipColorReadOnly: '--plasma-combobox-old-chip-color-readonly',\n chipBackgroundReadOnlyHover: '--plasma-combobox-old-chip-background-readonly-hover',\n chipColorReadOnlyHover: '--plasma-combobox-old-chip-color-readonly-hover',\n chipBackgroundActive: '--plasma-combobox-old-chip-background-active',\n chipColorActive: '--plasma-combobox-old-chip-color-active',\n chipScaleActive: '--plasma-combobox-old-chip-scale-active',\n chipFocusColor: '--plasma-combobox-old-chip-focus-color',\n chipCloseIconColor: '--plasma-combobox-old-chip-close-icon-color',\n chipOutlineSize: '--plasma-combobox-old-chip-outline-size',\n chipBorderRadius: '--plasma-combobox-old-chip-border-radius',\n chipWidth: '--plasma-combobox-old-chip-width',\n chipHeight: '--plasma-combobox-old-chip-height',\n chipPadding: '--plasma-combobox-old-chip-padding',\n chipCloseIconSize: '--plasma-combobox-old-chip-close-icon-size',\n chipFontFamily: '--plasma-combobox-old-chip-font-family',\n chipFontSize: '--plasma-combobox-old-chip-font-size',\n chipFontStyle: '--plasma-combobox-old-chip-font-style',\n chipFontWeight: '--plasma-combobox-old-chip-font-weight',\n chipLetterSpacing: '--plasma-combobox-old-chip-letter-spacing',\n chipLineHeight: '--plasma-combobox-old-chip-line-height',\n chipClearContentMarginLeft: '--plasma-combobox-old-chip-clear-content-margin-left',\n chipClearContentMarginRight: '--plasma-combobox-old-chip-clear-content-margin-right',\n chipOpacityReadonly: '--plasma-combobox-old-chip-opacity-readonly',\n\n disabledOpacity: '--plasma-combobox-old-disabled-opacity',\n focusColor: '--plasma-combobox-old-focus-color',\n};\n"],"names":["classes","comboboxTargeText","comboboxTargetLabel","comboboxTargetInput","comboboxTargetArrow","arrowInverse","comboboxItemIsSelected","comboboxItemIsDisabled","hasChips","innerLabelUp","tokens","background","boxShadow","width","height","borderRadius","paddingTop","paddingRight","paddingBottom","paddingLeft","itemBackground","itemColor","itemBackgroundHover","itemBackgroundSelected","itemColorSelected","itemBackgroundSelectedHover","itemColorSelectedHover","itemWidth","itemHeight","itemBorderRadius","itemPaddingTop","itemPaddingRight","itemPaddingBottom","itemPaddingLeft","itemMarginTop","itemMarginRight","itemMarginBottom","itemMarginLeft","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeightBold","itemFontLetterSpacing","itemFontLineHeight","itemContentLeftColor","itemContentRightColor","itemContentLeftWidth","itemContentRightWidth","footerBackground","footerWidth","footerHeight","footerPaddingTop","footerPaddingRight","footerPaddingBottom","footerPaddingLeft","footerMarginTop","footerMarginRight","footerMarginBottom","footerMarginLeft","footerFontFamily","footerFontSize","footerFontStyle","footerFontWeightBold","footerFontLetterSpacing","footerFontLineHeight","headerBackground","headerWidth","headerHeight","headerPaddingTop","headerPaddingRight","headerPaddingBottom","headerPaddingLeft","headerMarginTop","headerMarginRight","headerMarginBottom","headerMarginLeft","headerFontFamily","headerFontSize","headerFontStyle","headerFontWeightBold","headerFontLetterSpacing","headerFontLineHeight","dividerColor","dividerWidth","dividerHeight","dividerMarginTop","dividerMarginRight","dividerMarginBottom","dividerMarginLeft","groupBackground","groupWidth","groupHeight","groupPaddingTop","groupPaddingRight","groupPaddingBottom","groupPaddingLeft","groupMarginTop","groupMarginRight","groupMarginBottom","groupMarginLeft","groupLabelColor","groupLabelFontFamily","groupLabelFontSize","groupLabelFontStyle","groupLabelFontWeight","groupLabelLetterSpacing","groupLabelLineHeight","groupLabelPaddingTop","groupLabelPaddingRight","groupLabelPaddingBottom","groupLabelPaddingLeft","groupLabelMarginTop","groupLabelMarginRight","groupLabelMarginBottom","groupLabelMarginLeft","targetColor","targetLabelColor","targetArrowColor","targetArrowRight","targetBackgroundColor","targetBackgroundColorHover","targetBackgroundColorActive","targetBackgroundColorOpen","targetBorderColor","targetBorderColorHover","targetBorderColorActive","targetBorderColorOpen","targetInnerTop","targetPadding","targetPaddingWithInput","targetPaddingHasChips","targetHeight","targetWidth","targetRadius","targetFontFamily","targetFontSize","targetFontStyle","targetFontWeight","targetLetterSpacing","targetLineHeight","targetLabelInnerTop","targetLabelInnerFontFamily","targetLabelInnerFontSize","targetLabelInnerFontStyle","targetLabelInnerFontWeight","targetLabelInnerLetterSpacing","targetLabelInnerLineHeight","chipGap","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipBorderRadius","chipWidth","chipHeight","chipPadding","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","disabledOpacity","focusColor"],"mappings":"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"}

package/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js CHANGED Viewed

@@ -6,55 +6,54 @@ var React = require('react');
 var usePreviousValue = require('../../../../hooks/usePreviousValue.js');
 var useDidMountEffect = require('../../../../hooks/useDidMountEffect.js');
-var useFocusController = function useFocusController(_ref) {
-  var _ref$controlledRefs = _ref.controlledRefs,
-    contentRef = _ref$controlledRefs.contentRef,
-    inputHelperRef = _ref$controlledRefs.inputHelperRef,
-    inputRef = _ref$controlledRefs.inputRef,
-    opened = _ref.opened,
-    hasValue = _ref.hasValue,
-    textContent = _ref.textContent,
-    search = _ref.search,
-    values = _ref.values,
-    readOnly = _ref.readOnly,
-    valueType = _ref.valueType,
-    closedWithoutChanges = _ref.closedWithoutChanges,
-    updateSearch = _ref.updateSearch,
-    updateFocused = _ref.updateFocused,
-    onChipClick = _ref.onChipClick;
-  var prevSearch = usePreviousValue.usePreviousValue(search);
-  var prevValues = usePreviousValue.usePreviousValue(values);
-  var prevOpened = usePreviousValue.usePreviousValue(opened);
-  useDidMountEffect.useDidMountEffect(function () {
+const useFocusController = ({
+  controlledRefs: {
+    contentRef,
+    inputHelperRef,
+    inputRef
+  },
+  opened,
+  hasValue,
+  textContent,
+  search,
+  values,
+  readOnly,
+  valueType,
+  closedWithoutChanges,
+  updateSearch,
+  updateFocused,
+  onChipClick
+}) => {
+  const prevSearch = usePreviousValue.usePreviousValue(search);
+  const prevValues = usePreviousValue.usePreviousValue(values);
+  const prevOpened = usePreviousValue.usePreviousValue(opened);
+  useDidMountEffect.useDidMountEffect(() => {
     if (!opened) {
-      var _contentRef$current;
       updateFocused(false);
-      (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 || _contentRef$current.scrollTo({
+      contentRef.current?.scrollTo({
         left: 0
       });
     }
-    var hasFocusAfterClose = prevOpened !== undefined && !opened && !(closedWithoutChanges !== null && closedWithoutChanges !== void 0 && closedWithoutChanges.current);
+    const hasFocusAfterClose = prevOpened !== undefined && !opened && !closedWithoutChanges?.current;
     if (opened || hasFocusAfterClose) {
-      var _inputRef$current;
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+      inputRef.current?.focus();
     }
     // INFO: Помогает определить, произошло ли закрытие выпадающего меню при выборе значения.
     // Нужно для того, чтобы не фокусироваться на инпуте
     // ОЧЕНЬ не нравится это решение, но оно работает
-    if ((closedWithoutChanges === null || closedWithoutChanges === void 0 ? void 0 : closedWithoutChanges.current) === false) {
+    if (closedWithoutChanges?.current === false) {
       closedWithoutChanges.current = true;
     }
   }, [opened]);
-  useDidMountEffect.useDidMountEffect(function () {
-    var prevValuesCount = (prevValues === null || prevValues === void 0 ? void 0 : prevValues.length) || 0;
-    var valuesCount = (values === null || values === void 0 ? void 0 : values.length) || 0;
+  useDidMountEffect.useDidMountEffect(() => {
+    const prevValuesCount = prevValues?.length || 0;
+    const valuesCount = values?.length || 0;
     if ((opened || prevOpened) && prevValuesCount < valuesCount) {
-      var _inputRef$current2;
-      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
+      inputRef.current?.focus();
     }
   }, [values, readOnly]);
-  useDidMountEffect.useDidMountEffect(function () {
+  useDidMountEffect.useDidMountEffect(() => {
     if (!inputRef.current) {
       return;
     }
@@ -75,31 +74,31 @@ var useFocusController = function useFocusController(_ref) {
       return;
     }
     if (valueType === 'multiple' && inputHelperRef.current) {
-      var clientWidth = inputHelperRef.current.clientWidth;
-      inputRef.current.style.flex = "1 0 ".concat(clientWidth, "px");
+      const {
+        clientWidth
+      } = inputHelperRef.current;
+      inputRef.current.style.flex = `1 0 ${clientWidth}px`;
     }
   }, [readOnly, search, valueType]);
-  React.useEffect(function () {
-    var newSearch = hasValue ? textContent : '';
+  React.useEffect(() => {
+    const newSearch = hasValue ? textContent : '';
     // INFO: Заполнить поле input при первой инициализации
     if (prevOpened !== undefined && opened) {
       return;
     }
     if (valueType === 'single') {
-      updateSearch === null || updateSearch === void 0 || updateSearch(newSearch, false);
+      updateSearch?.(newSearch, false);
     }
     if (valueType === 'multiple') {
-      updateSearch === null || updateSearch === void 0 || updateSearch('', false);
+      updateSearch?.('', false);
     }
   }, [updateSearch, values, opened, hasValue, textContent, valueType]);
-  var onClickText = function onClickText(event) {
-    var _inputRef$current3;
-    onChipClick === null || onChipClick === void 0 || onChipClick(event);
-    (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.focus();
+  const onClickText = event => {
+    onChipClick?.(event);
+    inputRef.current?.focus();
   };
-  var onFocusInput = function onFocusInput() {
-    var _contentRef$current2, _contentRef$current3;
+  const onFocusInput = () => {
     if (readOnly) {
       return;
     }
@@ -108,25 +107,24 @@ var useFocusController = function useFocusController(_ref) {
     // Проблема возникает из-за очередности срабатывания useEffect, который сначала вызывает фокус
     // на элемент, а потом обновляет состояние inputRef
     if (valueType === 'single') {
-      setTimeout(function () {
-        var _inputRef$current4;
-        (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 || _inputRef$current4.select();
+      setTimeout(() => {
+        inputRef.current?.select();
       });
     }
-    (_contentRef$current2 = contentRef.current) === null || _contentRef$current2 === void 0 || _contentRef$current2.scrollTo({
-      left: (_contentRef$current3 = contentRef.current) === null || _contentRef$current3 === void 0 ? void 0 : _contentRef$current3.scrollWidth
+    contentRef.current?.scrollTo({
+      left: contentRef.current?.scrollWidth
     });
     updateFocused(true);
   };
-  var onBlurInput = function onBlurInput() {
+  const onBlurInput = () => {
     if (!opened) {
       updateFocused(false);
     }
   };
   return {
-    onClickText: onClickText,
-    onFocusInput: onFocusInput,
-    onBlurInput: onBlurInput
+    onClickText,
+    onFocusInput,
+    onBlurInput
   };
 };

package/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFocusController.js","sources":["../../../../../src/components/Combobox/ComboboxOld/hooks/useFocusController.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useDidMountEffect, usePreviousValue } from '../../../../hooks';\nimport type { UseFocusControllerProps } from '../Combobox.types';\n\nexport const useFocusController = ({\n controlledRefs: { contentRef, inputHelperRef, inputRef },\n opened,\n hasValue,\n textContent,\n search,\n values,\n readOnly,\n valueType,\n closedWithoutChanges,\n updateSearch,\n updateFocused,\n onChipClick,\n}: UseFocusControllerProps) => {\n const prevSearch = usePreviousValue(search);\n const prevValues = usePreviousValue(values);\n const prevOpened = usePreviousValue(opened);\n\n useDidMountEffect(() => {\n if (!opened) {\n updateFocused(false);\n contentRef.current?.scrollTo({ left: 0 });\n }\n\n const hasFocusAfterClose = prevOpened !== undefined && !opened && !closedWithoutChanges?.current;\n\n if (opened \|\| hasFocusAfterClose) {\n inputRef.current?.focus();\n }\n\n // INFO: Помогает определить, произошло ли закрытие выпадающего меню при выборе значения.\n // Нужно для того, чтобы не фокусироваться на инпуте\n // ОЧЕНЬ не нравится это решение, но оно работает\n if (closedWithoutChanges?.current === false) {\n closedWithoutChanges.current = true;\n }\n }, [opened]);\n\n useDidMountEffect(() => {\n const prevValuesCount = prevValues?.length \|\| 0;\n const valuesCount = values?.length \|\| 0;\n\n if ((opened \|\| prevOpened) && prevValuesCount < valuesCount) {\n inputRef.current?.focus();\n }\n }, [values, readOnly]);\n\n useDidMountEffect(() => {\n if (!inputRef.current) {\n return;\n }\n\n // INFO: Для multiple\n if (search === '') {\n inputRef.current.style.flex = '1';\n }\n\n // INFO: Для single\n if (!opened && prevSearch !== search) {\n inputRef.current.style.flex = '1';\n }\n\n // INFO: Для кейсов, когда значение вырезано\n if (!inputRef.current.value.length) {\n inputRef.current.style.flex = '1';\n return;\n }\n\n if (valueType === 'multiple' && inputHelperRef.current) {\n const { clientWidth } = inputHelperRef.current;\n inputRef.current.style.flex = `1 0 ${clientWidth}px`;\n }\n }, [readOnly, search, valueType]);\n\n useEffect(() => {\n const newSearch = hasValue ? textContent : '';\n\n // INFO: Заполнить поле input при первой инициализации\n if (prevOpened !== undefined && opened) {\n return;\n }\n\n if (valueType === 'single') {\n updateSearch?.(newSearch, false);\n }\n\n if (valueType === 'multiple') {\n updateSearch?.('', false);\n }\n }, [updateSearch, values, opened, hasValue, textContent, valueType]);\n\n const onClickText = (event: React.MouseEvent<HTMLButtonElement>) => {\n onChipClick?.(event);\n inputRef.current?.focus();\n };\n\n const onFocusInput = () => {\n if (readOnly) {\n return;\n }\n\n // INFO: Жёсткий хак, нужный для корректного выделения всей строки после выбора значения.\n // Проблема возникает из-за очередности срабатывания useEffect, который сначала вызывает фокус\n // на элемент, а потом обновляет состояние inputRef\n if (valueType === 'single') {\n setTimeout(() => {\n inputRef.current?.select();\n });\n }\n\n contentRef.current?.scrollTo({ left: contentRef.current?.scrollWidth });\n\n updateFocused(true);\n };\n\n const onBlurInput = () => {\n if (!opened) {\n updateFocused(false);\n }\n };\n\n return { onClickText, onFocusInput, onBlurInput } as const;\n};\n"],"names":["useFocusController","~~_ref","_ref$~~controlledRefs","~~controlledRefs","~~contentRef","inputHelperRef","inputRef","opened","hasValue","textContent","search","values","readOnly","valueType","closedWithoutChanges","updateSearch","updateFocused","onChipClick","prevSearch","usePreviousValue","prevValues","prevOpened","useDidMountEffect","~~_contentRef$~~current","~~current","~~scrollTo","left","hasFocusAfterClose","undefined","~~_inputRef$current","~~focus","prevValuesCount","length","valuesCount","~~_inputRef$current2","~~style","flex","value","clientWidth","~~concat","~~useEffect","newSearch","onClickText","event","~~_inputRef$current3","~~onFocusInput","~~_contentRef$current2","_contentRef$current3","~~setTimeout","~~_inputRef$current4","~~select","scrollWidth","onBlurInput"],"mappings":";;;;;;;;~~IAKaA~~,kBAAkB,~~GAAG~~,~~SAArBA,kBAAkBA,CAAAC,IAAA,EAaA~~;~~AAAA~~,~~EAAA~~,~~IAAAC~~,~~mBAAA,GAAAD,IAAA,CAZ3BE,cAAc~~;~~IAAIC~~,UAAU~~,GAAAF,mBAAA,CAAVE,UAAU~~;IAAEC,cAAc~~,GAAAH,mBAAA,CAAdG,cAAc~~;~~IAAEC~~,~~QAAQ~~,~~GAAAJ,mBAAA,CAARI,QAAQ~~;~~IACtDC~~,MAAM~~,GAAAN,IAAA,CAANM,MAAM~~;~~IACNC~~,QAAQ~~,GAAAP,IAAA,CAARO,QAAQ~~;~~IACRC~~,WAAW~~,GAAAR,IAAA,CAAXQ,WAAW~~;~~IACXC~~,MAAM~~,GAAAT,IAAA,CAANS,MAAM~~;~~IACNC~~,MAAM~~,GAAAV,IAAA,CAANU,MAAM~~;~~IACNC~~,QAAQ~~,GAAAX,IAAA,CAARW,QAAQ~~;~~IACRC~~,SAAS~~,GAAAZ,IAAA,CAATY,SAAS~~;~~IACTC~~,oBAAoB~~,GAAAb,IAAA,CAApBa,oBAAoB~~;~~IACpBC~~,YAAY~~,GAAAd,IAAA,CAAZc,YAAY~~;~~IACZC~~,aAAa,~~GAAAf~~,~~IAAA,CAAbe,aAAa~~;~~IACbC~~,~~WAAW~~,~~GAAAhB,IAAA,CAAXgB,WAAW,CAAA~~;~~AAEX~~,EAAA,~~IAAMC~~,UAAU,GAAGC,iCAAgB,CAACT,MAAM,CAAC,CAAA;AAC3C,EAAA,~~IAAMU~~,UAAU,GAAGD,iCAAgB,CAACR,MAAM,CAAC,CAAA;AAC3C,EAAA,~~IAAMU~~,UAAU,GAAGF,iCAAgB,CAACZ,MAAM,CAAC,CAAA;AAE3Ce,EAAAA,mCAAiB,CAAC,~~YAAM~~;IACpB,IAAI,CAACf,MAAM,EAAE;~~AAAA~~,~~MAAA,IAAAgB,mBAAA,CAAA;MACTP,~~aAAa,CAAC,KAAK,CAAC,CAAA;~~MACpB~~,~~CAAAO~~,~~mBAAA,GAAAnB,~~UAAU,~~CAACoB~~,OAAO,~~MAAAD~~,~~IAAAA,IAAAA,mBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,mBAAA,CAAoBE,~~QAAQ,CAAC;AAAEC,QAAAA,IAAI,EAAE,CAAA;AAAE,OAAC,CAAC,CAAA;AAC7C,KAAA;AAEA,IAAA,~~IAAMC~~,kBAAkB,~~GAAGN~~,UAAU,~~KAAKO~~,SAAS,IAAI,~~CAACrB~~,MAAM,IAAI,~~EAACO~~,oBAAoB,~~KAApBA~~,~~IAAAA,IAAAA,oBAAoB,KAApBA,KAAAA,CAAAA,IAAAA,oBAAoB,CAAEU,~~OAAO,CAAA~~,CAAA~~;IAEhG,~~IAAIjB~~,MAAM,~~IAAIoB~~,kBAAkB,EAAE;~~AAAA~~,~~MAAA~~,~~IAAAE,iBAAA,CAAA;AAC9B,MAAA,CAAAA,iBAAA,GAAAvB,~~QAAQ,~~CAACkB~~,OAAO,~~MAAA~~,~~IAAA,IAAAK,iBAAA,KAAA,KAAA,CAAA,IAAhBA,iBAAA,CAAkBC,~~KAAK,EAAE,CAAA;AAC7B,KAAA;;AAEA;AACA;AACA;~~IACA~~,~~IAAI,CAAAhB,oBAAoB,KAAA,~~IAAA,~~IAApBA~~,oBAAoB,~~KAAA~~,~~KAAA,CAAA,GAAA,KAAA,CAAA,GAApBA,oBAAoB,CAAEU,~~OAAO,~~MAAK~~,KAAK,EAAE;~~MACzCV~~,oBAAoB,~~CAACU~~,OAAO,GAAG,IAAI,CAAA;AACvC,KAAA;AACJ,GAAC,EAAE,~~CAACjB~~,MAAM,CAAC,CAAC,CAAA;AAEZe,EAAAA,mCAAiB,CAAC,~~YAAM~~;~~IACpB~~,~~IAAMS,eAAe,GAAG,CAAAX,UAAU,KAAA,~~IAAA,~~IAAVA~~,~~UAAU~~,~~KAAA~~,~~KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,~~UAAU,~~CAAEY~~,MAAM,~~KAAI~~,CAAC,CAAA;~~IAC~~/C,~~IAAMC,WAAW,GAAG,CAAAtB,MAAM,KAAA,~~IAAA,~~IAANA~~,~~MAAM~~,~~KAAA~~,~~KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,~~MAAM,~~CAAEqB~~,MAAM,~~KAAI~~,CAAC,CAAA;IAEvC,IAAI,~~CAACzB~~,MAAM,IAAIc,UAAU,~~KAAKU~~,eAAe,GAAGE,WAAW,EAAE;~~AAAA~~,~~MAAA~~,~~IAAAC,kBAAA,CAAA;AACzD,MAAA,CAAAA,kBAAA,GAAA5B,~~QAAQ,~~CAACkB~~,OAAO,~~MAAA~~,~~IAAA,IAAAU,kBAAA,KAAA,KAAA,CAAA,IAAhBA,kBAAA,CAAkBJ,~~KAAK,EAAE,CAAA;AAC7B,KAAA;AACJ,GAAC,EAAE,~~CAACnB~~,MAAM,EAAEC,QAAQ,CAAC,CAAC,CAAA;AAEtBU,EAAAA,mCAAiB,CAAC,~~YAAM~~;AACpB,IAAA,IAAI,CAAChB,QAAQ,~~CAACkB~~,OAAO,EAAE;AACnB,MAAA,OAAA;AACJ,KAAA;;AAEA;IACA,~~IAAId~~,MAAM,KAAK,EAAE,EAAE;AACfJ,MAAAA,QAAQ,~~CAACkB~~,OAAO,~~CAACW~~,KAAK,CAACC,IAAI,GAAG,GAAG,CAAA;AACrC,KAAA;;AAEA;AACA,IAAA,IAAI,~~CAAC7B~~,MAAM,IAAIW,UAAU,KAAKR,MAAM,EAAE;AAClCJ,MAAAA,QAAQ,~~CAACkB~~,OAAO,~~CAACW~~,KAAK,CAACC,IAAI,GAAG,GAAG,CAAA;AACrC,KAAA;;AAEA;IACA,IAAI,~~CAAC9B~~,QAAQ,~~CAACkB~~,OAAO,~~CAACa~~,KAAK,~~CAACL~~,MAAM,EAAE;~~AAChC1B~~,MAAAA,QAAQ,~~CAACkB~~,OAAO,~~CAACW~~,KAAK,CAACC,IAAI,GAAG,GAAG,CAAA;AACjC,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,~~IAAIvB~~,SAAS,KAAK,UAAU,IAAIR,cAAc,~~CAACmB~~,OAAO,EAAE;~~AACpD~~,~~MAAA~~,~~IAAQc~~,~~WAAW~~,~~GAAKjC~~,cAAc,~~CAACmB~~,OAAO,~~CAAtCc,WAAW,~~CAAA;~~MACnBhC~~,QAAQ,~~CAACkB~~,OAAO,~~CAACW~~,KAAK,CAACC,IAAI,~~GAAAG~~,~~MAAAA~~,~~CAAAA~~,~~MAAA~~,~~CAAUD,~~WAAW,~~EAAI~~,~~IAAA~~,CAAA,CAAA;AACxD,KAAA;GACH,EAAE,~~CAAC1B~~,QAAQ,EAAEF,MAAM,EAAEG,SAAS,CAAC,CAAC,CAAA;~~AAEjC2B~~,EAAAA,eAAS,CAAC,~~YAAM~~;AACZ,IAAA,~~IAAMC~~,SAAS,~~GAAGjC~~,QAAQ,GAAGC,WAAW,GAAG,EAAE,CAAA;;AAE7C;AACA,IAAA,IAAIY,UAAU,~~KAAKO~~,SAAS,~~IAAIrB~~,MAAM,EAAE;AACpC,MAAA,OAAA;AACJ,KAAA;IAEA,IAAIM,SAAS,KAAK,QAAQ,EAAE;~~MACxBE~~,~~YAAY~~,~~KAAA,IAAA,IAAZA,~~YAAY,~~KAAZA~~,~~KAAAA,CAAAA,IAAAA,YAAY,CAAG0B,~~SAAS,EAAE,KAAK,CAAC,CAAA;AACpC,KAAA;IAEA,~~IAAI5B~~,SAAS,KAAK,UAAU,EAAE;~~MAC1BE~~,~~YAAY~~,~~KAAA,IAAA,IAAZA,~~YAAY,~~KAAZA~~,~~KAAAA,CAAAA,IAAAA,YAAY,CAAG,~~EAAE,EAAE,KAAK,CAAC,CAAA;AAC7B,KAAA;AACJ,GAAC,EAAE,CAACA,YAAY,EAAEJ,MAAM,EAAEJ,MAAM,EAAEC,QAAQ,EAAEC,WAAW,EAAEI,SAAS,CAAC,CAAC,CAAA;~~AAEpE~~,~~EAAA~~,~~IAAM6B,~~WAAW,~~GAAG~~,~~SAAdA,WAAWA,CAAIC,~~KAA0C,~~EAAK~~;~~AAAA~~,~~IAAA,IAAAC,kBAAA,CAAA;AAChE3B,IAAAA,~~WAAW,~~aAAXA~~,~~WAAW,KAAA,KAAA,CAAA,IAAXA,WAAW,CAAG0B,~~KAAK,CAAC,CAAA;~~AACpB~~,~~IAAA~~,~~CAAAC,kBAAA,GAAAtC,~~QAAQ,~~CAACkB~~,OAAO,~~MAAA~~,~~IAAA,IAAAoB,kBAAA,KAAA,KAAA,CAAA,IAAhBA,kBAAA,CAAkBd,~~KAAK,EAAE,CAAA;GAC5B,CAAA;~~AAED~~,~~EAAA~~,~~IAAMe,~~YAAY,~~GAAG~~,~~SAAfA,YAAYA,GAAS~~;~~IAAA,IAAAC,oBAAA,EAAAC,oBAAA,CAAA;~~AACvB,IAAA,~~IAAInC~~,QAAQ,EAAE;AACV,MAAA,OAAA;AACJ,KAAA;;AAEA;AACA;AACA;IACA,IAAIC,SAAS,KAAK,QAAQ,EAAE;~~AACxBmC~~,MAAAA,UAAU,CAAC,~~YAAM~~;~~AAAA~~,~~QAAA~~,~~IAAAC,kBAAA,CAAA;AACb,QAAA,CAAAA,kBAAA,GAAA3C,~~QAAQ,~~CAACkB~~,OAAO,~~MAAA~~,~~IAAA,IAAAyB,kBAAA,KAAA,KAAA,CAAA,IAAhBA,kBAAA,CAAkBC,~~MAAM,EAAE,CAAA;AAC9B,OAAC,CAAC,CAAA;AACN,KAAA;~~IAEA~~,~~CAAAJ~~,~~oBAAA,GAAA1C,~~UAAU,~~CAACoB~~,OAAO,~~MAAAsB~~,~~IAAAA,IAAAA,oBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,oBAAA,CAAoBrB,~~QAAQ,CAAC;~~MAAEC~~,IAAI,~~EAAA~~,~~CAAAqB,oBAAA,GAAE3C,~~UAAU,~~CAACoB~~,OAAO,~~MAAAuB~~,~~IAAAA,IAAAA,oBAAA,KAAlBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAA,CAAoBI,~~WAAAA;AAAY,KAAC,CAAC,CAAA;~~IAEvEnC~~,aAAa,CAAC,IAAI,CAAC,CAAA;GACtB,CAAA;~~AAED~~,~~EAAA~~,~~IAAMoC,~~WAAW,~~GAAG~~,~~SAAdA,WAAWA,GAAS~~;IACtB,IAAI,~~CAAC7C~~,MAAM,EAAE;MACTS,aAAa,CAAC,KAAK,CAAC,CAAA;AACxB,KAAA;GACH,CAAA;EAED,OAAO;~~AAAE0B~~,~~IAAAA,~~WAAW~~,EAAXA,WAAW~~;~~AAAEG~~,~~IAAAA,~~YAAY~~,EAAZA,YAAY~~;~~AAAEO~~,IAAAA,~~WAAW,EAAXA,~~WAAAA;GAAa,CAAA;AACrD;;;;"}
1	+ {"version":3,"file":"useFocusController.js","sources":["../../../../../src/components/Combobox/ComboboxOld/hooks/useFocusController.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useDidMountEffect, usePreviousValue } from '../../../../hooks';\nimport type { UseFocusControllerProps } from '../Combobox.types';\n\nexport const useFocusController = ({\n controlledRefs: { contentRef, inputHelperRef, inputRef },\n opened,\n hasValue,\n textContent,\n search,\n values,\n readOnly,\n valueType,\n closedWithoutChanges,\n updateSearch,\n updateFocused,\n onChipClick,\n}: UseFocusControllerProps) => {\n const prevSearch = usePreviousValue(search);\n const prevValues = usePreviousValue(values);\n const prevOpened = usePreviousValue(opened);\n\n useDidMountEffect(() => {\n if (!opened) {\n updateFocused(false);\n contentRef.current?.scrollTo({ left: 0 });\n }\n\n const hasFocusAfterClose = prevOpened !== undefined && !opened && !closedWithoutChanges?.current;\n\n if (opened \|\| hasFocusAfterClose) {\n inputRef.current?.focus();\n }\n\n // INFO: Помогает определить, произошло ли закрытие выпадающего меню при выборе значения.\n // Нужно для того, чтобы не фокусироваться на инпуте\n // ОЧЕНЬ не нравится это решение, но оно работает\n if (closedWithoutChanges?.current === false) {\n closedWithoutChanges.current = true;\n }\n }, [opened]);\n\n useDidMountEffect(() => {\n const prevValuesCount = prevValues?.length \|\| 0;\n const valuesCount = values?.length \|\| 0;\n\n if ((opened \|\| prevOpened) && prevValuesCount < valuesCount) {\n inputRef.current?.focus();\n }\n }, [values, readOnly]);\n\n useDidMountEffect(() => {\n if (!inputRef.current) {\n return;\n }\n\n // INFO: Для multiple\n if (search === '') {\n inputRef.current.style.flex = '1';\n }\n\n // INFO: Для single\n if (!opened && prevSearch !== search) {\n inputRef.current.style.flex = '1';\n }\n\n // INFO: Для кейсов, когда значение вырезано\n if (!inputRef.current.value.length) {\n inputRef.current.style.flex = '1';\n return;\n }\n\n if (valueType === 'multiple' && inputHelperRef.current) {\n const { clientWidth } = inputHelperRef.current;\n inputRef.current.style.flex = `1 0 ${clientWidth}px`;\n }\n }, [readOnly, search, valueType]);\n\n useEffect(() => {\n const newSearch = hasValue ? textContent : '';\n\n // INFO: Заполнить поле input при первой инициализации\n if (prevOpened !== undefined && opened) {\n return;\n }\n\n if (valueType === 'single') {\n updateSearch?.(newSearch, false);\n }\n\n if (valueType === 'multiple') {\n updateSearch?.('', false);\n }\n }, [updateSearch, values, opened, hasValue, textContent, valueType]);\n\n const onClickText = (event: React.MouseEvent<HTMLButtonElement>) => {\n onChipClick?.(event);\n inputRef.current?.focus();\n };\n\n const onFocusInput = () => {\n if (readOnly) {\n return;\n }\n\n // INFO: Жёсткий хак, нужный для корректного выделения всей строки после выбора значения.\n // Проблема возникает из-за очередности срабатывания useEffect, который сначала вызывает фокус\n // на элемент, а потом обновляет состояние inputRef\n if (valueType === 'single') {\n setTimeout(() => {\n inputRef.current?.select();\n });\n }\n\n contentRef.current?.scrollTo({ left: contentRef.current?.scrollWidth });\n\n updateFocused(true);\n };\n\n const onBlurInput = () => {\n if (!opened) {\n updateFocused(false);\n }\n };\n\n return { onClickText, onFocusInput, onBlurInput } as const;\n};\n"],"names":["useFocusController","controlledRefs","contentRef","inputHelperRef","inputRef","opened","hasValue","textContent","search","values","readOnly","valueType","closedWithoutChanges","updateSearch","updateFocused","onChipClick","prevSearch","usePreviousValue","prevValues","prevOpened","useDidMountEffect","current","scrollTo","left","hasFocusAfterClose","undefined","focus","prevValuesCount","length","valuesCount","style","flex","value","clientWidth","useEffect","newSearch","onClickText","event","onFocusInput","setTimeout","select","scrollWidth","onBlurInput"],"mappings":"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"}

package/cjs/components/Combobox/ComboboxOld/hooks/useKeyNavigation.js CHANGED Viewed

@@ -2,10 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var Keys = {
+const Keys = {
   Enter: 'Enter',
   Space: 'Space',
   Tab: 'Tab',
@@ -18,52 +17,46 @@ var Keys = {
   ShiftLeft: 'ShiftLeft',
   ShiftRight: 'ShiftRight'
 };
-var useKeyNavigation = function useKeyNavigation(_ref) {
-  var _ref$controlledRefs = _ref.controlledRefs,
-    targetRef = _ref$controlledRefs.targetRef,
-    chipsRefs = _ref$controlledRefs.chipsRefs,
-    selectRef = _ref$controlledRefs.selectRef,
-    itemsRefs = _ref$controlledRefs.itemsRefs,
-    inputRef = _ref$controlledRefs.inputRef,
-    opened = _ref.opened,
-    enumerationType = _ref.enumerationType,
-    valueType = _ref.valueType,
-    _ref$componentType = _ref.componentType,
-    componentType = _ref$componentType === void 0 ? 'select' : _ref$componentType,
-    value = _ref.value,
-    search = _ref.search,
-    updateValue = _ref.updateValue,
-    updateOpened = _ref.updateOpened;
-  var _useState = React.useState(-1),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    selectItemIndex = _useState2[0],
-    setSelectItemIndex = _useState2[1];
-  var _useState3 = React.useState(-1),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    selectChipIndex = _useState4[0],
-    setSelectChipIndex = _useState4[1];
-  React.useEffect(function () {
-    var _itemsRefs$current;
+const useKeyNavigation = ({
+  controlledRefs: {
+    targetRef,
+    chipsRefs,
+    selectRef,
+    itemsRefs,
+    inputRef
+  },
+  opened,
+  enumerationType,
+  valueType,
+  componentType = 'select',
+  value,
+  search,
+  updateValue,
+  updateOpened
+}) => {
+  const [selectItemIndex, setSelectItemIndex] = React.useState(-1);
+  const [selectChipIndex, setSelectChipIndex] = React.useState(-1);
+  React.useEffect(() => {
     if (!opened) {
       setSelectItemIndex(-1);
       setSelectChipIndex(-1);
       return;
     }
-    itemsRefs === null || itemsRefs === void 0 || (_itemsRefs$current = itemsRefs.current) === null || _itemsRefs$current === void 0 || (_itemsRefs$current = _itemsRefs$current[selectItemIndex]) === null || _itemsRefs$current === void 0 || _itemsRefs$current.focus();
+    itemsRefs?.current?.[selectItemIndex]?.focus();
   }, [opened]);
-  React.useEffect(function () {
-    var _itemsRefs$current2;
-    itemsRefs === null || itemsRefs === void 0 || (_itemsRefs$current2 = itemsRefs.current) === null || _itemsRefs$current2 === void 0 || (_itemsRefs$current2 = _itemsRefs$current2[selectItemIndex]) === null || _itemsRefs$current2 === void 0 || _itemsRefs$current2.focus();
+  React.useEffect(() => {
+    itemsRefs?.current?.[selectItemIndex]?.focus();
   }, [value, search]);
-  var onKeyDownTarget = React.useCallback(function (event) {
-    var _focusedItem;
-    var code = event.code;
-    var chipsRefsCount = chipsRefs.current.length;
-    var scrollIntoView = false;
-    var newOpened = opened;
-    var newSelectItemIndex = selectItemIndex;
-    var newSelectChipIndex = selectChipIndex;
-    var focusedItem = null;
+  const onKeyDownTarget = React.useCallback(event => {
+    const {
+      code
+    } = event;
+    const chipsRefsCount = chipsRefs.current.length;
+    let scrollIntoView = false;
+    let newOpened = opened;
+    let newSelectItemIndex = selectItemIndex;
+    let newSelectChipIndex = selectChipIndex;
+    let focusedItem = null;
     if (code === Keys.Enter || code === Keys.Space && componentType !== 'combobox') {
       event.preventDefault();
     }
@@ -74,32 +67,28 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
       focusedItem = targetRef.current;
     }
     if (code === Keys.ArrowLeft && valueType === 'multiple' && enumerationType === 'chip') {
-      var _chipsRefs$current;
-      var index = selectChipIndex - 1 <= 0 ? 0 : selectChipIndex - 1;
+      const index = selectChipIndex - 1 <= 0 ? 0 : selectChipIndex - 1;
       newSelectChipIndex = document.activeElement === targetRef.current ? 0 : index;
-      newSelectChipIndex = document.activeElement === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) ? chipsRefsCount - 1 : newSelectChipIndex;
-      focusedItem = (_chipsRefs$current = chipsRefs.current) === null || _chipsRefs$current === void 0 ? void 0 : _chipsRefs$current[newSelectChipIndex];
+      newSelectChipIndex = document.activeElement === inputRef?.current ? chipsRefsCount - 1 : newSelectChipIndex;
+      focusedItem = chipsRefs.current?.[newSelectChipIndex];
       scrollIntoView = true;
     }
     if (code === Keys.ArrowRight && valueType === 'multiple' && enumerationType === 'chip') {
-      var _chipsRefs$current2;
-      var _index = selectChipIndex + 1 === chipsRefsCount ? selectChipIndex : selectChipIndex + 1;
-      newSelectChipIndex = document.activeElement === targetRef.current ? 0 : _index;
-      focusedItem = _index === selectChipIndex ? inputRef === null || inputRef === void 0 ? void 0 : inputRef.current : (_chipsRefs$current2 = chipsRefs.current) === null || _chipsRefs$current2 === void 0 ? void 0 : _chipsRefs$current2[newSelectChipIndex];
+      const index = selectChipIndex + 1 === chipsRefsCount ? selectChipIndex : selectChipIndex + 1;
+      newSelectChipIndex = document.activeElement === targetRef.current ? 0 : index;
+      focusedItem = index === selectChipIndex ? inputRef?.current : chipsRefs.current?.[newSelectChipIndex];
       scrollIntoView = true;
     }
-    if (code === Keys.Backspace && document.activeElement !== (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current)) {
-      var _ref2, _chipsRefs$current3;
-      var _index2 = selectChipIndex - 1 <= 0 ? 0 : selectChipIndex - 1;
-      newSelectChipIndex = chipsRefsCount === 0 ? -1 : _index2;
-      focusedItem = chipsRefsCount === 0 ? (_ref2 = inputRef || targetRef) === null || _ref2 === void 0 ? void 0 : _ref2.current : chipsRefs === null || chipsRefs === void 0 || (_chipsRefs$current3 = chipsRefs.current) === null || _chipsRefs$current3 === void 0 ? void 0 : _chipsRefs$current3[_index2];
+    if (code === Keys.Backspace && document.activeElement !== inputRef?.current) {
+      const index = selectChipIndex - 1 <= 0 ? 0 : selectChipIndex - 1;
+      newSelectChipIndex = chipsRefsCount === 0 ? -1 : index;
+      focusedItem = chipsRefsCount === 0 ? (inputRef || targetRef)?.current : chipsRefs?.current?.[index];
       scrollIntoView = true;
     }
     if (code === Keys.ArrowUp || code === Keys.ArrowDown || code === Keys.Enter && componentType !== 'combobox' || code === Keys.Space && componentType !== 'combobox') {
-      var _itemsRefs$current3;
       newOpened = true;
       newSelectItemIndex = selectItemIndex === -1 ? 0 : selectItemIndex;
-      focusedItem = (_itemsRefs$current3 = itemsRefs.current) === null || _itemsRefs$current3 === void 0 ? void 0 : _itemsRefs$current3[newSelectItemIndex];
+      focusedItem = itemsRefs.current?.[newSelectItemIndex];
     }
     // INFO: Для кейсов, когда поведение закрытия может контролироваться снаружи
@@ -108,27 +97,27 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
     }
     setSelectItemIndex(newSelectItemIndex);
     setSelectChipIndex(newSelectChipIndex);
-    (_focusedItem = focusedItem) === null || _focusedItem === void 0 || _focusedItem.focus();
+    focusedItem?.focus();
     if (scrollIntoView) {
-      var _focusedItem2;
-      (_focusedItem2 = focusedItem) === null || _focusedItem2 === void 0 || _focusedItem2.scrollIntoView({
+      focusedItem?.scrollIntoView({
         behavior: 'smooth',
         block: 'center',
         inline: 'center'
       });
     }
   }, [opened, selectItemIndex, selectChipIndex, valueType, enumerationType, componentType, updateOpened]);
-  var onKeyDownSelect = React.useCallback(function (event) {
-    var _focusedItem3;
-    var code = event.code,
-      shiftKey = event.shiftKey;
-    var itemsRefsCount = itemsRefs.current.length;
-    var chipsRefsCount = chipsRefs.current.length;
-    var scrollIntoView = false;
-    var newOpened = opened;
-    var newSelectItemIndex = selectItemIndex;
-    var newSelectChipIndex = selectChipIndex;
-    var focusedItem = null;
+  const onKeyDownSelect = React.useCallback(event => {
+    const {
+      code,
+      shiftKey
+    } = event;
+    const itemsRefsCount = itemsRefs.current.length;
+    const chipsRefsCount = chipsRefs.current.length;
+    let scrollIntoView = false;
+    let newOpened = opened;
+    let newSelectItemIndex = selectItemIndex;
+    let newSelectChipIndex = selectChipIndex;
+    let focusedItem = null;
     if (code === Keys.Enter || code === Keys.Tab) {
       event.preventDefault();
     }
@@ -139,31 +128,27 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
       focusedItem = (inputRef || targetRef).current;
     }
     if (code === Keys.Tab) {
-      var _selectRef$current, _selectRef$current2;
       newOpened = false;
       newSelectItemIndex = -1;
       newSelectChipIndex = -1;
-      focusedItem = shiftKey ? (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.previousSibling : (_selectRef$current2 = selectRef.current) === null || _selectRef$current2 === void 0 ? void 0 : _selectRef$current2.nextSibling;
+      focusedItem = shiftKey ? selectRef.current?.previousSibling : selectRef.current?.nextSibling;
     }
     if (code === Keys.ArrowUp) {
-      var _itemsRefs$current4;
       newSelectItemIndex = newSelectItemIndex - 1 === -1 ? itemsRefsCount - 1 : newSelectItemIndex - 1;
-      focusedItem = itemsRefs === null || itemsRefs === void 0 || (_itemsRefs$current4 = itemsRefs.current) === null || _itemsRefs$current4 === void 0 ? void 0 : _itemsRefs$current4[newSelectItemIndex];
+      focusedItem = itemsRefs?.current?.[newSelectItemIndex];
     }
     if (code === Keys.ArrowDown) {
-      var _itemsRefs$current5;
       newSelectItemIndex = newSelectItemIndex + 1 === itemsRefsCount ? 0 : newSelectItemIndex + 1;
-      focusedItem = itemsRefs === null || itemsRefs === void 0 || (_itemsRefs$current5 = itemsRefs.current) === null || _itemsRefs$current5 === void 0 ? void 0 : _itemsRefs$current5[newSelectItemIndex];
+      focusedItem = itemsRefs?.current?.[newSelectItemIndex];
     }
     if ((code === Keys.ArrowRight || code === Keys.ArrowLeft) && valueType === 'multiple' && enumerationType === 'chip' && chipsRefsCount) {
-      var _chipsRefs$current4;
       newSelectChipIndex = chipsRefsCount - 1;
       newSelectItemIndex = -1;
-      focusedItem = chipsRefs === null || chipsRefs === void 0 || (_chipsRefs$current4 = chipsRefs.current) === null || _chipsRefs$current4 === void 0 ? void 0 : _chipsRefs$current4[newSelectChipIndex];
+      focusedItem = chipsRefs?.current?.[newSelectChipIndex];
       scrollIntoView = true;
     }
     if (code === Keys.Enter || code === Keys.Space && componentType !== 'combobox') {
-      var item = itemsRefs.current[newSelectItemIndex];
+      const item = itemsRefs.current[newSelectItemIndex];
       // TODO: #1016
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -175,20 +160,19 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
       newOpened = valueType === 'single' ? false : opened;
       focusedItem = valueType === 'single' ? targetRef.current : focusedItem;
     }
-    var isValidKeyCode = [Keys.ShiftLeft, Keys.ShiftRight, Keys.ArrowDown, Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowUp, Keys.Enter, Keys.Escape, Keys.Tab].includes(code);
+    const isValidKeyCode = [Keys.ShiftLeft, Keys.ShiftRight, Keys.ArrowDown, Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowUp, Keys.Enter, Keys.Escape, Keys.Tab].includes(code);
     if (componentType === 'combobox' && !isValidKeyCode) {
       event.stopPropagation();
-      focusedItem = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current;
+      focusedItem = inputRef?.current;
       newSelectItemIndex = -1;
       newSelectChipIndex = -1;
     }
     updateOpened(newOpened, event);
     setSelectItemIndex(newSelectItemIndex);
     setSelectChipIndex(newSelectChipIndex);
-    (_focusedItem3 = focusedItem) === null || _focusedItem3 === void 0 || _focusedItem3.focus();
+    focusedItem?.focus();
     if (scrollIntoView) {
-      var _focusedItem4;
-      (_focusedItem4 = focusedItem) === null || _focusedItem4 === void 0 || _focusedItem4.scrollIntoView({
+      focusedItem?.scrollIntoView({
         behavior: 'smooth',
         block: 'center',
         inline: 'center'
@@ -196,8 +180,8 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
     }
   }, [opened, selectItemIndex, selectChipIndex, valueType, enumerationType, componentType, updateOpened, updateValue]);
   return {
-    onKeyDownTarget: onKeyDownTarget,
-    onKeyDownSelect: onKeyDownSelect
+    onKeyDownTarget,
+    onKeyDownSelect
   };
 };