npm - @salutejs/plasma-new-hope - Versions diffs - 0.335.0-canary.2194.17367251959.0 → 0.335.0-canary.2196.17400757003.0 - Mend

@salutejs/plasma-new-hope 0.335.0-canary.2194.17367251959.0 → 0.335.0-canary.2196.17400757003.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 (230) hide show

package/es/components/Autocomplete/Autocomplete.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { StyledTextField } from './ui/TextField/TextField.styles.js';
 import { VirtualList } from './ui/VirtualList/VirtualList.js';
 import { SuggestionItem } from './ui/SuggestionItem/SuggestionItem.js';
-var _excluded = ["value", "defaultValue", "onChange", "suggestions", "view", "size", "labelPlacement", "keepPlaceholder", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "zIndex", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "renderItem", "onSearch", "hintText", "hintView", "hintSize", "beforeList", "afterList", "virtual", "_offset"];
+var _excluded = ["value", "defaultValue", "onChange", "suggestions", "view", "size", "labelPlacement", "keepPlaceholder", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "zIndex", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "renderItem", "onSearch", "hintText", "hintView", "hintSize", "beforeList", "afterList", "virtual", "flip", "_offset"];
 /**
  * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
@@ -58,6 +58,8 @@ var autocompleteRoot = function autocompleteRoot(Root) {
       afterList = _ref.afterList,
       _ref$virtual = _ref.virtual,
       virtual = _ref$virtual === void 0 ? false : _ref$virtual,
+      _ref$flip = _ref.flip,
+      flip = _ref$flip === void 0 ? false : _ref$flip,
       _offset = _ref._offset,
       rest = _objectWithoutProperties(_ref, _excluded);
     var _useReducer = useReducer(focusedReducer, null),
@@ -140,6 +142,7 @@ var autocompleteRoot = function autocompleteRoot(Root) {
       zIndex: zIndex,
       listWidth: listWidth,
       offset: _offset,
+      flip: flip,
       target: function target(referenceRef) {
         return /*#__PURE__*/React.createElement(StyledTextField, _extends({
           ref: ref,

package/es/components/Autocomplete/Autocomplete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useRef } from 'react';\nimport { safeUseId } from 'src/utils';\nimport { useDidMountEffect, useOutsideClick } from 'src/hooks';\nimport { RootProps } from 'src/engines';\n\nimport { FloatingPopover } from './FloatingPopover';\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField, VirtualList } from './ui';\nimport { Ul, InfiniteLoaderWrapper, base, StyledLeftHelper, ListWrapper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n/*\n Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, Omit<AutocompleteProps, 'hintText'>>) =>\n forwardRef<HTMLInputElement, AutocompleteProps>(\n (\n {\n value: outerValue,\n defaultValue,\n onChange,\n suggestions,\n view,\n size,\n labelPlacement,\n keepPlaceholder,\n disabled,\n readOnly,\n label,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n onScroll,\n listMaxHeight = '25rem',\n listWidth,\n portal,\n zIndex,\n filter,\n onSuggestionSelect,\n threshold = 2,\n renderList,\n renderListEnd,\n renderItem,\n onSearch,\n hintText,\n hintView = 'default',\n hintSize = 'm',\n beforeList,\n afterList,\n virtual = false,\n // @ts-ignore\n _offset,\n ...rest\n },\n ref,\n ) => {\n const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n const [innerValue, setInnerValue] = useState<string>(defaultValue \|\| '');\n const [isOpen, setIsOpen] = useState(false);\n\n const listId = safeUseId();\n const value = outerValue ?? innerValue;\n\n const helperTextId = safeUseId();\n const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n const targetRef = useOutsideClick<HTMLUListElement>(() => {\n setIsOpen(false);\n }, floatingPopoverRef);\n\n const handleFocus = () => {\n if (value.toString().length >= threshold) {\n setIsOpen(true);\n }\n };\n\n const handleItemClick = (e: SuggestionItemType) => {\n setInnerValue(e.label);\n\n if (onSuggestionSelect) {\n onSuggestionSelect(e);\n }\n\n setIsOpen(false);\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const currentValue = e.target.value;\n\n setInnerValue(currentValue);\n\n if (onChange) {\n onChange(e);\n }\n\n if (currentValue.toString().length >= threshold) {\n setIsOpen(true);\n } else {\n setIsOpen(false);\n }\n };\n\n const defaultFilterCallback = ({ label }: { label: string }) => {\n return label.toLowerCase().includes(value.toString().toLowerCase());\n };\n\n const helperTextStopPropagation = (event: React.MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n };\n\n const finalResults = suggestions?.filter(filter \|\| defaultFilterCallback) \|\| [];\n\n const { onKeyDown } = useKeyNavigation({\n isOpen,\n setIsOpen,\n focused,\n dispatchFocused,\n finalResults,\n handleItemClick,\n });\n\n useDidMountEffect(() => {\n dispatchFocused({ type: 'reset' });\n }, [value]);\n\n return (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n hintView={hintView}\n hintSize={hintSize}\n >\n <FloatingPopover\n ref={floatingPopoverRef}\n opened={isOpen}\n portal={portal}\n zIndex={zIndex}\n listWidth={listWidth}\n offset={_offset}\n target={(referenceRef) => (\n <StyledTextField\n ref={ref}\n inputWrapperRef={referenceRef}\n value={value}\n onChange={handleChange}\n onSearch={focused === null ? onSearch : undefined}\n size={size}\n view={view}\n disabled={disabled}\n readOnly={readOnly}\n label={label}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onFocus={handleFocus}\n onKeyDown={onKeyDown}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={listId}\n aria-expanded={isOpen}\n aria-activedescendant={`${listId}/${focused}`}\n aria-describedby={helperTextId}\n hintText={String(hintText \|\| '')}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n leftHelper={\n leftHelper && (\n <StyledLeftHelper onClick={helperTextStopPropagation}>\n {leftHelper}\n </StyledLeftHelper>\n )\n }\n {...rest}\n />\n )}\n >\n {(renderList && renderList(finalResults)) \|\|\n (Boolean(finalResults.length) && (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n >\n <ListWrapper>\n <Ul\n ref={targetRef}\n id={listId}\n role=\"listbox\"\n aria-label={label}\n onScroll={virtual ? undefined : onScroll}\n listMaxHeight={listMaxHeight}\n virtual={virtual}\n >\n {virtual ? (\n <VirtualList\n items={finalResults}\n onClick={handleItemClick}\n listId={listId}\n listMaxHeight={listMaxHeight}\n onScroll={onScroll}\n renderItem={renderItem}\n />\n ) : (\n <>\n {beforeList}\n\n {finalResults.map((suggestion, index) => (\n <SuggestionItem\n key={index}\n item={suggestion}\n onClick={handleItemClick}\n id={`${listId}/${index}`}\n focused={focused === index}\n renderItem={renderItem}\n />\n ))}\n\n {afterList}\n </>\n )}\n\n {renderListEnd && (\n <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n )}\n </Ul>\n </ListWrapper>\n </Root>\n ))}\n </FloatingPopover>\n </Root>\n );\n },\n );\n\nexport const autocompleteConfig = {\n name: 'Autocomplete',\n tag: 'div',\n layout: autocompleteRoot,\n base,\n defaults: {\n view: 'default',\n size: 'l',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n css: '',\n },\n },\n};\n"],"names":["autocompleteRoot","Root","forwardRef","_ref","ref","_StyledLeftHelper","outerValue","value","defaultValue","onChange","suggestions","view","size","labelPlacement","keepPlaceholder","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","_ref$listMaxHeight","listMaxHeight","listWidth","portal","zIndex","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","renderItem","onSearch","hintText","_ref$hintView","hintView","_ref$hintSize","hintSize","beforeList","afterList","_ref$virtual","virtual","_offset","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","floatingPopoverRef","useRef","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","helperTextStopPropagation","event","stopPropagation","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","React","createElement","FloatingPopover","opened","offset","referenceRef","StyledTextField","_extends","inputWrapperRef","undefined","onFocus","role","concat","String","StyledLeftHelper","onClick","Boolean","ListWrapper","Ul","id","VirtualList","items","Fragment","map","suggestion","index","SuggestionItem","key","item","InfiniteLoaderWrapper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}
1	+ {"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useRef } from 'react';\nimport { safeUseId } from 'src/utils';\nimport { useDidMountEffect, useOutsideClick } from 'src/hooks';\nimport { RootProps } from 'src/engines';\n\nimport { FloatingPopover } from './FloatingPopover';\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField, VirtualList } from './ui';\nimport { Ul, InfiniteLoaderWrapper, base, StyledLeftHelper, ListWrapper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n/*\n Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, Omit<AutocompleteProps, 'hintText'>>) =>\n forwardRef<HTMLInputElement, AutocompleteProps>(\n (\n {\n value: outerValue,\n defaultValue,\n onChange,\n suggestions,\n view,\n size,\n labelPlacement,\n keepPlaceholder,\n disabled,\n readOnly,\n label,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n onScroll,\n listMaxHeight = '25rem',\n listWidth,\n portal,\n zIndex,\n filter,\n onSuggestionSelect,\n threshold = 2,\n renderList,\n renderListEnd,\n renderItem,\n onSearch,\n hintText,\n hintView = 'default',\n hintSize = 'm',\n beforeList,\n afterList,\n virtual = false,\n flip = false,\n // @ts-ignore\n _offset,\n ...rest\n },\n ref,\n ) => {\n const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n const [innerValue, setInnerValue] = useState<string>(defaultValue \|\| '');\n const [isOpen, setIsOpen] = useState(false);\n\n const listId = safeUseId();\n const value = outerValue ?? innerValue;\n\n const helperTextId = safeUseId();\n const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n const targetRef = useOutsideClick<HTMLUListElement>(() => {\n setIsOpen(false);\n }, floatingPopoverRef);\n\n const handleFocus = () => {\n if (value.toString().length >= threshold) {\n setIsOpen(true);\n }\n };\n\n const handleItemClick = (e: SuggestionItemType) => {\n setInnerValue(e.label);\n\n if (onSuggestionSelect) {\n onSuggestionSelect(e);\n }\n\n setIsOpen(false);\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const currentValue = e.target.value;\n\n setInnerValue(currentValue);\n\n if (onChange) {\n onChange(e);\n }\n\n if (currentValue.toString().length >= threshold) {\n setIsOpen(true);\n } else {\n setIsOpen(false);\n }\n };\n\n const defaultFilterCallback = ({ label }: { label: string }) => {\n return label.toLowerCase().includes(value.toString().toLowerCase());\n };\n\n const helperTextStopPropagation = (event: React.MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n };\n\n const finalResults = suggestions?.filter(filter \|\| defaultFilterCallback) \|\| [];\n\n const { onKeyDown } = useKeyNavigation({\n isOpen,\n setIsOpen,\n focused,\n dispatchFocused,\n finalResults,\n handleItemClick,\n });\n\n useDidMountEffect(() => {\n dispatchFocused({ type: 'reset' });\n }, [value]);\n\n return (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n hintView={hintView}\n hintSize={hintSize}\n >\n <FloatingPopover\n ref={floatingPopoverRef}\n opened={isOpen}\n portal={portal}\n zIndex={zIndex}\n listWidth={listWidth}\n offset={_offset}\n flip={flip}\n target={(referenceRef) => (\n <StyledTextField\n ref={ref}\n inputWrapperRef={referenceRef}\n value={value}\n onChange={handleChange}\n onSearch={focused === null ? onSearch : undefined}\n size={size}\n view={view}\n disabled={disabled}\n readOnly={readOnly}\n label={label}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onFocus={handleFocus}\n onKeyDown={onKeyDown}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={listId}\n aria-expanded={isOpen}\n aria-activedescendant={`${listId}/${focused}`}\n aria-describedby={helperTextId}\n hintText={String(hintText \|\| '')}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n leftHelper={\n leftHelper && (\n <StyledLeftHelper onClick={helperTextStopPropagation}>\n {leftHelper}\n </StyledLeftHelper>\n )\n }\n {...rest}\n />\n )}\n >\n {(renderList && renderList(finalResults)) \|\|\n (Boolean(finalResults.length) && (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n >\n <ListWrapper>\n <Ul\n ref={targetRef}\n id={listId}\n role=\"listbox\"\n aria-label={label}\n onScroll={virtual ? undefined : onScroll}\n listMaxHeight={listMaxHeight}\n virtual={virtual}\n >\n {virtual ? (\n <VirtualList\n items={finalResults}\n onClick={handleItemClick}\n listId={listId}\n listMaxHeight={listMaxHeight}\n onScroll={onScroll}\n renderItem={renderItem}\n />\n ) : (\n <>\n {beforeList}\n\n {finalResults.map((suggestion, index) => (\n <SuggestionItem\n key={index}\n item={suggestion}\n onClick={handleItemClick}\n id={`${listId}/${index}`}\n focused={focused === index}\n renderItem={renderItem}\n />\n ))}\n\n {afterList}\n </>\n )}\n\n {renderListEnd && (\n <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n )}\n </Ul>\n </ListWrapper>\n </Root>\n ))}\n </FloatingPopover>\n </Root>\n );\n },\n );\n\nexport const autocompleteConfig = {\n name: 'Autocomplete',\n tag: 'div',\n layout: autocompleteRoot,\n base,\n defaults: {\n view: 'default',\n size: 'l',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n css: '',\n },\n },\n};\n"],"names":["autocompleteRoot","Root","forwardRef","_ref","ref","_StyledLeftHelper","outerValue","value","defaultValue","onChange","suggestions","view","size","labelPlacement","keepPlaceholder","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","_ref$listMaxHeight","listMaxHeight","listWidth","portal","zIndex","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","renderItem","onSearch","hintText","_ref$hintView","hintView","_ref$hintSize","hintSize","beforeList","afterList","_ref$virtual","virtual","_ref$flip","flip","_offset","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","floatingPopoverRef","useRef","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","helperTextStopPropagation","event","stopPropagation","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","React","createElement","FloatingPopover","opened","offset","referenceRef","StyledTextField","_extends","inputWrapperRef","undefined","onFocus","role","concat","String","StyledLeftHelper","onClick","Boolean","ListWrapper","Ul","id","VirtualList","items","Fragment","map","suggestion","index","SuggestionItem","key","item","InfiniteLoaderWrapper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":";;;;;;;;;;;;;;;AAYA;AACA;AACA;IACaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,IAAsE,EAAA;AAAA,EAAA,oBACnGC,UAAU,CACN,UAAAC,IAAA,EAyCIC,GAAG,EACF;AAAA,IAAA,IAAAC,iBAAA,CAAA;AAAA,IAAA,IAxCUC,UAAU,GAAAH,IAAA,CAAjBI,KAAK;MACLC,YAAY,GAAAL,IAAA,CAAZK,YAAY;MACZC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;MACRC,WAAW,GAAAP,IAAA,CAAXO,WAAW;MACXC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;MACJC,IAAI,GAAAT,IAAA,CAAJS,IAAI;MACJC,cAAc,GAAAV,IAAA,CAAdU,cAAc;MACdC,eAAe,GAAAX,IAAA,CAAfW,eAAe;MACfC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;MACRC,QAAQ,GAAAb,IAAA,CAARa,QAAQ;MACRC,KAAK,GAAAd,IAAA,CAALc,KAAK;MACLC,UAAU,GAAAf,IAAA,CAAVe,UAAU;MACVC,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;MACXC,YAAY,GAAAjB,IAAA,CAAZiB,YAAY;MACZC,UAAU,GAAAlB,IAAA,CAAVkB,UAAU;MACVC,SAAS,GAAAnB,IAAA,CAATmB,SAAS;MACTC,QAAQ,GAAApB,IAAA,CAARoB,QAAQ;MAAAC,kBAAA,GAAArB,IAAA,CACRsB,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,kBAAA;MACvBE,SAAS,GAAAvB,IAAA,CAATuB,SAAS;MACTC,MAAM,GAAAxB,IAAA,CAANwB,MAAM;MACNC,MAAM,GAAAzB,IAAA,CAANyB,MAAM;MACNC,MAAM,GAAA1B,IAAA,CAAN0B,MAAM;MACNC,kBAAkB,GAAA3B,IAAA,CAAlB2B,kBAAkB;MAAAC,cAAA,GAAA5B,IAAA,CAClB6B,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,cAAA;MACbE,UAAU,GAAA9B,IAAA,CAAV8B,UAAU;MACVC,aAAa,GAAA/B,IAAA,CAAb+B,aAAa;MACbC,UAAU,GAAAhC,IAAA,CAAVgC,UAAU;MACVC,QAAQ,GAAAjC,IAAA,CAARiC,QAAQ;MACRC,QAAQ,GAAAlC,IAAA,CAARkC,QAAQ;MAAAC,aAAA,GAAAnC,IAAA,CACRoC,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,aAAA;MAAAE,aAAA,GAAArC,IAAA,CACpBsC,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,aAAA;MACdE,UAAU,GAAAvC,IAAA,CAAVuC,UAAU;MACVC,SAAS,GAAAxC,IAAA,CAATwC,SAAS;MAAAC,YAAA,GAAAzC,IAAA,CACT0C,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA;MAAAE,SAAA,GAAA3C,IAAA,CACf4C,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,SAAA;MAEZE,OAAO,GAAA7C,IAAA,CAAP6C,OAAO;AACJC,MAAAA,IAAI,GAAAC,wBAAA,CAAA/C,IAAA,EAAAgD,SAAA,CAAA,CAAA;AAIX,IAAA,IAAAC,WAAA,GAAmCC,UAAU,CAACC,cAAc,EAAE,IAAI,CAAC;MAAAC,YAAA,GAAAC,cAAA,CAAAJ,WAAA,EAAA,CAAA,CAAA;AAA5DK,MAAAA,OAAO,GAAAF,YAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,eAAe,GAAAH,YAAA,CAAA,CAAA,CAAA,CAAA;AAC/B,IAAA,IAAAI,SAAA,GAAoCC,QAAQ,CAASpD,YAAY,IAAI,EAAE,CAAC;MAAAqD,UAAA,GAAAL,cAAA,CAAAG,SAAA,EAAA,CAAA,CAAA;AAAjEG,MAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAChC,IAAA,IAAAG,UAAA,GAA4BJ,QAAQ,CAAC,KAAK,CAAC;MAAAK,UAAA,GAAAT,cAAA,CAAAQ,UAAA,EAAA,CAAA,CAAA;AAApCE,MAAAA,MAAM,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAExB,IAAA,IAAMG,MAAM,GAAGC,SAAS,EAAE,CAAA;IAC1B,IAAM9D,KAAK,GAAGD,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,UAAU,GAAIwD,UAAU,CAAA;AAEtC,IAAA,IAAMQ,YAAY,GAAGD,SAAS,EAAE,CAAA;AAChC,IAAA,IAAME,kBAAkB,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAEvD,IAAA,IAAMC,SAAS,GAAGC,eAAe,CAAmB,YAAM;MACtDP,SAAS,CAAC,KAAK,CAAC,CAAA;KACnB,EAAEI,kBAAkB,CAAC,CAAA;AAEtB,IAAA,IAAMI,WAAW,GAAG,SAAdA,WAAWA,GAAS;MACtB,IAAIpE,KAAK,CAACqE,QAAQ,EAAE,CAACC,MAAM,IAAI7C,SAAS,EAAE;QACtCmC,SAAS,CAAC,IAAI,CAAC,CAAA;AACnB,OAAA;KACH,CAAA;AAED,IAAA,IAAMW,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAqB,EAAK;AAC/ChB,MAAAA,aAAa,CAACgB,CAAC,CAAC9D,KAAK,CAAC,CAAA;AAEtB,MAAA,IAAIa,kBAAkB,EAAE;QACpBA,kBAAkB,CAACiD,CAAC,CAAC,CAAA;AACzB,OAAA;MAEAZ,SAAS,CAAC,KAAK,CAAC,CAAA;KACnB,CAAA;AAED,IAAA,IAAMa,YAAY,GAAG,SAAfA,YAAYA,CAAID,CAAsC,EAAK;AAC7D,MAAA,IAAME,YAAY,GAAGF,CAAC,CAACG,MAAM,CAAC3E,KAAK,CAAA;MAEnCwD,aAAa,CAACkB,YAAY,CAAC,CAAA;AAE3B,MAAA,IAAIxE,QAAQ,EAAE;QACVA,QAAQ,CAACsE,CAAC,CAAC,CAAA;AACf,OAAA;MAEA,IAAIE,YAAY,CAACL,QAAQ,EAAE,CAACC,MAAM,IAAI7C,SAAS,EAAE;QAC7CmC,SAAS,CAAC,IAAI,CAAC,CAAA;AACnB,OAAC,MAAM;QACHA,SAAS,CAAC,KAAK,CAAC,CAAA;AACpB,OAAA;KACH,CAAA;AAED,IAAA,IAAMgB,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,KAAA,EAAqC;AAAA,MAAA,IAA/BnE,KAAK,GAAAmE,KAAA,CAALnE,KAAK,CAAA;AAClC,MAAA,OAAOA,KAAK,CAACoE,WAAW,EAAE,CAACC,QAAQ,CAAC/E,KAAK,CAACqE,QAAQ,EAAE,CAACS,WAAW,EAAE,CAAC,CAAA;KACtE,CAAA;AAED,IAAA,IAAME,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAIC,KAAuC,EAAK;MAC3EA,KAAK,CAACC,eAAe,EAAE,CAAA;KAC1B,CAAA;AAED,IAAA,IAAMC,YAAY,GAAG,CAAAhF,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAW,CAAEmB,MAAM,CAACA,MAAM,IAAIsD,qBAAqB,CAAC,KAAI,EAAE,CAAA;IAE/E,IAAAQ,iBAAA,GAAsBC,gBAAgB,CAAC;AACnC1B,QAAAA,MAAM,EAANA,MAAM;AACNC,QAAAA,SAAS,EAATA,SAAS;AACTV,QAAAA,OAAO,EAAPA,OAAO;AACPC,QAAAA,eAAe,EAAfA,eAAe;AACfgC,QAAAA,YAAY,EAAZA,YAAY;AACZZ,QAAAA,eAAe,EAAfA,eAAAA;AACJ,OAAC,CAAC;MAPMe,SAAS,GAAAF,iBAAA,CAATE,SAAS,CAAA;AASjBC,IAAAA,iBAAiB,CAAC,YAAM;AACpBpC,MAAAA,eAAe,CAAC;AAAEqC,QAAAA,IAAI,EAAE,OAAA;AAAQ,OAAC,CAAC,CAAA;AACtC,KAAC,EAAE,CAACxF,KAAK,CAAC,CAAC,CAAA;AAEX,IAAA,oBACIyF,KAAA,CAAAC,aAAA,CAAChG,IAAI,EAAA;AACDU,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,cAAc,EAAEA,cAAe;AAC/BE,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBuB,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,eAEnBuD,KAAA,CAAAC,aAAA,CAACC,eAAe,EAAA;AACZ9F,MAAAA,GAAG,EAAEmE,kBAAmB;AACxB4B,MAAAA,MAAM,EAAEjC,MAAO;AACfvC,MAAAA,MAAM,EAAEA,MAAO;AACfC,MAAAA,MAAM,EAAEA,MAAO;AACfF,MAAAA,SAAS,EAAEA,SAAU;AACrB0E,MAAAA,MAAM,EAAEpD,OAAQ;AAChBD,MAAAA,IAAI,EAAEA,IAAK;MACXmC,MAAM,EAAE,SAAAA,MAAAA,CAACmB,YAAY,EAAA;AAAA,QAAA,oBACjBL,KAAA,CAAAC,aAAA,CAACK,eAAe,EAAAC,QAAA,CAAA;AACZnG,UAAAA,GAAG,EAAEA,GAAI;AACToG,UAAAA,eAAe,EAAEH,YAAa;AAC9B9F,UAAAA,KAAK,EAAEA,KAAM;AACbE,UAAAA,QAAQ,EAAEuE,YAAa;AACvB5C,UAAAA,QAAQ,EAAEqB,OAAO,KAAK,IAAI,GAAGrB,QAAQ,GAAGqE,SAAU;AAClD7F,UAAAA,IAAI,EAAEA,IAAK;AACXD,UAAAA,IAAI,EAAEA,IAAK;AACXI,UAAAA,QAAQ,EAAEA,QAAS;AACnBC,UAAAA,QAAQ,EAAEA,QAAS;AACnBC,UAAAA,KAAK,EAAEA,KAAM;AACbE,UAAAA,WAAW,EAAEA,WAAY;AACzBC,UAAAA,YAAY,EAAEA,YAAa;AAC3BC,UAAAA,UAAU,EAAEA,UAAW;AACvBC,UAAAA,SAAS,EAAEA,SAAU;AACrBoF,UAAAA,OAAO,EAAE/B,WAAY;AACrBkB,UAAAA,SAAS,EAAEA,SAAU;AACrBc,UAAAA,IAAI,EAAC,UAAU;AACf,UAAA,mBAAA,EAAkB,MAAM;AACxB,UAAA,eAAA,EAAevC,MAAO;AACtB,UAAA,eAAA,EAAeF,MAAO;AACtB,UAAA,uBAAA,EAAA,EAAA,CAAA0C,MAAA,CAA0BxC,MAAM,OAAAwC,MAAA,CAAInD,OAAO,CAAG;AAC9C,UAAA,kBAAA,EAAkBa,YAAa;AAC/BjC,UAAAA,QAAQ,EAAEwE,MAAM,CAACxE,QAAQ,IAAI,EAAE,CAAE;AACjCxB,UAAAA,cAAc,EAAEA,cAAe;AAC/BC,UAAAA,eAAe,EAAEA,eAAgB;UACjCI,UAAU,EACNA,UAAU,KAAAb,iBAAA,KAAAA,iBAAA,gBACN2F,KAAA,CAAAC,aAAA,CAACa,gBAAgB,EAAA;AAACC,YAAAA,OAAO,EAAExB,yBAAAA;AAA0B,WAAA,EAChDrE,UACa,CAAC,CAAA,CAAA;SAGvB+B,EAAAA,IAAI,CACX,CAAC,CAAA;AAAA,OAAA;AACJ,KAAA,EAEAhB,UAAU,IAAIA,UAAU,CAACyD,YAAY,CAAC,IACnCsB,OAAO,CAACtB,YAAY,CAACb,MAAM,CAAC,iBACzBmB,KAAA,CAAAC,aAAA,CAAChG,IAAI,EAAA;AACDU,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,cAAc,EAAEA,cAAe;AAC/BE,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,QAAQ,EAAEA,QAAAA;KAEVgF,eAAAA,KAAA,CAAAC,aAAA,CAACgB,WAAW,qBACRjB,KAAA,CAAAC,aAAA,CAACiB,EAAE,EAAA;AACC9G,MAAAA,GAAG,EAAEqE,SAAU;AACf0C,MAAAA,EAAE,EAAE/C,MAAO;AACXuC,MAAAA,IAAI,EAAC,SAAS;AACd,MAAA,YAAA,EAAY1F,KAAM;AAClBM,MAAAA,QAAQ,EAAEsB,OAAO,GAAG4D,SAAS,GAAGlF,QAAS;AACzCE,MAAAA,aAAa,EAAEA,aAAc;AAC7BoB,MAAAA,OAAO,EAAEA,OAAAA;AAAQ,KAAA,EAEhBA,OAAO,gBACJmD,KAAA,CAAAC,aAAA,CAACmB,WAAW,EAAA;AACRC,MAAAA,KAAK,EAAE3B,YAAa;AACpBqB,MAAAA,OAAO,EAAEjC,eAAgB;AACzBV,MAAAA,MAAM,EAAEA,MAAO;AACf3C,MAAAA,aAAa,EAAEA,aAAc;AAC7BF,MAAAA,QAAQ,EAAEA,QAAS;AACnBY,MAAAA,UAAU,EAAEA,UAAAA;AAAW,KAC1B,CAAC,gBAEF6D,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAsB,QAAA,QACK5E,UAAU,EAEVgD,YAAY,CAAC6B,GAAG,CAAC,UAACC,UAAU,EAAEC,KAAK,EAAA;AAAA,MAAA,oBAChCzB,KAAA,CAAAC,aAAA,CAACyB,cAAc,EAAA;AACXC,QAAAA,GAAG,EAAEF,KAAM;AACXG,QAAAA,IAAI,EAAEJ,UAAW;AACjBT,QAAAA,OAAO,EAAEjC,eAAgB;QACzBqC,EAAE,EAAA,EAAA,CAAAP,MAAA,CAAKxC,MAAM,OAAAwC,MAAA,CAAIa,KAAK,CAAG;QACzBhE,OAAO,EAAEA,OAAO,KAAKgE,KAAM;AAC3BtF,QAAAA,UAAU,EAAEA,UAAAA;AAAW,OAC1B,CAAC,CAAA;KACL,CAAC,EAEDQ,SACH,CACL,EAEAT,aAAa,iBACV8D,KAAA,CAAAC,aAAA,CAAC4B,qBAAqB,EAAA,IAAA,EAAE3F,aAAa,EAA0B,CAEnE,CACK,CACX,CAED,CACf,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM4F,kBAAkB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEjI,gBAAgB;AACxBkI,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,QAAQ,EAAE;AACNxH,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAA;GACnB;AACDuH,EAAAA,UAAU,EAAE;AACRzH,IAAAA,IAAI,EAAE;AACF0H,MAAAA,GAAG,EAAE,EAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}

package/es/components/Autocomplete/FloatingPopover.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { useFloating, autoUpdate, offset, flip, shift, size, FloatingPortal } from '@floating-ui/react';
 import React, { forwardRef } from 'react';
 import { safeUseId } from '../../utils/react.js';
@@ -10,7 +10,8 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
     portal = _ref.portal,
     zIndex = _ref.zIndex,
     listWidth = _ref.listWidth,
-    offset$1 = _ref.offset;
+    offset$1 = _ref.offset,
+    flipFlag = _ref.flip;
   var _useFloating = useFloating({
       whileElementsMounted: function whileElementsMounted(referenceEl, floatingEl, update) {
         return autoUpdate(referenceEl, floatingEl, update, {
@@ -24,9 +25,9 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
       middleware: [offset({
         mainAxis: (offset$1 === null || offset$1 === void 0 ? void 0 : offset$1[1]) || 0,
         alignmentAxis: (offset$1 === null || offset$1 === void 0 ? void 0 : offset$1[0]) || 0
-      }), flip({
+      })].concat(_toConsumableArray(flipFlag ? [flip({
         fallbackAxisSideDirection: 'end'
-      }), shift(), size({
+      })] : []), [shift(), size({
         apply: function apply(_ref2) {
           var rects = _ref2.rects,
             elements = _ref2.elements;
@@ -34,7 +35,7 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
             width: listWidth || "".concat(rects.reference.width, "px")
           });
         }
-      })]
+      })])
     }),
     refs = _useFloating.refs,
     floatingStyles = _useFloating.floatingStyles;

package/es/components/Autocomplete/FloatingPopover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Autocomplete/FloatingPopover.tsx"],"sourcesContent":["import {\n flip,\n shift,\n size,\n useFloating,\n FloatingPortal,\n autoUpdate,\n offset as offsetMiddleware,\n} from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport type { FloatingPopoverProps } from './Autocomplete.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, portal, zIndex, listWidth, offset }, ref) => {\n const { refs, floatingStyles } = useFloating({\n whileElementsMounted(referenceEl, floatingEl, update) {\n return autoUpdate(referenceEl, floatingEl, update, {\n ancestorScroll: false,\n ancestorResize: false,\n layoutShift: false,\n });\n },\n placement: 'bottom-start',\n open: opened,\n middleware: [\n offsetMiddleware({\n mainAxis: offset?.[1] \|\| 0,\n alignmentAxis: offset?.[0] \|\| 0,\n }),\n flip({ fallbackAxisSideDirection: 'end' }),\n shift(),\n size({\n apply({ rects, elements }) {\n Object.assign(elements.floating.style, {\n width: listWidth \|\| `${rects.reference.width}px`,\n });\n },\n }),\n ],\n });\n\n const wrappedId = safeUseId();\n\n // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n const isTargetAsFunction = typeof target === 'function';\n\n return (\n <div ref={ref} id={wrappedId} style={{ position: 'relative' }}>\n <div ref={isTargetAsFunction ? undefined : refs.setReference}>\n {typeof target === 'function' ? target(refs.setReference as any) : target}\n </div>\n\n {opened && (\n // root - принимает ref контейнера портала.\n // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: zIndex \|\| 1000 }}>\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: React.RefObject<HTMLElement>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","portal","zIndex","listWidth","offset","_useFloating","useFloating","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","ancestorScroll","ancestorResize","layoutShift","placement","open","middleware","offsetMiddleware","mainAxis","alignmentAxis","~~flip~~","fallbackAxisSideDirection","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","~~concat","~~reference","refs","floatingStyles","wrappedId","safeUseId","isTargetAsFunction","React","createElement","id","position","undefined","setReference","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","root"],"mappings":";;;;;AAcMA,IAAAA,eAAe,gBAAGC,UAAU,CAC9B,UAAAC,IAAA,~~EAAkEC~~,GAAG,EAAK;AAAA,EAAA,~~IAAvEC~~,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,MAAM,GAAAL,IAAA,CAANK,MAAM;IAAEC,MAAM,GAAAN,IAAA,CAANM,MAAM;IAAEC,SAAS,GAAAP,IAAA,CAATO,SAAS;IAAEC,QAAM,GAAAR,IAAA,CAANQ,MAAM,CAAA;~~EAC1D~~,IAAAC,YAAA,GAAiCC,WAAW,CAAC;AACzCC,MAAAA,oBAAoB,WAAAA,oBAACC,CAAAA,WAAW,EAAEC,UAAU,EAAEC,MAAM,EAAE;AAClD,QAAA,OAAOC,UAAU,CAACH,WAAW,EAAEC,UAAU,EAAEC,MAAM,EAAE;AAC/CE,UAAAA,cAAc,EAAE,KAAK;AACrBC,UAAAA,cAAc,EAAE,KAAK;AACrBC,UAAAA,WAAW,EAAE,KAAA;AACjB,SAAC,CAAC,CAAA;OACL;AACDC,MAAAA,SAAS,EAAE,cAAc;AACzBC,MAAAA,IAAI,~~EAAEhB~~,MAAM;~~MACZiB~~,UAAU,~~EAAE~~,~~CACRC~~,MAAgB,CAAC;QACbC,QAAQ,EAAE,~~CAAAf~~,QAAM,KAANA,IAAAA,IAAAA,QAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAM,CAAG,CAAC,CAAC,KAAI,CAAC;~~QAC1BgB~~,aAAa,EAAE,~~CAAAhB~~,QAAM,KAANA,IAAAA,IAAAA,QAAM,uBAANA,QAAM,CAAG,CAAC,CAAC,KAAI,CAAA;OACjC,CAAC,~~EACFiB~~,IAAI,CAAC;~~AAAEC~~,QAAAA,yBAAyB,EAAE,KAAA;~~AAAM~~,~~OAAC~~,CAAC,~~EAC1CC~~,KAAK,EAAE,EACPC,IAAI,CAAC;QACDC,KAAK,EAAA,SAAAA,KAAAC,CAAAA,KAAA,EAAsB;AAAA,UAAA,IAAnBC,KAAK,GAAAD,KAAA,CAALC,KAAK;YAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ,CAAA;UACnBC,MAAM,CAACC,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAACC,KAAK,EAAE;YACnCC,KAAK,~~EAAE9B~~,SAAS,~~IAAA+B~~,EAAAA,CAAAA,MAAA,~~CAAOP~~,KAAK,~~CAACQ~~,SAAS,~~CAACF~~,KAAK,EAAA,IAAA,CAAA;AAChD,WAAC,CAAC,CAAA;AACN,SAAA;AACJ,OAAC,CAAC,CAAA;AAEV,KAAC,CAAC;~~IAzBMG~~,IAAI,GAAA/B,YAAA,CAAJ+B,IAAI;IAAEC,cAAc,GAAAhC,YAAA,CAAdgC,cAAc,CAAA;AA2B5B,EAAA,IAAMC,SAAS,GAAGC,SAAS,EAAE,CAAA;;AAE7B;AACA;AACA;AACA;AACA,EAAA,IAAMC,kBAAkB,GAAG,~~OAAO1C~~,MAAM,KAAK,UAAU,CAAA;EAEvD,~~oBACI2C~~,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;~~AAAK7C~~,IAAAA,GAAG,EAAEA,GAAI;~~AAAC8C~~,IAAAA,EAAE,EAAEL,SAAU;~~AAACN~~,IAAAA,KAAK,EAAE;~~AAAEY~~,MAAAA,QAAQ,EAAE,UAAA;AAAW,KAAA;GACxDH,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;~~AAAK7C~~,IAAAA,GAAG,~~EAAE2C~~,kBAAkB,GAAGK,SAAS,GAAGT,IAAI,CAACU,YAAAA;AAAa,GAAA,EACxD,~~OAAOhD~~,MAAM,KAAK,UAAU,GAAGA,MAAM,~~CAACsC~~,IAAI,CAACU,YAAmB,CAAC,~~GAAGhD~~,MAClE,CAAC,EAELE,MAAM;AAAA;AACH;AACA;~~AACAyC~~,EAAAA,KAAA,CAAAC,aAAA,CAACK,cAAc,EAAKC,sBAAsB,~~CAAC/C~~,MAAM,~~EAAEqC~~,SAAS,CAAC,eACzDG,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;~~IAAK7C~~,GAAG,~~EAAEuC~~,IAAI,CAACa,WAAY;~~AAACjB~~,IAAAA,KAAK,~~EAAAkB~~,cAAA,CAAAA,cAAA,KAAOb,cAAc,CAAA,EAAA,EAAA,EAAA;~~MAAEnC~~,MAAM,EAAEA,MAAM,IAAI,IAAA;AAAI,KAAA,CAAA;GACzEH,EAAAA,QACA,CACO,CAEnB,CAAC,CAAA;AAEd,CACJ,EAAC;AAOD;AACA;AACA,~~IAAMiD~~,sBAAsB,GAAG,SAAzBA,sBAAsBA,~~CACxB/C~~,MAAsC,~~EACtCqC~~,SAAiB,EACa;EAC9B,IAAI,~~CAACrC~~,MAAM,EAAE;IACT,OAAO;~~AAAE0C~~,MAAAA,EAAE,EAAEL,SAAAA;KAAW,CAAA;AAC5B,GAAA;AAEA,EAAA,IAAI,~~OAAOrC~~,MAAM,KAAK,QAAQ,EAAE;IAC5B,OAAO;~~AAAE0C~~,MAAAA,EAAE,~~EAAE1C~~,MAAAA;KAAQ,CAAA;AACzB,GAAA;EAEA,OAAO;~~AAAEkD~~,IAAAA,IAAI,~~EAAElD~~,MAAAA;GAAQ,CAAA;AAC3B,CAAC;;;;"}
1	+ {"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Autocomplete/FloatingPopover.tsx"],"sourcesContent":["import {\n flip,\n shift,\n size,\n useFloating,\n FloatingPortal,\n autoUpdate,\n offset as offsetMiddleware,\n} from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport type { FloatingPopoverProps } from './Autocomplete.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, portal, zIndex, listWidth, offset, flip: flipFlag }, ref) => {\n const { refs, floatingStyles } = useFloating({\n whileElementsMounted(referenceEl, floatingEl, update) {\n return autoUpdate(referenceEl, floatingEl, update, {\n ancestorScroll: false,\n ancestorResize: false,\n layoutShift: false,\n });\n },\n placement: 'bottom-start',\n open: opened,\n middleware: [\n offsetMiddleware({\n mainAxis: offset?.[1] \|\| 0,\n alignmentAxis: offset?.[0] \|\| 0,\n }),\n ...(flipFlag ? [flip({ fallbackAxisSideDirection: 'end' })] : []),\n shift(),\n size({\n apply({ rects, elements }) {\n Object.assign(elements.floating.style, {\n width: listWidth \|\| `${rects.reference.width}px`,\n });\n },\n }),\n ],\n });\n\n const wrappedId = safeUseId();\n\n // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n const isTargetAsFunction = typeof target === 'function';\n\n return (\n <div ref={ref} id={wrappedId} style={{ position: 'relative' }}>\n <div ref={isTargetAsFunction ? undefined : refs.setReference}>\n {typeof target === 'function' ? target(refs.setReference as any) : target}\n </div>\n\n {opened && (\n // root - принимает ref контейнера портала.\n // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: zIndex \|\| 1000 }}>\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: React.RefObject<HTMLElement>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","portal","zIndex","listWidth","offset","flipFlag","flip","_useFloating","useFloating","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","ancestorScroll","ancestorResize","layoutShift","placement","open","middleware","offsetMiddleware","mainAxis","alignmentAxis","concat","_toConsumableArray","fallbackAxisSideDirection","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","reference","refs","floatingStyles","wrappedId","safeUseId","isTargetAsFunction","React","createElement","id","position","undefined","setReference","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","root"],"mappings":"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"}

package/es/components/Calendar/Calendar.tokens.js CHANGED Viewed

@@ -76,6 +76,7 @@ var tokens = {
   calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding',
   calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',
   calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding',
+  calendarArrowHeaderCustomSize: '--plasma-calendar-arrow-custom-size',
   calendarHeaderPadding: '--plasma-calendar-header-padding',
   calendarHeaderDateGap: '--plasma-calendar-header-date-gap',
   calendarHeaderFontFamily: '--plasma-calendar-header-font-family',

package/es/components/Calendar/Calendar.tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Calendar.tokens.js","sources":["../../../src/components/Calendar/Calendar.tokens.ts"],"sourcesContent":["export const classes = {\n dayOfWeek: 'day-of-week',\n dayInCurrentMonth: 'day-in-current-month',\n disabled: 'item-disabled',\n disabledCurrent: 'item-disabled-current',\n sideInRange: 'item-side-in-range',\n inRange: 'item-in-range',\n sideLeft: 'item-side-left',\n sideRight: 'item-side-right',\n selectableItem: 'item-selectable',\n selectedItem: 'item-selected',\n currentItem: 'item-current',\n hoveredItem: 'item-hovered',\n doubleHeaderDate: 'double-header-date',\n doubleHeaderLastDateWrapper: 'double-header--last-date-wrapper',\n disabledPrevButton: 'disabled-prev-button',\n stretched: 'plasma-calendar-stretched',\n};\n\nexport const innerTokens = {\n dateStructureFontFamily: '--plasma-calendar-date-structure-font-family',\n dateStructureFontSize: '--plasma-calendar-date-structure-font-size',\n dateStructureFontStyle: '--plasma-calendar-date-structure-font-style',\n dateStructureFontWeight: '--plasma-calendar-date-structure-font-weight',\n dateStructureFontLetterSpacing: '--plasma-calendar-date-structure-font-letter-spacing',\n dateStructureFontLineHeight: '--plasma-calendar-date-structure-line-height',\n\n dateStructureSelectedFontWeight: '--plasma-calendar-date-structure-selected-font-weight',\n\n dateStructureBorderRadius: '--plasma-calendar-date-structure-border-radius',\n};\n\nexport const tokens = {\n calendarContainerWidth: '--plasma-calendar-container-width',\n calendarContainerHeight: '--plasma-calendar-container-height',\n calendarBorderWidth: '--plasma-calendar-border-width',\n calendarBorderColor: '--plasma-calendar-border-color',\n\n /* Токены размера сетки лет /\n calendarYearsPadding: '--plasma-calendar-years-padding',\n calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',\n\n calendarYearFontFamily: '--plasma-calendar-year-font-family',\n calendarYearFontSize: '--plasma-calendar-year-font-size',\n calendarYearFontStyle: '--plasma-calendar-year-font-style',\n calendarYearFontLetterSpacing: '--plasma-calendar-year-font-letter-spacing',\n calendarYearFontLineHeight: '--plasma-calendar-year-line-height',\n calendarYearFontWeight: '--plasma-calendar-year-font-weight',\n calendarYearSelectedFontWeight: '--plasma-calendar-year-selected-font-weight',\n\n / Токены размера сетки дней /\n calendarQuartersPadding: '--plasma-calendar-quarters-padding',\n calendarQuarterItemBorderRadius: '--plasma-calendar-quarter-item-border-radius',\n\n calendarQuarterFontFamily: '--plasma-calendar-quarter-font-family',\n calendarQuarterFontSize: '--plasma-calendar-quarter-font-size',\n calendarQuarterFontStyle: '--plasma-calendar-quarter-font-style',\n calendarQuarterFontLetterSpacing: '--plasma-calendar-quarter-font-letter-spacing',\n calendarQuarterFontLineHeight: '--plasma-calendar-quarter-line-height',\n calendarQuarterFontWeight: '--plasma-calendar-quarter-font-weight',\n calendarQuarterSelectedFontWeight: '--plasma-calendar-quarter-selected-font-weight',\n\n / Токены размера сетки месяцев /\n calendarMonthsPadding: '--plasma-calendar-months-padding',\n calendarMonthItemBorderRadius: '--plasma-calendar-month-item-border-radius',\n\n calendarMonthFontFamily: '--plasma-calendar-month-font-family',\n calendarMonthFontSize: '--plasma-calendar-month-font-size',\n calendarMonthFontStyle: '--plasma-calendar-month-font-style',\n calendarMonthFontLetterSpacing: '--plasma-calendar-month-font-letter-spacing',\n calendarMonthFontLineHeight: '--plasma-calendar-month-line-height',\n calendarMonthFontWeight: '--plasma-calendar-month-font-weight',\n calendarMonthSelectedFontWeight: '--plasma-calendar-month-selected-font-weight',\n\n / Токены размера сетки дней /\n calendarDaysPadding: '--plasma-calendar-days-padding',\n calendarDayItemBorderRadius: '--plasma-calendar-day-item-border-radius',\n\n calendarDayFontFamily: '--plasma-calendar-day-font-family',\n calendarDayFontSize: '--plasma-calendar-day-font-size',\n calendarDayFontStyle: '--plasma-calendar-day-font-style',\n calendarDayFontLetterSpacing: '--plasma-calendar-day-font-letter-spacing',\n calendarDayFontLineHeight: '--plasma-calendar-day-line-height',\n calendarDayFontWeight: '--plasma-calendar-day-font-weight',\n calendarDaySelectedFontWeight: '--plasma-calendar-day-selected-font-weight',\n\n calendarDayOfWeekColor: '--plasma-calendar-day-of-the-week-color',\n\n / Токены шапки календаря /\n calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding',\n calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',\n calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding',\n\n calendarHeaderPadding: '--plasma-calendar-header-padding',\n calendarHeaderDateGap: '--plasma-calendar-header-date-gap',\n\n calendarHeaderFontFamily: '--plasma-calendar-header-font-family',\n calendarHeaderFontSize: '--plasma-calendar-header-font-size',\n calendarHeaderFontStyle: '--plasma-calendar-header-font-style',\n calendarHeaderFontLetterSpacing: '--plasma-calendar-header-font-letter-spacing',\n calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',\n calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',\n calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',\n calendarHeaderArrowColor: '--plasma-calendar-header-arrow-color',\n\n / Токены стрелок навигации календаря */\n iconButtonColor: '--plasma-calendar-icon-button-color',\n iconButtonBackgroundColor: '--plasma-calendar-icon-button-background',\n iconButtonColorHover: '--plasma-calendar-icon-button-color-hover',\n iconButtonBackgroundColorHover: '--plasma-calendar-icon-button-background-hover',\n iconButtonColorActive: '--plasma-calendar-icon-button-color-active',\n iconButtonBackgroundColorActive: '--plasma-calendar-icon-button-background-active',\n iconButtonHeight: '--plasma-calendar-icon-button-height',\n iconButtonWidth: '--plasma-calendar-icon-button-width',\n iconButtonPadding: '--plasma-calendar-icon-button-padding',\n iconButtonRadius: '--plasma-calendar-icon-button-radius',\n iconButtonFocusColor: '--plasma-calendar-icon-button-focus-color',\n\n calendarBackgroundColor: '--plasma-calendar-background',\n calendarSelectedItemBackground: '--plasma-calendar-selected-item-background',\n calendarSelectedItemColor: '--plasma-calendar-selected-item-color',\n calendarSelectableItemBackgroundHover: '--plasma-calendar-selectable-item-bg-hover',\n calendarCurrentItemBorderColor: '--plasma-calendar-current-item-border-color',\n calendarCurrentItemBorderWidth: '--plasma-calendar-current-item-border-width',\n calendarCurrentItemBackgroundHover: '--plasma-calendar-current-item-bg-hover',\n calendarCurrentItemColorHover: '--plasma-calendar-current-item-color-hover',\n calendarCurrentItemChildBackgroundHover: '--plasma-calendar-current-item-child-bg-hover',\n calendarActiveItemBackground: '--plasma-calendar-active-item-bg',\n calendarActiveItemColor: '--plasma-calendar-active-item-color',\n calendarHoveredItemBackground: '--plasma-calendar-hovered-item-bg',\n calendarHoveredItemColor: '--plasma-calendar-hovered-item-color',\n calendarSeparatorBackground: '--plasma-calendar-separator-background',\n calendarRangeBackground: '--plasma-calendar-range-background',\n calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',\n calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',\n calendarContentPrimaryDisabledColor: '--plasma-calendar-content-primary-disabled-color',\n calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color',\n calendarContentSecondaryDisabledColor: '--plasma-calendar-content-secondary-disabled-color',\n calendarDisabledOpacity: '--plasma-calendar-disabled-opacity',\n};\n"],"names":["classes","dayOfWeek","dayInCurrentMonth","disabled","disabledCurrent","sideInRange","inRange","sideLeft","sideRight","selectableItem","selectedItem","currentItem","hoveredItem","doubleHeaderDate","doubleHeaderLastDateWrapper","disabledPrevButton","stretched","innerTokens","dateStructureFontFamily","dateStructureFontSize","dateStructureFontStyle","dateStructureFontWeight","dateStructureFontLetterSpacing","dateStructureFontLineHeight","dateStructureSelectedFontWeight","dateStructureBorderRadius","tokens","calendarContainerWidth","calendarContainerHeight","calendarBorderWidth","calendarBorderColor","calendarYearsPadding","calendarYearItemBorderRadius","calendarYearFontFamily","calendarYearFontSize","calendarYearFontStyle","calendarYearFontLetterSpacing","calendarYearFontLineHeight","calendarYearFontWeight","calendarYearSelectedFontWeight","calendarQuartersPadding","calendarQuarterItemBorderRadius","calendarQuarterFontFamily","calendarQuarterFontSize","calendarQuarterFontStyle","calendarQuarterFontLetterSpacing","calendarQuarterFontLineHeight","calendarQuarterFontWeight","calendarQuarterSelectedFontWeight","calendarMonthsPadding","calendarMonthItemBorderRadius","calendarMonthFontFamily","calendarMonthFontSize","calendarMonthFontStyle","calendarMonthFontLetterSpacing","calendarMonthFontLineHeight","calendarMonthFontWeight","calendarMonthSelectedFontWeight","calendarDaysPadding","calendarDayItemBorderRadius","calendarDayFontFamily","calendarDayFontSize","calendarDayFontStyle","calendarDayFontLetterSpacing","calendarDayFontLineHeight","calendarDayFontWeight","calendarDaySelectedFontWeight","calendarDayOfWeekColor","calendarHeaderWrapperPadding","calendarHeaderArrowGap","calendarHeaderArrowPadding","calendarHeaderPadding","calendarHeaderDateGap","calendarHeaderFontFamily","calendarHeaderFontSize","calendarHeaderFontStyle","calendarHeaderFontLetterSpacing","calendarHeaderFontLineHeight","calendarHeaderFontWeight","calendarHeaderFontWeightBold","calendarHeaderArrowColor","iconButtonColor","iconButtonBackgroundColor","iconButtonColorHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonBackgroundColorActive","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonFocusColor","calendarBackgroundColor","calendarSelectedItemBackground","calendarSelectedItemColor","calendarSelectableItemBackgroundHover","calendarCurrentItemBorderColor","calendarCurrentItemBorderWidth","calendarCurrentItemBackgroundHover","calendarCurrentItemColorHover","calendarCurrentItemChildBackgroundHover","calendarActiveItemBackground","calendarActiveItemColor","calendarHoveredItemBackground","calendarHoveredItemColor","calendarSeparatorBackground","calendarRangeBackground","calendarOutlineFocusColor","calendarContentPrimaryColor","calendarContentPrimaryDisabledColor","calendarContentSecondaryColor","calendarContentSecondaryDisabledColor","calendarDisabledOpacity"],"mappings":"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"}
1	+ {"version":3,"file":"Calendar.tokens.js","sources":["../../../src/components/Calendar/Calendar.tokens.ts"],"sourcesContent":["export const classes = {\n dayOfWeek: 'day-of-week',\n dayInCurrentMonth: 'day-in-current-month',\n disabled: 'item-disabled',\n disabledCurrent: 'item-disabled-current',\n sideInRange: 'item-side-in-range',\n inRange: 'item-in-range',\n sideLeft: 'item-side-left',\n sideRight: 'item-side-right',\n selectableItem: 'item-selectable',\n selectedItem: 'item-selected',\n currentItem: 'item-current',\n hoveredItem: 'item-hovered',\n doubleHeaderDate: 'double-header-date',\n doubleHeaderLastDateWrapper: 'double-header--last-date-wrapper',\n disabledPrevButton: 'disabled-prev-button',\n stretched: 'plasma-calendar-stretched',\n};\n\nexport const innerTokens = {\n dateStructureFontFamily: '--plasma-calendar-date-structure-font-family',\n dateStructureFontSize: '--plasma-calendar-date-structure-font-size',\n dateStructureFontStyle: '--plasma-calendar-date-structure-font-style',\n dateStructureFontWeight: '--plasma-calendar-date-structure-font-weight',\n dateStructureFontLetterSpacing: '--plasma-calendar-date-structure-font-letter-spacing',\n dateStructureFontLineHeight: '--plasma-calendar-date-structure-line-height',\n\n dateStructureSelectedFontWeight: '--plasma-calendar-date-structure-selected-font-weight',\n\n dateStructureBorderRadius: '--plasma-calendar-date-structure-border-radius',\n};\n\nexport const tokens = {\n calendarContainerWidth: '--plasma-calendar-container-width',\n calendarContainerHeight: '--plasma-calendar-container-height',\n calendarBorderWidth: '--plasma-calendar-border-width',\n calendarBorderColor: '--plasma-calendar-border-color',\n\n /* Токены размера сетки лет /\n calendarYearsPadding: '--plasma-calendar-years-padding',\n calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',\n\n calendarYearFontFamily: '--plasma-calendar-year-font-family',\n calendarYearFontSize: '--plasma-calendar-year-font-size',\n calendarYearFontStyle: '--plasma-calendar-year-font-style',\n calendarYearFontLetterSpacing: '--plasma-calendar-year-font-letter-spacing',\n calendarYearFontLineHeight: '--plasma-calendar-year-line-height',\n calendarYearFontWeight: '--plasma-calendar-year-font-weight',\n calendarYearSelectedFontWeight: '--plasma-calendar-year-selected-font-weight',\n\n / Токены размера сетки дней /\n calendarQuartersPadding: '--plasma-calendar-quarters-padding',\n calendarQuarterItemBorderRadius: '--plasma-calendar-quarter-item-border-radius',\n\n calendarQuarterFontFamily: '--plasma-calendar-quarter-font-family',\n calendarQuarterFontSize: '--plasma-calendar-quarter-font-size',\n calendarQuarterFontStyle: '--plasma-calendar-quarter-font-style',\n calendarQuarterFontLetterSpacing: '--plasma-calendar-quarter-font-letter-spacing',\n calendarQuarterFontLineHeight: '--plasma-calendar-quarter-line-height',\n calendarQuarterFontWeight: '--plasma-calendar-quarter-font-weight',\n calendarQuarterSelectedFontWeight: '--plasma-calendar-quarter-selected-font-weight',\n\n / Токены размера сетки месяцев /\n calendarMonthsPadding: '--plasma-calendar-months-padding',\n calendarMonthItemBorderRadius: '--plasma-calendar-month-item-border-radius',\n\n calendarMonthFontFamily: '--plasma-calendar-month-font-family',\n calendarMonthFontSize: '--plasma-calendar-month-font-size',\n calendarMonthFontStyle: '--plasma-calendar-month-font-style',\n calendarMonthFontLetterSpacing: '--plasma-calendar-month-font-letter-spacing',\n calendarMonthFontLineHeight: '--plasma-calendar-month-line-height',\n calendarMonthFontWeight: '--plasma-calendar-month-font-weight',\n calendarMonthSelectedFontWeight: '--plasma-calendar-month-selected-font-weight',\n\n / Токены размера сетки дней /\n calendarDaysPadding: '--plasma-calendar-days-padding',\n calendarDayItemBorderRadius: '--plasma-calendar-day-item-border-radius',\n\n calendarDayFontFamily: '--plasma-calendar-day-font-family',\n calendarDayFontSize: '--plasma-calendar-day-font-size',\n calendarDayFontStyle: '--plasma-calendar-day-font-style',\n calendarDayFontLetterSpacing: '--plasma-calendar-day-font-letter-spacing',\n calendarDayFontLineHeight: '--plasma-calendar-day-line-height',\n calendarDayFontWeight: '--plasma-calendar-day-font-weight',\n calendarDaySelectedFontWeight: '--plasma-calendar-day-selected-font-weight',\n\n calendarDayOfWeekColor: '--plasma-calendar-day-of-the-week-color',\n\n / Токены шапки календаря /\n calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding',\n calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',\n calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding',\n calendarArrowHeaderCustomSize: '--plasma-calendar-arrow-custom-size',\n\n calendarHeaderPadding: '--plasma-calendar-header-padding',\n calendarHeaderDateGap: '--plasma-calendar-header-date-gap',\n\n calendarHeaderFontFamily: '--plasma-calendar-header-font-family',\n calendarHeaderFontSize: '--plasma-calendar-header-font-size',\n calendarHeaderFontStyle: '--plasma-calendar-header-font-style',\n calendarHeaderFontLetterSpacing: '--plasma-calendar-header-font-letter-spacing',\n calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',\n calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',\n calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',\n calendarHeaderArrowColor: '--plasma-calendar-header-arrow-color',\n\n / Токены стрелок навигации календаря */\n iconButtonColor: '--plasma-calendar-icon-button-color',\n iconButtonBackgroundColor: '--plasma-calendar-icon-button-background',\n iconButtonColorHover: '--plasma-calendar-icon-button-color-hover',\n iconButtonBackgroundColorHover: '--plasma-calendar-icon-button-background-hover',\n iconButtonColorActive: '--plasma-calendar-icon-button-color-active',\n iconButtonBackgroundColorActive: '--plasma-calendar-icon-button-background-active',\n iconButtonHeight: '--plasma-calendar-icon-button-height',\n iconButtonWidth: '--plasma-calendar-icon-button-width',\n iconButtonPadding: '--plasma-calendar-icon-button-padding',\n iconButtonRadius: '--plasma-calendar-icon-button-radius',\n iconButtonFocusColor: '--plasma-calendar-icon-button-focus-color',\n\n calendarBackgroundColor: '--plasma-calendar-background',\n calendarSelectedItemBackground: '--plasma-calendar-selected-item-background',\n calendarSelectedItemColor: '--plasma-calendar-selected-item-color',\n calendarSelectableItemBackgroundHover: '--plasma-calendar-selectable-item-bg-hover',\n calendarCurrentItemBorderColor: '--plasma-calendar-current-item-border-color',\n calendarCurrentItemBorderWidth: '--plasma-calendar-current-item-border-width',\n calendarCurrentItemBackgroundHover: '--plasma-calendar-current-item-bg-hover',\n calendarCurrentItemColorHover: '--plasma-calendar-current-item-color-hover',\n calendarCurrentItemChildBackgroundHover: '--plasma-calendar-current-item-child-bg-hover',\n calendarActiveItemBackground: '--plasma-calendar-active-item-bg',\n calendarActiveItemColor: '--plasma-calendar-active-item-color',\n calendarHoveredItemBackground: '--plasma-calendar-hovered-item-bg',\n calendarHoveredItemColor: '--plasma-calendar-hovered-item-color',\n calendarSeparatorBackground: '--plasma-calendar-separator-background',\n calendarRangeBackground: '--plasma-calendar-range-background',\n calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',\n calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',\n calendarContentPrimaryDisabledColor: '--plasma-calendar-content-primary-disabled-color',\n calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color',\n calendarContentSecondaryDisabledColor: '--plasma-calendar-content-secondary-disabled-color',\n calendarDisabledOpacity: '--plasma-calendar-disabled-opacity',\n};\n"],"names":["classes","dayOfWeek","dayInCurrentMonth","disabled","disabledCurrent","sideInRange","inRange","sideLeft","sideRight","selectableItem","selectedItem","currentItem","hoveredItem","doubleHeaderDate","doubleHeaderLastDateWrapper","disabledPrevButton","stretched","innerTokens","dateStructureFontFamily","dateStructureFontSize","dateStructureFontStyle","dateStructureFontWeight","dateStructureFontLetterSpacing","dateStructureFontLineHeight","dateStructureSelectedFontWeight","dateStructureBorderRadius","tokens","calendarContainerWidth","calendarContainerHeight","calendarBorderWidth","calendarBorderColor","calendarYearsPadding","calendarYearItemBorderRadius","calendarYearFontFamily","calendarYearFontSize","calendarYearFontStyle","calendarYearFontLetterSpacing","calendarYearFontLineHeight","calendarYearFontWeight","calendarYearSelectedFontWeight","calendarQuartersPadding","calendarQuarterItemBorderRadius","calendarQuarterFontFamily","calendarQuarterFontSize","calendarQuarterFontStyle","calendarQuarterFontLetterSpacing","calendarQuarterFontLineHeight","calendarQuarterFontWeight","calendarQuarterSelectedFontWeight","calendarMonthsPadding","calendarMonthItemBorderRadius","calendarMonthFontFamily","calendarMonthFontSize","calendarMonthFontStyle","calendarMonthFontLetterSpacing","calendarMonthFontLineHeight","calendarMonthFontWeight","calendarMonthSelectedFontWeight","calendarDaysPadding","calendarDayItemBorderRadius","calendarDayFontFamily","calendarDayFontSize","calendarDayFontStyle","calendarDayFontLetterSpacing","calendarDayFontLineHeight","calendarDayFontWeight","calendarDaySelectedFontWeight","calendarDayOfWeekColor","calendarHeaderWrapperPadding","calendarHeaderArrowGap","calendarHeaderArrowPadding","calendarArrowHeaderCustomSize","calendarHeaderPadding","calendarHeaderDateGap","calendarHeaderFontFamily","calendarHeaderFontSize","calendarHeaderFontStyle","calendarHeaderFontLetterSpacing","calendarHeaderFontLineHeight","calendarHeaderFontWeight","calendarHeaderFontWeightBold","calendarHeaderArrowColor","iconButtonColor","iconButtonBackgroundColor","iconButtonColorHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonBackgroundColorActive","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonFocusColor","calendarBackgroundColor","calendarSelectedItemBackground","calendarSelectedItemColor","calendarSelectableItemBackgroundHover","calendarCurrentItemBorderColor","calendarCurrentItemBorderWidth","calendarCurrentItemBackgroundHover","calendarCurrentItemColorHover","calendarCurrentItemChildBackgroundHover","calendarActiveItemBackground","calendarActiveItemColor","calendarHoveredItemBackground","calendarHoveredItemColor","calendarSeparatorBackground","calendarRangeBackground","calendarOutlineFocusColor","calendarContentPrimaryColor","calendarContentPrimaryDisabledColor","calendarContentSecondaryColor","calendarContentSecondaryDisabledColor","calendarDisabledOpacity"],"mappings":"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"}

package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CalendarState } from '../../store/types.js';
-import { classes } from '../../Calendar.tokens.js';
+import { classes, tokens } from '../../Calendar.tokens.js';
 import { sizeMap } from '../../store/reducer.js';
 import { cx } from '../../../../utils/index.js';
 import { StyledCalendarHeader, StyledNavigation, StyledDoubleHeaderWrapper, StyledHeaderDouble, StyledHeader, StyledArrows, StyledHeaderDate, StyledHeaderArrow, StyledArrow } from './CalendarHeader.styles.js';
@@ -52,20 +52,20 @@ var CalendarHeader = function CalendarHeader(_ref) {
     if (type === CalendarState.Days) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(StyledHeaderArrow, {
         color: "inherit",
-        size: size === 'xs' ? 'xs' : 's'
+        sizeCustomProperty: tokens.calendarArrowHeaderCustomSize
       })));
     }
     if (type === CalendarState.Months || type === CalendarState.Quarters) {
       return /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(StyledHeaderArrow, {
         color: "inherit",
-        size: size === 'xs' ? 'xs' : 's'
+        sizeCustomProperty: tokens.calendarArrowHeaderCustomSize
       }));
     }
     if (type === CalendarState.Years) {
       var yearValue = secondPart ? startYear + 12 : startYear;
       return /*#__PURE__*/React.createElement(StyledHeaderDate, null, yearValue, "\u2014", yearValue + YEAR_RENDER_COUNT - 1, /*#__PURE__*/React.createElement(StyledHeaderArrow, {
         color: "inherit",
-        size: size === 'xs' ? 'xs' : 's'
+        sizeCustomProperty: tokens.calendarArrowHeaderCustomSize
       }));
     }
     return '';

package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport type { MouseEvent } from 'react';\n\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT, I18N } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\nimport { cx } from '../../../../utils';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n StyledArrow,\n StyledArrows,\n StyledCalendarHeader,\n StyledDoubleHeaderWrapper,\n StyledHeader,\n StyledHeaderDate,\n StyledHeaderDouble,\n StyledNavigation,\n StyledHeaderArrow,\n} from './CalendarHeader.styles';\n\n/*\n Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n type = 'Days',\n startYear = 0,\n size,\n firstDate,\n secondDate,\n isDouble,\n onPrev,\n onNext,\n onUpdateCalendarState,\n locale,\n}) => {\n const handleCalendarState = () => {\n const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n if (type === CalendarState.Days) {\n onUpdateCalendarState?.(CalendarState.Months, newSize);\n }\n\n if (type === CalendarState.Months \|\| type === CalendarState.Quarters) {\n onUpdateCalendarState?.(CalendarState.Years, newSize);\n }\n };\n\n const handlePrev = (event: MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n\n if (startYear <= 0) {\n return;\n }\n onPrev();\n };\n\n const handleNext = (event: MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n\n onNext();\n };\n\n const getHeaderContent = (date?: DateObject, secondPart?: boolean) => {\n if (!date) {\n return '';\n }\n\n if (type === CalendarState.Days) {\n return (\n <>\n <StyledHeaderDate>{MONTH_NAMES[locale][date.monthIndex]}</StyledHeaderDate>\n <StyledHeaderDate>\n {date.year}\n <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n </>\n );\n }\n\n if (type === CalendarState.Months \|\| type === CalendarState.Quarters) {\n return (\n <StyledHeaderDate>\n {date.year}\n <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n if (type === CalendarState.Years) {\n const yearValue = secondPart ? startYear + 12 : startYear;\n\n return (\n <StyledHeaderDate>\n {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n return '';\n };\n\n const currentCalendarType = getCalendarType(type, locale);\n\n const PreviousButton = () => (\n <StyledArrow\n className={cx(startYear <= 0 && classes.disabledPrevButton)}\n aria-label={`${I18N.previous[locale]} ${currentCalendarType}`}\n onClick={handlePrev}\n >\n <IconDisclosureLeft color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n );\n\n const NextButton = () => (\n <StyledArrow aria-label={`${I18N.next[locale]} ${currentCalendarType}`} onClick={handleNext}>\n <IconDisclosureRight color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n );\n\n return (\n <StyledCalendarHeader>\n {isDouble ? (\n <StyledNavigation>\n <StyledDoubleHeaderWrapper>\n <PreviousButton />\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(firstDate)}\n </StyledHeaderDouble>\n </StyledDoubleHeaderWrapper>\n <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(secondDate, true)}\n </StyledHeaderDouble>\n <NextButton />\n </StyledDoubleHeaderWrapper>\n </StyledNavigation>\n ) : (\n <>\n <StyledHeader\n type=\"button\"\n aria-live=\"polite\"\n id=\"id-grid-label\"\n onClick={handleCalendarState}\n tabIndex={0}\n >\n {getHeaderContent(firstDate)}\n </StyledHeader>\n <StyledArrows>\n <PreviousButton />\n <NextButton />\n </StyledArrows>\n </>\n )}\n </StyledCalendarHeader>\n );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","locale","handleCalendarState","newSize","sizeMap","Months","single","CalendarState","Days","Quarters","Years","handlePrev","event","stopPropagation","handleNext","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","StyledHeaderArrow","color","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","StyledArrow","className","cx","classes","disabledPrevButton","concat","I18N","previous","onClick","IconDisclosureLeft","NextButton","next","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}
1	+ {"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport type { MouseEvent } from 'react';\n\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT, I18N } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\nimport { cx } from '../../../../utils';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n StyledArrow,\n StyledArrows,\n StyledCalendarHeader,\n StyledDoubleHeaderWrapper,\n StyledHeader,\n StyledHeaderDate,\n StyledHeaderDouble,\n StyledNavigation,\n StyledHeaderArrow,\n} from './CalendarHeader.styles';\n\n/*\n Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n type = 'Days',\n startYear = 0,\n size,\n firstDate,\n secondDate,\n isDouble,\n onPrev,\n onNext,\n onUpdateCalendarState,\n locale,\n}) => {\n const handleCalendarState = () => {\n const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n if (type === CalendarState.Days) {\n onUpdateCalendarState?.(CalendarState.Months, newSize);\n }\n\n if (type === CalendarState.Months \|\| type === CalendarState.Quarters) {\n onUpdateCalendarState?.(CalendarState.Years, newSize);\n }\n };\n\n const handlePrev = (event: MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n\n if (startYear <= 0) {\n return;\n }\n onPrev();\n };\n\n const handleNext = (event: MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n\n onNext();\n };\n\n const getHeaderContent = (date?: DateObject, secondPart?: boolean) => {\n if (!date) {\n return '';\n }\n\n if (type === CalendarState.Days) {\n return (\n <>\n <StyledHeaderDate>{MONTH_NAMES[locale][date.monthIndex]}</StyledHeaderDate>\n <StyledHeaderDate>\n {date.year}\n <StyledHeaderArrow color=\"inherit\" sizeCustomProperty={tokens.calendarArrowHeaderCustomSize} />\n </StyledHeaderDate>\n </>\n );\n }\n\n if (type === CalendarState.Months \|\| type === CalendarState.Quarters) {\n return (\n <StyledHeaderDate>\n {date.year}\n <StyledHeaderArrow color=\"inherit\" sizeCustomProperty={tokens.calendarArrowHeaderCustomSize} />\n </StyledHeaderDate>\n );\n }\n\n if (type === CalendarState.Years) {\n const yearValue = secondPart ? startYear + 12 : startYear;\n\n return (\n <StyledHeaderDate>\n {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n <StyledHeaderArrow color=\"inherit\" sizeCustomProperty={tokens.calendarArrowHeaderCustomSize} />\n </StyledHeaderDate>\n );\n }\n\n return '';\n };\n\n const currentCalendarType = getCalendarType(type, locale);\n\n const PreviousButton = () => (\n <StyledArrow\n className={cx(startYear <= 0 && classes.disabledPrevButton)}\n aria-label={`${I18N.previous[locale]} ${currentCalendarType}`}\n onClick={handlePrev}\n >\n <IconDisclosureLeft color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n );\n\n const NextButton = () => (\n <StyledArrow aria-label={`${I18N.next[locale]} ${currentCalendarType}`} onClick={handleNext}>\n <IconDisclosureRight color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n );\n\n return (\n <StyledCalendarHeader>\n {isDouble ? (\n <StyledNavigation>\n <StyledDoubleHeaderWrapper>\n <PreviousButton />\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(firstDate)}\n </StyledHeaderDouble>\n </StyledDoubleHeaderWrapper>\n <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(secondDate, true)}\n </StyledHeaderDouble>\n <NextButton />\n </StyledDoubleHeaderWrapper>\n </StyledNavigation>\n ) : (\n <>\n <StyledHeader\n type=\"button\"\n aria-live=\"polite\"\n id=\"id-grid-label\"\n onClick={handleCalendarState}\n tabIndex={0}\n >\n {getHeaderContent(firstDate)}\n </StyledHeader>\n <StyledArrows>\n <PreviousButton />\n <NextButton />\n </StyledArrows>\n </>\n )}\n </StyledCalendarHeader>\n );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","locale","handleCalendarState","newSize","sizeMap","Months","single","CalendarState","Days","Quarters","Years","handlePrev","event","stopPropagation","handleNext","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","StyledHeaderArrow","color","sizeCustomProperty","tokens","calendarArrowHeaderCustomSize","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","StyledArrow","className","cx","classes","disabledPrevButton","concat","I18N","previous","onClick","IconDisclosureLeft","NextButton","next","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}

package/es/components/Combobox/ComboboxNew/Combobox.js CHANGED Viewed

@@ -11,6 +11,7 @@ import { base as base$2 } from './variations/_size/base.js';
 import { SelectNative } from './ui/SelectNative/SelectNative.js';
 import { Context } from './Combobox.context.js';
 import { initialItemsTransform } from './utils/initialItemsTransform.js';
+import { getTextValue } from './utils/getTextValue.js';
 import { safeUseId } from '../../../utils/react.js';
 import { filterItems } from './utils/filterItems.js';
 import { pathReducer } from './reducers/pathReducer.js';
@@ -20,6 +21,7 @@ import { isEmpty } from '../../../utils/isEmpty.js';
 import { updateDescendants } from './utils/updateDescendants.js';
 import { updateAncestors } from './utils/updateAncestors.js';
 import { updateSingleAncestors } from './utils/updateSingleAncestors.js';
+import { useDidMountLayoutEffect } from '../../../hooks/useDidMountLayoutEffect.js';
 import { StyledTextField } from './ui/Target/Target.styles.js';
 import { sizeToIconSize } from '../../Select/utils/sizeToIconSize.js';
 import { getItemId } from './utils/getItemId.js';
@@ -36,7 +38,7 @@ var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTar
 var comboboxRoot = function comboboxRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
-    var _valueToItemMap$get, _getItemByFocused, _StyledLeftHelper;
+    var _getItemByFocused, _StyledLeftHelper;
     var name = props.name,
       multiple = props.multiple,
       outerValue = props.value,
@@ -98,7 +100,7 @@ var comboboxRoot = function comboboxRoot(Root) {
       valueToCheckedMap = _useMemo2[0],
       valueToItemMap = _useMemo2[1],
       labelToItemMap = _useMemo2[2];
-    var _useState = useState(multiple || Array.isArray(outerValue) ? '' : ((_valueToItemMap$get = valueToItemMap.get(outerValue)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || (outerValue === null || outerValue === void 0 ? void 0 : outerValue.toString()) || ''),
+    var _useState = useState(getTextValue(multiple, outerValue, valueToItemMap, renderValue)),
       _useState2 = _slicedToArray(_useState, 2),
       textValue = _useState2[0],
       setTextValue = _useState2[1];
@@ -112,8 +114,7 @@ var comboboxRoot = function comboboxRoot(Root) {
     var inputForkRef = useForkRef(inputRef, ref);
     var treeId = safeUseId();
     var filteredItems = useMemo(function () {
-      var _valueToItemMap$get2;
-      return filterItems(transformedItems, textValue, ((_valueToItemMap$get2 = valueToItemMap.get(value)) === null || _valueToItemMap$get2 === void 0 ? void 0 : _valueToItemMap$get2.label) || value, filter);
+      return filterItems(transformedItems, textValue, getTextValue(multiple, value, valueToItemMap, renderValue), filter);
     }, [transformedItems, textValue, filter]);
     var _useMemo3 = useMemo(function () {
         return getPathMap(filteredItems);
@@ -156,19 +157,8 @@ var comboboxRoot = function comboboxRoot(Root) {
         onToggle(false);
       }
-      // Проверяем, отличается ли значение в инпуте от выбранного value после закрытия дропдауна.
-      // Если изменилось, то возвращаем label выбранного айтема.
-      // Если нет выбранного элемента, то стираем значение инпута.
-      if (textValue !== value) {
-        if (isEmpty(value)) {
-          setTextValue('');
-        } else if (multiple) {
-          setTextValue('');
-        } else {
-          var _valueToItemMap$get3;
-          setTextValue(((_valueToItemMap$get3 = valueToItemMap.get(value)) === null || _valueToItemMap$get3 === void 0 ? void 0 : _valueToItemMap$get3.label) || value || '');
-        }
-      }
+      // Возвращаем актуальное значение поля ввода после закрытия выпадающего списка.
+      setTextValue(getTextValue(multiple, value, valueToItemMap, renderValue));
     }, floatingPopoverRef);
     // Эта функция срабатывает при изменении Combobox и
@@ -176,12 +166,12 @@ var comboboxRoot = function comboboxRoot(Root) {
     var onChange = function onChange(newValue, item) {
       // Условие для отправки изменений наружу
       if (props.onChange) {
-        // Условие для отправки если комбобокс используется без формы.
+        // Условие для отправки, если комбобокс используется без формы.
         if (!props.name && (typeof newValue === 'string' || Array.isArray(newValue))) {
           props.onChange(newValue, item || null);
         }
-        // Условие для отправки если комбобокс используется с формой.
+        // Условие для отправки, если комбобокс используется с формой.
         if (props.name && _typeof(newValue) === 'object' && !Array.isArray(newValue)) {
           props.onChange(newValue);
         }
@@ -233,9 +223,9 @@ var comboboxRoot = function comboboxRoot(Root) {
       if (renderValue && !isTargetAmount) {
         var resultValues = _toConsumableArray(value);
         value.forEach(function (_, index) {
-          var _valueToItemMap$get4;
+          var _valueToItemMap$get;
           var stringValue = value[index];
-          var label = (_valueToItemMap$get4 = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get4 === void 0 ? void 0 : _valueToItemMap$get4.label;
+          var label = (_valueToItemMap$get = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label;
           var labelAfterRenderValue = renderValue(label ? labelToItemMap.get(label) : {
             value: stringValue,
             label: stringValue.toString()
@@ -364,8 +354,8 @@ var comboboxRoot = function comboboxRoot(Root) {
           });
         };
         var valueToItemMapper = function valueToItemMapper(stringValue) {
-          var _valueToItemMap$get5;
-          return ((_valueToItemMap$get5 = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get5 === void 0 ? void 0 : _valueToItemMap$get5.label) || stringValue.toString();
+          var _valueToItemMap$get2;
+          return ((_valueToItemMap$get2 = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get2 === void 0 ? void 0 : _valueToItemMap$get2.label) || stringValue.toString();
         };
         return value.map(renderValueMapper || valueToItemMapper);
       }
@@ -425,10 +415,6 @@ var comboboxRoot = function comboboxRoot(Root) {
         }
       }
       setChecked(checkedCopy);
-      if (!multiple && textValue === value && valueToItemMap.has(value)) {
-        var _valueToItemMap$get6;
-        setTextValue(((_valueToItemMap$get6 = valueToItemMap.get(value)) === null || _valueToItemMap$get6 === void 0 ? void 0 : _valueToItemMap$get6.label) || '');
-      }
       // В deps мы кладем именно outerValue и internalValue, а не просто value.
       // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
@@ -436,9 +422,8 @@ var comboboxRoot = function comboboxRoot(Root) {
     }, [outerValue, internalValue, items]);
     // При изменении value нужно возвращать значение в инпуте к исходному.
-    useLayoutEffect(function () {
-      var _valueToItemMap$get7;
-      setTextValue(multiple ? '' : ((_valueToItemMap$get7 = valueToItemMap.get(value)) === null || _valueToItemMap$get7 === void 0 ? void 0 : _valueToItemMap$get7.label) || (value === null || value === void 0 ? void 0 : value.toString()) || '');
+    useDidMountLayoutEffect(function () {
+      setTextValue(getTextValue(multiple, value, valueToItemMap, renderValue));
     }, [outerValue, internalValue]);
     useLayoutEffect(function () {
       if (defaultValue) {