@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.
- package/dist/ActionDropdown.js +2 -2
- package/dist/Alert.js +3 -3
- package/dist/Checkbox.js +2 -2
- package/dist/ColorPicker.js +56 -44
- package/dist/ColorPicker.js.map +1 -1
- package/dist/DatePicker.js +9 -9
- package/dist/Dropdown.js +2 -2
- package/dist/Input.js +2 -2
- package/dist/Modal.js +3 -3
- package/dist/MultiEmailInput.js +2 -2
- package/dist/Pagination.js +2 -2
- package/dist/Pane.js +3 -3
- package/dist/Radio.js +2 -2
- package/dist/Select.js +4 -3
- package/dist/Select.js.map +1 -1
- package/dist/Sidebar.js +2 -2
- package/dist/Slider.js +2 -2
- package/dist/Switch.js +2 -2
- package/dist/Table.js +3 -3
- package/dist/{Textarea-3-cXauzp.js → Textarea-CRw29PQd.js} +2 -2
- package/dist/{Textarea-3-cXauzp.js.map → Textarea-CRw29PQd.js.map} +1 -1
- package/dist/Textarea.js +3 -3
- package/dist/TimePicker.js +8 -8
- package/dist/Toastr.js +2 -2
- package/dist/TranslationProvider.js +1 -1
- package/dist/Tree.js +2 -2
- package/dist/TreeSelect.js +2 -2
- package/dist/cjs/ActionDropdown.js +2 -2
- package/dist/cjs/Alert.js +3 -3
- package/dist/cjs/Checkbox.js +2 -2
- package/dist/cjs/ColorPicker.js +59 -47
- package/dist/cjs/ColorPicker.js.map +1 -1
- package/dist/cjs/DatePicker.js +9 -9
- package/dist/cjs/Dropdown.js +2 -2
- package/dist/cjs/Input.js +2 -2
- package/dist/cjs/Modal.js +3 -3
- package/dist/cjs/MultiEmailInput.js +2 -2
- package/dist/cjs/Pagination.js +2 -2
- package/dist/cjs/Pane.js +3 -3
- package/dist/cjs/Radio.js +2 -2
- package/dist/cjs/Select.js +4 -3
- package/dist/cjs/Select.js.map +1 -1
- package/dist/cjs/Sidebar.js +2 -2
- package/dist/cjs/Slider.js +2 -2
- package/dist/cjs/Switch.js +2 -2
- package/dist/cjs/Table.js +3 -3
- package/dist/cjs/{Textarea-LBcvW1K5.js → Textarea-BgyETa8O.js} +2 -2
- package/dist/cjs/{Textarea-LBcvW1K5.js.map → Textarea-BgyETa8O.js.map} +1 -1
- package/dist/cjs/Textarea.js +3 -3
- package/dist/cjs/TimePicker.js +8 -8
- package/dist/cjs/Toastr.js +2 -2
- package/dist/cjs/TranslationProvider.js +1 -1
- package/dist/cjs/Tree.js +2 -2
- package/dist/cjs/TreeSelect.js +2 -2
- package/dist/cjs/{en-1dfvTYgC.js → en-BxFw89Pr.js} +4 -1
- package/dist/cjs/en-BxFw89Pr.js.map +1 -0
- package/dist/cjs/formik/ActionBlock.js +2 -2
- package/dist/cjs/formik/BlockNavigation.js +3 -3
- package/dist/cjs/formik/Checkbox.js +2 -2
- package/dist/cjs/formik/Input.js +2 -2
- package/dist/cjs/formik/MultiEmailInput.js +2 -2
- package/dist/cjs/formik/Radio.js +2 -2
- package/dist/cjs/formik/Select.js +2 -2
- package/dist/cjs/formik/Slider.js +2 -2
- package/dist/cjs/formik/Switch.js +2 -2
- package/dist/cjs/formik/Textarea.js +3 -3
- package/dist/cjs/formik/TreeSelect.js +2 -2
- package/dist/cjs/formik/index.js +4 -4
- package/dist/cjs/{index-CeDeXLYn.js → index-BhOtyi3g.js} +8 -2
- package/dist/cjs/index-BhOtyi3g.js.map +1 -0
- package/dist/cjs/{index-CcRFfH3_.js → index-TH9OcQgm.js} +6 -6
- package/dist/cjs/{index-CcRFfH3_.js.map → index-TH9OcQgm.js.map} +1 -1
- package/dist/cjs/index.js +8 -8
- package/dist/cjs/layouts.js +2 -2
- package/dist/cjs/{useOverlayManager-DESPn-02.js → useOverlayManager-BtXVAjbj.js} +2 -2
- package/dist/cjs/{useOverlayManager-DESPn-02.js.map → useOverlayManager-BtXVAjbj.js.map} +1 -1
- package/dist/cjs/{tinycolor-C4a31PPv.js → useRecentlyUsedColors-4OtHJzfd.js} +57 -1
- package/dist/cjs/useRecentlyUsedColors-4OtHJzfd.js.map +1 -0
- package/dist/cjs/{useRestoreScrollPosition-BK_cjTVt.js → useRestoreScrollPosition-DJuC0n_w.js} +2 -2
- package/dist/cjs/{useRestoreScrollPosition-BK_cjTVt.js.map → useRestoreScrollPosition-DJuC0n_w.js.map} +1 -1
- package/dist/{en-CJac0MnO.js → en-BOIP5pPR.js} +4 -1
- package/dist/en-BOIP5pPR.js.map +1 -0
- package/dist/formik/ActionBlock.js +2 -2
- package/dist/formik/BlockNavigation.js +3 -3
- package/dist/formik/Checkbox.js +2 -2
- package/dist/formik/Input.js +2 -2
- package/dist/formik/MultiEmailInput.js +2 -2
- package/dist/formik/Radio.js +2 -2
- package/dist/formik/Select.js +2 -2
- package/dist/formik/Slider.js +2 -2
- package/dist/formik/Switch.js +2 -2
- package/dist/formik/Textarea.js +3 -3
- package/dist/formik/TreeSelect.js +2 -2
- package/dist/formik/index.js +4 -4
- package/dist/{index-CHqRt5LZ.js → index-Cxd2OUoY.js} +6 -6
- package/dist/{index-CHqRt5LZ.js.map → index-Cxd2OUoY.js.map} +1 -1
- package/dist/{index-qrY3Z55Q.js → index-diCZU7sv.js} +8 -3
- package/dist/index-diCZU7sv.js.map +1 -0
- package/dist/index.js +8 -8
- package/dist/layouts.js +2 -2
- package/dist/{useOverlayManager-Dfvl7BcV.js → useOverlayManager-CwoiTegT.js} +2 -2
- package/dist/{useOverlayManager-Dfvl7BcV.js.map → useOverlayManager-CwoiTegT.js.map} +1 -1
- package/dist/{tinycolor-DX-kZ4bq.js → useRecentlyUsedColors-BuNIVO4w.js} +57 -2
- package/dist/useRecentlyUsedColors-BuNIVO4w.js.map +1 -0
- package/dist/{useRestoreScrollPosition-DLitthZX.js → useRestoreScrollPosition-Ddj07tNX.js} +2 -2
- package/dist/{useRestoreScrollPosition-DLitthZX.js.map → useRestoreScrollPosition-Ddj07tNX.js.map} +1 -1
- package/package.json +1 -1
- package/src/translations/en.json +3 -0
- package/types/ColorPicker.d.ts +1 -0
- package/dist/cjs/en-1dfvTYgC.js.map +0 -1
- package/dist/cjs/index-CeDeXLYn.js.map +0 -1
- package/dist/cjs/tinycolor-C4a31PPv.js.map +0 -1
- package/dist/en-CJac0MnO.js.map +0 -1
- package/dist/index-qrY3Z55Q.js.map +0 -1
- package/dist/tinycolor-DX-kZ4bq.js.map +0 -1
package/dist/cjs/ColorPicker.js
CHANGED
|
@@ -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
|
|
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
|
|
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-
|
|
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: "#
|
|
49
|
-
}, {
|
|
50
|
-
hex: "#2A79C4"
|
|
48
|
+
hex: "#FECE1E"
|
|
51
49
|
}, {
|
|
52
|
-
hex: "#
|
|
50
|
+
hex: "#F32E48"
|
|
53
51
|
}, {
|
|
54
|
-
hex: "#
|
|
52
|
+
hex: "#02C39A"
|
|
55
53
|
}, {
|
|
56
|
-
hex: "#
|
|
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: "#
|
|
69
|
-
}, {
|
|
70
|
-
hex: "#FECE1E"
|
|
71
|
-
}, {
|
|
72
|
-
hex: "#FFD69D"
|
|
73
|
-
}, {
|
|
74
|
-
hex: "#FE871E"
|
|
60
|
+
hex: "#8064CE"
|
|
75
61
|
}, {
|
|
76
|
-
hex: "#
|
|
62
|
+
hex: "#FE861E"
|
|
77
63
|
}, {
|
|
78
|
-
hex: "#
|
|
64
|
+
hex: "#FF7DC9"
|
|
79
65
|
}, {
|
|
80
66
|
hex: "#028090"
|
|
81
67
|
}, {
|
|
82
|
-
hex: "#
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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
|
|
229
|
-
|
|
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":"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","x_google_ignoreList":[0,1]}
|
package/dist/cjs/DatePicker.js
CHANGED
|
@@ -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('
|
|
27
|
+
require('react-i18next');
|
|
28
|
+
require('./useRecentlyUsedColors-4OtHJzfd.js');
|
|
27
29
|
require('./Dropdown.js');
|
|
28
|
-
require('./index-
|
|
29
|
-
var DatePicker = require('./index-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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');
|
package/dist/cjs/Dropdown.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
24
|
+
require('./index-BhOtyi3g.js');
|
|
25
25
|
require('@bigbinary/neeto-cist');
|
|
26
|
-
require('./en-
|
|
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-
|
|
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-
|
|
39
|
+
require('./en-BxFw89Pr.js');
|
|
40
40
|
require('dayjs');
|
|
41
41
|
require('dayjs/plugin/localeData');
|
|
42
42
|
require('dayjs/plugin/utc');
|
package/dist/cjs/Pagination.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
23
|
+
require('./index-BhOtyi3g.js');
|
|
24
24
|
require('@bigbinary/neeto-cist');
|
|
25
|
-
require('./en-
|
|
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-
|
|
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-
|
|
28
|
+
require('./en-BxFw89Pr.js');
|
|
29
29
|
require('@babel/runtime/helpers/toConsumableArray');
|
|
30
30
|
require('dayjs');
|
|
31
31
|
require('dayjs/plugin/localeData');
|
package/dist/cjs/Select.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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
|
};
|