@salutejs/plasma-new-hope 0.138.0-canary.1406.10670275161.0 → 0.138.0-canary.1406.10679978473.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.css +3 -3
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.js +70 -62
  3. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +22 -6
  5. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  6. package/cjs/components/Combobox/ComboboxNew/{Combobox.styles_79kgrq.css → Combobox.styles_iq2uzw.css} +1 -1
  7. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +25 -0
  8. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  9. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +8 -8
  10. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  11. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +3 -3
  12. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +3 -3
  13. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +2 -2
  14. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  15. package/cjs/index.css +3 -3
  16. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +70 -62
  17. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +11 -5
  18. package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +8 -8
  19. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +2 -2
  20. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +70 -62
  21. package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +11 -5
  22. package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +8 -8
  23. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +2 -2
  24. package/es/components/Combobox/ComboboxNew/Combobox.css +3 -3
  25. package/es/components/Combobox/ComboboxNew/Combobox.js +70 -62
  26. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  27. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +23 -7
  28. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  29. package/es/components/Combobox/ComboboxNew/{Combobox.styles_79kgrq.css → Combobox.styles_iq2uzw.css} +1 -1
  30. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +25 -1
  31. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  32. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +8 -8
  33. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  34. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +3 -3
  35. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +3 -3
  36. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +2 -2
  37. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  38. package/es/index.css +3 -3
  39. package/package.json +2 -2
  40. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +70 -62
  41. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +7 -1
  42. package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +8 -8
  43. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +2 -2
  44. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +70 -62
  45. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +7 -1
  46. package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +8 -8
  47. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +2 -2
  48. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  49. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +3 -1
  50. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
  51. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts +2 -2
  52. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
@@ -112,8 +112,8 @@
112
112
 
113
113
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
114
114
 
115
- .Combobox_styles_79kgrq_uxiiees__26f8d1f9{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}.Combobox_styles_79kgrq_uxiiees__26f8d1f9 .Combobox_styles_79kgrq_comboboxEmptyStateWrapper__26f8d1f9{box-shadow:none;}
116
- .Combobox_styles_79kgrq_i1veo3wn__26f8d1f9{line-height:0;color:var(--text-secondary);cursor:pointer;}.Combobox_styles_79kgrq_i1veo3wn__26f8d1f9 .Combobox_styles_79kgrq_arrowInverse__26f8d1f9{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
115
+ .Combobox_styles_iq2uzw_uxiiees__2edef9fc{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}.Combobox_styles_iq2uzw_uxiiees__2edef9fc .Combobox_styles_iq2uzw_comboboxEmptyStateWrapper__2edef9fc{box-shadow:none;}
116
+ .Combobox_styles_iq2uzw_i1veo3wn__2edef9fc{line-height:0;color:var(--text-secondary);cursor:var(--i1veo3wn-0);}.Combobox_styles_iq2uzw_i1veo3wn__2edef9fc .Combobox_styles_iq2uzw_arrowInverse__2edef9fc{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_iq2uzw_i1veo3wn__2edef9fc:hover,.Combobox_styles_iq2uzw_i1veo3wn__2edef9fc:active{color:var(--i1veo3wn-1);}
117
117
 
118
118
 
119
- .Combobox_styles_79kgrq_s11cn92k__26f8d1f9{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
119
+ .Combobox_styles_iq2uzw_s11cn92k__2edef9fc{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
@@ -129,7 +129,7 @@ var comboboxRoot = function comboboxRoot(Root) {
129
129
  type: 'reset'
130
130
  });
131
131
 
132
- // Проверяем, отличается ли значение инпуте от выбранного value после закрытия дропдауна.
132
+ // Проверяем, отличается ли значение в инпуте от выбранного value после закрытия дропдауна.
133
133
  // Если изменилось, то возвращаем label выбранного айтема.
134
134
  // Если нет выбранного элемента, то стираем значение инпута.
135
135
  if (textValue !== value) {
@@ -148,6 +148,9 @@ var comboboxRoot = function comboboxRoot(Root) {
148
148
  setInternalValue(newValue);
149
149
  };
150
150
  var handleClickArrow = function handleClickArrow() {
151
+ if (disabled) {
152
+ return;
153
+ }
151
154
  if (isCurrentListOpen) {
152
155
  dispatchPath({
153
156
  type: 'reset'
@@ -181,7 +184,10 @@ var comboboxRoot = function comboboxRoot(Root) {
181
184
  };
182
185
 
183
186
  // Обработчик открытия/закрытия выпадающего списка
184
- var handleToggle = function handleToggle(opened) {
187
+ var handleListToggle = function handleListToggle(opened) {
188
+ if (disabled) {
189
+ return;
190
+ }
185
191
  if (opened) {
186
192
  dispatchPath({
187
193
  type: 'opened_first_level'
@@ -198,44 +204,45 @@ var comboboxRoot = function comboboxRoot(Root) {
198
204
 
199
205
  // Обработчик выбора чекбоксов (только при multiple)
200
206
  var handleCheckboxChange = function handleCheckboxChange(item) {
201
- if (multiple) {
202
- var checkedCopy = new Map(checked);
203
- if (!checkedCopy.get(item.value)) {
204
- checkedCopy.set(item.value, true);
205
- updateDescendants.updateDescendants(item, checkedCopy, true);
206
- } else {
207
- checkedCopy.set(item.value, false);
208
- updateDescendants.updateDescendants(item, checkedCopy, false);
207
+ if (!multiple) {
208
+ return;
209
+ }
210
+ var checkedCopy = new Map(checked);
211
+ if (!checkedCopy.get(item.value)) {
212
+ checkedCopy.set(item.value, true);
213
+ updateDescendants.updateDescendants(item, checkedCopy, true);
214
+ } else {
215
+ checkedCopy.set(item.value, false);
216
+ updateDescendants.updateDescendants(item, checkedCopy, false);
217
+ }
218
+ updateAncestors.updateAncestors(item, checkedCopy);
219
+ var newValues = [];
220
+ valueToItemMap.forEach(function (item, key) {
221
+ if (checkedCopy.get(key)) {
222
+ newValues.push(item.value);
209
223
  }
210
- updateAncestors.updateAncestors(item, checkedCopy);
211
- var newValues = [];
212
- valueToItemMap.forEach(function (item, key) {
213
- if (checkedCopy.get(key)) {
214
- newValues.push(item.value);
215
- }
224
+ });
225
+ if (closeAfterSelect) {
226
+ dispatchPath({
227
+ type: 'reset'
216
228
  });
217
- if (closeAfterSelect) {
218
- dispatchPath({
219
- type: 'reset'
220
- });
221
- dispatchFocusedPath({
222
- type: 'reset'
229
+ dispatchFocusedPath({
230
+ type: 'reset'
231
+ });
232
+ }
233
+ if (onChange) {
234
+ onChange(newValues);
235
+ }
236
+
237
+ // После выбора/снятия чекбокса скроллим к инпуту
238
+ setTimeout(function () {
239
+ if (inputRef.current) {
240
+ inputRef.current.scrollIntoView({
241
+ behavior: 'smooth',
242
+ inline: 'start'
223
243
  });
224
244
  }
225
- if (onChange) {
226
- onChange(newValues);
227
- }
228
-
229
- // После выбора/снятия чекбокса скроллим к инпуту
230
- setTimeout(function () {
231
- if (inputRef.current) {
232
- inputRef.current.scrollIntoView({
233
- behavior: 'smooth',
234
- inline: 'start'
235
- });
236
- }
237
- }, 1);
238
- }
245
+ }, 1);
239
246
  };
240
247
 
241
248
  // Обработчик клика по айтему выпадающего списка
@@ -245,31 +252,31 @@ var comboboxRoot = function comboboxRoot(Root) {
245
252
  }
246
253
  if (multiple) {
247
254
  handleCheckboxChange(item);
248
- } else {
249
- if (e) {
250
- e.stopPropagation();
251
- }
252
- var checkedCopy = new Map(checked);
253
- var isCurrentChecked = checkedCopy.get(item.value);
254
- checkedCopy.forEach(function (_, key) {
255
- checkedCopy.set(key, false);
255
+ return;
256
+ }
257
+ if (e) {
258
+ e.stopPropagation();
259
+ }
260
+ var checkedCopy = new Map(checked);
261
+ var isCurrentChecked = checkedCopy.get(item.value);
262
+ checkedCopy.forEach(function (_, key) {
263
+ checkedCopy.set(key, false);
264
+ });
265
+ if (!isCurrentChecked) {
266
+ checkedCopy.set(item.value, 'done');
267
+ updateSingleAncestors.updateSingleAncestors(item, checkedCopy, 'dot');
268
+ }
269
+ setTextValue(isCurrentChecked ? '' : item.label);
270
+ if (closeAfterSelect) {
271
+ dispatchPath({
272
+ type: 'reset'
256
273
  });
257
- if (!isCurrentChecked) {
258
- checkedCopy.set(item.value, 'done');
259
- updateSingleAncestors.updateSingleAncestors(item, checkedCopy, 'dot');
260
- }
261
- setTextValue(isCurrentChecked ? '' : item.label);
262
- if (closeAfterSelect) {
263
- dispatchPath({
264
- type: 'reset'
265
- });
266
- dispatchFocusedPath({
267
- type: 'reset'
268
- });
269
- }
270
- if (onChange) {
271
- onChange(isCurrentChecked ? '' : item.value);
272
- }
274
+ dispatchFocusedPath({
275
+ type: 'reset'
276
+ });
277
+ }
278
+ if (onChange) {
279
+ onChange(isCurrentChecked ? '' : item.value);
273
280
  }
274
281
  };
275
282
  var getChips = function getChips() {
@@ -298,7 +305,7 @@ var comboboxRoot = function comboboxRoot(Root) {
298
305
  dispatchPath: dispatchPath,
299
306
  pathMap: pathMap,
300
307
  focusedToValueMap: focusedToValueMap,
301
- handleToggle: handleToggle,
308
+ handleListToggle: handleListToggle,
302
309
  handlePressDown: handlePressDown,
303
310
  multiselect: multiple,
304
311
  setTextValue: setTextValue
@@ -349,7 +356,7 @@ var comboboxRoot = function comboboxRoot(Root) {
349
356
  ref: floatingPopoverRef,
350
357
  opened: isCurrentListOpen,
351
358
  onToggle: function onToggle(opened) {
352
- return opened && handleToggle(true);
359
+ return opened && handleListToggle(true);
353
360
  },
354
361
  placement: placement,
355
362
  portal: portal,
@@ -368,6 +375,7 @@ var comboboxRoot = function comboboxRoot(Root) {
368
375
  placeholder: placeholder,
369
376
  contentLeft: contentLeft,
370
377
  contentRight: /*#__PURE__*/React.createElement(Combobox_styles.IconArrowWrapper, {
378
+ disabled: disabled,
371
379
  onClick: handleClickArrow
372
380
  }, /*#__PURE__*/React.createElement(Combobox_styles.StyledArrow, {
373
381
  color: "inherit",
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';\nimport type { ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../engines';\nimport { isEmpty } from '../../../utils';\nimport { useOutsideClick } from '../../../hooks';\nimport { sizeToIconSize } from '../../Select/utils';\n\nimport { classes } from './Combobox.tokens';\nimport { FloatingPopover } from './FloatingPopover';\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n initialItemsTransform,\n updateAncestors,\n updateDescendants,\n updateSingleAncestors,\n filterItems,\n getItemId,\n} from './utils';\nimport { Inner, StyledTextField } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { getPathMap, getTreeMaps } from './hooks/getPathMaps';\nimport { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState } from './Combobox.styles';\nimport type { ItemContext, ComboboxProps } from './Combobox.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ItemOptionTransformed } from './ui/Inner/ui/Item/Item.types';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) =>\n forwardRef<HTMLInputElement, ComboboxProps>((props, ref) => {\n const {\n multiple,\n value: outerValue,\n onChange: outerOnChange,\n isTargetAmount,\n items,\n placement = 'bottom-start',\n label,\n placeholder,\n helperText,\n contentLeft,\n textBefore,\n textAfter,\n variant = 'normal',\n listOverflow,\n listHeight,\n listWidth,\n portal,\n renderItem,\n view,\n size,\n labelPlacement,\n readOnly = false,\n disabled = false,\n filter,\n closeAfterSelect: outerCloseAfterSelect,\n ...rest\n } = props;\n const [textValue, setTextValue] = useState('');\n const [internalValue, setInternalValue] = useState<string | string[]>(multiple ? [] : '');\n\n const value = outerValue || internalValue;\n\n const inputRef = useRef<HTMLInputElement>(null);\n const floatingPopoverRef = useRef<HTMLDivElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const treeId = safeUseId();\n\n const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n // Создаем структуры для быстрой работы с деревом\n const [valueToCheckedMap, valueToItemMap, labelToItemMap] = useMemo(() => getTreeMaps(items), [items]);\n\n const filteredItems = filterItems(\n transformedItems,\n textValue,\n valueToItemMap.get(value as string)?.label as string,\n filter,\n );\n\n const [pathMap, focusedToValueMap] = useMemo(() => getPathMap(filteredItems), [filteredItems, textValue]);\n\n // Состояния дерева элементов\n const [path, dispatchPath] = useReducer(pathReducer, []);\n const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n const [checked, setChecked] = useState(valueToCheckedMap);\n\n const isCurrentListOpen = Boolean(path[0]);\n const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n const withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;\n const closeAfterSelect = outerCloseAfterSelect ?? !multiple;\n\n // Логика работы при клике за пределами выпадающего списка\n const targetRef = useOutsideClick<HTMLUListElement>(() => {\n if (!isCurrentListOpen) {\n return;\n }\n\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n\n // Проверяем, отличается ли значение инпуте от выбранного value после закрытия дропдауна.\n // Если изменилось, то возвращаем label выбранного айтема.\n // Если нет выбранного элемента, то стираем значение инпута.\n if (textValue !== value) {\n if (isEmpty(value)) {\n setTextValue('');\n } else {\n setTextValue(valueToItemMap.get(value as string)?.label || '');\n }\n }\n }, floatingPopoverRef);\n\n const onChange = (newValue: string | Array<string>) => {\n if (outerOnChange) {\n outerOnChange(newValue as any);\n }\n\n setInternalValue(newValue);\n };\n\n const handleClickArrow = () => {\n if (isCurrentListOpen) {\n dispatchPath({ type: 'reset' });\n } else {\n dispatchPath({ type: 'opened_first_level' });\n }\n\n dispatchFocusedPath({ type: 'reset' });\n };\n\n // Обработчик изменения значения в инпуте\n const handleTextValueChange = (e: ChangeEvent<HTMLInputElement>) => {\n setTextValue(e.target.value);\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'reset' });\n };\n\n // Обработчик чипов\n const handleChipsChange = (chipLabels: any[]) => {\n onChange(chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n };\n\n // Обработчик открытия/закрытия выпадающего списка\n const handleToggle = (opened: boolean) => {\n if (opened) {\n dispatchPath({ type: 'opened_first_level' });\n } else {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n }\n };\n\n // Обработчик выбора чекбоксов (только при multiple)\n const handleCheckboxChange = (item: ItemOptionTransformed) => {\n if (multiple) {\n const checkedCopy = new Map(checked);\n\n if (!checkedCopy.get(item.value)) {\n checkedCopy.set(item.value, true);\n updateDescendants(item, checkedCopy, true);\n } else {\n checkedCopy.set(item.value, false);\n updateDescendants(item, checkedCopy, false);\n }\n\n updateAncestors(item, checkedCopy);\n\n const newValues: Array<string> = [];\n\n valueToItemMap.forEach((item, key) => {\n if (checkedCopy.get(key)) {\n newValues.push(item.value);\n }\n });\n\n if (closeAfterSelect) {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n }\n\n if (onChange) {\n onChange(newValues);\n }\n\n // После выбора/снятия чекбокса скроллим к инпуту\n setTimeout(() => {\n if (inputRef.current) {\n inputRef.current.scrollIntoView({\n behavior: 'smooth',\n inline: 'start',\n });\n }\n }, 1);\n }\n };\n\n // Обработчик клика по айтему выпадающего списка\n const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n if (!isEmpty(item?.items)) {\n return;\n }\n\n if (multiple) {\n handleCheckboxChange(item);\n } else {\n if (e) {\n e.stopPropagation();\n }\n\n const checkedCopy = new Map(checked);\n\n const isCurrentChecked = checkedCopy.get(item.value);\n\n checkedCopy.forEach((_, key) => {\n checkedCopy.set(key, false);\n });\n\n if (!isCurrentChecked) {\n checkedCopy.set(item.value, 'done');\n updateSingleAncestors(item, checkedCopy, 'dot');\n }\n\n setTextValue(isCurrentChecked ? '' : item.label);\n\n if (closeAfterSelect) {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n }\n\n if (onChange) {\n onChange(isCurrentChecked ? '' : item.value);\n }\n }\n };\n\n const getChips = (): string[] => {\n if (multiple) {\n if (value.length === 0) return [];\n\n if (isTargetAmount) {\n return [`Выбрано ${value.length}`];\n }\n\n return (value as []).map((value) => valueToItemMap.get(value)!.label);\n }\n\n return [];\n };\n\n const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n if (isEmpty(item.items)) {\n handleItemClick(item, e);\n } else if (multiple) {\n handleCheckboxChange(item);\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleToggle,\n handlePressDown,\n multiselect: multiple,\n setTextValue,\n });\n\n // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.\n // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.\n useLayoutEffect(() => {\n const checkedCopy = new Map(checked);\n\n checkedCopy.forEach((_, key) => {\n checkedCopy.set(key, false);\n });\n\n if (!isEmpty(value)) {\n if (Array.isArray(value)) {\n value.forEach((val) => {\n checkedCopy.set(val, true);\n updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n });\n } else {\n checkedCopy.set(value, 'done');\n updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n }\n }\n\n setChecked(checkedCopy);\n }, [value]);\n\n return (\n <Root size={size} view={view} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n <div>\n <Context.Provider\n value={{\n focusedPath,\n checked,\n multiple,\n size,\n handleCheckboxChange,\n handleItemClick,\n variant,\n renderItem,\n valueToItemMap,\n treeId,\n }}\n >\n <FloatingPopover\n ref={floatingPopoverRef}\n opened={isCurrentListOpen}\n onToggle={(opened: boolean) => opened && handleToggle(true)}\n placement={placement}\n portal={portal}\n target={(referenceRef) => (\n <StyledTextField\n ref={inputForkRef}\n inputWrapperRef={referenceRef}\n value={textValue}\n onChange={handleTextValueChange}\n size={size}\n view={view}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n label={label}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={\n <IconArrowWrapper onClick={handleClickArrow}>\n <StyledArrow\n color=\"inherit\"\n size={sizeToIconSize(size)}\n className={withArrowInverse}\n />\n </IconArrowWrapper>\n }\n textBefore={textBefore}\n textAfter={textAfter}\n onKeyDown={onKeyDown}\n leftHelper={helperText}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={`${treeId}_tree_level_1`}\n aria-expanded={isCurrentListOpen}\n aria-activedescendant={\n activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n }\n {...(multiple\n ? {\n enumerationType: 'chip',\n chips: getChips(),\n onChangeChips: handleChipsChange,\n }\n : { enumerationType: 'plain' })}\n {...rest}\n onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n />\n )}\n >\n <Root\n size={size}\n view={view}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n >\n <Ul\n role=\"tree\"\n id={`${treeId}_tree_level_1`}\n aria-multiselectable={Boolean(multiple)}\n listHeight={listHeight}\n listOverflow={listOverflow}\n listWidth={listWidth}\n ref={targetRef}\n >\n {isEmpty(filteredItems) ? (\n <StyledEmptyState\n className={classes.emptyStateWrapper}\n size={size}\n description=\"Ничего не найдено\"\n />\n ) : (\n filteredItems.map((item, index) => (\n <Inner\n key={`${index}/0`}\n item={item}\n currentLevel={0}\n path={path}\n dispatchPath={dispatchPath}\n index={index}\n listWidth={listWidth}\n />\n ))\n )}\n </Ul>\n </Root>\n </FloatingPopover>\n </Context.Provider>\n </div>\n </Root>\n );\n });\n\nexport const comboboxConfig = {\n name: 'Select',\n tag: 'div',\n layout: comboboxRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n readOnly: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n },\n};\n"],"names":["Context","createContext","comboboxRoot","Root","forwardRef","props","ref","_valueToItemMap$get","_getItemByFocused","multiple","outerValue","value","outerOnChange","onChange","isTargetAmount","items","_props$placement","placement","label","placeholder","helperText","contentLeft","textBefore","textAfter","_props$variant","variant","listOverflow","listHeight","listWidth","portal","renderItem","view","size","labelPlacement","_props$readOnly","readOnly","_props$disabled","disabled","filter","outerCloseAfterSelect","closeAfterSelect","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","textValue","setTextValue","_useState3","_useState4","internalValue","setInternalValue","inputRef","useRef","floatingPopoverRef","inputForkRef","useForkRef","treeId","safeUseId","transformedItems","useMemo","initialItemsTransform","_useMemo","getTreeMaps","_useMemo2","valueToCheckedMap","valueToItemMap","labelToItemMap","filteredItems","filterItems","get","_useMemo3","getPathMap","_useMemo4","pathMap","focusedToValueMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState5","_useState6","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","withArrowInverse","classes","arrowInverse","undefined","targetRef","useOutsideClick","type","isEmpty","_valueToItemMap$get2","newValue","handleClickArrow","handleTextValueChange","e","target","handleChipsChange","chipLabels","map","chipLabel","handleToggle","opened","handleCheckboxChange","item","checkedCopy","Map","set","updateDescendants","updateAncestors","newValues","forEach","key","push","setTimeout","current","scrollIntoView","behavior","inline","handleItemClick","stopPropagation","isCurrentChecked","_","updateSingleAncestors","getChips","length","concat","handlePressDown","_useKeyNavigation","useKeyNavigation","multiselect","onKeyDown","useLayoutEffect","Array","isArray","val","React","createElement","Provider","FloatingPopover","onToggle","referenceRef","StyledTextField","_extends","inputWrapperRef","contentRight","IconArrowWrapper","onClick","StyledArrow","color","sizeToIconSize","className","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","Ul","id","StyledEmptyState","emptyStateWrapper","description","index","Inner","currentLevel","comboboxConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';\nimport type { ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../engines';\nimport { isEmpty } from '../../../utils';\nimport { useOutsideClick } from '../../../hooks';\nimport { sizeToIconSize } from '../../Select/utils';\n\nimport { classes } from './Combobox.tokens';\nimport { FloatingPopover } from './FloatingPopover';\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n initialItemsTransform,\n updateAncestors,\n updateDescendants,\n updateSingleAncestors,\n filterItems,\n getItemId,\n} from './utils';\nimport { Inner, StyledTextField } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { getPathMap, getTreeMaps } from './hooks/getPathMaps';\nimport { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState } from './Combobox.styles';\nimport type { ItemContext, ComboboxProps } from './Combobox.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ItemOptionTransformed } from './ui/Inner/ui/Item/Item.types';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) =>\n forwardRef<HTMLInputElement, ComboboxProps>((props, ref) => {\n const {\n multiple,\n value: outerValue,\n onChange: outerOnChange,\n isTargetAmount,\n items,\n placement = 'bottom-start',\n label,\n placeholder,\n helperText,\n contentLeft,\n textBefore,\n textAfter,\n variant = 'normal',\n listOverflow,\n listHeight,\n listWidth,\n portal,\n renderItem,\n view,\n size,\n labelPlacement,\n readOnly = false,\n disabled = false,\n filter,\n closeAfterSelect: outerCloseAfterSelect,\n ...rest\n } = props;\n const [textValue, setTextValue] = useState('');\n const [internalValue, setInternalValue] = useState<string | string[]>(multiple ? [] : '');\n\n const value = outerValue || internalValue;\n\n const inputRef = useRef<HTMLInputElement>(null);\n const floatingPopoverRef = useRef<HTMLDivElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const treeId = safeUseId();\n\n const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n // Создаем структуры для быстрой работы с деревом\n const [valueToCheckedMap, valueToItemMap, labelToItemMap] = useMemo(() => getTreeMaps(items), [items]);\n\n const filteredItems = filterItems(\n transformedItems,\n textValue,\n valueToItemMap.get(value as string)?.label as string,\n filter,\n );\n\n const [pathMap, focusedToValueMap] = useMemo(() => getPathMap(filteredItems), [filteredItems, textValue]);\n\n // Состояния дерева элементов\n const [path, dispatchPath] = useReducer(pathReducer, []);\n const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n const [checked, setChecked] = useState(valueToCheckedMap);\n\n const isCurrentListOpen = Boolean(path[0]);\n const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n const withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;\n const closeAfterSelect = outerCloseAfterSelect ?? !multiple;\n\n // Логика работы при клике за пределами выпадающего списка\n const targetRef = useOutsideClick<HTMLUListElement>(() => {\n if (!isCurrentListOpen) {\n return;\n }\n\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n\n // Проверяем, отличается ли значение в инпуте от выбранного value после закрытия дропдауна.\n // Если изменилось, то возвращаем label выбранного айтема.\n // Если нет выбранного элемента, то стираем значение инпута.\n if (textValue !== value) {\n if (isEmpty(value)) {\n setTextValue('');\n } else {\n setTextValue(valueToItemMap.get(value as string)?.label || '');\n }\n }\n }, floatingPopoverRef);\n\n const onChange = (newValue: string | Array<string>) => {\n if (outerOnChange) {\n outerOnChange(newValue as any);\n }\n\n setInternalValue(newValue);\n };\n\n const handleClickArrow = () => {\n if (disabled) {\n return;\n }\n\n if (isCurrentListOpen) {\n dispatchPath({ type: 'reset' });\n } else {\n dispatchPath({ type: 'opened_first_level' });\n }\n\n dispatchFocusedPath({ type: 'reset' });\n };\n\n // Обработчик изменения значения в инпуте\n const handleTextValueChange = (e: ChangeEvent<HTMLInputElement>) => {\n setTextValue(e.target.value);\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'reset' });\n };\n\n // Обработчик чипов\n const handleChipsChange = (chipLabels: any[]) => {\n onChange(chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n };\n\n // Обработчик открытия/закрытия выпадающего списка\n const handleListToggle = (opened: boolean) => {\n if (disabled) {\n return;\n }\n\n if (opened) {\n dispatchPath({ type: 'opened_first_level' });\n } else {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n }\n };\n\n // Обработчик выбора чекбоксов (только при multiple)\n const handleCheckboxChange = (item: ItemOptionTransformed) => {\n if (!multiple) {\n return;\n }\n\n const checkedCopy = new Map(checked);\n\n if (!checkedCopy.get(item.value)) {\n checkedCopy.set(item.value, true);\n updateDescendants(item, checkedCopy, true);\n } else {\n checkedCopy.set(item.value, false);\n updateDescendants(item, checkedCopy, false);\n }\n\n updateAncestors(item, checkedCopy);\n\n const newValues: Array<string> = [];\n\n valueToItemMap.forEach((item, key) => {\n if (checkedCopy.get(key)) {\n newValues.push(item.value);\n }\n });\n\n if (closeAfterSelect) {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n }\n\n if (onChange) {\n onChange(newValues);\n }\n\n // После выбора/снятия чекбокса скроллим к инпуту\n setTimeout(() => {\n if (inputRef.current) {\n inputRef.current.scrollIntoView({\n behavior: 'smooth',\n inline: 'start',\n });\n }\n }, 1);\n };\n\n // Обработчик клика по айтему выпадающего списка\n const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n if (!isEmpty(item?.items)) {\n return;\n }\n\n if (multiple) {\n handleCheckboxChange(item);\n return;\n }\n\n if (e) {\n e.stopPropagation();\n }\n\n const checkedCopy = new Map(checked);\n\n const isCurrentChecked = checkedCopy.get(item.value);\n\n checkedCopy.forEach((_, key) => {\n checkedCopy.set(key, false);\n });\n\n if (!isCurrentChecked) {\n checkedCopy.set(item.value, 'done');\n updateSingleAncestors(item, checkedCopy, 'dot');\n }\n\n setTextValue(isCurrentChecked ? '' : item.label);\n\n if (closeAfterSelect) {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n }\n\n if (onChange) {\n onChange(isCurrentChecked ? '' : item.value);\n }\n };\n\n const getChips = (): string[] => {\n if (multiple) {\n if (value.length === 0) return [];\n\n if (isTargetAmount) {\n return [`Выбрано ${value.length}`];\n }\n\n return (value as []).map((value) => valueToItemMap.get(value)!.label);\n }\n\n return [];\n };\n\n const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n if (isEmpty(item.items)) {\n handleItemClick(item, e);\n } else if (multiple) {\n handleCheckboxChange(item);\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleListToggle,\n handlePressDown,\n multiselect: multiple,\n setTextValue,\n });\n\n // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.\n // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.\n useLayoutEffect(() => {\n const checkedCopy = new Map(checked);\n\n checkedCopy.forEach((_, key) => {\n checkedCopy.set(key, false);\n });\n\n if (!isEmpty(value)) {\n if (Array.isArray(value)) {\n value.forEach((val) => {\n checkedCopy.set(val, true);\n updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n });\n } else {\n checkedCopy.set(value, 'done');\n updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n }\n }\n\n setChecked(checkedCopy);\n }, [value]);\n\n return (\n <Root size={size} view={view} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n <div>\n <Context.Provider\n value={{\n focusedPath,\n checked,\n multiple,\n size,\n handleCheckboxChange,\n handleItemClick,\n variant,\n renderItem,\n valueToItemMap,\n treeId,\n }}\n >\n <FloatingPopover\n ref={floatingPopoverRef}\n opened={isCurrentListOpen}\n onToggle={(opened: boolean) => opened && handleListToggle(true)}\n placement={placement}\n portal={portal}\n target={(referenceRef) => (\n <StyledTextField\n ref={inputForkRef}\n inputWrapperRef={referenceRef}\n value={textValue}\n onChange={handleTextValueChange}\n size={size}\n view={view}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n label={label}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={\n <IconArrowWrapper disabled={disabled} onClick={handleClickArrow}>\n <StyledArrow\n color=\"inherit\"\n size={sizeToIconSize(size)}\n className={withArrowInverse}\n />\n </IconArrowWrapper>\n }\n textBefore={textBefore}\n textAfter={textAfter}\n onKeyDown={onKeyDown}\n leftHelper={helperText}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={`${treeId}_tree_level_1`}\n aria-expanded={isCurrentListOpen}\n aria-activedescendant={\n activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n }\n {...(multiple\n ? {\n enumerationType: 'chip',\n chips: getChips(),\n onChangeChips: handleChipsChange,\n }\n : { enumerationType: 'plain' })}\n {...rest}\n onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n />\n )}\n >\n <Root\n size={size}\n view={view}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n >\n <Ul\n role=\"tree\"\n id={`${treeId}_tree_level_1`}\n aria-multiselectable={Boolean(multiple)}\n listHeight={listHeight}\n listOverflow={listOverflow}\n listWidth={listWidth}\n ref={targetRef}\n >\n {isEmpty(filteredItems) ? (\n <StyledEmptyState\n className={classes.emptyStateWrapper}\n size={size}\n description=\"Ничего не найдено\"\n />\n ) : (\n filteredItems.map((item, index) => (\n <Inner\n key={`${index}/0`}\n item={item}\n currentLevel={0}\n path={path}\n dispatchPath={dispatchPath}\n index={index}\n listWidth={listWidth}\n />\n ))\n )}\n </Ul>\n </Root>\n </FloatingPopover>\n </Context.Provider>\n </div>\n </Root>\n );\n });\n\nexport const comboboxConfig = {\n name: 'Select',\n tag: 'div',\n layout: comboboxRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n readOnly: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n },\n};\n"],"names":["Context","createContext","comboboxRoot","Root","forwardRef","props","ref","_valueToItemMap$get","_getItemByFocused","multiple","outerValue","value","outerOnChange","onChange","isTargetAmount","items","_props$placement","placement","label","placeholder","helperText","contentLeft","textBefore","textAfter","_props$variant","variant","listOverflow","listHeight","listWidth","portal","renderItem","view","size","labelPlacement","_props$readOnly","readOnly","_props$disabled","disabled","filter","outerCloseAfterSelect","closeAfterSelect","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","textValue","setTextValue","_useState3","_useState4","internalValue","setInternalValue","inputRef","useRef","floatingPopoverRef","inputForkRef","useForkRef","treeId","safeUseId","transformedItems","useMemo","initialItemsTransform","_useMemo","getTreeMaps","_useMemo2","valueToCheckedMap","valueToItemMap","labelToItemMap","filteredItems","filterItems","get","_useMemo3","getPathMap","_useMemo4","pathMap","focusedToValueMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState5","_useState6","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","withArrowInverse","classes","arrowInverse","undefined","targetRef","useOutsideClick","type","isEmpty","_valueToItemMap$get2","newValue","handleClickArrow","handleTextValueChange","e","target","handleChipsChange","chipLabels","map","chipLabel","handleListToggle","opened","handleCheckboxChange","item","checkedCopy","Map","set","updateDescendants","updateAncestors","newValues","forEach","key","push","setTimeout","current","scrollIntoView","behavior","inline","handleItemClick","stopPropagation","isCurrentChecked","_","updateSingleAncestors","getChips","length","concat","handlePressDown","_useKeyNavigation","useKeyNavigation","multiselect","onKeyDown","useLayoutEffect","Array","isArray","val","React","createElement","Provider","FloatingPopover","onToggle","referenceRef","StyledTextField","_extends","inputWrapperRef","contentRight","IconArrowWrapper","onClick","StyledArrow","color","sizeToIconSize","className","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","Ul","id","StyledEmptyState","emptyStateWrapper","description","index","Inner","currentLevel","comboboxConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import './Combobox.styles_79kgrq.css';
1
+ import './Combobox.styles_iq2uzw.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -48,24 +48,40 @@ var Ul = /*#__PURE__*/react.styled('ul')({
48
48
  "uxiiees-3": [/*#__PURE__*/_exp7()]
49
49
  }
50
50
  });
51
+ var _exp11 = function _exp11() {
52
+ return function (_ref5) {
53
+ var disabled = _ref5.disabled;
54
+ return disabled ? 'inherit' : 'pointer';
55
+ };
56
+ };
57
+ var _exp13 = function _exp13() {
58
+ return function (_ref6) {
59
+ var disabled = _ref6.disabled;
60
+ return disabled ? "var(".concat(Combobox_tokens.constants.disclosureIconColor, ")") : "var(".concat(Combobox_tokens.constants.disclosureIconColorHover, ")");
61
+ };
62
+ };
51
63
  var IconArrowWrapper = /*#__PURE__*/react.styled('div')({
52
64
  name: "IconArrowWrapper",
53
65
  "class": "i1veo3wn",
54
- propsAsIs: false
66
+ propsAsIs: false,
67
+ vars: {
68
+ "i1veo3wn-0": [/*#__PURE__*/_exp11()],
69
+ "i1veo3wn-1": [/*#__PURE__*/_exp13()]
70
+ }
55
71
  });
56
- var _exp12 = function _exp12() {
72
+ var _exp14 = function _exp14() {
57
73
  return IconDisclosureDownCentered.IconDisclosureDownCentered;
58
74
  };
59
- var StyledArrow = /*#__PURE__*/react.styled(_exp12())({
75
+ var StyledArrow = /*#__PURE__*/react.styled(_exp14())({
60
76
  name: "StyledArrow",
61
77
  "class": "s1hxiinv",
62
78
  propsAsIs: true
63
79
  });
64
80
  var base = "br87xox";
65
- var _exp13 = function _exp13() {
81
+ var _exp15 = function _exp15() {
66
82
  return EmptyState;
67
83
  };
68
- var StyledEmptyState = /*#__PURE__*/react.styled(_exp13())({
84
+ var StyledEmptyState = /*#__PURE__*/react.styled(_exp15())({
69
85
  name: "StyledEmptyState",
70
86
  "class": "s11cn92k",
71
87
  propsAsIs: true
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.styles.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { emptyStateConfig, emptyStateTokens } from '../../EmptyState';\nimport { IconDisclosureDownCentered } from '../../_Icon';\nimport { component, mergeConfig } from '../../../engines';\n\nimport { ComboboxProps } from './Combobox.types';\nimport { tokens, constants, classes } from './Combobox.tokens';\n\nconst mergedConfig = mergeConfig(emptyStateConfig);\nconst EmptyState = component(mergedConfig);\n\nexport const Ul = styled.ul<{\n listOverflow?: ComboboxProps['listOverflow'];\n listHeight?: ComboboxProps['listHeight'];\n listWidth?: ComboboxProps['listWidth'];\n isInnerUl?: boolean;\n}>`\n box-sizing: border-box;\n\n background: var(${constants.background});\n box-shadow: ${constants.boxShadow};\n\n border-radius: var(${tokens.borderRadius});\n width: ${({ listWidth }) => listWidth || '100%'};\n height: ${({ listHeight }) => listHeight || 'auto'};\n overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 0` : 0)};\n padding: var(${tokens.padding}) 0;\n\n .${classes.emptyStateWrapper} {\n box-shadow: none;\n }\n`;\n\nexport const IconArrowWrapper = styled.div`\n line-height: 0;\n color: var(${constants.disclosureIconColor});\n cursor: pointer;\n\n .${classes.arrowInverse} {\n transform: rotate(-180deg);\n }\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)``;\n\nexport const base = css``;\n\nexport const StyledEmptyState = styled(EmptyState)`\n ${emptyStateTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n ${emptyStateTokens.padding}: var(${tokens.emptyStatePadding});\n ${emptyStateTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${emptyStateTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${emptyStateTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${emptyStateTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${emptyStateTokens.fontLetterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${emptyStateTokens.fontLineHeight}: var(${tokens.textFieldLineHeight});\n`;\n"],"names":["mergedConfig","mergeConfig","emptyStateConfig","EmptyState","component","_exp4","_ref","listWidth","_exp5","_ref2","listHeight","_exp6","_ref3","listOverflow","_exp7","_ref4","isInnerUl","concat","tokens","padding","Ul","styled","name","class","propsAsIs","vars","IconArrowWrapper","_exp12","IconDisclosureDownCentered","StyledArrow","base","_exp13","StyledEmptyState"],"mappings":";;;;;;;;;;;;AAUA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,6BAAgB,CAAC,CAAA;AAClD,IAAMC,UAAU,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,KAAA,GAVzBA,SAUyBA,KAAAA,GAAA;AAAA,EAAA,OAc9B,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAxBjCA,SAwBiCA,KAAAA,GAAA;AAAA,EAAA,OACrC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;IAAAA,OAAiBA,UAAU,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAzBpCA,SAyBoCA,KAAAA,GAAA;AAAA,EAAA,OACtC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA1B7CA,SA0B6CA,KAAAA,GAAA;AAAA,EAAA,OAEjD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,eAAAC,MAAA,CAAeC,sBAAM,CAACC,OAAQ,qBAAiB,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAhBrF,IAAMC,EAAE,gBAAGC,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAYXpB,KAAsC,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACrCG,KAAwC,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACtCG,KAA+C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEjDG,KAA8E,EAAA,CAAA;AAAA,GAAA;AAAA,CAM3F,EAAA;AAEM,IAAMY,gBAAgB,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQrC,EAAA;AAAC,IAAAG,MAAA,GA5CgBA,SA4ChBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,qDAA0B,CAAA;AAAA,CAAA,CAAA;AAArD,IAAMC,WAAW,gBAAGR,YAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAA8B,EAAA;AAExD,IAAMM,IAAI,GAAQ,UAAA;AAAC,IAAAC,MAAA,GAhDRA,SAgDQA,MAAAA,GAAA;AAAA,EAAA,OAEa5B,UAAU,CAAA;AAAA,CAAA,CAAA;AAA1C,IAAM6B,gBAAgB,gBAAGX,YAAM,CAAAU,MAAA,EAAA,CAAA,CAAA;AAAAT,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CASrC;;;;;;;;"}
1
+ {"version":3,"file":"Combobox.styles.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { emptyStateConfig, emptyStateTokens } from '../../EmptyState';\nimport { IconDisclosureDownCentered } from '../../_Icon';\nimport { component, mergeConfig } from '../../../engines';\n\nimport { ComboboxProps } from './Combobox.types';\nimport { tokens, constants, classes } from './Combobox.tokens';\n\nconst mergedConfig = mergeConfig(emptyStateConfig);\nconst EmptyState = component(mergedConfig);\n\nexport const Ul = styled.ul<{\n listOverflow?: ComboboxProps['listOverflow'];\n listHeight?: ComboboxProps['listHeight'];\n listWidth?: ComboboxProps['listWidth'];\n isInnerUl?: boolean;\n}>`\n box-sizing: border-box;\n\n background: var(${constants.background});\n box-shadow: ${constants.boxShadow};\n\n border-radius: var(${tokens.borderRadius});\n width: ${({ listWidth }) => listWidth || '100%'};\n height: ${({ listHeight }) => listHeight || 'auto'};\n overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 0` : 0)};\n padding: var(${tokens.padding}) 0;\n\n .${classes.emptyStateWrapper} {\n box-shadow: none;\n }\n`;\n\nexport const IconArrowWrapper = styled.div<{ disabled: boolean }>`\n line-height: 0;\n color: var(${constants.disclosureIconColor});\n cursor: ${({ disabled }) => (disabled ? 'inherit' : 'pointer')};\n\n .${classes.arrowInverse} {\n transform: rotate(-180deg);\n }\n\n &:hover,\n &:active {\n color: ${({ disabled }) =>\n disabled ? `var(${constants.disclosureIconColor})` : `var(${constants.disclosureIconColorHover})`};\n }\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)``;\n\nexport const base = css``;\n\nexport const StyledEmptyState = styled(EmptyState)`\n ${emptyStateTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n ${emptyStateTokens.padding}: var(${tokens.emptyStatePadding});\n ${emptyStateTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${emptyStateTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${emptyStateTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${emptyStateTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${emptyStateTokens.fontLetterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${emptyStateTokens.fontLineHeight}: var(${tokens.textFieldLineHeight});\n`;\n"],"names":["mergedConfig","mergeConfig","emptyStateConfig","EmptyState","component","_exp4","_ref","listWidth","_exp5","_ref2","listHeight","_exp6","_ref3","listOverflow","_exp7","_ref4","isInnerUl","concat","tokens","padding","Ul","styled","name","class","propsAsIs","vars","_exp11","_ref5","disabled","_exp13","_ref6","constants","disclosureIconColor","disclosureIconColorHover","IconArrowWrapper","_exp14","IconDisclosureDownCentered","StyledArrow","base","_exp15","StyledEmptyState"],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  .uxiiees{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}.uxiiees .combobox-empty-state-wrapper{box-shadow:none;}
2
- .i1veo3wn{line-height:0;color:var(--text-secondary);cursor:pointer;}.i1veo3wn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
2
+ .i1veo3wn{line-height:0;color:var(--text-secondary);cursor:var(--i1veo3wn-0);}.i1veo3wn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.i1veo3wn:hover,.i1veo3wn:active{color:var(--i1veo3wn-1);}
3
3
 
4
4
 
5
5
  .s11cn92k{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
@@ -148,7 +148,32 @@ var tokens = {
148
148
  spinnerSize: '--plasma-combobox-spinner-size',
149
149
  spinnerSizeTight: '--plasma-combobox-spinner-size-tight'
150
150
  };
151
+ var constants = {
152
+ focusColor: '--surface-accent',
153
+ focusSize: '0.0625rem',
154
+ background: '--surface-solid-card',
155
+ boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
156
+ disclosureIconColor: '--text-secondary',
157
+ disclosureIconColorHover: '--text-secondary-hover',
158
+ itemBackground: '--plasma-colors-transparent',
159
+ itemBackgroundHover: '--surface-transparent-secondary',
160
+ textfieldTargetColor: '--text-primary',
161
+ textfieldOuterLabelColor: '--text-primary',
162
+ textfieldInnerLabelColor: '--text-secondary',
163
+ textfieldPlaceholderColor: '--text-secondary',
164
+ textfieldBorderSize: '0.0625rem',
165
+ opacity: '0.4',
166
+ fontFamily: '--plasma-typo-body-xs-font-family',
167
+ fontSize: '--plasma-typo-body-xs-font-size',
168
+ fontStyle: '--plasma-typo-body-xs-font-style',
169
+ fontWeight: '--plasma-typo-body-xs-font-weight',
170
+ fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',
171
+ fontLineHeight: '--plasma-typo-body-xs-line-height',
172
+ cellTitleColor: '--text-primary',
173
+ cellBackgroundColor: '--plasma-colors-transparent'
174
+ };
151
175
 
152
176
  exports.classes = classes;
177
+ exports.constants = constants;
153
178
  exports.tokens = tokens;
154
179
  //# sourceMappingURL=Combobox.tokens.js.map