@bigbinary/neetoui 8.2.53 → 8.2.55

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 (115) hide show
  1. package/dist/ActionDropdown.js +2 -2
  2. package/dist/Alert.js +3 -3
  3. package/dist/Checkbox.js +2 -2
  4. package/dist/ColorPicker.js +56 -44
  5. package/dist/ColorPicker.js.map +1 -1
  6. package/dist/DatePicker.js +9 -9
  7. package/dist/Dropdown.js +2 -2
  8. package/dist/Input.js +2 -2
  9. package/dist/Modal.js +3 -3
  10. package/dist/MultiEmailInput.js +2 -2
  11. package/dist/Pagination.js +2 -2
  12. package/dist/Pane.js +3 -3
  13. package/dist/Radio.js +2 -2
  14. package/dist/Select.js +4 -3
  15. package/dist/Select.js.map +1 -1
  16. package/dist/Sidebar.js +2 -2
  17. package/dist/Slider.js +2 -2
  18. package/dist/Switch.js +2 -2
  19. package/dist/Table.js +3 -3
  20. package/dist/{Textarea-3-cXauzp.js → Textarea-CRw29PQd.js} +2 -2
  21. package/dist/{Textarea-3-cXauzp.js.map → Textarea-CRw29PQd.js.map} +1 -1
  22. package/dist/Textarea.js +3 -3
  23. package/dist/TimePicker.js +8 -8
  24. package/dist/Toastr.js +2 -2
  25. package/dist/TranslationProvider.js +1 -1
  26. package/dist/Tree.js +2 -2
  27. package/dist/TreeSelect.js +2 -2
  28. package/dist/cjs/ActionDropdown.js +2 -2
  29. package/dist/cjs/Alert.js +3 -3
  30. package/dist/cjs/Checkbox.js +2 -2
  31. package/dist/cjs/ColorPicker.js +59 -47
  32. package/dist/cjs/ColorPicker.js.map +1 -1
  33. package/dist/cjs/DatePicker.js +9 -9
  34. package/dist/cjs/Dropdown.js +2 -2
  35. package/dist/cjs/Input.js +2 -2
  36. package/dist/cjs/Modal.js +3 -3
  37. package/dist/cjs/MultiEmailInput.js +2 -2
  38. package/dist/cjs/Pagination.js +2 -2
  39. package/dist/cjs/Pane.js +3 -3
  40. package/dist/cjs/Radio.js +2 -2
  41. package/dist/cjs/Select.js +4 -3
  42. package/dist/cjs/Select.js.map +1 -1
  43. package/dist/cjs/Sidebar.js +2 -2
  44. package/dist/cjs/Slider.js +2 -2
  45. package/dist/cjs/Switch.js +2 -2
  46. package/dist/cjs/Table.js +3 -3
  47. package/dist/cjs/{Textarea-LBcvW1K5.js → Textarea-BgyETa8O.js} +2 -2
  48. package/dist/cjs/{Textarea-LBcvW1K5.js.map → Textarea-BgyETa8O.js.map} +1 -1
  49. package/dist/cjs/Textarea.js +3 -3
  50. package/dist/cjs/TimePicker.js +8 -8
  51. package/dist/cjs/Toastr.js +2 -2
  52. package/dist/cjs/TranslationProvider.js +1 -1
  53. package/dist/cjs/Tree.js +2 -2
  54. package/dist/cjs/TreeSelect.js +2 -2
  55. package/dist/cjs/{en-1dfvTYgC.js → en-BxFw89Pr.js} +4 -1
  56. package/dist/cjs/en-BxFw89Pr.js.map +1 -0
  57. package/dist/cjs/formik/ActionBlock.js +2 -2
  58. package/dist/cjs/formik/BlockNavigation.js +3 -3
  59. package/dist/cjs/formik/Checkbox.js +2 -2
  60. package/dist/cjs/formik/Input.js +2 -2
  61. package/dist/cjs/formik/MultiEmailInput.js +2 -2
  62. package/dist/cjs/formik/Radio.js +2 -2
  63. package/dist/cjs/formik/Select.js +2 -2
  64. package/dist/cjs/formik/Slider.js +2 -2
  65. package/dist/cjs/formik/Switch.js +2 -2
  66. package/dist/cjs/formik/Textarea.js +3 -3
  67. package/dist/cjs/formik/TreeSelect.js +2 -2
  68. package/dist/cjs/formik/index.js +4 -4
  69. package/dist/cjs/{index-CeDeXLYn.js → index-BhOtyi3g.js} +8 -2
  70. package/dist/cjs/index-BhOtyi3g.js.map +1 -0
  71. package/dist/cjs/{index-CcRFfH3_.js → index-TH9OcQgm.js} +6 -6
  72. package/dist/cjs/{index-CcRFfH3_.js.map → index-TH9OcQgm.js.map} +1 -1
  73. package/dist/cjs/index.js +8 -8
  74. package/dist/cjs/layouts.js +2 -2
  75. package/dist/cjs/{useOverlayManager-DESPn-02.js → useOverlayManager-BtXVAjbj.js} +2 -2
  76. package/dist/cjs/{useOverlayManager-DESPn-02.js.map → useOverlayManager-BtXVAjbj.js.map} +1 -1
  77. package/dist/cjs/{tinycolor-C4a31PPv.js → useRecentlyUsedColors-4OtHJzfd.js} +57 -1
  78. package/dist/cjs/useRecentlyUsedColors-4OtHJzfd.js.map +1 -0
  79. package/dist/cjs/{useRestoreScrollPosition-BK_cjTVt.js → useRestoreScrollPosition-DJuC0n_w.js} +2 -2
  80. package/dist/cjs/{useRestoreScrollPosition-BK_cjTVt.js.map → useRestoreScrollPosition-DJuC0n_w.js.map} +1 -1
  81. package/dist/{en-CJac0MnO.js → en-BOIP5pPR.js} +4 -1
  82. package/dist/en-BOIP5pPR.js.map +1 -0
  83. package/dist/formik/ActionBlock.js +2 -2
  84. package/dist/formik/BlockNavigation.js +3 -3
  85. package/dist/formik/Checkbox.js +2 -2
  86. package/dist/formik/Input.js +2 -2
  87. package/dist/formik/MultiEmailInput.js +2 -2
  88. package/dist/formik/Radio.js +2 -2
  89. package/dist/formik/Select.js +2 -2
  90. package/dist/formik/Slider.js +2 -2
  91. package/dist/formik/Switch.js +2 -2
  92. package/dist/formik/Textarea.js +3 -3
  93. package/dist/formik/TreeSelect.js +2 -2
  94. package/dist/formik/index.js +4 -4
  95. package/dist/{index-CHqRt5LZ.js → index-Cxd2OUoY.js} +6 -6
  96. package/dist/{index-CHqRt5LZ.js.map → index-Cxd2OUoY.js.map} +1 -1
  97. package/dist/{index-qrY3Z55Q.js → index-diCZU7sv.js} +8 -3
  98. package/dist/index-diCZU7sv.js.map +1 -0
  99. package/dist/index.js +8 -8
  100. package/dist/layouts.js +2 -2
  101. package/dist/{useOverlayManager-Dfvl7BcV.js → useOverlayManager-CwoiTegT.js} +2 -2
  102. package/dist/{useOverlayManager-Dfvl7BcV.js.map → useOverlayManager-CwoiTegT.js.map} +1 -1
  103. package/dist/{tinycolor-DX-kZ4bq.js → useRecentlyUsedColors-BuNIVO4w.js} +57 -2
  104. package/dist/useRecentlyUsedColors-BuNIVO4w.js.map +1 -0
  105. package/dist/{useRestoreScrollPosition-DLitthZX.js → useRestoreScrollPosition-Ddj07tNX.js} +2 -2
  106. package/dist/{useRestoreScrollPosition-DLitthZX.js.map → useRestoreScrollPosition-Ddj07tNX.js.map} +1 -1
  107. package/package.json +1 -1
  108. package/src/translations/en.json +3 -0
  109. package/types/ColorPicker.d.ts +1 -0
  110. package/dist/cjs/en-1dfvTYgC.js.map +0 -1
  111. package/dist/cjs/index-CeDeXLYn.js.map +0 -1
  112. package/dist/cjs/tinycolor-C4a31PPv.js.map +0 -1
  113. package/dist/en-CJac0MnO.js.map +0 -1
  114. package/dist/index-qrY3Z55Q.js.map +0 -1
  115. package/dist/tinycolor-DX-kZ4bq.js.map +0 -1
@@ -2,6 +2,7 @@
2
2
 
3
3
  var _extends = require('@babel/runtime/helpers/extends');
4
4
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
+ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
5
6
  var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
6
7
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
7
8
  var _regeneratorRuntime = require('@babel/runtime/regenerator');
@@ -9,10 +10,12 @@ var React = require('react');
9
10
  var classnames = require('classnames');
10
11
  var neetoIcons = require('@bigbinary/neeto-icons');
11
12
  var reactColorful = require('react-colorful');
12
- var tinycolor = require('./tinycolor-C4a31PPv.js');
13
+ var reactI18next = require('react-i18next');
14
+ var useRecentlyUsedColors = require('./useRecentlyUsedColors-4OtHJzfd.js');
13
15
  var Button = require('./Button.js');
14
16
  var Dropdown = require('./Dropdown.js');
15
- var index = require('./index-CeDeXLYn.js');
17
+ var Typography = require('./Typography.js');
18
+ var index = require('./index-BhOtyi3g.js');
16
19
  require('@babel/runtime/helpers/objectWithoutProperties');
17
20
  require('react-router-dom');
18
21
  require('./Spinner.js');
@@ -24,8 +27,7 @@ require('@bigbinary/neeto-cist');
24
27
  require('@babel/runtime/helpers/classCallCheck');
25
28
  require('@babel/runtime/helpers/createClass');
26
29
  require('qs');
27
- require('./en-1dfvTYgC.js');
28
- require('@babel/runtime/helpers/toConsumableArray');
30
+ require('./en-BxFw89Pr.js');
29
31
  require('dayjs');
30
32
  require('dayjs/plugin/localeData');
31
33
  require('dayjs/plugin/utc');
@@ -40,58 +42,30 @@ var DEFAULT_PALETTE_COLORS = [{
40
42
  hex: "#FFFFFF"
41
43
  }, {
42
44
  hex: "#D6D6D6"
43
- }, {
44
- hex: "#676767"
45
45
  }, {
46
46
  hex: "#0A0E13"
47
47
  }, {
48
- hex: "#91E5F6"
49
- }, {
50
- hex: "#2A79C4"
48
+ hex: "#FECE1E"
51
49
  }, {
52
- hex: "#095482"
50
+ hex: "#F32E48"
53
51
  }, {
54
- hex: "#FFCDD2"
52
+ hex: "#02C39A"
55
53
  }, {
56
- hex: "#E2EFAC"
54
+ hex: "#2A79C4"
57
55
  }, {
58
56
  hex: "#B3E5FC"
59
- }, {
60
- hex: "#C8E6C9"
61
- }, {
62
- hex: "#D7CCC8"
63
- }, {
64
- hex: "#F5DD90"
65
57
  }, {
66
58
  hex: "#C3C6F9"
67
59
  }, {
68
- hex: "#FFF7AE"
69
- }, {
70
- hex: "#FECE1E"
71
- }, {
72
- hex: "#FFD69D"
73
- }, {
74
- hex: "#FE871E"
60
+ hex: "#8064CE"
75
61
  }, {
76
- hex: "#02C39A"
62
+ hex: "#FE861E"
77
63
  }, {
78
- hex: "#00A896"
64
+ hex: "#FF7DC9"
79
65
  }, {
80
66
  hex: "#028090"
81
67
  }, {
82
- hex: "#99B898"
83
- }, {
84
- hex: "#586BA4"
85
- }, {
86
- hex: "#324376"
87
- }, {
88
- hex: "#FF847C"
89
- }, {
90
- hex: "#F32E48"
91
- }, {
92
- hex: "#8064CE"
93
- }, {
94
- hex: "#4F329A"
68
+ hex: "#095482"
95
69
  }];
96
70
 
97
71
  var Palette = function Palette(_ref) {
@@ -104,7 +78,7 @@ var Palette = function Palette(_ref) {
104
78
  }, colorList.map(function (item) {
105
79
  var hex = item.hex,
106
80
  rgb = item.rgb;
107
- var colorObject = tinycolor.tinycolor(hex !== null && hex !== void 0 ? hex : rgb);
81
+ var colorObject = useRecentlyUsedColors.tinycolor(hex !== null && hex !== void 0 ? hex : rgb);
108
82
  var isTransparent = colorObject.getAlpha() === 0;
109
83
  var isActive = Boolean(
110
84
  // hex is case insensitive.
@@ -154,21 +128,34 @@ var ColorPicker = function ColorPicker(_ref) {
154
128
  _ref$showPicker = _ref.showPicker,
155
129
  showPicker = _ref$showPicker === void 0 ? true : _ref$showPicker,
156
130
  portalProps = _ref.portalProps,
157
- colorPalette = _ref.colorPalette;
131
+ colorPalette = _ref.colorPalette,
132
+ _ref$showRecentlyUsed = _ref.showRecentlyUsedColors,
133
+ showRecentlyUsedColors = _ref$showRecentlyUsed === void 0 ? showPicker : _ref$showRecentlyUsed;
134
+ var _useTranslation = reactI18next.useTranslation(),
135
+ t = _useTranslation.t,
136
+ i18n = _useTranslation.i18n;
158
137
  var _useState = React.useState(color),
159
138
  _useState2 = _slicedToArray(_useState, 2),
160
139
  colorInternal = _useState2[0],
161
140
  setColorInternal = _useState2[1];
141
+ var _useState3 = React.useState(false),
142
+ _useState4 = _slicedToArray(_useState3, 2),
143
+ isColorSelected = _useState4[0],
144
+ setIsColorSelected = _useState4[1];
162
145
  var isInputChanged = React.useRef(false);
163
146
  var _useEyeDropper = useEyeDropper({
164
147
  pickRadius: 3
165
148
  }),
166
149
  open = _useEyeDropper.open,
167
150
  isSupported = _useEyeDropper.isSupported;
151
+ var _useRecentlyUsedColor = useRecentlyUsedColors.useRecentlyUsedColors(),
152
+ _useRecentlyUsedColor2 = _slicedToArray(_useRecentlyUsedColor, 2),
153
+ recentlyUsedColors = _useRecentlyUsedColor2[0],
154
+ setRecentlyUsedColors = _useRecentlyUsedColor2[1];
168
155
  var PickerComponent = showTransparencyControl ? reactColorful.HexAlphaColorPicker : reactColorful.HexColorPicker;
169
156
  var colorValue = (_ref2 = color !== null && color !== void 0 ? color : colorInternal) !== null && _ref2 !== void 0 ? _ref2 : "";
170
157
  var getColor = function getColor(colorValue) {
171
- var color = tinycolor.tinycolor(colorValue);
158
+ var color = useRecentlyUsedColors.tinycolor(colorValue);
172
159
  if (color.isValid()) {
173
160
  var hex = color.toHexString();
174
161
  // return `transparent` for transparent colors.
@@ -184,6 +171,7 @@ var ColorPicker = function ColorPicker(_ref) {
184
171
  };
185
172
  };
186
173
  var onColorChange = function onColorChange(color) {
174
+ setIsColorSelected(true);
187
175
  var changeHandler = onChange !== null && onChange !== void 0 ? onChange : setColorInternal;
188
176
  changeHandler(getColor(color));
189
177
  };
@@ -208,7 +196,7 @@ var ColorPicker = function ColorPicker(_ref) {
208
196
  return open();
209
197
  case 3:
210
198
  colorResponse = _context.sent;
211
- hex = tinycolor.tinycolor(colorResponse.sRGBHex).toHexString();
199
+ hex = useRecentlyUsedColors.tinycolor(colorResponse.sRGBHex).toHexString();
212
200
  onColorChange(hex);
213
201
  _context.next = 10;
214
202
  break;
@@ -225,8 +213,20 @@ var ColorPicker = function ColorPicker(_ref) {
225
213
  return _ref3.apply(this, arguments);
226
214
  };
227
215
  }();
228
- var Target = function Target(_ref4) {
229
- var size = _ref4.size;
216
+ var onClose = function onClose() {
217
+ if (!showRecentlyUsedColors || !isColorSelected) return;
218
+ var newColor = getColor(colorValue);
219
+ var recentColorsExcludingNew = recentlyUsedColors.filter(function (_ref4) {
220
+ var hex = _ref4.hex;
221
+ return hex !== newColor.hex;
222
+ });
223
+ var updatedColors = [newColor].concat(_toConsumableArray(recentColorsExcludingNew));
224
+ if (updatedColors.length > 14) updatedColors.pop();
225
+ setRecentlyUsedColors(updatedColors);
226
+ setIsColorSelected(false);
227
+ };
228
+ var Target = function Target(_ref5) {
229
+ var size = _ref5.size;
230
230
  return /*#__PURE__*/React.createElement("button", {
231
231
  "data-cy": "color-picker-target",
232
232
  "data-testid": "neeto-color-picker",
@@ -259,7 +259,9 @@ var ColorPicker = function ColorPicker(_ref) {
259
259
  }),
260
260
  label: colorValue,
261
261
  position: "bottom-start"
262
- }, dropdownProps, {
262
+ }, _objectSpread(_objectSpread({}, dropdownProps), {}, {
263
+ onClose: onClose
264
+ }), {
263
265
  dropdownProps: _objectSpread(_objectSpread({}, dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.dropdownProps), portalProps)
264
266
  }), /*#__PURE__*/React.createElement("div", {
265
267
  className: "neeto-ui-colorpicker__popover"
@@ -299,6 +301,16 @@ var ColorPicker = function ColorPicker(_ref) {
299
301
  color: color,
300
302
  colorList: colorPalette,
301
303
  onChange: onColorChange
304
+ })), showRecentlyUsedColors && recentlyUsedColors.length > 0 && /*#__PURE__*/React.createElement("div", {
305
+ className: "neeto-ui-colorpicker__palette-wrapper neeto-ui-border-t neeto-ui-border-gray-200 neeto-ui-pt-3",
306
+ "data-testid": "color-palette-recently-used"
307
+ }, /*#__PURE__*/React.createElement(Typography, {
308
+ className: "neeto-ui-text-gray-600 mb-2",
309
+ style: "body3",
310
+ weight: "medium"
311
+ }, index.getLocale(i18n, t, "neetoui.colorPicker.recentlyUsed")), /*#__PURE__*/React.createElement(Palette, {
312
+ colorList: recentlyUsedColors,
313
+ onChange: onColorChange
302
314
  }))));
303
315
  };
304
316
 
@@ -1 +1 @@
1
- {"version":3,"file":"ColorPicker.js","sources":["../../node_modules/use-eye-dropper/lib/use-eye-dropper.module.js","../../node_modules/use-eye-dropper/lib/index.module.js","../../src/components/ColorPicker/constants.js","../../src/components/ColorPicker/Palette.jsx","../../src/components/ColorPicker/index.jsx"],"sourcesContent":["import{useMemo as r,useRef as o,useCallback as n,useEffect as t,useState as e}from\"react\";const s=()=>\"undefined\"!=typeof window&&\"EyeDropper\"in window,i=()=>Promise.reject(new Error(\"Unsupported browser.\")),c=()=>{const r=o(),[i,c]=e(!1);t(()=>(r.current=!0,c(s()),()=>{r.current=!1}),[]);const u=n(()=>i,[i]);return[r,u]},u=r=>{const o=(r=>s()&&new EyeDropper(r))(r);var n;return(n=o)?EyeDropper.prototype.open.bind(n):i},p=e=>{const s=r(()=>u(e),[e]),[i,p]=c(),a=o(),f=n(()=>{void 0!==a.current&&a.current.abort()},[a]),d=n(function(r){void 0===r&&(r={});try{f();const{signal:o,...n}=r,t=new AbortController;a.current=t;const e=void 0!==o?(r=>{const o=new AbortController,n=()=>{o.abort();for(const o of r)o.removeEventListener(\"abort\",n)};for(const o of r){if(o.aborted){n();break}o.addEventListener(\"abort\",n)}return o.signal})([o,t.signal]):t.signal;return Promise.resolve(function(r,o){try{var t=Promise.resolve(s({...n,signal:e}))}catch(r){return o(r)}return t&&t.then?t.then(void 0,o):t}(0,function(r){throw i.current||(r.canceled=!0),r}))}catch(r){return Promise.reject(r)}},[a,i,f,s]);return t(()=>f,[f]),{open:d,close:f,isSupported:p}};export{p as default};\n","import { default as DropperDev } from './use-eye-dropper.module.dev.js'\nimport { default as Dropper } from './use-eye-dropper.module.js'\n\nexport default process.env.NODE_ENV === 'production' ? Dropper : DropperDev\n","export const DEFAULT_PALETTE_COLORS = [\n { hex: \"#FFFFFF\" },\n { hex: \"#D6D6D6\" },\n { hex: \"#676767\" },\n { hex: \"#0A0E13\" },\n { hex: \"#91E5F6\" },\n { hex: \"#2A79C4\" },\n { hex: \"#095482\" },\n { hex: \"#FFCDD2\" },\n { hex: \"#E2EFAC\" },\n { hex: \"#B3E5FC\" },\n { hex: \"#C8E6C9\" },\n { hex: \"#D7CCC8\" },\n { hex: \"#F5DD90\" },\n { hex: \"#C3C6F9\" },\n { hex: \"#FFF7AE\" },\n { hex: \"#FECE1E\" },\n { hex: \"#FFD69D\" },\n { hex: \"#FE871E\" },\n { hex: \"#02C39A\" },\n { hex: \"#00A896\" },\n { hex: \"#028090\" },\n { hex: \"#99B898\" },\n { hex: \"#586BA4\" },\n { hex: \"#324376\" },\n { hex: \"#FF847C\" },\n { hex: \"#F32E48\" },\n { hex: \"#8064CE\" },\n { hex: \"#4F329A\" },\n];\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport tinycolor from \"tinycolor2\";\n\nimport { DEFAULT_PALETTE_COLORS } from \"./constants\";\n\nconst Palette = ({ color, colorList = DEFAULT_PALETTE_COLORS, onChange }) => (\n <div className=\"neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette neeto-ui-gap-1\">\n {colorList.map(item => {\n const { hex, rgb } = item;\n const colorObject = tinycolor(hex ?? rgb);\n const isTransparent = colorObject.getAlpha() === 0;\n const isActive = Boolean(\n // hex is case insensitive.\n color?.toLocaleLowerCase() === hex?.toLocaleLowerCase() || color === rgb\n );\n\n return (\n <div\n data-testid=\"color-palette-item\"\n key={hex ?? rgb}\n className={classnames(\n \"neeto-ui-color-palette__item neeto-ui-border\",\n { active: isActive }\n )}\n onClick={() => onChange(hex ?? rgb)}\n >\n <div\n style={{ backgroundColor: hex ?? rgb }}\n className={classnames({\n \"transparent-bg-pattern\": isTransparent,\n })}\n />\n </div>\n );\n })}\n </div>\n);\n\nPalette.propTypes = {\n color: PropTypes.string,\n colorList: PropTypes.arrayOf(\n PropTypes.shape({ hex: PropTypes.string, rgb: PropTypes.string })\n ),\n onChange: PropTypes.func,\n};\n\nexport default Palette;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Down, ColorPicker as ColorPickerIcon } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport {\n HexColorPicker,\n HexColorInput,\n HexAlphaColorPicker,\n} from \"react-colorful\";\nimport tinycolor from \"tinycolor2\";\nimport useEyeDropper from \"use-eye-dropper\";\n\nimport Button from \"components/Button\";\nimport Dropdown from \"components/Dropdown\";\nimport { noop } from \"utils\";\n\nimport Palette from \"./Palette\";\n\nconst TARGET_SIZES = {\n large: \"large\",\n medium: \"medium\",\n small: \"small\",\n};\n\nconst ColorPicker = ({\n color = \"\",\n size = TARGET_SIZES.large,\n onChange = noop,\n dropdownProps,\n showEyeDropper = true,\n showHexValue = false,\n showTransparencyControl = false,\n showPicker = true,\n portalProps,\n colorPalette,\n}) => {\n const [colorInternal, setColorInternal] = useState(color);\n const isInputChanged = useRef(false);\n const { open, isSupported } = useEyeDropper({ pickRadius: 3 });\n\n const PickerComponent = showTransparencyControl\n ? HexAlphaColorPicker\n : HexColorPicker;\n\n const colorValue = color ?? colorInternal ?? \"\";\n\n const getColor = colorValue => {\n const color = tinycolor(colorValue);\n\n if (color.isValid()) {\n let hex = color.toHexString();\n // return `transparent` for transparent colors.\n if (color.getAlpha() === 0) hex = colorValue;\n else if (showTransparencyControl) hex = color.toHex8String();\n\n return { hex, rgb: color.toRgb() };\n }\n\n return { hex: colorValue, rgb: colorValue };\n };\n\n const onColorChange = color => {\n const changeHandler = onChange ?? setColorInternal;\n\n changeHandler(getColor(color));\n };\n\n const onColorInputChange = hex => {\n isInputChanged.current = true;\n\n onColorChange(hex);\n };\n\n const onBlur = () => {\n // If input is not changed, don't call onChange on blur\n if (!isInputChanged.current) return;\n\n isInputChanged.current = false;\n onColorChange(colorValue);\n };\n\n const pickColor = async () => {\n try {\n const colorResponse = await open();\n const hex = tinycolor(colorResponse.sRGBHex).toHexString();\n onColorChange(hex);\n } catch {\n // Ensures component is still mounted\n // before calling setState\n // if (!e.canceled) setError(e);\n }\n };\n\n const Target = ({ size }) => (\n <button\n data-cy=\"color-picker-target\"\n data-testid=\"neeto-color-picker\"\n type=\"button\"\n className={classnames(\"neeto-ui-colorpicker__target\", {\n \"neeto-ui-colorpicker__target-size--large\": size === TARGET_SIZES.large,\n \"neeto-ui-colorpicker__target-size--medium\":\n size === TARGET_SIZES.medium,\n \"neeto-ui-colorpicker__target-size--small\": size === TARGET_SIZES.small,\n })}\n >\n {showHexValue && (\n <span className=\"neeto-ui-colorpicker-target__code\">{color}</span>\n )}\n <span className=\"neeto-ui-colorpicker-target__color-wrapper\">\n <span\n className=\"neeto-ui-colorpicker-target__color neeto-ui-border-gray-200\"\n style={{ backgroundColor: colorValue }}\n />\n <span className=\"neeto-ui-colorpicker-target__icon\">\n <Down size={16} />\n </span>\n </span>\n </button>\n );\n\n return (\n <Dropdown\n className=\"neeto-ui-colorpicker__dropdown\"\n closeOnSelect={false}\n customTarget={<Target {...{ size }} />}\n label={colorValue}\n position=\"bottom-start\"\n {...dropdownProps}\n dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n >\n <div className=\"neeto-ui-colorpicker__popover\">\n {showPicker && (\n <>\n <div\n className=\"neeto-ui-colorpicker__pointer\"\n data-testid=\"neeto-color-picker-section\"\n >\n <PickerComponent color={colorValue} onChange={onColorChange} />\n </div>\n <div className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-3 neeto-ui-gap-2\">\n {showEyeDropper && isSupported() && (\n <Button\n className=\"neeto-ui-colorpicker__eyedropper-btn\"\n icon={ColorPickerIcon}\n size=\"small\"\n style=\"text\"\n type=\"button\"\n onClick={pickColor}\n />\n )}\n <div className=\"neeto-ui-input__wrapper\">\n <div\n className=\"neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small\"\n data-cy=\"colorpicker-editable-input\"\n >\n <HexColorInput\n {...{ onBlur }}\n prefixed\n alpha={!!showTransparencyControl}\n color={colorValue}\n onChange={onColorInputChange}\n />\n </div>\n </div>\n </div>\n </>\n )}\n <div\n data-testid=\"color-palette\"\n className={classnames(\"neeto-ui-colorpicker__palette-wrapper\", {\n \"neeto-ui-colorpicker__palette-wrapper--hidden-picker\": !showPicker,\n \"neeto-ui-pt-3 neeto-ui-border-t neeto-ui-border-gray-200\":\n showPicker,\n })}\n >\n <Palette\n {...{ color }}\n colorList={colorPalette}\n onChange={onColorChange}\n />\n </div>\n </div>\n </Dropdown>\n );\n};\n\nColorPicker.propTypes = {\n /**\n * To specify the color value.\n */\n color: PropTypes.string,\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n * New\n * </div>\n * To set the size of the target.\n */\n size: PropTypes.oneOf(Object.values(TARGET_SIZES)),\n /**\n * To specify the action to be triggered on changing the color.\n */\n onChange: PropTypes.func,\n /**\n * To specify the colors shown in the palette.\n */\n colorPalette: PropTypes.arrayOf(\n PropTypes.shape({ hex: PropTypes.string, rgb: PropTypes.string })\n ),\n /**\n * Shows eye dropper to pick color.\n */\n showEyeDropper: PropTypes.bool,\n /**\n * To show hex value near to the color in the dropdown.\n * By default it will be enabled.\n */\n showHexValue: PropTypes.bool,\n /**\n * To show transparency control. By default it will be hidden.\n */\n showTransparencyControl: PropTypes.bool,\n /**\n * To show the color picker. Used to hide the picker in cases where only palette is required. By default it will be true.\n */\n showPicker: PropTypes.bool,\n /**\n * To specify the props to be passed to the dropdown portal.\n */\n portalProps: PropTypes.object,\n};\n\nexport default ColorPicker;\n"],"names":["o","e","t","n","r","Dropper","DEFAULT_PALETTE_COLORS","hex","Palette","_ref","color","_ref$colorList","colorList","onChange","React","createElement","className","map","item","rgb","colorObject","tinycolor","isTransparent","getAlpha","isActive","Boolean","toLocaleLowerCase","key","classnames","active","onClick","style","backgroundColor","TARGET_SIZES","large","medium","small","ColorPicker","_ref2","_ref$color","_ref$size","size","_ref$onChange","noop","dropdownProps","_ref$showEyeDropper","showEyeDropper","_ref$showHexValue","showHexValue","_ref$showTransparency","showTransparencyControl","_ref$showPicker","showPicker","portalProps","colorPalette","_useState","useState","_useState2","_slicedToArray","colorInternal","setColorInternal","isInputChanged","useRef","_useEyeDropper","useEyeDropper","pickRadius","open","isSupported","PickerComponent","HexAlphaColorPicker","HexColorPicker","colorValue","getColor","isValid","toHexString","toHex8String","toRgb","onColorChange","changeHandler","onColorInputChange","current","onBlur","pickColor","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","colorResponse","wrap","_callee$","_context","prev","next","sent","sRGBHex","t0","stop","apply","arguments","Target","_ref4","type","Down","Dropdown","_extends","closeOnSelect","customTarget","label","position","_objectSpread","Fragment","Button","icon","ColorPickerIcon","HexColorInput","prefixed","alpha"],"mappings":"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","x_google_ignoreList":[0,1]}
1
+ {"version":3,"file":"ColorPicker.js","sources":["../../node_modules/use-eye-dropper/lib/use-eye-dropper.module.js","../../node_modules/use-eye-dropper/lib/index.module.js","../../src/components/ColorPicker/constants.js","../../src/components/ColorPicker/Palette.jsx","../../src/components/ColorPicker/index.jsx"],"sourcesContent":["import{useMemo as r,useRef as o,useCallback as n,useEffect as t,useState as e}from\"react\";const s=()=>\"undefined\"!=typeof window&&\"EyeDropper\"in window,i=()=>Promise.reject(new Error(\"Unsupported browser.\")),c=()=>{const r=o(),[i,c]=e(!1);t(()=>(r.current=!0,c(s()),()=>{r.current=!1}),[]);const u=n(()=>i,[i]);return[r,u]},u=r=>{const o=(r=>s()&&new EyeDropper(r))(r);var n;return(n=o)?EyeDropper.prototype.open.bind(n):i},p=e=>{const s=r(()=>u(e),[e]),[i,p]=c(),a=o(),f=n(()=>{void 0!==a.current&&a.current.abort()},[a]),d=n(function(r){void 0===r&&(r={});try{f();const{signal:o,...n}=r,t=new AbortController;a.current=t;const e=void 0!==o?(r=>{const o=new AbortController,n=()=>{o.abort();for(const o of r)o.removeEventListener(\"abort\",n)};for(const o of r){if(o.aborted){n();break}o.addEventListener(\"abort\",n)}return o.signal})([o,t.signal]):t.signal;return Promise.resolve(function(r,o){try{var t=Promise.resolve(s({...n,signal:e}))}catch(r){return o(r)}return t&&t.then?t.then(void 0,o):t}(0,function(r){throw i.current||(r.canceled=!0),r}))}catch(r){return Promise.reject(r)}},[a,i,f,s]);return t(()=>f,[f]),{open:d,close:f,isSupported:p}};export{p as default};\n","import { default as DropperDev } from './use-eye-dropper.module.dev.js'\nimport { default as Dropper } from './use-eye-dropper.module.js'\n\nexport default process.env.NODE_ENV === 'production' ? Dropper : DropperDev\n","export const DEFAULT_PALETTE_COLORS = [\n { hex: \"#FFFFFF\" },\n { hex: \"#D6D6D6\" },\n { hex: \"#0A0E13\" },\n { hex: \"#FECE1E\" },\n { hex: \"#F32E48\" },\n { hex: \"#02C39A\" },\n { hex: \"#2A79C4\" },\n { hex: \"#B3E5FC\" },\n { hex: \"#C3C6F9\" },\n { hex: \"#8064CE\" },\n { hex: \"#FE861E\" },\n { hex: \"#FF7DC9\" },\n { hex: \"#028090\" },\n { hex: \"#095482\" },\n];\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport tinycolor from \"tinycolor2\";\n\nimport { DEFAULT_PALETTE_COLORS } from \"./constants\";\n\nconst Palette = ({ color, colorList = DEFAULT_PALETTE_COLORS, onChange }) => (\n <div className=\"neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette neeto-ui-gap-1\">\n {colorList.map(item => {\n const { hex, rgb } = item;\n const colorObject = tinycolor(hex ?? rgb);\n const isTransparent = colorObject.getAlpha() === 0;\n const isActive = Boolean(\n // hex is case insensitive.\n color?.toLocaleLowerCase() === hex?.toLocaleLowerCase() || color === rgb\n );\n\n return (\n <div\n data-testid=\"color-palette-item\"\n key={hex ?? rgb}\n className={classnames(\n \"neeto-ui-color-palette__item neeto-ui-border\",\n { active: isActive }\n )}\n onClick={() => onChange(hex ?? rgb)}\n >\n <div\n style={{ backgroundColor: hex ?? rgb }}\n className={classnames({\n \"transparent-bg-pattern\": isTransparent,\n })}\n />\n </div>\n );\n })}\n </div>\n);\n\nPalette.propTypes = {\n color: PropTypes.string,\n colorList: PropTypes.arrayOf(\n PropTypes.shape({\n hex: PropTypes.string,\n rgb: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.shape({\n r: PropTypes.number,\n g: PropTypes.number,\n b: PropTypes.number,\n }),\n ]),\n })\n ),\n onChange: PropTypes.func,\n};\n\nexport default Palette;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Down, ColorPicker as ColorPickerIcon } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport {\n HexColorPicker,\n HexColorInput,\n HexAlphaColorPicker,\n} from \"react-colorful\";\nimport { useTranslation } from \"react-i18next\";\nimport tinycolor from \"tinycolor2\";\nimport useEyeDropper from \"use-eye-dropper\";\n\nimport Button from \"components/Button\";\nimport Dropdown from \"components/Dropdown\";\nimport Typography from \"components/Typography\";\nimport { getLocale, noop } from \"utils\";\n\nimport useRecentlyUsedColors from \"./hooks/useRecentlyUsedColors\";\nimport Palette from \"./Palette\";\n\nconst TARGET_SIZES = {\n large: \"large\",\n medium: \"medium\",\n small: \"small\",\n};\n\nconst ColorPicker = ({\n color = \"\",\n size = TARGET_SIZES.large,\n onChange = noop,\n dropdownProps,\n showEyeDropper = true,\n showHexValue = false,\n showTransparencyControl = false,\n showPicker = true,\n portalProps,\n colorPalette,\n showRecentlyUsedColors = showPicker,\n}) => {\n const { t, i18n } = useTranslation();\n const [colorInternal, setColorInternal] = useState(color);\n const [isColorSelected, setIsColorSelected] = useState(false);\n const isInputChanged = useRef(false);\n const { open, isSupported } = useEyeDropper({ pickRadius: 3 });\n const [recentlyUsedColors, setRecentlyUsedColors] = useRecentlyUsedColors();\n\n const PickerComponent = showTransparencyControl\n ? HexAlphaColorPicker\n : HexColorPicker;\n\n const colorValue = color ?? colorInternal ?? \"\";\n\n const getColor = colorValue => {\n const color = tinycolor(colorValue);\n\n if (color.isValid()) {\n let hex = color.toHexString();\n // return `transparent` for transparent colors.\n if (color.getAlpha() === 0) hex = colorValue;\n else if (showTransparencyControl) hex = color.toHex8String();\n\n return { hex, rgb: color.toRgb() };\n }\n\n return { hex: colorValue, rgb: colorValue };\n };\n\n const onColorChange = color => {\n setIsColorSelected(true);\n const changeHandler = onChange ?? setColorInternal;\n\n changeHandler(getColor(color));\n };\n\n const onColorInputChange = hex => {\n isInputChanged.current = true;\n\n onColorChange(hex);\n };\n\n const onBlur = () => {\n // If input is not changed, don't call onChange on blur\n if (!isInputChanged.current) return;\n\n isInputChanged.current = false;\n onColorChange(colorValue);\n };\n\n const pickColor = async () => {\n try {\n const colorResponse = await open();\n const hex = tinycolor(colorResponse.sRGBHex).toHexString();\n onColorChange(hex);\n } catch {\n // Ensures component is still mounted\n // before calling setState\n // if (!e.canceled) setError(e);\n }\n };\n\n const onClose = () => {\n if (!showRecentlyUsedColors || !isColorSelected) return;\n\n const newColor = getColor(colorValue);\n\n const recentColorsExcludingNew = recentlyUsedColors.filter(\n ({ hex }) => hex !== newColor.hex\n );\n\n const updatedColors = [newColor, ...recentColorsExcludingNew];\n\n if (updatedColors.length > 14) updatedColors.pop();\n\n setRecentlyUsedColors(updatedColors);\n setIsColorSelected(false);\n };\n\n const Target = ({ size }) => (\n <button\n data-cy=\"color-picker-target\"\n data-testid=\"neeto-color-picker\"\n type=\"button\"\n className={classnames(\"neeto-ui-colorpicker__target\", {\n \"neeto-ui-colorpicker__target-size--large\": size === TARGET_SIZES.large,\n \"neeto-ui-colorpicker__target-size--medium\":\n size === TARGET_SIZES.medium,\n \"neeto-ui-colorpicker__target-size--small\": size === TARGET_SIZES.small,\n })}\n >\n {showHexValue && (\n <span className=\"neeto-ui-colorpicker-target__code\">{color}</span>\n )}\n <span className=\"neeto-ui-colorpicker-target__color-wrapper\">\n <span\n className=\"neeto-ui-colorpicker-target__color neeto-ui-border-gray-200\"\n style={{ backgroundColor: colorValue }}\n />\n <span className=\"neeto-ui-colorpicker-target__icon\">\n <Down size={16} />\n </span>\n </span>\n </button>\n );\n\n return (\n <Dropdown\n className=\"neeto-ui-colorpicker__dropdown\"\n closeOnSelect={false}\n customTarget={<Target {...{ size }} />}\n label={colorValue}\n position=\"bottom-start\"\n {...{ ...dropdownProps, onClose }}\n dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n >\n <div className=\"neeto-ui-colorpicker__popover\">\n {showPicker && (\n <>\n <div\n className=\"neeto-ui-colorpicker__pointer\"\n data-testid=\"neeto-color-picker-section\"\n >\n <PickerComponent color={colorValue} onChange={onColorChange} />\n </div>\n <div className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-3 neeto-ui-gap-2\">\n {showEyeDropper && isSupported() && (\n <Button\n className=\"neeto-ui-colorpicker__eyedropper-btn\"\n icon={ColorPickerIcon}\n size=\"small\"\n style=\"text\"\n type=\"button\"\n onClick={pickColor}\n />\n )}\n <div className=\"neeto-ui-input__wrapper\">\n <div\n className=\"neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small\"\n data-cy=\"colorpicker-editable-input\"\n >\n <HexColorInput\n {...{ onBlur }}\n prefixed\n alpha={!!showTransparencyControl}\n color={colorValue}\n onChange={onColorInputChange}\n />\n </div>\n </div>\n </div>\n </>\n )}\n <div\n data-testid=\"color-palette\"\n className={classnames(\"neeto-ui-colorpicker__palette-wrapper\", {\n \"neeto-ui-colorpicker__palette-wrapper--hidden-picker\": !showPicker,\n \"neeto-ui-pt-3 neeto-ui-border-t neeto-ui-border-gray-200\":\n showPicker,\n })}\n >\n <Palette\n {...{ color }}\n colorList={colorPalette}\n onChange={onColorChange}\n />\n </div>\n {showRecentlyUsedColors && recentlyUsedColors.length > 0 && (\n <div\n className=\"neeto-ui-colorpicker__palette-wrapper neeto-ui-border-t neeto-ui-border-gray-200 neeto-ui-pt-3\"\n data-testid=\"color-palette-recently-used\"\n >\n <Typography\n className=\"neeto-ui-text-gray-600 mb-2\"\n style=\"body3\"\n weight=\"medium\"\n >\n {getLocale(i18n, t, \"neetoui.colorPicker.recentlyUsed\")}\n </Typography>\n <Palette colorList={recentlyUsedColors} onChange={onColorChange} />\n </div>\n )}\n </div>\n </Dropdown>\n );\n};\n\nColorPicker.propTypes = {\n /**\n * To specify the color value.\n */\n color: PropTypes.string,\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n * New\n * </div>\n * To set the size of the target.\n */\n size: PropTypes.oneOf(Object.values(TARGET_SIZES)),\n /**\n * To specify the action to be triggered on changing the color.\n */\n onChange: PropTypes.func,\n /**\n * To specify the colors shown in the palette.\n */\n colorPalette: PropTypes.arrayOf(\n PropTypes.shape({ hex: PropTypes.string, rgb: PropTypes.string })\n ),\n /**\n * Shows eye dropper to pick color.\n */\n showEyeDropper: PropTypes.bool,\n /**\n * To show hex value near to the color in the dropdown.\n * By default it will be enabled.\n */\n showHexValue: PropTypes.bool,\n /**\n * To show transparency control. By default it will be hidden.\n */\n showTransparencyControl: PropTypes.bool,\n /**\n * To show the color picker. Used to hide the picker in cases where only palette is required. By default it will be true.\n */\n showPicker: PropTypes.bool,\n /**\n * To specify the props to be passed to the dropdown portal.\n */\n portalProps: PropTypes.object,\n /**\n * To show the recently used colors.\n */\n showRecentlyUsedColors: PropTypes.bool,\n};\n\nexport default ColorPicker;\n"],"names":["o","e","t","n","r","Dropper","DEFAULT_PALETTE_COLORS","hex","Palette","_ref","color","_ref$colorList","colorList","onChange","React","createElement","className","map","item","rgb","colorObject","tinycolor","isTransparent","getAlpha","isActive","Boolean","toLocaleLowerCase","key","classnames","active","onClick","style","backgroundColor","TARGET_SIZES","large","medium","small","ColorPicker","_ref2","_ref$color","_ref$size","size","_ref$onChange","noop","dropdownProps","_ref$showEyeDropper","showEyeDropper","_ref$showHexValue","showHexValue","_ref$showTransparency","showTransparencyControl","_ref$showPicker","showPicker","portalProps","colorPalette","_ref$showRecentlyUsed","showRecentlyUsedColors","_useTranslation","useTranslation","i18n","_useState","useState","_useState2","_slicedToArray","colorInternal","setColorInternal","_useState3","_useState4","isColorSelected","setIsColorSelected","isInputChanged","useRef","_useEyeDropper","useEyeDropper","pickRadius","open","isSupported","_useRecentlyUsedColor","useRecentlyUsedColors","_useRecentlyUsedColor2","recentlyUsedColors","setRecentlyUsedColors","PickerComponent","HexAlphaColorPicker","HexColorPicker","colorValue","getColor","isValid","toHexString","toHex8String","toRgb","onColorChange","changeHandler","onColorInputChange","current","onBlur","pickColor","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","colorResponse","wrap","_callee$","_context","prev","next","sent","sRGBHex","t0","stop","apply","arguments","onClose","newColor","recentColorsExcludingNew","filter","_ref4","updatedColors","concat","_toConsumableArray","length","pop","Target","_ref5","type","Down","Dropdown","_extends","closeOnSelect","customTarget","label","position","_objectSpread","Fragment","Button","icon","ColorPickerIcon","HexColorInput","prefixed","alpha","Typography","weight","getLocale"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAA0F,MAAM,CAAC,CAAC,IAAI,WAAW,EAAE,OAAO,MAAM,EAAE,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAACA,YAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAACC,cAAC,CAAC,CAAC,CAAC,CAAC,CAACC,eAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAACC,iBAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAM,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAACC,aAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAACJ,YAAC,EAAE,CAAC,CAAC,CAACG,iBAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,GAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAACA,iBAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAAC,CAAC,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAOD,eAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;;ACG3nC,oBAAuDG;;ACHhD,IAAMC,sBAAsB,GAAG,CACpC;AAAEC,EAAAA,GAAG,EAAE,SAAA;AAAU,CAAC,EAClB;AAAEA,EAAAA,GAAG,EAAE,SAAA;AAAU,CAAC,EAClB;AAAEA,EAAAA,GAAG,EAAE,SAAA;AAAU,CAAC,EAClB;AAAEA,EAAAA,GAAG,EAAE,SAAA;AAAU,CAAC,EAClB;AAAEA,EAAAA,GAAG,EAAE,SAAA;AAAU,CAAC,EAClB;AAAEA,EAAAA,GAAG,EAAE,SAAA;AAAU,CAAC,EAClB;AAAEA,EAAAA,GAAG,EAAE,SAAA;AAAU,CAAC,EAClB;AAAEA,EAAAA,GAAG,EAAE,SAAA;AAAU,CAAC,EAClB;AAAEA,EAAAA,GAAG,EAAE,SAAA;AAAU,CAAC,EAClB;AAAEA,EAAAA,GAAG,EAAE,SAAA;AAAU,CAAC,EAClB;AAAEA,EAAAA,GAAG,EAAE,SAAA;AAAU,CAAC,EAClB;AAAEA,EAAAA,GAAG,EAAE,SAAA;AAAU,CAAC,EAClB;AAAEA,EAAAA,GAAG,EAAE,SAAA;AAAU,CAAC,EAClB;AAAEA,EAAAA,GAAG,EAAE,SAAA;AAAU,CAAC,CACnB;;ACPD,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,cAAA,GAAAF,IAAA,CAAEG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAGL,KAAAA,CAAAA,GAAAA,sBAAsB,GAAAK,cAAA;IAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAAA,oBACpEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sIAAA;AAAsI,GAAA,EAClJJ,SAAS,CAACK,GAAG,CAAC,UAAAC,IAAI,EAAI;AACrB,IAAA,IAAQX,GAAG,GAAUW,IAAI,CAAjBX,GAAG;MAAEY,GAAG,GAAKD,IAAI,CAAZC,GAAG,CAAA;IAChB,IAAMC,WAAW,GAAGC,+BAAS,CAACd,GAAG,KAAHA,IAAAA,IAAAA,GAAG,KAAHA,KAAAA,CAAAA,GAAAA,GAAG,GAAIY,GAAG,CAAC,CAAA;AACzC,IAAA,IAAMG,aAAa,GAAGF,WAAW,CAACG,QAAQ,EAAE,KAAK,CAAC,CAAA;IAClD,IAAMC,QAAQ,GAAGC,OAAO;AACtB;IACA,CAAAf,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEgB,iBAAiB,EAAE,OAAKnB,GAAG,aAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAEmB,iBAAiB,EAAE,CAAIhB,IAAAA,KAAK,KAAKS,GAAG,CACzE,CAAA;IAED,oBACEL,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACE,MAAA,aAAA,EAAY,oBAAoB;AAChCY,MAAAA,GAAG,EAAEpB,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,GAAAA,GAAG,GAAIY,GAAI;AAChBH,MAAAA,SAAS,EAAEY,UAAU,CACnB,8CAA8C,EAC9C;AAAEC,QAAAA,MAAM,EAAEL,QAAAA;AAAS,OAAC,CACpB;MACFM,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAMjB,QAAQ,CAACN,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,GAAAA,GAAG,GAAIY,GAAG,CAAC,CAAA;AAAA,OAAA;KAEnCL,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEgB,MAAAA,KAAK,EAAE;AAAEC,QAAAA,eAAe,EAAEzB,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAHA,GAAG,GAAIY,GAAAA;OAAM;MACvCH,SAAS,EAAEY,UAAU,CAAC;AACpB,QAAA,wBAAwB,EAAEN,aAAAA;OAC3B,CAAA;AAAE,KAAA,CACH,CACE,CAAA;AAEV,GAAC,CAAC,CACE,CAAA;AAAA,CACP;;;;ACjBD,IAAMW,YAAY,GAAG;AACnBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAA;AACT,CAAC,CAAA;AAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA5B,IAAA,EAYX;AAAA,EAAA,IAAA6B,KAAA,CAAA;AAAA,EAAA,IAAAC,UAAA,GAAA9B,IAAA,CAXJC,KAAK;AAALA,IAAAA,KAAK,GAAA6B,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAC,SAAA,GAAA/B,IAAA,CACVgC,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAGP,YAAY,CAACC,KAAK,GAAAM,SAAA;IAAAE,aAAA,GAAAjC,IAAA,CACzBI,QAAQ;AAARA,IAAAA,QAAQ,GAAA6B,aAAA,KAAGC,KAAAA,CAAAA,GAAAA,UAAI,GAAAD,aAAA;IACfE,aAAa,GAAAnC,IAAA,CAAbmC,aAAa;IAAAC,mBAAA,GAAApC,IAAA,CACbqC,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IAAAE,iBAAA,GAAAtC,IAAA,CACrBuC,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;IAAAE,qBAAA,GAAAxC,IAAA,CACpByC,uBAAuB;AAAvBA,IAAAA,uBAAuB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAAAE,eAAA,GAAA1C,IAAA,CAC/B2C,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;IACjBE,WAAW,GAAA5C,IAAA,CAAX4C,WAAW;IACXC,YAAY,GAAA7C,IAAA,CAAZ6C,YAAY;IAAAC,qBAAA,GAAA9C,IAAA,CACZ+C,sBAAsB;AAAtBA,IAAAA,sBAAsB,GAAAD,qBAAA,KAAGH,KAAAA,CAAAA,GAAAA,UAAU,GAAAG,qBAAA,CAAA;EAEnC,IAAAE,eAAA,GAAoBC,2BAAc,EAAE;IAA5BxD,CAAC,GAAAuD,eAAA,CAADvD,CAAC;IAAEyD,IAAI,GAAAF,eAAA,CAAJE,IAAI,CAAA;AACf,EAAA,IAAAC,SAAA,GAA0CC,cAAQ,CAACnD,KAAK,CAAC;IAAAoD,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAlDI,IAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,gBAAgB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtC,EAAA,IAAAI,UAAA,GAA8CL,cAAQ,CAAC,KAAK,CAAC;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAtDE,IAAAA,eAAe,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAC1C,EAAA,IAAMG,cAAc,GAAGC,YAAM,CAAC,KAAK,CAAC,CAAA;EACpC,IAAAC,cAAA,GAA8BC,aAAa,CAAC;AAAEC,MAAAA,UAAU,EAAE,CAAA;AAAE,KAAC,CAAC;IAAtDC,IAAI,GAAAH,cAAA,CAAJG,IAAI;IAAEC,WAAW,GAAAJ,cAAA,CAAXI,WAAW,CAAA;EACzB,IAAAC,qBAAA,GAAoDC,2CAAqB,EAAE;IAAAC,sBAAA,GAAAhB,cAAA,CAAAc,qBAAA,EAAA,CAAA,CAAA;AAApEG,IAAAA,kBAAkB,GAAAD,sBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,qBAAqB,GAAAF,sBAAA,CAAA,CAAA,CAAA,CAAA;AAEhD,EAAA,IAAMG,eAAe,GAAGhC,uBAAuB,GAC3CiC,iCAAmB,GACnBC,4BAAc,CAAA;AAElB,EAAA,IAAMC,UAAU,GAAA/C,CAAAA,KAAA,GAAG5B,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAIsD,aAAa,MAAA1B,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAA,GAAI,EAAE,CAAA;AAE/C,EAAA,IAAMgD,QAAQ,GAAG,SAAXA,QAAQA,CAAGD,UAAU,EAAI;AAC7B,IAAA,IAAM3E,KAAK,GAAGW,+BAAS,CAACgE,UAAU,CAAC,CAAA;AAEnC,IAAA,IAAI3E,KAAK,CAAC6E,OAAO,EAAE,EAAE;AACnB,MAAA,IAAIhF,GAAG,GAAGG,KAAK,CAAC8E,WAAW,EAAE,CAAA;AAC7B;MACA,IAAI9E,KAAK,CAACa,QAAQ,EAAE,KAAK,CAAC,EAAEhB,GAAG,GAAG8E,UAAU,CAAC,KACxC,IAAInC,uBAAuB,EAAE3C,GAAG,GAAGG,KAAK,CAAC+E,YAAY,EAAE,CAAA;MAE5D,OAAO;AAAElF,QAAAA,GAAG,EAAHA,GAAG;QAAEY,GAAG,EAAET,KAAK,CAACgF,KAAK,EAAA;OAAI,CAAA;AACpC,KAAA;IAEA,OAAO;AAAEnF,MAAAA,GAAG,EAAE8E,UAAU;AAAElE,MAAAA,GAAG,EAAEkE,UAAAA;KAAY,CAAA;GAC5C,CAAA;AAED,EAAA,IAAMM,aAAa,GAAG,SAAhBA,aAAaA,CAAGjF,KAAK,EAAI;IAC7B2D,kBAAkB,CAAC,IAAI,CAAC,CAAA;IACxB,IAAMuB,aAAa,GAAG/E,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,QAAQ,GAAIoD,gBAAgB,CAAA;AAElD2B,IAAAA,aAAa,CAACN,QAAQ,CAAC5E,KAAK,CAAC,CAAC,CAAA;GAC/B,CAAA;AAED,EAAA,IAAMmF,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAGtF,GAAG,EAAI;IAChC+D,cAAc,CAACwB,OAAO,GAAG,IAAI,CAAA;IAE7BH,aAAa,CAACpF,GAAG,CAAC,CAAA;GACnB,CAAA;AAED,EAAA,IAAMwF,MAAM,GAAG,SAATA,MAAMA,GAAS;AACnB;AACA,IAAA,IAAI,CAACzB,cAAc,CAACwB,OAAO,EAAE,OAAA;IAE7BxB,cAAc,CAACwB,OAAO,GAAG,KAAK,CAAA;IAC9BH,aAAa,CAACN,UAAU,CAAC,CAAA;GAC1B,CAAA;AAED,EAAA,IAAMW,SAAS,gBAAA,YAAA;IAAA,IAAAC,KAAA,GAAAC,iBAAA,eAAAC,mBAAA,CAAAC,IAAA,CAAG,SAAAC,OAAA,GAAA;MAAA,IAAAC,aAAA,EAAA/F,GAAA,CAAA;AAAA,MAAA,OAAA4F,mBAAA,CAAAI,IAAA,CAAA,SAAAC,SAAAC,QAAA,EAAA;AAAA,QAAA,OAAA,CAAA,EAAA,QAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;AAAA,UAAA,KAAA,CAAA;AAAAF,YAAAA,QAAA,CAAAC,IAAA,GAAA,CAAA,CAAA;AAAAD,YAAAA,QAAA,CAAAE,IAAA,GAAA,CAAA,CAAA;AAAA,YAAA,OAEchC,IAAI,EAAE,CAAA;AAAA,UAAA,KAAA,CAAA;YAA5B2B,aAAa,GAAAG,QAAA,CAAAG,IAAA,CAAA;YACbrG,GAAG,GAAGc,+BAAS,CAACiF,aAAa,CAACO,OAAO,CAAC,CAACrB,WAAW,EAAE,CAAA;YAC1DG,aAAa,CAACpF,GAAG,CAAC,CAAA;AAACkG,YAAAA,QAAA,CAAAE,IAAA,GAAA,EAAA,CAAA;AAAA,YAAA,MAAA;AAAA,UAAA,KAAA,CAAA;AAAAF,YAAAA,QAAA,CAAAC,IAAA,GAAA,CAAA,CAAA;YAAAD,QAAA,CAAAK,EAAA,GAAAL,QAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,UAAA,KAAA,EAAA,CAAA;AAAA,UAAA,KAAA,KAAA;YAAA,OAAAA,QAAA,CAAAM,IAAA,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA,EAAAV,OAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA;KAMtB,CAAA,CAAA,CAAA;AAAA,IAAA,OAAA,SAVKL,SAASA,GAAA;AAAA,MAAA,OAAAC,KAAA,CAAAe,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA,CAAA;AAAA,KAAA,CAAA;GAUd,EAAA,CAAA;AAED,EAAA,IAAMC,OAAO,GAAG,SAAVA,OAAOA,GAAS;AACpB,IAAA,IAAI,CAAC1D,sBAAsB,IAAI,CAACY,eAAe,EAAE,OAAA;AAEjD,IAAA,IAAM+C,QAAQ,GAAG7B,QAAQ,CAACD,UAAU,CAAC,CAAA;AAErC,IAAA,IAAM+B,wBAAwB,GAAGpC,kBAAkB,CAACqC,MAAM,CACxD,UAAAC,KAAA,EAAA;AAAA,MAAA,IAAG/G,GAAG,GAAA+G,KAAA,CAAH/G,GAAG,CAAA;AAAA,MAAA,OAAOA,GAAG,KAAK4G,QAAQ,CAAC5G,GAAG,CAAA;KAClC,CAAA,CAAA;IAED,IAAMgH,aAAa,IAAIJ,QAAQ,CAAA,CAAAK,MAAA,CAAAC,kBAAA,CAAKL,wBAAwB,CAAC,CAAA,CAAA;IAE7D,IAAIG,aAAa,CAACG,MAAM,GAAG,EAAE,EAAEH,aAAa,CAACI,GAAG,EAAE,CAAA;IAElD1C,qBAAqB,CAACsC,aAAa,CAAC,CAAA;IACpClD,kBAAkB,CAAC,KAAK,CAAC,CAAA;GAC1B,CAAA;AAED,EAAA,IAAMuD,MAAM,GAAG,SAATA,MAAMA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAMpF,IAAI,GAAAoF,KAAA,CAAJpF,IAAI,CAAA;IAAA,oBACpB3B,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AACE,MAAA,SAAA,EAAQ,qBAAqB;AAC7B,MAAA,aAAA,EAAY,oBAAoB;AAChC+G,MAAAA,IAAI,EAAC,QAAQ;AACb9G,MAAAA,SAAS,EAAEY,UAAU,CAAC,8BAA8B,EAAE;AACpD,QAAA,0CAA0C,EAAEa,IAAI,KAAKR,YAAY,CAACC,KAAK;AACvE,QAAA,2CAA2C,EACzCO,IAAI,KAAKR,YAAY,CAACE,MAAM;AAC9B,QAAA,0CAA0C,EAAEM,IAAI,KAAKR,YAAY,CAACG,KAAAA;OACnE,CAAA;AAAE,KAAA,EAEFY,YAAY,iBACXlC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMC,MAAAA,SAAS,EAAC,mCAAA;AAAmC,KAAA,EAAEN,KAAK,CAC3D,eACDI,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMC,MAAAA,SAAS,EAAC,4CAAA;KACdF,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEC,MAAAA,SAAS,EAAC,6DAA6D;AACvEe,MAAAA,KAAK,EAAE;AAAEC,QAAAA,eAAe,EAAEqD,UAAAA;AAAW,OAAA;KACrC,CAAA,eACFvE,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMC,MAAAA,SAAS,EAAC,mCAAA;AAAmC,KAAA,eACjDF,KAAA,CAAAC,aAAA,CAACgH,eAAI,EAAA;AAACtF,MAAAA,IAAI,EAAE,EAAA;KAAM,CAAA,CACb,CACF,CACA,CAAA;GACV,CAAA;AAED,EAAA,oBACE3B,KAAA,CAAAC,aAAA,CAACiH,QAAQ,EAAAC,QAAA,CAAA;AACPjH,IAAAA,SAAS,EAAC,gCAAgC;AAC1CkH,IAAAA,aAAa,EAAE,KAAM;AACrBC,IAAAA,YAAY,eAAErH,KAAA,CAAAC,aAAA,CAAC6G,MAAM,EAAA;AAAOnF,MAAAA,IAAI,EAAJA,IAAAA;KAAW,CAAA;AACvC2F,IAAAA,KAAK,EAAE/C,UAAW;AAClBgD,IAAAA,QAAQ,EAAC,cAAA;AAAc,GAAA,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACd1F,aAAa,CAAA,EAAA,EAAA,EAAA;AAAEsE,IAAAA,OAAO,EAAPA,OAAAA;AAAO,GAAA,CAAA,EAAA;AAC/BtE,IAAAA,aAAa,EAAA0F,aAAA,CAAAA,aAAA,CAAO1F,EAAAA,EAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAEA,aAAa,GAAKS,WAAW,CAAA;GAEhEvC,CAAAA,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,+BAAA;AAA+B,GAAA,EAC3CoC,UAAU,iBACTtC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAyH,QAAA,EAAA,IAAA,eACEzH,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,+BAA+B;IACzC,aAAY,EAAA,4BAAA;AAA4B,GAAA,eAExCF,KAAA,CAAAC,aAAA,CAACmE,eAAe,EAAA;AAACxE,IAAAA,KAAK,EAAE2E,UAAW;AAACxE,IAAAA,QAAQ,EAAE8E,aAAAA;AAAc,GAAA,CAAG,CAC3D,eACN7E,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,0FAAA;GACZ8B,EAAAA,cAAc,IAAI8B,WAAW,EAAE,iBAC9B9D,KAAA,CAAAC,aAAA,CAACyH,MAAM,EAAA;AACLxH,IAAAA,SAAS,EAAC,sCAAsC;AAChDyH,IAAAA,IAAI,EAAEC,sBAAgB;AACtBjG,IAAAA,IAAI,EAAC,OAAO;AACZV,IAAAA,KAAK,EAAC,MAAM;AACZ+F,IAAAA,IAAI,EAAC,QAAQ;AACbhG,IAAAA,OAAO,EAAEkE,SAAAA;GAEZ,CAAA,eACDlF,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,yBAAA;GACbF,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,kEAAkE;IAC5E,SAAQ,EAAA,4BAAA;AAA4B,GAAA,eAEpCF,KAAA,CAAAC,aAAA,CAAC4H,2BAAa,EAAA;AACN5C,IAAAA,MAAM,EAANA,MAAM;IACZ6C,QAAQ,EAAA,IAAA;IACRC,KAAK,EAAE,CAAC,CAAC3F,uBAAwB;AACjCxC,IAAAA,KAAK,EAAE2E,UAAW;AAClBxE,IAAAA,QAAQ,EAAEgF,kBAAAA;AAAmB,GAAA,CAC7B,CACE,CACF,CACF,CAET,eACD/E,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,eAAe;AAC3BC,IAAAA,SAAS,EAAEY,UAAU,CAAC,uCAAuC,EAAE;MAC7D,sDAAsD,EAAE,CAACwB,UAAU;AACnE,MAAA,0DAA0D,EACxDA,UAAAA;KACH,CAAA;AAAE,GAAA,eAEHtC,KAAA,CAAAC,aAAA,CAACP,OAAO,EAAA;AACAE,IAAAA,KAAK,EAALA,KAAK;AACXE,IAAAA,SAAS,EAAE0C,YAAa;AACxBzC,IAAAA,QAAQ,EAAE8E,aAAAA;AAAc,GAAA,CACxB,CACE,EACLnC,sBAAsB,IAAIwB,kBAAkB,CAAC0C,MAAM,GAAG,CAAC,iBACtD5G,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,gGAAgG;IAC1G,aAAY,EAAA,6BAAA;AAA6B,GAAA,eAEzCF,KAAA,CAAAC,aAAA,CAAC+H,UAAU,EAAA;AACT9H,IAAAA,SAAS,EAAC,6BAA6B;AACvCe,IAAAA,KAAK,EAAC,OAAO;AACbgH,IAAAA,MAAM,EAAC,QAAA;AAAQ,GAAA,EAEdC,eAAS,CAACrF,IAAI,EAAEzD,CAAC,EAAE,kCAAkC,CAAC,CAC5C,eACbY,KAAA,CAAAC,aAAA,CAACP,OAAO,EAAA;AAACI,IAAAA,SAAS,EAAEoE,kBAAmB;AAACnE,IAAAA,QAAQ,EAAE8E,aAAAA;GAAiB,CAAA,CAEtE,CACG,CACG,CAAA;AAEf;;;;","x_google_ignoreList":[0,1]}
@@ -20,13 +20,15 @@ require('@tippyjs/react');
20
20
  require('tippy.js');
21
21
  require('./Callout.js');
22
22
  require('./Checkbox.js');
23
+ require('@babel/runtime/helpers/toConsumableArray');
23
24
  require('@babel/runtime/helpers/asyncToGenerator');
24
25
  require('@babel/runtime/regenerator');
25
26
  require('react-colorful');
26
- require('./tinycolor-C4a31PPv.js');
27
+ require('react-i18next');
28
+ require('./useRecentlyUsedColors-4OtHJzfd.js');
27
29
  require('./Dropdown.js');
28
- require('./index-CeDeXLYn.js');
29
- var DatePicker = require('./index-CcRFfH3_.js');
30
+ require('./index-BhOtyi3g.js');
31
+ var DatePicker = require('./index-TH9OcQgm.js');
30
32
  require('./Input.js');
31
33
  require('./Label.js');
32
34
  require('./MultiEmailInput.js');
@@ -35,8 +37,7 @@ require('./useId-DXHUzdxd.js');
35
37
  require('@bigbinary/neeto-hotkeys');
36
38
  require('./overlayManager.js');
37
39
  require('qs');
38
- require('./Textarea-LBcvW1K5.js');
39
- require('@babel/runtime/helpers/toConsumableArray');
40
+ require('./Textarea-BgyETa8O.js');
40
41
  require('./Pane.js');
41
42
  require('./Popover.js');
42
43
  require('framer-motion');
@@ -52,7 +53,6 @@ require('@babel/runtime/helpers/typeof');
52
53
  require('react-dom');
53
54
  require('antd/lib/config-provider');
54
55
  require('antd/lib/slider');
55
- require('react-i18next');
56
56
  require('antd/locale/de_DE');
57
57
  require('antd/locale/en_US');
58
58
  require('antd/locale/es_ES');
@@ -64,14 +64,14 @@ require('./Switch.js');
64
64
  require('./Tab.js');
65
65
  require('antd/lib/table');
66
66
  require('react-drag-listview');
67
- require('./useRestoreScrollPosition-BK_cjTVt.js');
67
+ require('./useRestoreScrollPosition-DJuC0n_w.js');
68
68
  require('react-resizable');
69
69
  require('./Tag.js');
70
70
  require('./Toastr.js');
71
71
  require('i18next');
72
72
  require('antd/lib/tree');
73
73
  require('./TreeSelect.js');
74
- require('./en-1dfvTYgC.js');
74
+ require('./en-BxFw89Pr.js');
75
75
  require('dayjs');
76
76
  require('dayjs/plugin/localeData');
77
77
  require('dayjs/plugin/utc');
@@ -79,7 +79,7 @@ require('dayjs/plugin/weekday');
79
79
  require('dayjs/plugin/weekOfYear');
80
80
  require('./Spinner.js');
81
81
  require('./Tooltip.js');
82
- require('./useOverlayManager-DESPn-02.js');
82
+ require('./useOverlayManager-BtXVAjbj.js');
83
83
  require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
84
84
  require('@babel/runtime/helpers/esm/inheritsLoose');
85
85
  require('./constants.js');
@@ -10,7 +10,7 @@ var classnames = require('classnames');
10
10
  var neetoIcons = require('@bigbinary/neeto-icons');
11
11
  var ramda = require('ramda');
12
12
  var Button = require('./Button.js');
13
- var index = require('./index-CeDeXLYn.js');
13
+ var index = require('./index-BhOtyi3g.js');
14
14
  var neetoCist = require('@bigbinary/neeto-cist');
15
15
  var Tooltip = require('./Tooltip.js');
16
16
  var reactRouterDom = require('react-router-dom');
@@ -19,7 +19,7 @@ require('tippy.js');
19
19
  require('@babel/runtime/helpers/classCallCheck');
20
20
  require('@babel/runtime/helpers/createClass');
21
21
  require('qs');
22
- require('./en-1dfvTYgC.js');
22
+ require('./en-BxFw89Pr.js');
23
23
  require('@babel/runtime/helpers/toConsumableArray');
24
24
  require('dayjs');
25
25
  require('dayjs/plugin/localeData');
package/dist/cjs/Input.js CHANGED
@@ -11,13 +11,13 @@ var useId = require('./useId-DXHUzdxd.js');
11
11
  require('react-router-dom');
12
12
  require('@bigbinary/neeto-hotkeys');
13
13
  require('./overlayManager.js');
14
- var index = require('./index-CeDeXLYn.js');
14
+ var index = require('./index-BhOtyi3g.js');
15
15
  require('qs');
16
16
  var Label = require('./Label.js');
17
17
  require('@babel/runtime/helpers/classCallCheck');
18
18
  require('@babel/runtime/helpers/createClass');
19
19
  require('@bigbinary/neeto-cist');
20
- require('./en-1dfvTYgC.js');
20
+ require('./en-BxFw89Pr.js');
21
21
  require('@babel/runtime/helpers/toConsumableArray');
22
22
  require('dayjs');
23
23
  require('dayjs/plugin/localeData');
package/dist/cjs/Modal.js CHANGED
@@ -7,7 +7,7 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
7
7
  var React = require('react');
8
8
  var classnames = require('classnames');
9
9
  var neetoIcons = require('@bigbinary/neeto-icons');
10
- var useOverlayManager = require('./useOverlayManager-DESPn-02.js');
10
+ var useOverlayManager = require('./useOverlayManager-BtXVAjbj.js');
11
11
  var Button = require('./Button.js');
12
12
  require('react-router-dom');
13
13
  require('qs');
@@ -21,9 +21,9 @@ require('@bigbinary/neeto-hotkeys');
21
21
  require('./overlayManager.js');
22
22
  require('@babel/runtime/helpers/classCallCheck');
23
23
  require('@babel/runtime/helpers/createClass');
24
- require('./index-CeDeXLYn.js');
24
+ require('./index-BhOtyi3g.js');
25
25
  require('@bigbinary/neeto-cist');
26
- require('./en-1dfvTYgC.js');
26
+ require('./en-BxFw89Pr.js');
27
27
  require('@babel/runtime/helpers/toConsumableArray');
28
28
  require('dayjs');
29
29
  require('dayjs/plugin/localeData');
@@ -9,7 +9,7 @@ var React = require('react');
9
9
  var classnames = require('classnames');
10
10
  var ramda = require('ramda');
11
11
  var reactSelectCreatable_esm = require('./react-select-creatable.esm-Bdv9YAMt.js');
12
- var index = require('./index-CeDeXLYn.js');
12
+ var index = require('./index-BhOtyi3g.js');
13
13
  var _toArray = require('@babel/runtime/helpers/toArray');
14
14
  var neetoIcons = require('@bigbinary/neeto-icons');
15
15
  var Tag = require('./Tag.js');
@@ -36,7 +36,7 @@ require('@babel/runtime/helpers/createSuper');
36
36
  require('@babel/runtime/helpers/taggedTemplateLiteral');
37
37
  require('@babel/runtime/helpers/typeof');
38
38
  require('qs');
39
- require('./en-1dfvTYgC.js');
39
+ require('./en-BxFw89Pr.js');
40
40
  require('dayjs');
41
41
  require('dayjs/plugin/localeData');
42
42
  require('dayjs/plugin/utc');
@@ -8,7 +8,7 @@ var reactRouterDom = require('react-router-dom');
8
8
  require('@babel/runtime/helpers/slicedToArray');
9
9
  require('@bigbinary/neeto-hotkeys');
10
10
  require('./overlayManager.js');
11
- var index = require('./index-CeDeXLYn.js');
11
+ var index = require('./index-BhOtyi3g.js');
12
12
  var useQueryParams = require('./useQueryParams-l5fJJYCR.js');
13
13
  var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
14
14
  require('@babel/runtime/helpers/classCallCheck');
@@ -16,7 +16,7 @@ require('@babel/runtime/helpers/createClass');
16
16
  require('@babel/runtime/helpers/defineProperty');
17
17
  require('@bigbinary/neeto-cist');
18
18
  require('qs');
19
- require('./en-1dfvTYgC.js');
19
+ require('./en-BxFw89Pr.js');
20
20
  require('dayjs');
21
21
  require('dayjs/plugin/localeData');
22
22
  require('dayjs/plugin/utc');
package/dist/cjs/Pane.js CHANGED
@@ -7,7 +7,7 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
7
7
  var React = require('react');
8
8
  var classnames = require('classnames');
9
9
  var neetoIcons = require('@bigbinary/neeto-icons');
10
- var useOverlayManager = require('./useOverlayManager-DESPn-02.js');
10
+ var useOverlayManager = require('./useOverlayManager-BtXVAjbj.js');
11
11
  var Button = require('./Button.js');
12
12
  require('react-router-dom');
13
13
  require('qs');
@@ -20,9 +20,9 @@ require('@bigbinary/neeto-hotkeys');
20
20
  require('./overlayManager.js');
21
21
  require('@babel/runtime/helpers/classCallCheck');
22
22
  require('@babel/runtime/helpers/createClass');
23
- require('./index-CeDeXLYn.js');
23
+ require('./index-BhOtyi3g.js');
24
24
  require('@bigbinary/neeto-cist');
25
- require('./en-1dfvTYgC.js');
25
+ require('./en-BxFw89Pr.js');
26
26
  require('@babel/runtime/helpers/toConsumableArray');
27
27
  require('dayjs');
28
28
  require('dayjs/plugin/localeData');
package/dist/cjs/Radio.js CHANGED
@@ -11,7 +11,7 @@ var useId = require('./useId-DXHUzdxd.js');
11
11
  require('react-router-dom');
12
12
  require('@bigbinary/neeto-hotkeys');
13
13
  require('./overlayManager.js');
14
- var index = require('./index-CeDeXLYn.js');
14
+ var index = require('./index-BhOtyi3g.js');
15
15
  require('qs');
16
16
  require('@bigbinary/neeto-icons');
17
17
  require('./Button.js');
@@ -25,7 +25,7 @@ require('@babel/runtime/helpers/classCallCheck');
25
25
  require('@babel/runtime/helpers/createClass');
26
26
  require('@bigbinary/neeto-cist');
27
27
  require('ramda');
28
- require('./en-1dfvTYgC.js');
28
+ require('./en-BxFw89Pr.js');
29
29
  require('@babel/runtime/helpers/toConsumableArray');
30
30
  require('dayjs');
31
31
  require('dayjs/plugin/localeData');
@@ -28,7 +28,7 @@ var useId = require('./useId-DXHUzdxd.js');
28
28
  require('react-router-dom');
29
29
  require('@bigbinary/neeto-hotkeys');
30
30
  require('./overlayManager.js');
31
- var index = require('./index-CeDeXLYn.js');
31
+ var index = require('./index-BhOtyi3g.js');
32
32
  require('qs');
33
33
  var Label = require('./Label.js');
34
34
  var Spinner = require('./Spinner.js');
@@ -39,7 +39,7 @@ require('@babel/runtime/helpers/esm/createSuper');
39
39
  require('@babel/runtime/helpers/esm/toConsumableArray');
40
40
  require('@babel/runtime/helpers/esm/taggedTemplateLiteral');
41
41
  require('@babel/runtime/helpers/esm/typeof');
42
- require('./en-1dfvTYgC.js');
42
+ require('./en-BxFw89Pr.js');
43
43
  require('dayjs');
44
44
  require('dayjs/plugin/localeData');
45
45
  require('dayjs/plugin/utc');
@@ -279,13 +279,14 @@ var CustomInput = function CustomInput(props) {
279
279
  };
280
280
  var CustomOption = function CustomOption(props) {
281
281
  var ref = React.useRef();
282
+ var dataCy = props.data.dataCy;
282
283
  React.useEffect(function () {
283
284
  props.isSelected && ref.current.scrollIntoView();
284
285
  }, [props.isSelected]);
285
286
  return /*#__PURE__*/React.createElement(reactSelectCreatable_esm.components.Option, _extends$1({}, props, {
286
287
  innerRef: ref,
287
288
  innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
288
- "data-cy": "".concat(index.hyphenize(props.label), "-select-option")
289
+ "data-cy": dataCy || "".concat(index.hyphenize(props.label), "-select-option")
289
290
  })
290
291
  }));
291
292
  };