@salutejs/plasma-new-hope 0.336.0-canary.2220.17591054284.0 → 0.336.0-canary.2222.17612018746.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (164) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +0 -2
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +0 -2
  3. package/cjs/components/Combobox/ComboboxNew/Combobox.js +50 -27
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  5. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +4 -1
  6. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  7. package/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js +17 -0
  8. package/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js.map +1 -0
  9. package/cjs/components/DatePicker/RangeDate/RangeDate.css +0 -2
  10. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +0 -2
  11. package/cjs/components/DatePicker/SingleDate/SingleDate.css +0 -2
  12. package/cjs/components/Drawer/Drawer.css +2 -2
  13. package/cjs/components/Drawer/Drawer.js +10 -7
  14. package/cjs/components/Drawer/Drawer.js.map +1 -1
  15. package/cjs/components/Drawer/Drawer.styles.js +10 -2
  16. package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
  17. package/cjs/components/Drawer/{Drawer.styles_h5od79.css → Drawer.styles_pltzxq.css} +1 -1
  18. package/cjs/components/Drawer/Drawer.tokens.js +10 -0
  19. package/cjs/components/Drawer/Drawer.tokens.js.map +1 -1
  20. package/cjs/components/Pagination/Pagination.css +0 -2
  21. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -2
  22. package/cjs/components/Range/Range.css +0 -2
  23. package/cjs/components/Select/Select.css +0 -2
  24. package/cjs/components/Select/ui/Target/Target.css +0 -2
  25. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +0 -2
  26. package/cjs/components/Slider/Slider.css +0 -2
  27. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -2
  28. package/cjs/components/Table/Table.css +0 -2
  29. package/cjs/components/Table/ui/Cell/Cell.css +0 -2
  30. package/cjs/components/Table/ui/EditableCell/EditableCell.css +0 -2
  31. package/cjs/components/Table/ui/HeadCell/HeadCell.css +0 -2
  32. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -2
  33. package/cjs/components/TextField/TextField.js +3 -14
  34. package/cjs/components/TextField/TextField.js.map +1 -1
  35. package/cjs/engines/common.js +11 -1
  36. package/cjs/engines/common.js.map +1 -1
  37. package/cjs/index.css +2 -4
  38. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +58 -26
  39. package/emotion/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +5 -2
  40. package/emotion/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js +20 -0
  41. package/emotion/cjs/components/Combobox/ComboboxNew/utils/index.js +4 -0
  42. package/emotion/cjs/components/Drawer/Drawer.js +13 -4
  43. package/emotion/cjs/components/Drawer/Drawer.styles.js +7 -4
  44. package/emotion/cjs/components/Drawer/Drawer.tokens.js +12 -0
  45. package/emotion/cjs/components/TextField/TextField.js +4 -16
  46. package/emotion/cjs/components/TextField/ui/index.js +3 -12
  47. package/emotion/cjs/engines/common.js +14 -1
  48. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +59 -27
  49. package/emotion/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +5 -2
  50. package/emotion/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js +10 -0
  51. package/emotion/es/components/Combobox/ComboboxNew/utils/index.js +1 -0
  52. package/emotion/es/components/Drawer/Drawer.js +9 -5
  53. package/emotion/es/components/Drawer/Drawer.styles.js +8 -5
  54. package/emotion/es/components/Drawer/Drawer.tokens.js +9 -0
  55. package/emotion/es/components/TextField/TextField.js +5 -17
  56. package/emotion/es/components/TextField/ui/index.js +0 -1
  57. package/emotion/es/engines/common.js +14 -1
  58. package/es/components/Autocomplete/Autocomplete.css +0 -2
  59. package/es/components/Combobox/ComboboxNew/Combobox.css +0 -2
  60. package/es/components/Combobox/ComboboxNew/Combobox.js +51 -28
  61. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  62. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +4 -1
  63. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  64. package/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js +13 -0
  65. package/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js.map +1 -0
  66. package/es/components/DatePicker/RangeDate/RangeDate.css +0 -2
  67. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +0 -2
  68. package/es/components/DatePicker/SingleDate/SingleDate.css +0 -2
  69. package/es/components/Drawer/Drawer.css +2 -2
  70. package/es/components/Drawer/Drawer.js +8 -6
  71. package/es/components/Drawer/Drawer.js.map +1 -1
  72. package/es/components/Drawer/Drawer.styles.js +10 -2
  73. package/es/components/Drawer/Drawer.styles.js.map +1 -1
  74. package/es/components/Drawer/{Drawer.styles_h5od79.css → Drawer.styles_pltzxq.css} +1 -1
  75. package/es/components/Drawer/Drawer.tokens.js +10 -1
  76. package/es/components/Drawer/Drawer.tokens.js.map +1 -1
  77. package/es/components/Pagination/Pagination.css +0 -2
  78. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -2
  79. package/es/components/Range/Range.css +0 -2
  80. package/es/components/Select/Select.css +0 -2
  81. package/es/components/Select/ui/Target/Target.css +0 -2
  82. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +0 -2
  83. package/es/components/Slider/Slider.css +0 -2
  84. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -2
  85. package/es/components/Table/Table.css +0 -2
  86. package/es/components/Table/ui/Cell/Cell.css +0 -2
  87. package/es/components/Table/ui/EditableCell/EditableCell.css +0 -2
  88. package/es/components/Table/ui/HeadCell/HeadCell.css +0 -2
  89. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -2
  90. package/es/components/TextField/TextField.js +3 -14
  91. package/es/components/TextField/TextField.js.map +1 -1
  92. package/es/engines/common.js +12 -2
  93. package/es/engines/common.js.map +1 -1
  94. package/es/index.css +2 -4
  95. package/package.json +2 -2
  96. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +58 -26
  97. package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +5 -2
  98. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js +20 -0
  99. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js +4 -0
  100. package/styled-components/cjs/components/Drawer/Drawer.js +13 -4
  101. package/styled-components/cjs/components/Drawer/Drawer.styles.js +14 -4
  102. package/styled-components/cjs/components/Drawer/Drawer.tokens.js +12 -0
  103. package/styled-components/cjs/components/TextField/TextField.js +3 -15
  104. package/styled-components/cjs/components/TextField/ui/index.js +3 -12
  105. package/styled-components/cjs/engines/common.js +14 -1
  106. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +59 -27
  107. package/styled-components/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +5 -2
  108. package/styled-components/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js +10 -0
  109. package/styled-components/es/components/Combobox/ComboboxNew/utils/index.js +1 -0
  110. package/styled-components/es/components/Drawer/Drawer.js +9 -5
  111. package/styled-components/es/components/Drawer/Drawer.styles.js +15 -5
  112. package/styled-components/es/components/Drawer/Drawer.tokens.js +9 -0
  113. package/styled-components/es/components/TextField/TextField.js +4 -16
  114. package/styled-components/es/components/TextField/ui/index.js +0 -1
  115. package/styled-components/es/engines/common.js +14 -1
  116. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  117. package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts +2 -1
  118. package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts.map +1 -1
  119. package/types/components/Combobox/ComboboxNew/utils/getRemovedElement.d.ts +2 -0
  120. package/types/components/Combobox/ComboboxNew/utils/getRemovedElement.d.ts.map +1 -0
  121. package/types/components/Combobox/ComboboxNew/utils/index.d.ts +1 -0
  122. package/types/components/Combobox/ComboboxNew/utils/index.d.ts.map +1 -1
  123. package/types/components/Drawer/Drawer.d.ts +2 -0
  124. package/types/components/Drawer/Drawer.d.ts.map +1 -1
  125. package/types/components/Drawer/Drawer.styles.d.ts +2 -1
  126. package/types/components/Drawer/Drawer.styles.d.ts.map +1 -1
  127. package/types/components/Drawer/Drawer.tokens.d.ts +9 -0
  128. package/types/components/Drawer/Drawer.tokens.d.ts.map +1 -1
  129. package/types/components/Drawer/Drawer.types.d.ts +16 -0
  130. package/types/components/Drawer/Drawer.types.d.ts.map +1 -1
  131. package/types/components/NumberFormat/NumberFormat.d.ts.map +1 -1
  132. package/types/components/NumberFormat/NumberFormat.types.d.ts +1 -1
  133. package/types/components/TextField/TextField.d.ts.map +1 -1
  134. package/types/components/TextField/TextField.types.d.ts +2 -2
  135. package/types/components/TextField/ui/index.d.ts +0 -1
  136. package/types/components/TextField/ui/index.d.ts.map +1 -1
  137. package/types/engines/common.d.ts.map +1 -1
  138. package/types/examples/components/Drawer/Drawer.d.ts +1 -0
  139. package/types/examples/components/Drawer/Drawer.d.ts.map +1 -1
  140. package/types/examples/components/NumberFormat/NumberFormat.d.ts.map +1 -1
  141. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +0 -54
  142. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +0 -74
  143. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +0 -1
  144. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +0 -25
  145. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js.map +0 -1
  146. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles_119gtz1.css +0 -1
  147. package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +0 -69
  148. package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +0 -32
  149. package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +0 -54
  150. package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +0 -18
  151. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +0 -54
  152. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +0 -66
  153. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +0 -1
  154. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +0 -21
  155. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js.map +0 -1
  156. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles_119gtz1.css +0 -1
  157. package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +0 -69
  158. package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +0 -87
  159. package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +0 -54
  160. package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +0 -73
  161. package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts +0 -19
  162. package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts.map +0 -1
  163. package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts +0 -2
  164. package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts.map +0 -1
@@ -3,6 +3,9 @@ export var classes = {
3
3
  header: 'drawer-header',
4
4
  footer: 'drawer-footer',
5
5
  overlay: 'drawer-overlay',
6
+ panel: 'drawer-panel',
7
+ enterCustomAnimation: 'drawer-enter-custom-animation',
8
+ exitCustomAnimation: 'drawer-exit-custom-animation',
6
9
  horizontal: 'drawer-horizontal',
7
10
  hasHeader: 'drawer-has-header',
8
11
  isRightClose: 'drawer-right-close-button',
@@ -11,6 +14,12 @@ export var classes = {
11
14
  rightPlacement: 'drawer-right-placement',
12
15
  leftPlacement: 'drawer-left-placement'
13
16
  };
17
+ export var privateTokens = {
18
+ enterAnimation: '--plasma__private-drawer-enter-animation',
19
+ exitAnimation: '--plasma__private-drawer-exit-animation',
20
+ customEnterAnimation: '--plasma__private-drawer-custom-enter-animation',
21
+ customExitAnimation: '--plasma__private-drawer-custom-exit-animation'
22
+ };
14
23
  export var tokens = {
15
24
  drawerOverlayWithBlurColor: '--plasma-drawer-overlay-with-blur-color',
16
25
  drawerOverlayColor: '--plasma-drawer-overlay-color',
@@ -115,7 +115,7 @@ import { base as hintSizeCSS } from "./variations/_hint-size/base";
115
115
  import { base as chipViewCSS } from "./variations/_chip-view/base";
116
116
  import { Input, InputContainer, LeftHelper, Label, InputWrapper, InputLabelWrapper, StyledContentLeft, StyledContentRight, StyledChips, StyledTextBefore, StyledTextAfter, StyledIndicator, StyledOptionalText, InputPlaceholder, OuterLabelWrapper, TitleCaption, StyledHintWrapper, StyledIndicatorWrapper, StyledContentRightWrapper } from "./TextField.styles";
117
117
  import { classes } from "./TextField.tokens";
118
- import { TextFieldChip, TextFieldChipNew } from "./ui";
118
+ import { TextFieldChip } from "./ui";
119
119
  import { useKeyNavigation } from "./hooks";
120
120
  import { HintComponent } from "./ui/Hint/Hint";
121
121
  import { getInputWidth } from "./getInputWidth";
@@ -133,9 +133,7 @@ export var textFieldRoot = function(Root) {
133
133
  contentLeft = _param.contentLeft, contentRight = _param.contentRight, label = _param.label, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, textBefore = _param.textBefore, textAfter = _param.textAfter, placeholder = _param.placeholder, leftHelper = _param.leftHelper, _param_enumerationType = _param.enumerationType, enumerationType = _param_enumerationType === void 0 ? 'plain' : _param_enumerationType, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, titleCaption = _param.titleCaption, _param_chipView = _param.chipView, chipView = _param_chipView === void 0 ? 'default' : _param_chipView, chipValidator = _param.chipValidator, _param_hintTrigger = _param.// hint
134
134
  hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, // variations
135
135
  view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, hasDivider = _param.hasDivider, // controlled
136
- outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // @ts-ignore
137
- _chips = _param._chips, // @ts-ignore
138
- _onChipClick = _param._onChipClick, // events
136
+ outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // events
139
137
  onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, onPaste = _param.onPaste, // Пропсы для внутреннего использования, не отдается наружу.
140
138
  // @ts-ignore
141
139
  _onEnterDisabled = _param._onEnterDisabled, // @ts-ignore
@@ -180,8 +178,6 @@ export var textFieldRoot = function(Root) {
180
178
  "value",
181
179
  "chips",
182
180
  "chipType",
183
- "_chips",
184
- "_onChipClick",
185
181
  "onChange",
186
182
  "onChangeChips",
187
183
  "onSearch",
@@ -213,7 +209,7 @@ export var textFieldRoot = function(Root) {
213
209
  var helperTextId = safeUseId();
214
210
  var isDefaultView = view === 'default' || readOnly || disabled;
215
211
  var isChipEnumeration = enumerationType === 'chip';
216
- var isChipsVisible = isChipEnumeration && Boolean((chips === null || chips === void 0 ? void 0 : chips.length) || (_chips === null || _chips === void 0 ? void 0 : _chips.length));
212
+ var isChipsVisible = isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length);
217
213
  var withHasChips = isChipsVisible ? classes.hasChips : undefined;
218
214
  var hasLabelValue = Boolean(label);
219
215
  var hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;
@@ -468,15 +464,7 @@ export var textFieldRoot = function(Root) {
468
464
  ref: contentRef,
469
465
  onKeyDown: handleContentKeyDown,
470
466
  className: withHasChips
471
- }, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ React.createElement(StyledTextBefore, null, textBefore), Boolean(_chips === null || _chips === void 0 ? void 0 : _chips.length) && /*#__PURE__*/ React.createElement(TextFieldChipNew, {
472
- chips: _chips,
473
- onChipClick: _onChipClick,
474
- getRef: getRef,
475
- handleChipKeyDown: handleChipKeyDown,
476
- onChipClear: onChipClear,
477
- view: view,
478
- readOnly: readOnly
479
- }), isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length) && /*#__PURE__*/ React.createElement(StyledChips, {
467
+ }, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ React.createElement(StyledTextBefore, null, textBefore), isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length) && /*#__PURE__*/ React.createElement(StyledChips, {
480
468
  className: classes.chipsWrapper
481
469
  }, chips === null || chips === void 0 ? void 0 : chips.map(function(param, index) {
482
470
  var chipId = param.id, text = param.text;
@@ -1,2 +1 @@
1
1
  export { TextFieldChip } from "./TextFieldChip/TextFieldChip";
2
- export { TextFieldChipNew } from "./TextFieldChipNew/TextFieldChipNew";
@@ -76,10 +76,23 @@ export var mergeConfig = function(baseConfig, userConfig) {
76
76
  }
77
77
  return res;
78
78
  };
79
+ // INFO: Метод, который проводит слияние двух объектов
80
+ // INFO: если значение явно указанно как undefined/null/пустая строка, то будет взято значение указанное в default
81
+ function mergeWithoutNullable(defaults, componentProps) {
82
+ var props = Object.keys(defaults).reduce(function(acc, key) {
83
+ return _object_spread_props(_object_spread({}, acc), _define_property({}, key, [
84
+ null,
85
+ undefined,
86
+ ''
87
+ ].includes(componentProps[key]) ? defaults[key] : componentProps[key]));
88
+ }, {});
89
+ return _object_spread({}, componentProps, props);
90
+ }
79
91
  export function component(config) {
80
92
  var Comp = config.layout(_component(config));
81
93
  return /*#__PURE__*/ React.forwardRef(function(props, ref) {
82
- return /*#__PURE__*/ React.createElement(Comp, _object_spread_props(_object_spread({}, config === null || config === void 0 ? void 0 : config.defaults, props), {
94
+ var mergedProps = mergeWithoutNullable(config === null || config === void 0 ? void 0 : config.defaults, props);
95
+ return /*#__PURE__*/ React.createElement(Comp, _object_spread_props(_object_spread({}, mergedProps), {
83
96
  ref: ref
84
97
  }));
85
98
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA6BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,2FAkiBtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBApiBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAyjB3F,CAAC"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA8BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,2FA2kBtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA7kBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAkmB3F,CAAC"}
@@ -4,6 +4,7 @@ export type PathMapType = Map<string, number>;
4
4
  export type FocusedToValueMapType = Map<string, ItemOptionTransformed>;
5
5
  export type ValueToCheckedMapType = Map<ItemOptionTransformed['value'], boolean | 'done' | 'dot' | 'indeterminate'>;
6
6
  export type ValueToItemMapType = Map<ItemOptionTransformed['value'], ItemOptionTransformed>;
7
+ export type LabelToItemMapType = Map<ItemOptionTransformed['label'], ItemOptionTransformed>;
7
8
  export declare const getPathMap: (items: ComboboxProps["items"]) => [PathMapType, FocusedToValueMapType];
8
- export declare const getTreeMaps: (items: ComboboxProps["items"]) => [ValueToCheckedMapType, ValueToItemMapType];
9
+ export declare const getTreeMaps: (items: ComboboxProps["items"]) => [ValueToCheckedMapType, ValueToItemMapType, LabelToItemMapType];
9
10
  //# sourceMappingURL=getPathMaps.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"getPathMaps.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/hooks/getPathMaps.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,MAAM,WAAW,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC9C,MAAM,MAAM,qBAAqB,GAAG,GAAG,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;AACvE,MAAM,MAAM,qBAAqB,GAAG,GAAG,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,eAAe,CAAC,CAAC;AACpH,MAAM,MAAM,kBAAkB,GAAG,GAAG,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,qBAAqB,CAAC,CAAC;AAE5F,eAAO,MAAM,UAAU,UAAW,aAAa,CAAC,OAAO,CAAC,KAqBb,CAAC,WAAW,EAAE,qBAAqB,CAC7E,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,aAAa,CAAC,OAAO,CAAC,KAqBP,CAAC,qBAAqB,EAAE,kBAAkB,CAC3F,CAAC"}
1
+ {"version":3,"file":"getPathMaps.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/hooks/getPathMaps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,MAAM,WAAW,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC9C,MAAM,MAAM,qBAAqB,GAAG,GAAG,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;AACvE,MAAM,MAAM,qBAAqB,GAAG,GAAG,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,eAAe,CAAC,CAAC;AACpH,MAAM,MAAM,kBAAkB,GAAG,GAAG,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,qBAAqB,CAAC,CAAC;AAC5F,MAAM,MAAM,kBAAkB,GAAG,GAAG,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,qBAAqB,CAAC,CAAC;AAE5F,eAAO,MAAM,UAAU,UAAW,aAAa,CAAC,OAAO,CAAC,KAqBb,CAAC,WAAW,EAAE,qBAAqB,CAC7E,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,aAAa,CAAC,OAAO,CAAC,KAuBS,CAC1D,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,CAEzB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const getRemovedElement: (prevValues: string[], newValues: string[], isTargetAmount?: boolean) => string | null;
2
+ //# sourceMappingURL=getRemovedElement.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getRemovedElement.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/getRemovedElement.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB,EAAE,CAC5B,UAAU,EAAE,MAAM,EAAE,EACpB,SAAS,EAAE,MAAM,EAAE,EACnB,cAAc,CAAC,EAAE,OAAO,KACvB,MAAM,GAAG,IAMb,CAAC"}
@@ -5,5 +5,6 @@ export { updateSingleAncestors } from './updateSingleAncestors';
5
5
  export { sizeToIconSize } from './sizeToIconSize';
6
6
  export { filterItems } from './filterItems';
7
7
  export { getItemId } from './getItemId';
8
+ export { getRemovedElement } from './getRemovedElement';
8
9
  export { getTextValue } from './getTextValue';
9
10
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import type { RootProps } from '../../engines';
3
3
  import type { DrawerProps } from './Drawer.types';
4
4
  export declare const drawerRoot: (Root: RootProps<HTMLDivElement, DrawerProps>) => React.ForwardRefExoticComponent<Omit<import("../Popup").PopupProps, "draggable" | "resizable"> & import("../Panel").PanelProps & {
5
+ animationInfo?: import("./Drawer.types").DrawerAnimationInfo;
5
6
  placement?: import("./Drawer.types").DrawerPlacement;
6
7
  asModal?: boolean;
7
8
  customBackgroundColor?: string;
@@ -19,6 +20,7 @@ export declare const drawerConfig: {
19
20
  name: string;
20
21
  tag: string;
21
22
  layout: (Root: RootProps<HTMLDivElement, DrawerProps>) => React.ForwardRefExoticComponent<Omit<import("../Popup").PopupProps, "draggable" | "resizable"> & import("../Panel").PanelProps & {
23
+ animationInfo?: import("./Drawer.types").DrawerAnimationInfo;
22
24
  placement?: import("./Drawer.types").DrawerPlacement;
23
25
  asModal?: boolean;
24
26
  customBackgroundColor?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAUlD,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;6BAmC3D,MAAA,UAAQ;sBAGF,MAAM,SAAS;oBAMZ,MAAO,SAAS;;wCAmFhC,CAAC;AAEN,eAAO,MAAM,YAAY;;;mBAjIQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;iCAmC3D,MAAA,UAAQ;0BAGF,MAAM,SAAS;wBAMZ,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;CA0GpC,CAAC"}
1
+ {"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAUlD,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;6BA6CrD,MAAO,UAAU;sBAGvB,MAAA,SAAO;oBAG6C,MAAO,SAAS;;wCAiF3E,CAAC;AAEN,eAAO,MAAM,YAAY;;;mBAtIQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;iCA6CrD,MAAO,UAAU;0BAGvB,MAAA,SAAO;wBAG6C,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;CAwG/E,CAAC"}
@@ -1,8 +1,9 @@
1
- import type { DrawerPlacement } from './Drawer.types';
1
+ import type { DrawerAnimationInfo, DrawerPlacement } from './Drawer.types';
2
2
  export declare const StyledPanel: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("../Panel").PanelProps & import("react").RefAttributes<HTMLDivElement>>;
3
3
  export declare const StyledPopup: import("@linaria/react").StyledComponent<{
4
4
  placement: DrawerPlacement;
5
5
  width?: number | string;
6
6
  height?: number | string;
7
+ drawerAnimationInfo?: DrawerAnimationInfo;
7
8
  } & import("../Popup").PopupProps & import("react").RefAttributes<HTMLDivElement>>;
8
9
  //# sourceMappingURL=Drawer.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AA8FtD,eAAO,MAAM,WAAW,0OAEvB,CAAC;AAEF,eAAO,MAAM,WAAW;eACT,eAAe;YAClB,MAAM,GAAG,MAAM;aACd,MAAM,GAAG,MAAM;kFAqC3B,CAAC"}
1
+ {"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AA8F3E,eAAO,MAAM,WAAW,0OAEvB,CAAC;AAEF,eAAO,MAAM,WAAW;eACT,eAAe;YAClB,MAAM,GAAG,MAAM;aACd,MAAM,GAAG,MAAM;0BACF,mBAAmB;kFAkD5C,CAAC"}
@@ -3,6 +3,9 @@ export declare const classes: {
3
3
  header: string;
4
4
  footer: string;
5
5
  overlay: string;
6
+ panel: string;
7
+ enterCustomAnimation: string;
8
+ exitCustomAnimation: string;
6
9
  horizontal: string;
7
10
  hasHeader: string;
8
11
  isRightClose: string;
@@ -11,6 +14,12 @@ export declare const classes: {
11
14
  rightPlacement: string;
12
15
  leftPlacement: string;
13
16
  };
17
+ export declare const privateTokens: {
18
+ enterAnimation: string;
19
+ exitAnimation: string;
20
+ customEnterAnimation: string;
21
+ customExitAnimation: string;
22
+ };
14
23
  export declare const tokens: {
15
24
  drawerOverlayWithBlurColor: string;
16
25
  drawerOverlayColor: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC"}
1
+ {"version":3,"file":"Drawer.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CAenB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;CAKzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC"}
@@ -8,7 +8,23 @@ export declare const drawerPlacements: {
8
8
  left: string;
9
9
  };
10
10
  export type DrawerPlacement = keyof typeof drawerPlacements;
11
+ export type DrawerAnimationInfo = {
12
+ enter?: string;
13
+ exit?: string;
14
+ };
11
15
  export type DrawerProps = Omit<PopupProps, 'draggable' | 'resizable'> & PanelProps & {
16
+ /**
17
+ * Информация об анимации.
18
+ * Свойство может содержать поля `enter` и `exit`
19
+ * @example
20
+ * ```
21
+ * {
22
+ * enter: 'animatinName 0.2s forwards',
23
+ * exit: 'exitAnimationName 0.2s forwards',
24
+ * }
25
+ * ```
26
+ */
27
+ animationInfo?: DrawerAnimationInfo;
12
28
  /**
13
29
  * Расположение Drawer.
14
30
  * @default
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE5D,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,WAAW,CAAC,GACjE,UAAU,GAAG;IACT;;;;OAIG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEN,MAAM,WAAW,cACb,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAAC;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B"}
1
+ {"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE5D,MAAM,MAAM,mBAAmB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,WAAW,CAAC,GACjE,UAAU,GAAG;IACT;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;;;OAIG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEN,MAAM,WAAW,cACb,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAAC;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B"}
@@ -1 +1 @@
1
- {"version":3,"file":"NumberFormat.d.ts","sourceRoot":"","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,qBAAqB,CAAC;AAG1E,OAAO,KAAK,EAER,wBAAwB,EACxB,0BAA0B,EAC7B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,0BAA0B,kBAAkB,EAAE,CAAC,CAAC,CAAC;;;;;;;;;qBA+C7D,CAAC,uCAEX,CAAlB;mGA+BL,CAAC"}
1
+ {"version":3,"file":"NumberFormat.d.ts","sourceRoot":"","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,qBAAqB,CAAC;AAG1E,OAAO,KAAK,EAER,wBAAwB,EACxB,0BAA0B,EAC7B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,0BAA0B,kBAAkB,EAAE,CAAC,CAAC,CAAC;;;;;;;;;qBA+C3D,CAAC,uCAEb,CAAhB;mGA+BP,CAAC"}
@@ -47,7 +47,7 @@ export type CustomNumberFormatProps = {
47
47
  */
48
48
  isAllowed?: (values: NumberFormatValues) => boolean;
49
49
  /**
50
- * Колбэк, вызываемый при изменении значения в поле ввода.
50
+ * Callback, вызываемый при изменении значения в поле ввода.
51
51
  * Принимает событие изменения (ChangeEvent) и объект NumberFormatValues:
52
52
  * ```
53
53
  * floatValue: number | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,EAAuC,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAuCjH,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAIF,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC,4FA2iB5E,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA7iBQ,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAslBhF,CAAC"}
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,EAAuC,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAuCjH,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAIF,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC,4FAyhB5E,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA3hBQ,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAokBhF,CAAC"}
@@ -211,11 +211,11 @@ export type TextFieldPropsBase = {
211
211
  */
212
212
  contentRight?: React.ReactElement;
213
213
  /**
214
- * Слот для вспомогательного текста справа.
214
+ * Слот для вспомогательного текста слева.
215
215
  */
216
216
  textBefore?: string;
217
217
  /**
218
- * Слот для вспомогательного текста слева.
218
+ * Слот для вспомогательного текста справа.
219
219
  */
220
220
  textAfter?: string;
221
221
  /**
@@ -1,3 +1,2 @@
1
1
  export { TextFieldChip } from './TextFieldChip/TextFieldChip';
2
- export { TextFieldChipNew } from './TextFieldChipNew/TextFieldChipNew';
3
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/engines/common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACR,eAAe,EACf,WAAW,EACX,SAAS,EACT,QAAQ,EACR,6BAA6B,EAC7B,4CAA4C,EAC/C,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,WAAW,GACpB,GAAG,SAAS,WAAW,EACvB,WAAW,SAAS,QAAQ,EAC5B,aAAa,SAAS,SAAS,CAAC,WAAW,CAAC,EAC5C,eAAe,SACT,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,EAC/D,eAAe,SACT,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,GACzD,SAAS,0BAEH,eAAe,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,GAAG,eAAe,EAAE,eAAe,CAAC,eAC3E,OAAO,CAAC,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC,KA6BzE,eAAe,CACzB,GAAG,EACH,WAAW,EACX,SAAS,CAAC,WAAW,CAAC,EACtB,eAAe,SAAS,SAAS,GAAG,eAAe,GAAG,eAAe,CAE5E,CAAC;AAEF,wBAAgB,SAAS,CACrB,GAAG,SAAS,WAAW,EACvB,WAAW,SAAS,QAAQ,EAC5B,aAAa,SAAS,SAAS,CAAC,WAAW,CAAC,EAC5C,WAAW,SACL,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,EAE/D,MAAM,EAAE,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,CAAC,GACtE,KAAK,CAAC,iBAAiB,CAAC,aAAa,GAAG,WAAW,CAAC,CAMtD"}
1
+ {"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/engines/common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACR,eAAe,EACf,WAAW,EACX,SAAS,EACT,QAAQ,EACR,6BAA6B,EAC7B,4CAA4C,EAC/C,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,WAAW,GACpB,GAAG,SAAS,WAAW,EACvB,WAAW,SAAS,QAAQ,EAC5B,aAAa,SAAS,SAAS,CAAC,WAAW,CAAC,EAC5C,eAAe,SACT,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,EAC/D,eAAe,SACT,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,GACzD,SAAS,0BAEH,eAAe,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,GAAG,eAAe,EAAE,eAAe,CAAC,eAC3E,OAAO,CAAC,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC,KA6BzE,eAAe,CACzB,GAAG,EACH,WAAW,EACX,SAAS,CAAC,WAAW,CAAC,EACtB,eAAe,SAAS,SAAS,GAAG,eAAe,GAAG,eAAe,CAE5E,CAAC;AAeF,wBAAgB,SAAS,CACrB,GAAG,SAAS,WAAW,EACvB,WAAW,SAAS,QAAQ,EAC5B,aAAa,SAAS,SAAS,CAAC,WAAW,CAAC,EAC5C,WAAW,SACL,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,EAE/D,MAAM,EAAE,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,CAAC,GACtE,KAAK,CAAC,iBAAiB,CAAC,aAAa,GAAG,WAAW,CAAC,CAQtD"}
@@ -10,6 +10,7 @@ export declare const Drawer: import("react").FunctionComponent<import("../../../
10
10
  default: import("@linaria/core").LinariaClassName;
11
11
  };
12
12
  }> & Omit<import("../../..").PopupProps, "draggable" | "resizable"> & import("../../../components/Panel").PanelProps & {
13
+ animationInfo?: import("../../../components/Drawer/Drawer.types").DrawerAnimationInfo;
13
14
  placement?: import("../../../components/Drawer/Drawer.types").DrawerPlacement;
14
15
  asModal?: boolean;
15
16
  customBackgroundColor?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Drawer/Drawer.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;6BAU4kC,MAAO,UAAU;sBAAyI,MAAO,SAAS;oBAA2M,MAAO,SAAS;;kDAVv7C,CAAC;AAG9C,eAAO,MAAM,aAAa;;mGAAiC,CAAC;AAG5D,eAAO,MAAM,YAAY;;;;;;mGAAgC,CAAC;AAG1D,eAAO,MAAM,YAAY;;mGAAgC,CAAC"}
1
+ {"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Drawer/Drawer.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;6BAUu/C,MAAO,UAAU;sBAAyI,MAAO,SAAS;oBAA2M,MAAO,SAAS;;kDAVl2D,CAAC;AAG9C,eAAO,MAAM,aAAa;;mGAAiC,CAAC;AAG5D,eAAO,MAAM,YAAY;;;;;;mGAAgC,CAAC;AAG1D,eAAO,MAAM,YAAY;;mGAAgC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"NumberFormat.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/NumberFormat/NumberFormat.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBACqjL,MAAO,YAAY;mBAAqE,MAAO,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAoxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAo7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAz0H,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAo7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAoxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAo7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAz0H,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAo7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAoxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAo7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAz0H,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAo7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAoxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAo7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAz0H,CAAC,uDAAuC,CAAC;8NADvmE,CAAC"}
1
+ {"version":3,"file":"NumberFormat.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/NumberFormat/NumberFormat.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBACqjL,MAAO,YAAY;mBAAqE,MAAO,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAsxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAv0H,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAsxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAv0H,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAsxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAv0H,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAsxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAv0H,CAAC,uDAAuC,CAAC;8NADzmE,CAAC"}
@@ -1,54 +0,0 @@
1
- .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
2
- .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
3
- .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
4
- .Popover_styles_ji8em4_s16xlixz__439b9cc0{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;box-shadow:var(--plasma-popover-box-shadow);}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverAnimate__439b9cc0{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverOpen__439b9cc0{opacity:1;visibility:visible;}.Popover_styles_ji8em4_s16xlixz__439b9cc0:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
5
-
6
- .Tooltip_styles_1bh0sd0_teczcv4__e6cc0309{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;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-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
7
- .Tooltip_styles_1bh0sd0_s1j361h1__e6cc0309{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-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
8
-
9
- .Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
10
-
11
- .TextField_styles_xvs3tf_iq39zt5__6229ab57{position:relative;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;box-sizing:border-box;}
12
- .TextField_styles_xvs3tf_i1j28rg8__6229ab57{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_xvs3tf_i1j28rg8__6229ab57::-webkit-scrollbar{display:none;}.TextField_styles_xvs3tf_i1j28rg8__6229ab57.TextField_styles_xvs3tf_hasChips__6229ab57{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
13
- .TextField_styles_xvs3tf_s13zudoe__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
14
- .TextField_styles_xvs3tf_io4bpie__6229ab57{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_xvs3tf_io4bpie__6229ab57.TextField_styles_xvs3tf_textfieldInputTextEllipsis__6229ab57{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_xvs3tf_io4bpie__6229ab57::-webkit-input-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57::-moz-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57:-ms-input-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57::placeholder{opacity:0;}
15
- .TextField_styles_xvs3tf_i13qvwoy__6229ab57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_xvs3tf_i13qvwoy__6229ab57 .TextField_styles_xvs3tf_io4bpie__6229ab57{max-width:var(--i13qvwoy-1);}
16
- .TextField_styles_xvs3tf_i19ry60d__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
17
- .TextField_styles_xvs3tf_obt1ohz__6229ab57{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;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
18
- .TextField_styles_xvs3tf_tlv9av6__6229ab57{display:inline-block;margin-left:auto;}
19
- .TextField_styles_xvs3tf_s600610__6229ab57{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
20
- .TextField_styles_xvs3tf_luk2zst__6229ab57{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
21
- .TextField_styles_xvs3tf_s1gjsnfi__6229ab57{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
22
- .TextField_styles_xvs3tf_ssv2kwg__6229ab57{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;}
23
- .TextField_styles_xvs3tf_s190z894__6229ab57{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_xvs3tf_s190z894__6229ab57:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_xvs3tf_s190z894__6229ab57:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
24
-
25
- .TextField_styles_xvs3tf_s7hnwwb__6229ab57{visibility:var(--s7hnwwb-0);}
26
-
27
- .TextField_styles_xvs3tf_s14qvple__6229ab57{color:var(--plasma-textfield__optional-color);}
28
- .TextField_styles_xvs3tf_s16itze4__6229ab57{display:inline-block;line-height:0;}.TextField_styles_xvs3tf_s16itze4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
29
- .TextField_styles_xvs3tf_h1skqnhr__6229ab57{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
30
- .TextField_styles_xvs3tf_hgy0im1__6229ab57 .TextField_styles_xvs3tf_h1skqnhr__6229ab57 .TextField_styles_xvs3tf_popoverRoot__6229ab57{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
31
- .TextField_styles_xvs3tf_h8yezh4__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
32
- .TextField_styles_xvs3tf_szsveq4__6229ab57{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57.TextField_styles_xvs3tf_textfieldHasHint__6229ab57{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57{inset:var(--plasma-textfield__indicator-placement-inner-right);}
33
-
34
- .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);}
35
-
36
- .base_sp7461_b13tc97x__6c2a9135{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_sp7461_b13tc97x__6c2a9135:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);}.base_sp7461_b13tc97x__6c2a9135:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);}
37
-
38
- .base_1o8ygxu_b1pde8v1__ca0b05f4{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding:var(--plasma-chip-padding);}
39
-
40
- .base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
41
-
42
- .base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
43
-
44
- .base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
45
-
46
- .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
47
-
48
- .Chip_styles_fnd4j5_bol5daj__7a13f27c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
49
- .Chip_styles_fnd4j5_sj20on5__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
50
- .Chip_styles_fnd4j5_s1ror4o9__7a13f27c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
51
- .Chip_styles_fnd4j5_swddmyi__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
52
- .Chip_styles_fnd4j5_s1pcflhj__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
53
-
54
- .TextFieldChipNew_styles_119gtz1_s11qqqhl__3dfbc3c5{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_119gtz1_s11qqqhl__3dfbc3c5::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_119gtz1_s11qqqhl__3dfbc3c5.TextFieldChipNew_styles_119gtz1_focusVisible__3dfbc3c5:focus::before,.TextFieldChipNew_styles_119gtz1_s11qqqhl__3dfbc3c5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_119gtz1_s11qqqhl__3dfbc3c5[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
@@ -1,74 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var TextField_styles = require('../../TextField.styles.js');
7
- var TextField_tokens = require('../../TextField.tokens.js');
8
- var TextFieldChipNew_styles = require('./TextFieldChipNew.styles.js');
9
-
10
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefault(React);
13
-
14
- var TextFieldChipNew = function TextFieldChipNew(_ref) {
15
- var chips = _ref.chips,
16
- onChipClick = _ref.onChipClick,
17
- getRef = _ref.getRef,
18
- handleChipKeyDown = _ref.handleChipKeyDown,
19
- onChipClear = _ref.onChipClear,
20
- readOnly = _ref.readOnly,
21
- view = _ref.view;
22
- return /*#__PURE__*/React__default.default.createElement(TextField_styles.StyledChips, {
23
- className: TextField_tokens.classes.chipsWrapper
24
- }, chips.map(function (_ref2, index) {
25
- var value = _ref2.value,
26
- label = _ref2.label,
27
- disabled = _ref2.disabled;
28
- var chipId = "".concat(index, "_").concat(value);
29
- var onKeyDownHandle = function onKeyDownHandle(event) {
30
- if (handleChipKeyDown) {
31
- handleChipKeyDown(event, chipId, index);
32
- }
33
- if (event.key === 'Enter' || event.key === 'Backspace') {
34
- if (onChipClick) {
35
- onChipClick({
36
- value: value,
37
- label: label,
38
- disabled: disabled
39
- });
40
- }
41
- }
42
- };
43
- var handleClick = function handleClick(event) {
44
- event.stopPropagation();
45
- if (onChipClick) {
46
- onChipClick({
47
- value: value,
48
- label: label,
49
- disabled: disabled
50
- });
51
- }
52
- if (onChipClear) {
53
- onChipClear(chipId, index);
54
- }
55
- };
56
- return /*#__PURE__*/React__default.default.createElement(TextFieldChipNew_styles.StyledChip, {
57
- key: chipId,
58
- ref: function ref(element) {
59
- return getRef(element, index);
60
- },
61
- tabIndex: -1,
62
- disabled: disabled,
63
- hasClear: !disabled,
64
- readOnly: readOnly,
65
- onClick: handleClick,
66
- onKeyDown: onKeyDownHandle,
67
- text: label,
68
- view: view
69
- });
70
- }));
71
- };
72
-
73
- exports.TextFieldChipNew = TextFieldChipNew;
74
- //# sourceMappingURL=TextFieldChipNew.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextFieldChipNew.js","sources":["../../../../../src/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.tsx"],"sourcesContent":["import React, { FC, KeyboardEvent } from 'react';\n\nimport { StyledChips } from '../../TextField.styles';\nimport { classes } from '../../TextField.tokens';\n\nimport { StyledChip } from './TextFieldChipNew.styles';\n\nexport const TextFieldChipNew: FC<{\n chips: { value: string; label: string; disabled: boolean }[];\n onChipClick: (chip: { value: string; label: string; disabled: boolean }) => void;\n getRef: (...e: any) => void;\n handleChipKeyDown: (event: KeyboardEvent<HTMLButtonElement>, chipId: string, chipIndex: number) => void;\n onChipClear: (clearId: string, index: number) => void;\n readOnly: boolean;\n view?: string;\n}> = ({ chips, onChipClick, getRef, handleChipKeyDown, onChipClear, readOnly, view }) => {\n return (\n <StyledChips className={classes.chipsWrapper}>\n {chips.map(({ value, label, disabled }, index) => {\n const chipId = `${index}_${value}`;\n\n const onKeyDownHandle = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (handleChipKeyDown) {\n handleChipKeyDown(event, chipId, index);\n }\n\n if (event.key === 'Enter' || event.key === 'Backspace') {\n if (onChipClick) {\n onChipClick({ value, label, disabled });\n }\n }\n };\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n\n if (onChipClick) {\n onChipClick({ value, label, disabled });\n }\n\n if (onChipClear) {\n onChipClear(chipId, index);\n }\n };\n\n return (\n <StyledChip\n key={chipId}\n ref={(element) => getRef(element, index)}\n tabIndex={-1}\n disabled={disabled}\n hasClear={!disabled}\n readOnly={readOnly}\n onClick={handleClick}\n onKeyDown={onKeyDownHandle}\n text={label}\n view={view}\n />\n );\n })}\n </StyledChips>\n );\n};\n"],"names":["TextFieldChipNew","_ref","chips","onChipClick","getRef","handleChipKeyDown","onChipClear","readOnly","view","React","createElement","StyledChips","className","classes","chipsWrapper","map","_ref2","index","value","label","disabled","chipId","concat","onKeyDownHandle","event","key","handleClick","stopPropagation","StyledChip","ref","element","tabIndex","hasClear","onClick","onKeyDown","text"],"mappings":";;;;;;;;;;;;;IAOaA,gBAQX,GAAG,SARQA,gBAQXA,CAAAC,IAAA,EAAuF;AAAA,EAAA,IAAjFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;IAAEC,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;IAAEC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,IAAI,GAAAP,IAAA,CAAJO,IAAI,CAAA;AAC9E,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,4BAAW,EAAA;IAACC,SAAS,EAAEC,wBAAO,CAACC,YAAAA;GAC3BZ,EAAAA,KAAK,CAACa,GAAG,CAAC,UAAAC,KAAA,EAA6BC,KAAK,EAAK;AAAA,IAAA,IAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;MAAEC,KAAK,GAAAH,KAAA,CAALG,KAAK;MAAEC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ,CAAA;IAChC,IAAMC,MAAM,MAAAC,MAAA,CAAML,KAAK,EAAAK,GAAAA,CAAAA,CAAAA,MAAA,CAAIJ,KAAK,CAAE,CAAA;AAElC,IAAA,IAAMK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAA6C,EAAK;AACvE,MAAA,IAAInB,iBAAiB,EAAE;AACnBA,QAAAA,iBAAiB,CAACmB,KAAK,EAAEH,MAAM,EAAEJ,KAAK,CAAC,CAAA;AAC3C,OAAA;MAEA,IAAIO,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,WAAW,EAAE;AACpD,QAAA,IAAItB,WAAW,EAAE;AACbA,UAAAA,WAAW,CAAC;AAAEe,YAAAA,KAAK,EAALA,KAAK;AAAEC,YAAAA,KAAK,EAALA,KAAK;AAAEC,YAAAA,QAAQ,EAARA,QAAAA;AAAS,WAAC,CAAC,CAAA;AAC3C,SAAA;AACJ,OAAA;KACH,CAAA;AAED,IAAA,IAAMM,WAAW,GAAG,SAAdA,WAAWA,CAAIF,KAA0C,EAAK;MAChEA,KAAK,CAACG,eAAe,EAAE,CAAA;AAEvB,MAAA,IAAIxB,WAAW,EAAE;AACbA,QAAAA,WAAW,CAAC;AAAEe,UAAAA,KAAK,EAALA,KAAK;AAAEC,UAAAA,KAAK,EAALA,KAAK;AAAEC,UAAAA,QAAQ,EAARA,QAAAA;AAAS,SAAC,CAAC,CAAA;AAC3C,OAAA;AAEA,MAAA,IAAId,WAAW,EAAE;AACbA,QAAAA,WAAW,CAACe,MAAM,EAAEJ,KAAK,CAAC,CAAA;AAC9B,OAAA;KACH,CAAA;AAED,IAAA,oBACIR,sBAAA,CAAAC,aAAA,CAACkB,kCAAU,EAAA;AACPH,MAAAA,GAAG,EAAEJ,MAAO;MACZQ,GAAG,EAAE,SAAAA,GAAAA,CAACC,OAAO,EAAA;AAAA,QAAA,OAAK1B,MAAM,CAAC0B,OAAO,EAAEb,KAAK,CAAC,CAAA;OAAC;MACzCc,QAAQ,EAAE,CAAC,CAAE;AACbX,MAAAA,QAAQ,EAAEA,QAAS;MACnBY,QAAQ,EAAE,CAACZ,QAAS;AACpBb,MAAAA,QAAQ,EAAEA,QAAS;AACnB0B,MAAAA,OAAO,EAAEP,WAAY;AACrBQ,MAAAA,SAAS,EAAEX,eAAgB;AAC3BY,MAAAA,IAAI,EAAEhB,KAAM;AACZX,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KACd,CAAC,CAAA;AAEV,GAAC,CACQ,CAAC,CAAA;AAEtB;;;;"}
@@ -1,25 +0,0 @@
1
- require('./TextFieldChipNew.styles_119gtz1.css');
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var react = require('@linaria/react');
7
- var common = require('../../../../engines/common.js');
8
- var Chip$1 = require('../../../Chip/Chip.js');
9
-
10
- // issue #823
11
- var mergedConfig = /*#__PURE__*/common.mergeConfig(Chip$1.chipConfig);
12
- var Chip = /*#__PURE__*/common.component(mergedConfig);
13
-
14
- // NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
15
- var _exp = function _exp() {
16
- return Chip;
17
- };
18
- var StyledChip = /*#__PURE__*/react.styled(_exp())({
19
- name: "StyledChip",
20
- "class": "s11qqqhl",
21
- propsAsIs: true
22
- });
23
-
24
- exports.StyledChip = StyledChip;
25
- //# sourceMappingURL=TextFieldChipNew.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextFieldChipNew.styles.js","sources":["../../../../../src/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\nimport { addFocus } from 'src/mixins';\nimport { chipConfig, chipTokens } from 'src/components/Chip';\n\nimport { tokens } from '../../TextField.tokens';\n\n// issue #823\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части\nexport const StyledChip = styled(Chip)`\n ${chipTokens.color}: var(${tokens.chipColor});\n ${chipTokens.background}: var(${tokens.chipBackground});\n ${chipTokens.colorHover}: var(${tokens.chipColorHover});\n ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n ${chipTokens.colorActive}: var(${tokens.chipColorActive});\n ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n ${chipTokens.backgroundReadOnly}: var(${tokens.chipBackgroundReadOnly});\n ${chipTokens.colorReadOnly}: var(${tokens.chipColorReadOnly});\n ${chipTokens.backgroundReadOnlyHover}: var(${tokens.chipBackgroundReadOnlyHover});\n ${chipTokens.colorReadOnlyHover}: var(${tokens.chipColorReadOnlyHover});\n ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n ${chipTokens.width}: var(${tokens.chipWidth});\n ${chipTokens.height}: var(${tokens.chipHeight});\n ${chipTokens.padding}: var(${tokens.chipPadding});\n ${chipTokens.fontFamily}: var(${tokens.chipFontFamily});\n ${chipTokens.fontSize}: var(${tokens.chipFontSize});\n ${chipTokens.fontStyle}: var(${tokens.chipFontStyle});\n ${chipTokens.fontWeight}: var(${tokens.chipFontWeight});\n ${chipTokens.letterSpacing}: var(${tokens.chipLetterSpacing});\n ${chipTokens.lineHeight}: var(${tokens.chipLineHeight});\n ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n ${chipTokens.closeIconColor}: var(${tokens.chipCloseIconColor});\n ${chipTokens.focusColor}: var(${tokens.focusColor});\n ${chipTokens.disabledOpacity}: 0.4;\n\n ${addFocus({\n outlineOffset: '0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &[readonly] {\n opacity: var(${tokens.chipOpacityReadonly});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;;;;;AAOA;AACA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;;AAEpC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACiCF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsC/B;;;;"}
@@ -1 +0,0 @@
1
- .s11qqqhl{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.s11qqqhl::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s11qqqhl.focus-visible:focus::before,.s11qqqhl[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.s11qqqhl[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}