@salutejs/plasma-new-hope 0.329.1-canary.2088.16351194205.0 → 0.329.1-canary.2088.16419831478.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.
- package/cjs/components/Autocomplete/Autocomplete.css +4 -4
- package/cjs/components/Autocomplete/Autocomplete.js +3 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles.js +3 -3
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/cjs/components/Autocomplete/{Autocomplete.styles_30e80h.css → Autocomplete.styles_sun08n.css} +1 -1
- package/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -1
- package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
- package/cjs/components/Autocomplete/FloatingPopover.js +6 -2
- package/cjs/components/Autocomplete/FloatingPopover.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +3 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +4 -3
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/cjs/components/Dropdown/FloatingPopover.js +4 -3
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
- package/cjs/components/Select/FloatingPopover.js +4 -3
- package/cjs/components/Select/FloatingPopover.js.map +1 -1
- package/cjs/components/Select/Select.js +3 -1
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/index.css +4 -4
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +5 -2
- package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +9 -9
- package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -1
- package/emotion/cjs/components/Autocomplete/FloatingPopover.js +5 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +5 -2
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +3 -3
- package/emotion/cjs/components/Dropdown/FloatingPopover.js +6 -3
- package/emotion/cjs/components/Select/FloatingPopover.js +3 -3
- package/emotion/cjs/components/Select/Select.js +4 -1
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/es/components/Autocomplete/Autocomplete.js +5 -2
- package/emotion/es/components/Autocomplete/Autocomplete.styles.js +9 -9
- package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +0 -1
- package/emotion/es/components/Autocomplete/FloatingPopover.js +6 -2
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +5 -2
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +3 -3
- package/emotion/es/components/Dropdown/FloatingPopover.js +6 -3
- package/emotion/es/components/Select/FloatingPopover.js +3 -3
- package/emotion/es/components/Select/Select.js +4 -1
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/es/components/Autocomplete/Autocomplete.css +4 -4
- package/es/components/Autocomplete/Autocomplete.js +3 -1
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.styles.js +3 -3
- package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/es/components/Autocomplete/{Autocomplete.styles_30e80h.css → Autocomplete.styles_sun08n.css} +1 -1
- package/es/components/Autocomplete/Autocomplete.tokens.js +0 -1
- package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
- package/es/components/Autocomplete/FloatingPopover.js +7 -3
- package/es/components/Autocomplete/FloatingPopover.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js +3 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -3
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/es/components/Dropdown/FloatingPopover.js +4 -3
- package/es/components/Dropdown/FloatingPopover.js.map +1 -1
- package/es/components/Select/FloatingPopover.js +4 -3
- package/es/components/Select/FloatingPopover.js.map +1 -1
- package/es/components/Select/Select.js +3 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/index.css +4 -4
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +5 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +6 -7
- package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -1
- package/styled-components/cjs/components/Autocomplete/FloatingPopover.js +5 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +5 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +3 -3
- package/styled-components/cjs/components/Dropdown/FloatingPopover.js +6 -3
- package/styled-components/cjs/components/Select/FloatingPopover.js +3 -3
- package/styled-components/cjs/components/Select/Select.js +4 -1
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/es/components/Autocomplete/Autocomplete.js +5 -2
- package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +6 -7
- package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +0 -1
- package/styled-components/es/components/Autocomplete/FloatingPopover.js +6 -2
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +5 -2
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +3 -3
- package/styled-components/es/components/Dropdown/FloatingPopover.js +6 -3
- package/styled-components/es/components/Select/FloatingPopover.js +3 -3
- package/styled-components/es/components/Select/Select.js +4 -1
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts +0 -1
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts +1 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- package/types/components/Autocomplete/FloatingPopover.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +1 -0
- package/types/components/Select/Select.types.d.ts.map +1 -1
@@ -78,7 +78,7 @@
|
|
78
78
|
.SuggestionItem_styles_7wqokd_wykobsk__975be452{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;box-sizing:content-box;padding:var(--plasma-autocomplete-item-padding);font-family:var(--plasma-autocomplete-item-font-family);font-size:var(--plasma-autocomplete-item-font-size);font-style:var(--plasma-autocomplete-item-font-style);font-weight:var(--plasma-autocomplete-item-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);line-height:var(--plasma-autocomplete-item-font-line-height);background:var(--plasma-autocomplete-item-background);color:var(--plasma-autocomplete-item-color);border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.SuggestionItem_styles_7wqokd_wykobsk__975be452:hover{cursor:pointer;background:var(--plasma-autocomplete-item-background-hover);}.SuggestionItem_styles_7wqokd_wykobsk__975be452:focus{outline:none;}.SuggestionItem_styles_7wqokd_wykobsk__975be452::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-autocomplete-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.SuggestionItem_styles_7wqokd_wykobsk__975be452.SuggestionItem_styles_7wqokd_suggestionItemIsFocused__975be452:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--plasma-autocomplete-focus-color);}
|
79
79
|
|
80
80
|
|
81
|
-
.
|
82
|
-
.
|
83
|
-
.
|
84
|
-
.
|
81
|
+
.Autocomplete_styles_sun08n_l1ih3p9n__42ba6680{padding:calc(var(--plasma-autocomplete-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-autocomplete-border-radius);box-sizing:border-box;background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
|
82
|
+
.Autocomplete_styles_sun08n_u610ple__42ba6680{border-radius:calc(var(--plasma-autocomplete-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));height:auto;max-height:var(--u610ple-0);overflow:auto;margin:0;padding:0;}
|
83
|
+
.Autocomplete_styles_sun08n_i1nz87td__42ba6680{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
|
84
|
+
.Autocomplete_styles_sun08n_sgdxyi6__42ba6680{margin:0;padding:0;}
|
@@ -19,7 +19,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
19
|
|
20
20
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
21
21
|
|
22
|
-
var _excluded = ["value", "defaultValue", "onChange", "suggestions", "view", "size", "labelPlacement", "keepPlaceholder", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "renderItem", "onSearch", "hintText", "hintView", "hintSize", "beforeList", "afterList", "virtual"];
|
22
|
+
var _excluded = ["value", "defaultValue", "onChange", "suggestions", "view", "size", "labelPlacement", "keepPlaceholder", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "renderItem", "onSearch", "hintText", "hintView", "hintSize", "beforeList", "afterList", "virtual", "_offset"];
|
23
23
|
|
24
24
|
/**
|
25
25
|
* Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
|
@@ -65,6 +65,7 @@ var autocompleteRoot = function autocompleteRoot(Root) {
|
|
65
65
|
afterList = _ref.afterList,
|
66
66
|
_ref$virtual = _ref.virtual,
|
67
67
|
virtual = _ref$virtual === void 0 ? false : _ref$virtual,
|
68
|
+
_offset = _ref._offset,
|
68
69
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
69
70
|
var _useReducer = React.useReducer(focusedReducer.focusedReducer, null),
|
70
71
|
_useReducer2 = _rollupPluginBabelHelpers.slicedToArray(_useReducer, 2),
|
@@ -149,6 +150,7 @@ var autocompleteRoot = function autocompleteRoot(Root) {
|
|
149
150
|
opened: isOpen,
|
150
151
|
portal: portal,
|
151
152
|
listWidth: listWidth,
|
153
|
+
offset: _offset,
|
152
154
|
target: function target(referenceRef) {
|
153
155
|
return /*#__PURE__*/React__default.default.createElement(TextField_styles.StyledTextField, _rollupPluginBabelHelpers.extends({
|
154
156
|
ref: ref,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useLayoutEffect, 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 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 ...rest\n },\n ref,\n ) => {\n const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n const [innerValue, setInnerValue] = useState<string | number>('');\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 useLayoutEffect(() => {\n if (defaultValue) {\n setInnerValue(defaultValue);\n }\n }, [defaultValue]);\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 listWidth={listWidth}\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","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","renderItem","onSearch","hintText","_ref$hintView","hintView","_ref$hintSize","hintSize","beforeList","afterList","_ref$virtual","virtual","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","useLayoutEffect","React","createElement","FloatingPopover","opened","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, useLayoutEffect, 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 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 | number>('');\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 useLayoutEffect(() => {\n if (defaultValue) {\n setInnerValue(defaultValue);\n }\n }, [defaultValue]);\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 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","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","useLayoutEffect","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,4 +1,4 @@
|
|
1
|
-
require('./Autocomplete.
|
1
|
+
require('./Autocomplete.styles_sun08n.css');
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -11,7 +11,7 @@ var ListWrapper = /*#__PURE__*/react.styled('div')({
|
|
11
11
|
"class": "l1ih3p9n",
|
12
12
|
propsAsIs: false
|
13
13
|
});
|
14
|
-
var
|
14
|
+
var _exp10 = function _exp10() {
|
15
15
|
return function (_ref) {
|
16
16
|
var virtual = _ref.virtual,
|
17
17
|
listMaxHeight = _ref.listMaxHeight;
|
@@ -23,7 +23,7 @@ var Ul = /*#__PURE__*/react.styled('ul')({
|
|
23
23
|
"class": "u610ple",
|
24
24
|
propsAsIs: false,
|
25
25
|
vars: {
|
26
|
-
"u610ple-0": [/*#__PURE__*/
|
26
|
+
"u610ple-0": [/*#__PURE__*/_exp10()]
|
27
27
|
}
|
28
28
|
});
|
29
29
|
var InfiniteLoaderWrapper = /*#__PURE__*/react.styled('li')({
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.styles.js","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { AutocompleteProps } from './Autocomplete.types';\nimport { tokens } from './Autocomplete.tokens';\n\nexport const base = css``;\n\nexport const ListWrapper = styled.div`\n
|
1
|
+
{"version":3,"file":"Autocomplete.styles.js","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { AutocompleteProps } from './Autocomplete.types';\nimport { tokens } from './Autocomplete.tokens';\n\nexport const base = css``;\n\nexport const ListWrapper = styled.div`\n padding: calc(var(${tokens.padding}) + var(${tokens.dropdownBorderWidth}, 0rem));\n border-radius: var(${tokens.borderRadius});\n box-sizing: border-box;\n background: var(${tokens.background});\n box-shadow: var(${tokens.boxShadow}),\n inset 0 0 0 var(${tokens.dropdownBorderWidth}, 0rem) var(${tokens.dropdownBorderColor}, transparent);\n`;\n\nexport const Ul = styled.ul<{\n listMaxHeight: AutocompleteProps['listMaxHeight'];\n virtual: AutocompleteProps['virtual'];\n}>`\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n height: auto;\n max-height: ${({ virtual, listMaxHeight }) => (virtual ? 'auto' : listMaxHeight || 'auto')};\n overflow: auto;\n\n margin: 0;\n padding: 0;\n`;\n\nexport const InfiniteLoaderWrapper = styled.li`\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n min-height: var(${tokens.textFieldHeight});\n`;\n\nexport const StyledLeftHelper = styled.span`\n margin: 0;\n padding: 0;\n`;\n"],"names":["base","ListWrapper","styled","name","class","propsAsIs","_exp10","_ref","virtual","listMaxHeight","Ul","vars","InfiniteLoaderWrapper","StyledLeftHelper"],"mappings":";;;;;;AAMO,IAAMA,IAAI,GAAQ,UAAA;AAElB,IAAMC,WAAW,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC,EAAA;AAAC,IAAAC,MAAA,GAdgBA,SAchBA,MAAAA,GAAA;AAAA,EAAA,OAQgB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;MAAEC,aAAAA,GAAAA,IAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAqBD,OAAO,GAAG,MAAM,GAAGC,aAAa,IAAI,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AANvF,IAAMC,EAAE,gBAAGR,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAM,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAMNL,MAA4E,EAAA,CAAA;AAAA,GAAA;AAAA,CAK7F,EAAA;AAEM,IAAMM,qBAAqB,gBAAGV,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1C,EAAA;AAEM,IAAMQ,gBAAgB,gBAAGX,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC;;;;;;;;"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
|
2
|
-
.l1ih3p9n{
|
2
|
+
.l1ih3p9n{padding:calc(var(--plasma-autocomplete-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-autocomplete-border-radius);box-sizing:border-box;background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
|
3
3
|
.u610ple{border-radius:calc(var(--plasma-autocomplete-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));height:auto;max-height:var(--u610ple-0);overflow:auto;margin:0;padding:0;}
|
4
4
|
.i1nz87td{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
|
5
5
|
.sgdxyi6{margin:0;padding:0;}
|
@@ -132,7 +132,6 @@ var tokens = {
|
|
132
132
|
boxShadow: '--plasma-autocomplete-box-shadow',
|
133
133
|
borderRadius: '--plasma-autocomplete-border-radius',
|
134
134
|
padding: '--plasma-autocomplete-padding',
|
135
|
-
margin: '--plasma-autocomplete-margin',
|
136
135
|
dropdownBorderColor: '--plasma-select-dropdown-border-color',
|
137
136
|
dropdownBorderWidth: '--plasma-select-dropdown-border-width',
|
138
137
|
itemPadding: '--plasma-autocomplete-item-padding',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.tokens.js","sources":["../../../src/components/Autocomplete/Autocomplete.tokens.ts"],"sourcesContent":["export const classes = {\n suggestionItemIsFocused: 'suggestion-item-is-focused',\n};\n\nexport const tokens = {\n // Токены для TextField\n textFieldColor: '--plasma-autocomplete-textfield-color',\n textFieldClearColor: '--plasma-autocomplete-textfield-clear-color',\n\n textFieldBackgroundColor: '--plasma-autocomplete-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-autocomplete-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-autocomplete-textfield-background-color-focus',\n\n textFieldBorderColor: '--plasma-autocomplete-textfield-border-color',\n textFieldBorderColorHover: '--plasma-autocomplete-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-autocomplete-textfield-border-color-focus',\n\n textFieldDividerColor: '--plasma-autocomplete-textfield-divider-color',\n textFieldDividerColorHover: '--plasma-autocomplete-textfield-divider-color-hover',\n textFieldDividerColorFocus: '--plasma-autocomplete-textfield-divider-color-focus',\n\n textFieldColorReadOnly: '--plasma-autocomplete-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-autocomplete-textfield-bg-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-autocomplete-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-textfield-placeholder-color-readonly',\n textFieldDividerColorReadOnly: '--plasma-autocomplete-textfield-divider-color-readonly',\n\n textFieldCaretColor: '--plasma-autocomplete-textfield-caret-color',\n textFieldPlaceholderColor: '--plasma-autocomplete-textfield-placeholder-color',\n textFieldPlaceholderColorFocus: '--plasma-autocomplete-textfield-placeholder-color-focus',\n textFieldClearPlaceholderColor: '--plasma-autocomplete-textfield-clear-placeholder-color',\n textFieldClearPlaceholderColorFocus: '--plasma-autocomplete-textfield-clear-placeholder-color-focus',\n textFieldOptionalColor: '--plasma-autocomplete-textfield-optional-color',\n\n textFieldHeight: '--plasma-autocomplete-textfield-height',\n textFieldBorderWidth: '--plasma-autocomplete-textfield-border-width',\n textFieldBorderRadius: '--plasma-autocomplete-textfield-border-radius',\n\n textFieldPadding: '--plasma-autocomplete-textfield-padding',\n\n textFieldLeftContentMargin: '--plasma-autocomplete-textfield-left-content-margin',\n textFieldRightContentMargin: '--plasma-autocomplete-textfield-right-content-margin',\n textFieldRightContentWithHintMargin: '--plasma-autocomplete-textfield-right-content-with-hint-margin',\n\n textFieldContentRightWrapperGap: '--plasma-autocomplete-textfield-content-right-wrapper-gap',\n textFieldContentRightWrapperMargin: '--plasma-autocomplete-textfield-content-right-wrapper-margin',\n\n textFieldFontFamily: '--plasma-autocomplete-textfield-font-family',\n textFieldFontStyle: '--plasma-autocomplete-textfield-font-style',\n textFieldFontSize: '--plasma-autocomplete-textfield-font-size',\n textFieldFontWeight: '--plasma-autocomplete-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-autocomplete-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-autocomplete-textfield-line-height',\n\n textFieldContentSlotColor: '--plasma-autocomplete-textfield-content-slot-color',\n textFieldContentSlotColorHover: '--plasma-autocomplete-textfield-content-slot-color-hover',\n textFieldContentSlotColorActive: '--plasma-autocomplete-textfield-content-slot-color-active',\n\n textFieldContentSlotRightColor: '--plasma-autocomplete-textfield-content-right-slot-color', //\n textFieldContentSlotRightColorHover: '--plasma-autocomplete-textfield-content-right-slot-color-hover', //\n textFieldContentSlotRightColorActive: '--plasma-autocomplete-textfield-content-right-slot-color-active', //\n\n textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',\n textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield-label-color-readonly',\n textFieldLabelOffset: '--plasma-autocomplete-textfield-label-offset',\n textFieldClearLabelOffset: '--plasma-autocomplete-textfield-clear-label-offset',\n\n textFieldLabelFontFamily: '--plasma-autocomplete-textfield-label-font-family',\n textFieldLabelFontStyle: '--plasma-autocomplete-textfield-label-font-style',\n textFieldLabelFontSize: '--plasma-autocomplete-textfield-label-font-size',\n textFieldLabelFontWeight: '--plasma-autocomplete-textfield-label-font-weight',\n textFieldLabelLetterSpacing: '--plasma-autocomplete-textfield-label-letter-spacing',\n textFieldLabelLineHeight: '--plasma-autocomplete-textfield-label-line-height',\n\n textFieldLabelInnerFontFamily: '--plasma-autocomplete-textfield-placement-inner-label-font-family',\n textFieldLabelInnerFontStyle: '--plasma-autocomplete-textfield-placement-inner-label-font-style',\n textFieldLabelInnerFontSize: '--plasma-autocomplete-textfield-placement-inner-label-font-size',\n textFieldLabelInnerFontWeight: '--plasma-autocomplete-textfield-placement-inner-label-font-weight',\n textFieldLabelInnerLetterSpacing: '--plasma-autocomplete-textfield-placement-inner-label-letter-spacing',\n textFieldLabelInnerLineHeight: '--plasma-autocomplete-textfield-placement-inner-label-line-height',\n\n textFieldLabelInnerPadding: '--plasma-autocomplete-textfield-placement-inner-label-padding',\n textFieldContentLabelInnerPadding: '--plasma-autocomplete-textfield-placement-inner-content-padding',\n\n textFieldLeftHelperColor: '--plasma-autocomplete-textfield-left-helper-color',\n textFieldLeftHelperColorReadOnly: '--plasma-autocomplete-textfield-left-helper-color-readonly',\n textFieldLeftHelperOffset: '--plasma-autocomplete-textfield-left-helper-offset',\n\n textFieldLeftHelperFontFamily: '--plasma-autocomplete-textfield-left-helper-font-family',\n textFieldLeftHelperFontStyle: '--plasma-autocomplete-textfield-left-helper-font-style',\n textFieldLeftHelperFontSize: '--plasma-autocomplete-textfield-left-helper-font-size',\n textFieldLeftHelperFontWeight: '--plasma-autocomplete-textfield-left-helper-font-weight',\n textFieldLeftHelperLetterSpacing: '--plasma-autocomplete-textfield-left-helper-letter-spacing',\n textFieldLeftHelperLineHeight: '--plasma-autocomplete-textfield-left-helper-line-height',\n\n textFieldTextBeforeColor: '--plasma-autocomplete-textfield-before-text-color',\n textFieldTextAfterColor: '--plasma-autocomplete-textfield-after-text-color',\n textFieldTextBeforeMargin: '--plasma-autocomplete-textfield-before-text-margin',\n textFieldTextAfterMargin: '--plasma-autocomplete-textfield-after-text-margin',\n\n textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',\n\n /** Токены для tooltip */\n textFieldHintCustomIconTargetSize: '--plasma-autocomplete-textfield__hint-custom-icon-target-size',\n textFieldHintMargin: '--plasma-autocomplete-textfield__hint-margin',\n textFieldHintTargetSize: '--plasma-autocomplete-textfield__hint-target-size',\n textFieldHintIconColor: '--plasma-autocomplete-textfield__hint-icon-color',\n textFieldHintInnerLabelPlacementOffset: '--plasma-autocomplete-textfield__hint-inner-label-placement-offset',\n textFieldClearHintInnerLabelPlacementOffset:\n '--plasma-autocomplete-textfield__clear-hint-inner-label-placement-offset',\n\n textFieldTooltipBackgroundColor: '--plasma-autocomplete-textfield__tooltip-background-color',\n textFieldTooltipBoxShadow: '--plasma-autocomplete-textfield__tooltip-box-shadow',\n textFieldTooltipColor: '--plasma-autocomplete-textfield__tooltip-color',\n\n textFieldTooltipPaddingTop: '--plasma-autocomplete-textfield__tooltip-padding-top',\n textFieldTooltipPaddingRight: '--plasma-autocomplete-textfield__tooltip-padding-right',\n textFieldTooltipPaddingBottom: '--plasma-autocomplete-textfield__tooltip-padding-bottom',\n textFieldTooltipPaddingLeft: '--plasma-autocomplete-textfield__tooltip-padding-left',\n textFieldTooltipMinHeight: '--plasma-autocomplete-textfield__tooltip-min-height',\n textFieldTooltipBorderRadius: '--plasma-autocomplete-textfield__tooltip-border-radius',\n textFieldTooltipTextFontFamily: '--plasma-autocomplete-textfield__tooltip-text-font-family',\n textFieldTooltipTextFontSize: '--plasma-autocomplete-textfield__tooltip-text-font-size',\n textFieldTooltipTextFontStyle: '--plasma-autocomplete-textfield__tooltip-text-font-style',\n textFieldTooltipTextFontWeight: '--plasma-autocomplete-textfield__tooltip-text-font-weight',\n textFieldTooltipTextFontLetterSpacing: '--plasma-autocomplete-textfield__tooltip-text-font-letter-spacing',\n textFieldTooltipTextFontLineHeight: '--plasma-autocomplete-textfield__tooltip-text-font-line-height',\n textFieldTooltipContentLeftMargin: '--plasma-autocomplete-textfield__tooltip-content-left-margin',\n textFieldTooltipArrowMaskWidth: '--plasma-autocomplete-textfield__tooltip-arrow-mask-width',\n textFieldTooltipArrowMaskHeight: '--plasma-autocomplete-textfield__tooltip-arrow-mask-height',\n textFieldTooltipArrowMaskImage: '--plasma-autocomplete-textfield__tooltip-arrow-mask-image',\n textFieldTooltipArrowHeight: '--plasma-autocomplete-textfield__tooltip-arrow-height',\n textFieldTooltipArrowEdgeMargin: '--plasma-autocomplete-textfield__tooltip-arrow-edge-margin',\n textFieldTooltipArrowBackground: '--plasma-autocomplete-textfield__tooltip-arrow-background',\n\n textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',\n\n textFieldIndicatorColor: '--plasma-autocomplete-textfield-indicator-color',\n textFieldIndicatorSizeInner: '--plasma-autocomplete-textfield-indicator-size-inner',\n textFieldIndicatorSizeOuter: '--plasma-autocomplete-textfield-indicator-size-outer',\n textFieldIndicatorLabelPlacementInner: '--plasma-autocomplete-textfield-indicator-label-placement-inner',\n textFieldIndicatorLabelPlacementOuter: '--plasma-autocomplete-textfield-indicator-label-placement-outer',\n textFieldIndicatorLabelPlacementInnerRight: '--plasma-autocomplete-textfield-indicator-label-placement-inner-right',\n textFieldIndicatorLabelPlacementOuterRight: '--plasma-autocomplete-textfield-indicator-label-placement-outer-right',\n textFieldClearIndicatorLabelPlacementInner: '--plasma-autocomplete-textfield-clear-indicator-label-placement-inner',\n textFieldClearIndicatorLabelPlacementInnerRight:\n '--plasma-autocomplete-textfield-clear-indicator-label-placement-inner-right',\n textFieldClearIndicatorHintInnerRight: '--plasma-autocomplete-textfield-clear-indicator-hint-placement-inner-right',\n\n textFieldBoxShadow: '--plasma-autocomplete-textfield-box-shadow',\n\n // Токены для дропдауна\n background: '--plasma-autocomplete-background',\n boxShadow: '--plasma-autocomplete-box-shadow',\n borderRadius: '--plasma-autocomplete-border-radius',\n padding: '--plasma-autocomplete-padding',\n margin: '--plasma-autocomplete-margin',\n\n dropdownBorderColor: '--plasma-select-dropdown-border-color',\n dropdownBorderWidth: '--plasma-select-dropdown-border-width',\n\n itemPadding: '--plasma-autocomplete-item-padding',\n itemBorderRadius: '--plasma-autocomplete-item-border-radius',\n\n itemFontFamily: '--plasma-autocomplete-item-font-family',\n itemFontSize: '--plasma-autocomplete-item-font-size',\n itemFontStyle: '--plasma-autocomplete-item-font-style',\n itemFontWeight: '--plasma-autocomplete-item-font-weight',\n itemFontLetterSpacing: '--plasma-autocomplete-item-font-letter-spacing',\n itemFontLineHeight: '--plasma-autocomplete-item-font-line-height',\n\n itemBackground: '--plasma-autocomplete-item-background',\n itemBackgroundHover: '--plasma-autocomplete-item-background-hover',\n itemColor: '--plasma-autocomplete-item-color',\n\n focusColor: '--plasma-autocomplete-focus-color',\n\n infiniteLoaderSpinnerColor: '--plasma-autocomplete-infinite-loader-spinner-color',\n infiniteLoaderSpinnerSize: '--plasma-autocomplete-infinite-loader-spinner-size',\n infiniteLoaderGap: '--plasma-autocomplete-infinite-loader-gap',\n\n emptyStateGap: '--plasma-autocomplete-empty-state-gap',\n emptyStatePadding: '--plasma-autocomplete-empty-state-padding',\n};\n"],"names":["classes","suggestionItemIsFocused","tokens","textFieldColor","textFieldClearColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldDividerColor","textFieldDividerColorHover","textFieldDividerColorFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldDividerColorReadOnly","textFieldCaretColor","textFieldPlaceholderColor","textFieldPlaceholderColorFocus","textFieldClearPlaceholderColor","textFieldClearPlaceholderColorFocus","textFieldOptionalColor","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldRightContentWithHintMargin","textFieldContentRightWrapperGap","textFieldContentRightWrapperMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldContentSlotColor","textFieldContentSlotColorHover","textFieldContentSlotColorActive","textFieldContentSlotRightColor","textFieldContentSlotRightColorHover","textFieldContentSlotRightColorActive","textFieldLabelColor","textFieldLabelColorReadOnly","textFieldLabelOffset","textFieldClearLabelOffset","textFieldLabelFontFamily","textFieldLabelFontStyle","textFieldLabelFontSize","textFieldLabelFontWeight","textFieldLabelLetterSpacing","textFieldLabelLineHeight","textFieldLabelInnerFontFamily","textFieldLabelInnerFontStyle","textFieldLabelInnerFontSize","textFieldLabelInnerFontWeight","textFieldLabelInnerLetterSpacing","textFieldLabelInnerLineHeight","textFieldLabelInnerPadding","textFieldContentLabelInnerPadding","textFieldLeftHelperColor","textFieldLeftHelperColorReadOnly","textFieldLeftHelperOffset","textFieldLeftHelperFontFamily","textFieldLeftHelperFontStyle","textFieldLeftHelperFontSize","textFieldLeftHelperFontWeight","textFieldLeftHelperLetterSpacing","textFieldLeftHelperLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldDisabledOpacity","textFieldHintCustomIconTargetSize","textFieldHintMargin","textFieldHintTargetSize","textFieldHintIconColor","textFieldHintInnerLabelPlacementOffset","textFieldClearHintInnerLabelPlacementOffset","textFieldTooltipBackgroundColor","textFieldTooltipBoxShadow","textFieldTooltipColor","textFieldTooltipPaddingTop","textFieldTooltipPaddingRight","textFieldTooltipPaddingBottom","textFieldTooltipPaddingLeft","textFieldTooltipMinHeight","textFieldTooltipBorderRadius","textFieldTooltipTextFontFamily","textFieldTooltipTextFontSize","textFieldTooltipTextFontStyle","textFieldTooltipTextFontWeight","textFieldTooltipTextFontLetterSpacing","textFieldTooltipTextFontLineHeight","textFieldTooltipContentLeftMargin","textFieldTooltipArrowMaskWidth","textFieldTooltipArrowMaskHeight","textFieldTooltipArrowMaskImage","textFieldTooltipArrowHeight","textFieldTooltipArrowEdgeMargin","textFieldTooltipArrowBackground","textFieldFocusColor","textFieldIndicatorColor","textFieldIndicatorSizeInner","textFieldIndicatorSizeOuter","textFieldIndicatorLabelPlacementInner","textFieldIndicatorLabelPlacementOuter","textFieldIndicatorLabelPlacementInnerRight","textFieldIndicatorLabelPlacementOuterRight","textFieldClearIndicatorLabelPlacementInner","textFieldClearIndicatorLabelPlacementInnerRight","textFieldClearIndicatorHintInnerRight","textFieldBoxShadow","background","boxShadow","borderRadius","padding","margin","dropdownBorderColor","dropdownBorderWidth","itemPadding","itemBorderRadius","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeight","itemFontLetterSpacing","itemFontLineHeight","itemBackground","itemBackgroundHover","itemColor","focusColor","infiniteLoaderSpinnerColor","infiniteLoaderSpinnerSize","infiniteLoaderGap","emptyStateGap","emptyStatePadding"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Autocomplete.tokens.js","sources":["../../../src/components/Autocomplete/Autocomplete.tokens.ts"],"sourcesContent":["export const classes = {\n suggestionItemIsFocused: 'suggestion-item-is-focused',\n};\n\nexport const tokens = {\n // Токены для TextField\n textFieldColor: '--plasma-autocomplete-textfield-color',\n textFieldClearColor: '--plasma-autocomplete-textfield-clear-color',\n\n textFieldBackgroundColor: '--plasma-autocomplete-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-autocomplete-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-autocomplete-textfield-background-color-focus',\n\n textFieldBorderColor: '--plasma-autocomplete-textfield-border-color',\n textFieldBorderColorHover: '--plasma-autocomplete-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-autocomplete-textfield-border-color-focus',\n\n textFieldDividerColor: '--plasma-autocomplete-textfield-divider-color',\n textFieldDividerColorHover: '--plasma-autocomplete-textfield-divider-color-hover',\n textFieldDividerColorFocus: '--plasma-autocomplete-textfield-divider-color-focus',\n\n textFieldColorReadOnly: '--plasma-autocomplete-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-autocomplete-textfield-bg-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-autocomplete-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-textfield-placeholder-color-readonly',\n textFieldDividerColorReadOnly: '--plasma-autocomplete-textfield-divider-color-readonly',\n\n textFieldCaretColor: '--plasma-autocomplete-textfield-caret-color',\n textFieldPlaceholderColor: '--plasma-autocomplete-textfield-placeholder-color',\n textFieldPlaceholderColorFocus: '--plasma-autocomplete-textfield-placeholder-color-focus',\n textFieldClearPlaceholderColor: '--plasma-autocomplete-textfield-clear-placeholder-color',\n textFieldClearPlaceholderColorFocus: '--plasma-autocomplete-textfield-clear-placeholder-color-focus',\n textFieldOptionalColor: '--plasma-autocomplete-textfield-optional-color',\n\n textFieldHeight: '--plasma-autocomplete-textfield-height',\n textFieldBorderWidth: '--plasma-autocomplete-textfield-border-width',\n textFieldBorderRadius: '--plasma-autocomplete-textfield-border-radius',\n\n textFieldPadding: '--plasma-autocomplete-textfield-padding',\n\n textFieldLeftContentMargin: '--plasma-autocomplete-textfield-left-content-margin',\n textFieldRightContentMargin: '--plasma-autocomplete-textfield-right-content-margin',\n textFieldRightContentWithHintMargin: '--plasma-autocomplete-textfield-right-content-with-hint-margin',\n\n textFieldContentRightWrapperGap: '--plasma-autocomplete-textfield-content-right-wrapper-gap',\n textFieldContentRightWrapperMargin: '--plasma-autocomplete-textfield-content-right-wrapper-margin',\n\n textFieldFontFamily: '--plasma-autocomplete-textfield-font-family',\n textFieldFontStyle: '--plasma-autocomplete-textfield-font-style',\n textFieldFontSize: '--plasma-autocomplete-textfield-font-size',\n textFieldFontWeight: '--plasma-autocomplete-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-autocomplete-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-autocomplete-textfield-line-height',\n\n textFieldContentSlotColor: '--plasma-autocomplete-textfield-content-slot-color',\n textFieldContentSlotColorHover: '--plasma-autocomplete-textfield-content-slot-color-hover',\n textFieldContentSlotColorActive: '--plasma-autocomplete-textfield-content-slot-color-active',\n\n textFieldContentSlotRightColor: '--plasma-autocomplete-textfield-content-right-slot-color', //\n textFieldContentSlotRightColorHover: '--plasma-autocomplete-textfield-content-right-slot-color-hover', //\n textFieldContentSlotRightColorActive: '--plasma-autocomplete-textfield-content-right-slot-color-active', //\n\n textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',\n textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield-label-color-readonly',\n textFieldLabelOffset: '--plasma-autocomplete-textfield-label-offset',\n textFieldClearLabelOffset: '--plasma-autocomplete-textfield-clear-label-offset',\n\n textFieldLabelFontFamily: '--plasma-autocomplete-textfield-label-font-family',\n textFieldLabelFontStyle: '--plasma-autocomplete-textfield-label-font-style',\n textFieldLabelFontSize: '--plasma-autocomplete-textfield-label-font-size',\n textFieldLabelFontWeight: '--plasma-autocomplete-textfield-label-font-weight',\n textFieldLabelLetterSpacing: '--plasma-autocomplete-textfield-label-letter-spacing',\n textFieldLabelLineHeight: '--plasma-autocomplete-textfield-label-line-height',\n\n textFieldLabelInnerFontFamily: '--plasma-autocomplete-textfield-placement-inner-label-font-family',\n textFieldLabelInnerFontStyle: '--plasma-autocomplete-textfield-placement-inner-label-font-style',\n textFieldLabelInnerFontSize: '--plasma-autocomplete-textfield-placement-inner-label-font-size',\n textFieldLabelInnerFontWeight: '--plasma-autocomplete-textfield-placement-inner-label-font-weight',\n textFieldLabelInnerLetterSpacing: '--plasma-autocomplete-textfield-placement-inner-label-letter-spacing',\n textFieldLabelInnerLineHeight: '--plasma-autocomplete-textfield-placement-inner-label-line-height',\n\n textFieldLabelInnerPadding: '--plasma-autocomplete-textfield-placement-inner-label-padding',\n textFieldContentLabelInnerPadding: '--plasma-autocomplete-textfield-placement-inner-content-padding',\n\n textFieldLeftHelperColor: '--plasma-autocomplete-textfield-left-helper-color',\n textFieldLeftHelperColorReadOnly: '--plasma-autocomplete-textfield-left-helper-color-readonly',\n textFieldLeftHelperOffset: '--plasma-autocomplete-textfield-left-helper-offset',\n\n textFieldLeftHelperFontFamily: '--plasma-autocomplete-textfield-left-helper-font-family',\n textFieldLeftHelperFontStyle: '--plasma-autocomplete-textfield-left-helper-font-style',\n textFieldLeftHelperFontSize: '--plasma-autocomplete-textfield-left-helper-font-size',\n textFieldLeftHelperFontWeight: '--plasma-autocomplete-textfield-left-helper-font-weight',\n textFieldLeftHelperLetterSpacing: '--plasma-autocomplete-textfield-left-helper-letter-spacing',\n textFieldLeftHelperLineHeight: '--plasma-autocomplete-textfield-left-helper-line-height',\n\n textFieldTextBeforeColor: '--plasma-autocomplete-textfield-before-text-color',\n textFieldTextAfterColor: '--plasma-autocomplete-textfield-after-text-color',\n textFieldTextBeforeMargin: '--plasma-autocomplete-textfield-before-text-margin',\n textFieldTextAfterMargin: '--plasma-autocomplete-textfield-after-text-margin',\n\n textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',\n\n /** Токены для tooltip */\n textFieldHintCustomIconTargetSize: '--plasma-autocomplete-textfield__hint-custom-icon-target-size',\n textFieldHintMargin: '--plasma-autocomplete-textfield__hint-margin',\n textFieldHintTargetSize: '--plasma-autocomplete-textfield__hint-target-size',\n textFieldHintIconColor: '--plasma-autocomplete-textfield__hint-icon-color',\n textFieldHintInnerLabelPlacementOffset: '--plasma-autocomplete-textfield__hint-inner-label-placement-offset',\n textFieldClearHintInnerLabelPlacementOffset:\n '--plasma-autocomplete-textfield__clear-hint-inner-label-placement-offset',\n\n textFieldTooltipBackgroundColor: '--plasma-autocomplete-textfield__tooltip-background-color',\n textFieldTooltipBoxShadow: '--plasma-autocomplete-textfield__tooltip-box-shadow',\n textFieldTooltipColor: '--plasma-autocomplete-textfield__tooltip-color',\n\n textFieldTooltipPaddingTop: '--plasma-autocomplete-textfield__tooltip-padding-top',\n textFieldTooltipPaddingRight: '--plasma-autocomplete-textfield__tooltip-padding-right',\n textFieldTooltipPaddingBottom: '--plasma-autocomplete-textfield__tooltip-padding-bottom',\n textFieldTooltipPaddingLeft: '--plasma-autocomplete-textfield__tooltip-padding-left',\n textFieldTooltipMinHeight: '--plasma-autocomplete-textfield__tooltip-min-height',\n textFieldTooltipBorderRadius: '--plasma-autocomplete-textfield__tooltip-border-radius',\n textFieldTooltipTextFontFamily: '--plasma-autocomplete-textfield__tooltip-text-font-family',\n textFieldTooltipTextFontSize: '--plasma-autocomplete-textfield__tooltip-text-font-size',\n textFieldTooltipTextFontStyle: '--plasma-autocomplete-textfield__tooltip-text-font-style',\n textFieldTooltipTextFontWeight: '--plasma-autocomplete-textfield__tooltip-text-font-weight',\n textFieldTooltipTextFontLetterSpacing: '--plasma-autocomplete-textfield__tooltip-text-font-letter-spacing',\n textFieldTooltipTextFontLineHeight: '--plasma-autocomplete-textfield__tooltip-text-font-line-height',\n textFieldTooltipContentLeftMargin: '--plasma-autocomplete-textfield__tooltip-content-left-margin',\n textFieldTooltipArrowMaskWidth: '--plasma-autocomplete-textfield__tooltip-arrow-mask-width',\n textFieldTooltipArrowMaskHeight: '--plasma-autocomplete-textfield__tooltip-arrow-mask-height',\n textFieldTooltipArrowMaskImage: '--plasma-autocomplete-textfield__tooltip-arrow-mask-image',\n textFieldTooltipArrowHeight: '--plasma-autocomplete-textfield__tooltip-arrow-height',\n textFieldTooltipArrowEdgeMargin: '--plasma-autocomplete-textfield__tooltip-arrow-edge-margin',\n textFieldTooltipArrowBackground: '--plasma-autocomplete-textfield__tooltip-arrow-background',\n\n textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',\n\n textFieldIndicatorColor: '--plasma-autocomplete-textfield-indicator-color',\n textFieldIndicatorSizeInner: '--plasma-autocomplete-textfield-indicator-size-inner',\n textFieldIndicatorSizeOuter: '--plasma-autocomplete-textfield-indicator-size-outer',\n textFieldIndicatorLabelPlacementInner: '--plasma-autocomplete-textfield-indicator-label-placement-inner',\n textFieldIndicatorLabelPlacementOuter: '--plasma-autocomplete-textfield-indicator-label-placement-outer',\n textFieldIndicatorLabelPlacementInnerRight: '--plasma-autocomplete-textfield-indicator-label-placement-inner-right',\n textFieldIndicatorLabelPlacementOuterRight: '--plasma-autocomplete-textfield-indicator-label-placement-outer-right',\n textFieldClearIndicatorLabelPlacementInner: '--plasma-autocomplete-textfield-clear-indicator-label-placement-inner',\n textFieldClearIndicatorLabelPlacementInnerRight:\n '--plasma-autocomplete-textfield-clear-indicator-label-placement-inner-right',\n textFieldClearIndicatorHintInnerRight: '--plasma-autocomplete-textfield-clear-indicator-hint-placement-inner-right',\n\n textFieldBoxShadow: '--plasma-autocomplete-textfield-box-shadow',\n\n // Токены для дропдауна\n background: '--plasma-autocomplete-background',\n boxShadow: '--plasma-autocomplete-box-shadow',\n borderRadius: '--plasma-autocomplete-border-radius',\n padding: '--plasma-autocomplete-padding',\n\n dropdownBorderColor: '--plasma-select-dropdown-border-color',\n dropdownBorderWidth: '--plasma-select-dropdown-border-width',\n\n itemPadding: '--plasma-autocomplete-item-padding',\n itemBorderRadius: '--plasma-autocomplete-item-border-radius',\n\n itemFontFamily: '--plasma-autocomplete-item-font-family',\n itemFontSize: '--plasma-autocomplete-item-font-size',\n itemFontStyle: '--plasma-autocomplete-item-font-style',\n itemFontWeight: '--plasma-autocomplete-item-font-weight',\n itemFontLetterSpacing: '--plasma-autocomplete-item-font-letter-spacing',\n itemFontLineHeight: '--plasma-autocomplete-item-font-line-height',\n\n itemBackground: '--plasma-autocomplete-item-background',\n itemBackgroundHover: '--plasma-autocomplete-item-background-hover',\n itemColor: '--plasma-autocomplete-item-color',\n\n focusColor: '--plasma-autocomplete-focus-color',\n\n infiniteLoaderSpinnerColor: '--plasma-autocomplete-infinite-loader-spinner-color',\n infiniteLoaderSpinnerSize: '--plasma-autocomplete-infinite-loader-spinner-size',\n infiniteLoaderGap: '--plasma-autocomplete-infinite-loader-gap',\n\n emptyStateGap: '--plasma-autocomplete-empty-state-gap',\n emptyStatePadding: '--plasma-autocomplete-empty-state-padding',\n};\n"],"names":["classes","suggestionItemIsFocused","tokens","textFieldColor","textFieldClearColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldDividerColor","textFieldDividerColorHover","textFieldDividerColorFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldDividerColorReadOnly","textFieldCaretColor","textFieldPlaceholderColor","textFieldPlaceholderColorFocus","textFieldClearPlaceholderColor","textFieldClearPlaceholderColorFocus","textFieldOptionalColor","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldRightContentWithHintMargin","textFieldContentRightWrapperGap","textFieldContentRightWrapperMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldContentSlotColor","textFieldContentSlotColorHover","textFieldContentSlotColorActive","textFieldContentSlotRightColor","textFieldContentSlotRightColorHover","textFieldContentSlotRightColorActive","textFieldLabelColor","textFieldLabelColorReadOnly","textFieldLabelOffset","textFieldClearLabelOffset","textFieldLabelFontFamily","textFieldLabelFontStyle","textFieldLabelFontSize","textFieldLabelFontWeight","textFieldLabelLetterSpacing","textFieldLabelLineHeight","textFieldLabelInnerFontFamily","textFieldLabelInnerFontStyle","textFieldLabelInnerFontSize","textFieldLabelInnerFontWeight","textFieldLabelInnerLetterSpacing","textFieldLabelInnerLineHeight","textFieldLabelInnerPadding","textFieldContentLabelInnerPadding","textFieldLeftHelperColor","textFieldLeftHelperColorReadOnly","textFieldLeftHelperOffset","textFieldLeftHelperFontFamily","textFieldLeftHelperFontStyle","textFieldLeftHelperFontSize","textFieldLeftHelperFontWeight","textFieldLeftHelperLetterSpacing","textFieldLeftHelperLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldDisabledOpacity","textFieldHintCustomIconTargetSize","textFieldHintMargin","textFieldHintTargetSize","textFieldHintIconColor","textFieldHintInnerLabelPlacementOffset","textFieldClearHintInnerLabelPlacementOffset","textFieldTooltipBackgroundColor","textFieldTooltipBoxShadow","textFieldTooltipColor","textFieldTooltipPaddingTop","textFieldTooltipPaddingRight","textFieldTooltipPaddingBottom","textFieldTooltipPaddingLeft","textFieldTooltipMinHeight","textFieldTooltipBorderRadius","textFieldTooltipTextFontFamily","textFieldTooltipTextFontSize","textFieldTooltipTextFontStyle","textFieldTooltipTextFontWeight","textFieldTooltipTextFontLetterSpacing","textFieldTooltipTextFontLineHeight","textFieldTooltipContentLeftMargin","textFieldTooltipArrowMaskWidth","textFieldTooltipArrowMaskHeight","textFieldTooltipArrowMaskImage","textFieldTooltipArrowHeight","textFieldTooltipArrowEdgeMargin","textFieldTooltipArrowBackground","textFieldFocusColor","textFieldIndicatorColor","textFieldIndicatorSizeInner","textFieldIndicatorSizeOuter","textFieldIndicatorLabelPlacementInner","textFieldIndicatorLabelPlacementOuter","textFieldIndicatorLabelPlacementInnerRight","textFieldIndicatorLabelPlacementOuterRight","textFieldClearIndicatorLabelPlacementInner","textFieldClearIndicatorLabelPlacementInnerRight","textFieldClearIndicatorHintInnerRight","textFieldBoxShadow","background","boxShadow","borderRadius","padding","dropdownBorderColor","dropdownBorderWidth","itemPadding","itemBorderRadius","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeight","itemFontLetterSpacing","itemFontLineHeight","itemBackground","itemBackgroundHover","itemColor","focusColor","infiniteLoaderSpinnerColor","infiniteLoaderSpinnerSize","infiniteLoaderGap","emptyStateGap","emptyStatePadding"],"mappings":"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"}
|
@@ -16,7 +16,8 @@ var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
16
16
|
children = _ref.children,
|
17
17
|
opened = _ref.opened,
|
18
18
|
portal = _ref.portal,
|
19
|
-
listWidth = _ref.listWidth
|
19
|
+
listWidth = _ref.listWidth,
|
20
|
+
offset = _ref.offset;
|
20
21
|
var _useFloating = react.useFloating({
|
21
22
|
whileElementsMounted: function whileElementsMounted(referenceEl, floatingEl, update) {
|
22
23
|
return react.autoUpdate(referenceEl, floatingEl, update, {
|
@@ -27,7 +28,10 @@ var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
27
28
|
},
|
28
29
|
placement: 'bottom-start',
|
29
30
|
open: opened,
|
30
|
-
middleware: [react.
|
31
|
+
middleware: [react.offset({
|
32
|
+
mainAxis: (offset === null || offset === void 0 ? void 0 : offset[1]) || 0,
|
33
|
+
alignmentAxis: (offset === null || offset === void 0 ? void 0 : offset[0]) || 0
|
34
|
+
}), react.flip({
|
31
35
|
fallbackAxisSideDirection: 'end'
|
32
36
|
}), react.shift(), react.size({
|
33
37
|
apply: function apply(_ref2) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Autocomplete/FloatingPopover.tsx"],"sourcesContent":["import {
|
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, 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: 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","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","zIndex","root"],"mappings":"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"}
|
@@ -36,7 +36,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
36
36
|
|
37
37
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
38
38
|
|
39
|
-
var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "virtual", "hintView", "hintSize", "emptyStateDescription", "onChangeValue", "onScroll", "onToggle"];
|
39
|
+
var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "virtual", "hintView", "hintSize", "emptyStateDescription", "onChangeValue", "onScroll", "onToggle", "_offset"];
|
40
40
|
|
41
41
|
/**
|
42
42
|
* Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
|
@@ -92,6 +92,7 @@ var comboboxRoot = function comboboxRoot(Root) {
|
|
92
92
|
onChangeValue = props.onChangeValue,
|
93
93
|
onScroll = props.onScroll,
|
94
94
|
onToggle = props.onToggle,
|
95
|
+
_offset = props._offset,
|
95
96
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
|
96
97
|
var transformedItems = React.useMemo(function () {
|
97
98
|
return initialItemsTransform.initialItemsTransform(items || []);
|
@@ -483,6 +484,7 @@ var comboboxRoot = function comboboxRoot(Root) {
|
|
483
484
|
placement: placement,
|
484
485
|
portal: portal,
|
485
486
|
listWidth: listWidth,
|
487
|
+
offset: _offset,
|
486
488
|
target: function target(referenceRef) {
|
487
489
|
return /*#__PURE__*/React__default.default.createElement(Target_styles.StyledTextField, _rollupPluginBabelHelpers.extends({
|
488
490
|
ref: name ? inputRef : inputForkRef,
|