@bigbinary/neetoui 8.2.22 → 8.2.24
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 -4
- package/dist/Alert.js.map +1 -1
- package/dist/Checkbox.js +3 -3
- package/dist/ColorPicker.js +3 -3
- package/dist/ColorPicker.js.map +1 -1
- package/dist/DatePicker.js +15 -16
- package/dist/DatePicker.js.map +1 -1
- package/dist/Dropdown.js +2 -2
- package/dist/Input.js +3 -3
- package/dist/Modal.js +3 -4
- package/dist/Modal.js.map +1 -1
- package/dist/MultiEmailInput.js +15 -15
- package/dist/Pagination.js +3 -3
- package/dist/Pane.js +3 -4
- package/dist/Pane.js.map +1 -1
- package/dist/Radio.js +3 -3
- package/dist/Select.js +4 -4
- package/dist/Select.js.map +1 -1
- package/dist/Sidebar.js +3 -2
- package/dist/Sidebar.js.map +1 -1
- package/dist/Slider.js +3 -3
- package/dist/Switch.js +5 -3
- package/dist/Switch.js.map +1 -1
- package/dist/Table.js +4 -7
- package/dist/Table.js.map +1 -1
- package/dist/{Textarea-afac4a3e.js → Textarea-BcglKMaG.js} +3 -3
- package/dist/{Textarea-afac4a3e.js.map → Textarea-BcglKMaG.js.map} +1 -1
- package/dist/Textarea.js +4 -4
- package/dist/TimePicker.js +15 -16
- package/dist/TimePicker.js.map +1 -1
- package/dist/Toastr.js +2 -2
- package/dist/TranslationProvider.js +3 -1
- package/dist/TranslationProvider.js.map +1 -1
- package/dist/Tree.js +2 -2
- package/dist/TreeSelect.js +2 -2
- package/dist/cjs/Accordion.js +18 -27
- package/dist/cjs/Accordion.js.map +1 -1
- package/dist/cjs/ActionDropdown.js +8 -16
- package/dist/cjs/ActionDropdown.js.map +1 -1
- package/dist/cjs/Alert.js +9 -15
- package/dist/cjs/Alert.js.map +1 -1
- package/dist/cjs/Avatar.js +10 -19
- package/dist/cjs/Avatar.js.map +1 -1
- package/dist/cjs/Button.js +13 -21
- package/dist/cjs/Button.js.map +1 -1
- package/dist/cjs/Callout.js +5 -13
- package/dist/cjs/Callout.js.map +1 -1
- package/dist/cjs/Checkbox.js +10 -17
- package/dist/cjs/Checkbox.js.map +1 -1
- package/dist/cjs/ColorPicker.js +30 -40
- package/dist/cjs/ColorPicker.js.map +1 -1
- package/dist/cjs/DatePicker.js +15 -16
- package/dist/cjs/DatePicker.js.map +1 -1
- package/dist/cjs/Dropdown.js +30 -40
- package/dist/cjs/Dropdown.js.map +1 -1
- package/dist/cjs/Input.js +20 -29
- package/dist/cjs/Input.js.map +1 -1
- package/dist/cjs/Kbd.js +4 -11
- package/dist/cjs/Kbd.js.map +1 -1
- package/dist/cjs/Label.js +14 -22
- package/dist/cjs/Label.js.map +1 -1
- package/dist/cjs/Modal.js +22 -32
- package/dist/cjs/Modal.js.map +1 -1
- package/dist/cjs/MultiEmailInput.js +51 -62
- package/dist/cjs/MultiEmailInput.js.map +1 -1
- package/dist/cjs/NoData.js +14 -21
- package/dist/cjs/NoData.js.map +1 -1
- package/dist/cjs/Pagination.js +19 -25
- package/dist/cjs/Pagination.js.map +1 -1
- package/dist/cjs/Pane.js +19 -29
- package/dist/cjs/Pane.js.map +1 -1
- package/dist/cjs/Popover.js +5 -12
- package/dist/cjs/Popover.js.map +1 -1
- package/dist/cjs/ProgressBar.js +3 -8
- package/dist/cjs/ProgressBar.js.map +1 -1
- package/dist/cjs/Radio.js +17 -26
- package/dist/cjs/Radio.js.map +1 -1
- package/dist/cjs/Select.js +49 -62
- package/dist/cjs/Select.js.map +1 -1
- package/dist/cjs/Sidebar.js +69 -77
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/Slider.js +12 -21
- package/dist/cjs/Slider.js.map +1 -1
- package/dist/cjs/Spinner.js +2 -7
- package/dist/cjs/Spinner.js.map +1 -1
- package/dist/cjs/Stepper.js +6 -11
- package/dist/cjs/Stepper.js.map +1 -1
- package/dist/cjs/Switch.js +18 -23
- package/dist/cjs/Switch.js.map +1 -1
- package/dist/cjs/Tab.js +10 -18
- package/dist/cjs/Tab.js.map +1 -1
- package/dist/cjs/Table.js +54 -70
- package/dist/cjs/Table.js.map +1 -1
- package/dist/cjs/Tag.js +9 -16
- package/dist/cjs/Tag.js.map +1 -1
- package/dist/cjs/{Textarea-c6496fa2.js → Textarea-XjB9bG3I.js} +19 -28
- package/dist/cjs/{Textarea-c6496fa2.js.map → Textarea-XjB9bG3I.js.map} +1 -1
- package/dist/cjs/Textarea.js +4 -4
- package/dist/cjs/TimePicker.js +15 -16
- package/dist/cjs/TimePicker.js.map +1 -1
- package/dist/cjs/Toastr.js +24 -34
- package/dist/cjs/Toastr.js.map +1 -1
- package/dist/cjs/Tooltip.js +4 -12
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/cjs/TranslationProvider.js +6 -9
- package/dist/cjs/TranslationProvider.js.map +1 -1
- package/dist/cjs/Tree.js +8 -17
- package/dist/cjs/Tree.js.map +1 -1
- package/dist/cjs/TreeSelect.js +14 -24
- package/dist/cjs/TreeSelect.js.map +1 -1
- package/dist/cjs/Typography.js +4 -12
- package/dist/cjs/Typography.js.map +1 -1
- package/dist/cjs/constants.js +7 -19
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/{en-c69be2fb.js → en-1dfvTYgC.js} +1 -1
- package/dist/cjs/en-1dfvTYgC.js.map +1 -0
- package/dist/cjs/formik/ActionBlock.js +7 -13
- package/dist/cjs/formik/ActionBlock.js.map +1 -1
- package/dist/cjs/formik/BlockNavigation.js +12 -20
- package/dist/cjs/formik/BlockNavigation.js.map +1 -1
- package/dist/cjs/formik/Button.js +2 -8
- package/dist/cjs/formik/Button.js.map +1 -1
- package/dist/cjs/formik/Checkbox.js +7 -14
- package/dist/cjs/formik/Checkbox.js.map +1 -1
- package/dist/cjs/formik/Form.js +13 -24
- package/dist/cjs/formik/Form.js.map +1 -1
- package/dist/cjs/formik/Input.js +7 -14
- package/dist/cjs/formik/Input.js.map +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +6 -13
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
- package/dist/cjs/formik/Radio.js +7 -15
- package/dist/cjs/formik/Radio.js.map +1 -1
- package/dist/cjs/formik/Select.js +8 -16
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/Slider.js +7 -15
- package/dist/cjs/formik/Slider.js.map +1 -1
- package/dist/cjs/formik/Switch.js +7 -14
- package/dist/cjs/formik/Switch.js.map +1 -1
- package/dist/cjs/formik/Textarea.js +8 -15
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +5 -12
- package/dist/cjs/formik/TreeSelect.js.map +1 -1
- package/dist/cjs/formik/index.js +6 -9
- package/dist/cjs/formik/index.js.map +1 -1
- package/dist/cjs/{index-3c44e0c7.js → index-CvMjRZDt.js} +19 -33
- package/dist/cjs/{index-3c44e0c7.js.map → index-CvMjRZDt.js.map} +1 -1
- package/dist/cjs/{index-b7601801.js → index-DoQ9g6qh.js} +53 -70
- package/dist/cjs/{index-b7601801.js.map → index-DoQ9g6qh.js.map} +1 -1
- package/dist/cjs/index.js +22 -25
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/layouts.js +2 -4
- package/dist/cjs/layouts.js.map +1 -1
- package/dist/cjs/managers.js +0 -2
- package/dist/cjs/managers.js.map +1 -1
- package/dist/cjs/overlayManager.js +2 -9
- package/dist/cjs/overlayManager.js.map +1 -1
- package/dist/cjs/{react-select-creatable.esm-23eddf9f.js → react-select-creatable.esm-Bdv9YAMt.js} +231 -140
- package/dist/cjs/{react-select-creatable.esm-23eddf9f.js.map → react-select-creatable.esm-Bdv9YAMt.js.map} +1 -1
- package/dist/cjs/tinycolor-C4a31PPv.js +1214 -0
- package/dist/cjs/tinycolor-C4a31PPv.js.map +1 -0
- package/dist/cjs/{useId-4e3deb5c.js → useId-DXHUzdxd.js} +1 -1
- package/dist/cjs/{useId-4e3deb5c.js.map → useId-DXHUzdxd.js.map} +1 -1
- package/dist/cjs/{useOverlayManager-b8134604.js → useOverlayManager-CXLC179x.js} +19 -741
- package/dist/cjs/useOverlayManager-CXLC179x.js.map +1 -0
- package/dist/cjs/{useQueryParams-a8ee2f76.js → useQueryParams-l5fJJYCR.js} +2 -6
- package/dist/cjs/useQueryParams-l5fJJYCR.js.map +1 -0
- package/dist/cjs/{useRestoreScrollPosition-26e8d203.js → useRestoreScrollPosition-Dmq0tlvp.js} +18 -22
- package/dist/cjs/{useRestoreScrollPosition-26e8d203.js.map → useRestoreScrollPosition-Dmq0tlvp.js.map} +1 -1
- package/dist/{en-2d3f9fc1.js → en-CJac0MnO.js} +1 -1
- package/dist/en-CJac0MnO.js.map +1 -0
- package/dist/formik/ActionBlock.js +2 -2
- package/dist/formik/BlockNavigation.js +3 -4
- package/dist/formik/BlockNavigation.js.map +1 -1
- package/dist/formik/Checkbox.js +3 -3
- package/dist/formik/Input.js +3 -3
- package/dist/formik/MultiEmailInput.js +3 -3
- package/dist/formik/Radio.js +3 -3
- package/dist/formik/Select.js +4 -4
- package/dist/formik/Slider.js +3 -3
- package/dist/formik/Switch.js +3 -3
- package/dist/formik/Textarea.js +4 -4
- package/dist/formik/TreeSelect.js +2 -2
- package/dist/formik/index.js +6 -7
- package/dist/formik/index.js.map +1 -1
- package/dist/{index-6e82a862.js → index-BojMT3ps.js} +3 -3
- package/dist/{index-6e82a862.js.map → index-BojMT3ps.js.map} +1 -1
- package/dist/{index-40372119.js → index-H3jaZAFp.js} +6 -12
- package/dist/{index-40372119.js.map → index-H3jaZAFp.js.map} +1 -1
- package/dist/index.js +22 -23
- package/dist/index.js.map +1 -1
- package/dist/layouts.js +2 -2
- package/dist/{react-select-creatable.esm-ad71b0c0.js → react-select-creatable.esm-Dx_vEnyD.js} +137 -31
- package/dist/{react-select-creatable.esm-ad71b0c0.js.map → react-select-creatable.esm-Dx_vEnyD.js.map} +1 -1
- package/dist/tinycolor-DX-kZ4bq.js +1212 -0
- package/dist/tinycolor-DX-kZ4bq.js.map +1 -0
- package/dist/{useId-c1d20bba.js → useId-Jj9hXm-g.js} +1 -1
- package/dist/{useId-c1d20bba.js.map → useId-Jj9hXm-g.js.map} +1 -1
- package/dist/{useOverlayManager-65f6d80a.js → useOverlayManager-Dyv5Y8Ug.js} +3 -713
- package/dist/useOverlayManager-Dyv5Y8Ug.js.map +1 -0
- package/dist/{useQueryParams-dcb34865.js → useQueryParams-b60CHFUx.js} +1 -1
- package/dist/{useQueryParams-dcb34865.js.map → useQueryParams-b60CHFUx.js.map} +1 -1
- package/dist/{useRestoreScrollPosition-631cf3e5.js → useRestoreScrollPosition-DnEaioaR.js} +2 -2
- package/dist/{useRestoreScrollPosition-631cf3e5.js.map → useRestoreScrollPosition-DnEaioaR.js.map} +1 -1
- package/package.json +10 -10
- package/dist/cjs/en-c69be2fb.js.map +0 -1
- package/dist/cjs/tinycolor-b1e9a7b2.js +0 -1202
- package/dist/cjs/tinycolor-b1e9a7b2.js.map +0 -1
- package/dist/cjs/useOverlayManager-b8134604.js.map +0 -1
- package/dist/cjs/useQueryParams-a8ee2f76.js.map +0 -1
- package/dist/en-2d3f9fc1.js.map +0 -1
- package/dist/tinycolor-282c618c.js +0 -1200
- package/dist/tinycolor-282c618c.js.map +0 -1
- package/dist/useOverlayManager-65f6d80a.js.map +0 -1
package/dist/cjs/ColorPicker.js
CHANGED
|
@@ -9,10 +9,10 @@ var React = require('react');
|
|
|
9
9
|
var classnames = require('classnames');
|
|
10
10
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
11
11
|
var reactColorful = require('react-colorful');
|
|
12
|
-
var tinycolor = require('./tinycolor-
|
|
12
|
+
var tinycolor = require('./tinycolor-C4a31PPv.js');
|
|
13
13
|
var Button = require('./Button.js');
|
|
14
14
|
var Dropdown = require('./Dropdown.js');
|
|
15
|
-
var index = require('./index-
|
|
15
|
+
var index = require('./index-CvMjRZDt.js');
|
|
16
16
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
17
17
|
require('react-router-dom');
|
|
18
18
|
require('./Spinner.js');
|
|
@@ -31,17 +31,7 @@ require('dayjs/plugin/utc');
|
|
|
31
31
|
require('dayjs/plugin/weekday');
|
|
32
32
|
require('dayjs/plugin/weekOfYear');
|
|
33
33
|
require('qs');
|
|
34
|
-
require('./en-
|
|
35
|
-
|
|
36
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
37
|
-
|
|
38
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
39
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
40
|
-
var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
|
|
41
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
42
|
-
var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
|
|
43
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
44
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
34
|
+
require('./en-1dfvTYgC.js');
|
|
45
35
|
|
|
46
36
|
const s=()=>"undefined"!=typeof window&&"EyeDropper"in window,i=()=>Promise.reject(new Error("Unsupported browser.")),c=()=>{const r=React.useRef(),[i,c]=React.useState(!1);React.useEffect(()=>(r.current=!0,c(s()),()=>{r.current=!1;}),[]);const u=React.useCallback(()=>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=React.useMemo(()=>u(e),[e]),[i,p]=c(),a=React.useRef(),f=React.useCallback(()=>{void 0!==a.current&&a.current.abort();},[a]),d=React.useCallback(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 React.useEffect(()=>f,[f]),{open:d,close:f,isSupported:p}};
|
|
47
37
|
|
|
@@ -52,26 +42,26 @@ var Palette = function Palette(_ref) {
|
|
|
52
42
|
_ref$colorList = _ref.colorList,
|
|
53
43
|
colorList = _ref$colorList === void 0 ? [] : _ref$colorList,
|
|
54
44
|
onChange = _ref.onChange;
|
|
55
|
-
return /*#__PURE__*/
|
|
45
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
56
46
|
className: "neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette"
|
|
57
47
|
}, colorList.map(function (item, index) {
|
|
58
|
-
return /*#__PURE__*/
|
|
48
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
59
49
|
"data-testid": "color-palette-item",
|
|
60
50
|
key: index,
|
|
61
|
-
className:
|
|
51
|
+
className: classnames("neeto-ui-color-palette__item", {
|
|
62
52
|
active: color && color.from === item.from && color.to === item.to
|
|
63
53
|
}),
|
|
64
54
|
onClick: function onClick() {
|
|
65
55
|
return onChange(item.from, item.to);
|
|
66
56
|
}
|
|
67
|
-
}, /*#__PURE__*/
|
|
57
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
68
58
|
className: "bg-gradient-to-r from-".concat(item.from, " to-").concat(item.to)
|
|
69
59
|
}));
|
|
70
60
|
}));
|
|
71
61
|
};
|
|
72
62
|
|
|
73
63
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
74
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
64
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
75
65
|
var TARGET_SIZES = {
|
|
76
66
|
large: "large",
|
|
77
67
|
medium: "medium",
|
|
@@ -97,7 +87,7 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
97
87
|
showPicker = _ref$showPicker === void 0 ? true : _ref$showPicker,
|
|
98
88
|
portalProps = _ref.portalProps;
|
|
99
89
|
var _useState = React.useState(color),
|
|
100
|
-
_useState2 =
|
|
90
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
101
91
|
colorInternal = _useState2[0],
|
|
102
92
|
setColorInternal = _useState2[1];
|
|
103
93
|
var isInputChanged = React.useRef(false);
|
|
@@ -135,9 +125,9 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
135
125
|
onChangeInternal(getColor(colorValue));
|
|
136
126
|
};
|
|
137
127
|
var pickColor = /*#__PURE__*/function () {
|
|
138
|
-
var _ref3 =
|
|
128
|
+
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
139
129
|
var colorResponse, colorHex;
|
|
140
|
-
return
|
|
130
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
141
131
|
while (1) switch (_context.prev = _context.next) {
|
|
142
132
|
case 0:
|
|
143
133
|
_context.prev = 0;
|
|
@@ -164,68 +154,68 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
164
154
|
}();
|
|
165
155
|
var Target = function Target(_ref4) {
|
|
166
156
|
var size = _ref4.size;
|
|
167
|
-
return /*#__PURE__*/
|
|
157
|
+
return /*#__PURE__*/React.createElement("button", {
|
|
168
158
|
"data-cy": "color-picker-target",
|
|
169
159
|
"data-testid": "neeto-color-picker",
|
|
170
160
|
type: "button",
|
|
171
|
-
className:
|
|
161
|
+
className: classnames("neeto-ui-colorpicker__target", {
|
|
172
162
|
"neeto-ui-colorpicker__target-size--large": size === TARGET_SIZES.large,
|
|
173
163
|
"neeto-ui-colorpicker__target-size--medium": size === TARGET_SIZES.medium,
|
|
174
164
|
"neeto-ui-colorpicker__target-size--small": size === TARGET_SIZES.small
|
|
175
165
|
})
|
|
176
|
-
}, showHexValue && /*#__PURE__*/
|
|
166
|
+
}, showHexValue && /*#__PURE__*/React.createElement("span", {
|
|
177
167
|
className: "neeto-ui-colorpicker-target__code"
|
|
178
|
-
}, color), /*#__PURE__*/
|
|
168
|
+
}, color), /*#__PURE__*/React.createElement("span", {
|
|
179
169
|
className: "neeto-ui-colorpicker-target__color-wrapper"
|
|
180
|
-
}, /*#__PURE__*/
|
|
170
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
181
171
|
className: "neeto-ui-colorpicker-target__color neeto-ui-border-gray-400 border",
|
|
182
172
|
style: {
|
|
183
173
|
backgroundColor: colorValue
|
|
184
174
|
}
|
|
185
|
-
}), /*#__PURE__*/
|
|
175
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
186
176
|
className: "neeto-ui-colorpicker-target__icon"
|
|
187
|
-
}, /*#__PURE__*/
|
|
177
|
+
}, /*#__PURE__*/React.createElement(neetoIcons.Down, {
|
|
188
178
|
size: 16
|
|
189
179
|
}))));
|
|
190
180
|
};
|
|
191
|
-
return /*#__PURE__*/
|
|
181
|
+
return /*#__PURE__*/React.createElement(Dropdown, _extends({
|
|
192
182
|
className: "neeto-ui-colorpicker__dropdown",
|
|
193
183
|
closeOnSelect: false,
|
|
194
|
-
customTarget: /*#__PURE__*/
|
|
184
|
+
customTarget: /*#__PURE__*/React.createElement(Target, {
|
|
195
185
|
size: size
|
|
196
186
|
}),
|
|
197
187
|
label: colorValue,
|
|
198
188
|
position: "bottom-start"
|
|
199
189
|
}, dropdownProps, {
|
|
200
190
|
dropdownProps: _objectSpread(_objectSpread({}, dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.dropdownProps), portalProps)
|
|
201
|
-
}), /*#__PURE__*/
|
|
191
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
202
192
|
className: "neeto-ui-colorpicker__popover"
|
|
203
|
-
}, colorPaletteProps && /*#__PURE__*/
|
|
193
|
+
}, colorPaletteProps && /*#__PURE__*/React.createElement("div", {
|
|
204
194
|
"data-testid": "color-palette",
|
|
205
|
-
className:
|
|
195
|
+
className: classnames("neeto-ui-colorpicker__palette-wrapper", {
|
|
206
196
|
"neeto-ui-colorpicker__palette-wrapper--hidden-picker": !showPicker
|
|
207
197
|
})
|
|
208
|
-
}, /*#__PURE__*/
|
|
198
|
+
}, /*#__PURE__*/React.createElement(Palette, colorPaletteProps)), showPicker && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
209
199
|
className: "neeto-ui-colorpicker__pointer",
|
|
210
200
|
"data-testid": "neeto-color-picker-section"
|
|
211
|
-
}, /*#__PURE__*/
|
|
201
|
+
}, /*#__PURE__*/React.createElement(PickerComponent, {
|
|
212
202
|
color: colorValue,
|
|
213
203
|
onChange: onPickerChange
|
|
214
|
-
})), /*#__PURE__*/
|
|
204
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
215
205
|
className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-2 neeto-ui-gap-2"
|
|
216
|
-
}, showEyeDropper && isSupported() && /*#__PURE__*/
|
|
206
|
+
}, showEyeDropper && isSupported() && /*#__PURE__*/React.createElement(Button, {
|
|
217
207
|
className: "neeto-ui-colorpicker__eyedropper-btn",
|
|
218
208
|
icon: neetoIcons.Focus,
|
|
219
209
|
size: "small",
|
|
220
210
|
style: "text",
|
|
221
211
|
type: "button",
|
|
222
212
|
onClick: pickColor
|
|
223
|
-
}), /*#__PURE__*/
|
|
213
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
224
214
|
className: "neeto-ui-input__wrapper"
|
|
225
|
-
}, /*#__PURE__*/
|
|
215
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
226
216
|
className: "neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small",
|
|
227
217
|
"data-cy": "colorpicker-editable-input"
|
|
228
|
-
}, /*#__PURE__*/
|
|
218
|
+
}, /*#__PURE__*/React.createElement(reactColorful.HexColorInput, {
|
|
229
219
|
onBlur: onBlur,
|
|
230
220
|
alpha: !!showTransparencyControl,
|
|
231
221
|
color: colorValue,
|
|
@@ -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/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","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Palette = ({ color, colorList = [], 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\">\n {colorList.map((item, index) => (\n <div\n data-testid=\"color-palette-item\"\n key={index}\n className={classnames(\"neeto-ui-color-palette__item\", {\n active: color && color.from === item.from && color.to === item.to,\n })}\n onClick={() => onChange(item.from, item.to)}\n >\n <div className={`bg-gradient-to-r from-${item.from} to-${item.to}`} />\n </div>\n ))}\n </div>\n);\n\nPalette.propTypes = {\n color: PropTypes.shape({\n from: PropTypes.string,\n to: PropTypes.string,\n }),\n colorList: PropTypes.arrayOf(\n PropTypes.shape({\n from: PropTypes.string,\n to: PropTypes.string,\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, Focus } 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 colorPaletteProps,\n dropdownProps,\n showEyeDropper = false,\n showHexValue = false,\n showTransparencyControl = false,\n showPicker = true,\n portalProps,\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 onChangeInternal = onChange || setColorInternal;\n\n const getColor = colorValue => {\n const color = tinycolor(colorValue);\n\n return {\n hex: showTransparencyControl ? color.toHex8String() : color.toHexString(),\n rgb: color.toRgb(),\n };\n };\n\n const onColorInputChange = hex => {\n const color = tinycolor(hex);\n const rgb = color.toRgb();\n isInputChanged.current = true;\n\n onChangeInternal({ hex, rgb });\n };\n\n const onPickerChange = hex => onChangeInternal(getColor(hex));\n\n const onBlur = () => {\n // If input is not changed, don't call onChange on blur\n if (!isInputChanged.current) return;\n isInputChanged.current = false;\n onChangeInternal(getColor(colorValue));\n };\n\n const pickColor = async () => {\n try {\n const colorResponse = await open();\n const colorHex = tinycolor(colorResponse.sRGBHex).toHexString();\n onPickerChange(colorHex);\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-400 border\"\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 {colorPaletteProps && (\n <div\n data-testid=\"color-palette\"\n className={classnames(\"neeto-ui-colorpicker__palette-wrapper\", {\n \"neeto-ui-colorpicker__palette-wrapper--hidden-picker\":\n !showPicker,\n })}\n >\n <Palette {...colorPaletteProps} />\n </div>\n )}\n {showPicker && (\n <>\n <div\n className=\"neeto-ui-colorpicker__pointer\"\n data-testid=\"neeto-color-picker-section\"\n >\n <PickerComponent color={colorValue} onChange={onPickerChange} />\n </div>\n <div className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-2 neeto-ui-gap-2\">\n {showEyeDropper && isSupported() && (\n <Button\n className=\"neeto-ui-colorpicker__eyedropper-btn\"\n icon={Focus}\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 alpha={!!showTransparencyControl}\n color={colorValue}\n onChange={onColorInputChange}\n />\n </div>\n </div>\n </div>\n </>\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 props to be passed to the Palette component.\n */\n colorPaletteProps: PropTypes.shape({\n color: PropTypes.shape({\n from: PropTypes.string,\n to: PropTypes.string,\n }),\n colorList: PropTypes.arrayOf(\n PropTypes.shape({\n from: PropTypes.string,\n to: PropTypes.string,\n })\n ),\n onChange: PropTypes.func,\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 hidden.\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","Palette","_ref","color","_ref$colorList","colorList","onChange","React","createElement","className","map","item","index","key","classnames","active","from","to","onClick","concat","TARGET_SIZES","large","medium","small","ColorPicker","_ref2","_ref$color","_ref$size","size","_ref$onChange","noop","colorPaletteProps","dropdownProps","_ref$showEyeDropper","showEyeDropper","_ref$showHexValue","showHexValue","_ref$showTransparency","showTransparencyControl","_ref$showPicker","showPicker","portalProps","_useState","useState","_useState2","_slicedToArray","colorInternal","setColorInternal","isInputChanged","useRef","_useEyeDropper","useEyeDropper","pickRadius","open","isSupported","PickerComponent","HexAlphaColorPicker","HexColorPicker","colorValue","onChangeInternal","getColor","tinycolor","hex","toHex8String","toHexString","rgb","toRgb","onColorInputChange","current","onPickerChange","onBlur","pickColor","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","colorResponse","colorHex","wrap","_callee$","_context","prev","next","sent","sRGBHex","t0","stop","apply","arguments","Target","_ref4","type","style","backgroundColor","Down","Dropdown","_extends","closeOnSelect","customTarget","label","position","_objectSpread","Fragment","Button","icon","Focus","HexColorInput","alpha"],"mappings":"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"}
|
|
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/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","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Palette = ({ color, colorList = [], 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\">\n {colorList.map((item, index) => (\n <div\n data-testid=\"color-palette-item\"\n key={index}\n className={classnames(\"neeto-ui-color-palette__item\", {\n active: color && color.from === item.from && color.to === item.to,\n })}\n onClick={() => onChange(item.from, item.to)}\n >\n <div className={`bg-gradient-to-r from-${item.from} to-${item.to}`} />\n </div>\n ))}\n </div>\n);\n\nPalette.propTypes = {\n color: PropTypes.shape({\n from: PropTypes.string,\n to: PropTypes.string,\n }),\n colorList: PropTypes.arrayOf(\n PropTypes.shape({\n from: PropTypes.string,\n to: PropTypes.string,\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, Focus } 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 colorPaletteProps,\n dropdownProps,\n showEyeDropper = false,\n showHexValue = false,\n showTransparencyControl = false,\n showPicker = true,\n portalProps,\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 onChangeInternal = onChange || setColorInternal;\n\n const getColor = colorValue => {\n const color = tinycolor(colorValue);\n\n return {\n hex: showTransparencyControl ? color.toHex8String() : color.toHexString(),\n rgb: color.toRgb(),\n };\n };\n\n const onColorInputChange = hex => {\n const color = tinycolor(hex);\n const rgb = color.toRgb();\n isInputChanged.current = true;\n\n onChangeInternal({ hex, rgb });\n };\n\n const onPickerChange = hex => onChangeInternal(getColor(hex));\n\n const onBlur = () => {\n // If input is not changed, don't call onChange on blur\n if (!isInputChanged.current) return;\n isInputChanged.current = false;\n onChangeInternal(getColor(colorValue));\n };\n\n const pickColor = async () => {\n try {\n const colorResponse = await open();\n const colorHex = tinycolor(colorResponse.sRGBHex).toHexString();\n onPickerChange(colorHex);\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-400 border\"\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 {colorPaletteProps && (\n <div\n data-testid=\"color-palette\"\n className={classnames(\"neeto-ui-colorpicker__palette-wrapper\", {\n \"neeto-ui-colorpicker__palette-wrapper--hidden-picker\":\n !showPicker,\n })}\n >\n <Palette {...colorPaletteProps} />\n </div>\n )}\n {showPicker && (\n <>\n <div\n className=\"neeto-ui-colorpicker__pointer\"\n data-testid=\"neeto-color-picker-section\"\n >\n <PickerComponent color={colorValue} onChange={onPickerChange} />\n </div>\n <div className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-2 neeto-ui-gap-2\">\n {showEyeDropper && isSupported() && (\n <Button\n className=\"neeto-ui-colorpicker__eyedropper-btn\"\n icon={Focus}\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 alpha={!!showTransparencyControl}\n color={colorValue}\n onChange={onColorInputChange}\n />\n </div>\n </div>\n </div>\n </>\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 props to be passed to the Palette component.\n */\n colorPaletteProps: PropTypes.shape({\n color: PropTypes.shape({\n from: PropTypes.string,\n to: PropTypes.string,\n }),\n colorList: PropTypes.arrayOf(\n PropTypes.shape({\n from: PropTypes.string,\n to: PropTypes.string,\n })\n ),\n onChange: PropTypes.func,\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 hidden.\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","Palette","_ref","color","_ref$colorList","colorList","onChange","React","createElement","className","map","item","index","key","classnames","active","from","to","onClick","concat","TARGET_SIZES","large","medium","small","ColorPicker","_ref2","_ref$color","_ref$size","size","_ref$onChange","noop","colorPaletteProps","dropdownProps","_ref$showEyeDropper","showEyeDropper","_ref$showHexValue","showHexValue","_ref$showTransparency","showTransparencyControl","_ref$showPicker","showPicker","portalProps","_useState","useState","_useState2","_slicedToArray","colorInternal","setColorInternal","isInputChanged","useRef","_useEyeDropper","useEyeDropper","pickRadius","open","isSupported","PickerComponent","HexAlphaColorPicker","HexColorPicker","colorValue","onChangeInternal","getColor","tinycolor","hex","toHex8String","toHexString","rgb","toRgb","onColorInputChange","current","onPickerChange","onBlur","pickColor","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","colorResponse","colorHex","wrap","_callee$","_context","prev","next","sent","sRGBHex","t0","stop","apply","arguments","Target","_ref4","type","style","backgroundColor","Down","Dropdown","_extends","closeOnSelect","customTarget","label","position","_objectSpread","Fragment","Button","icon","Focus","HexColorInput","alpha"],"mappings":"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","x_google_ignoreList":[0,1]}
|
package/dist/cjs/DatePicker.js
CHANGED
|
@@ -23,29 +23,25 @@ require('./Checkbox.js');
|
|
|
23
23
|
require('@babel/runtime/helpers/asyncToGenerator');
|
|
24
24
|
require('@babel/runtime/regenerator');
|
|
25
25
|
require('react-colorful');
|
|
26
|
-
require('./tinycolor-
|
|
26
|
+
require('./tinycolor-C4a31PPv.js');
|
|
27
27
|
require('./Dropdown.js');
|
|
28
|
-
require('./index-
|
|
29
|
-
var DatePicker = require('./index-
|
|
28
|
+
require('./index-CvMjRZDt.js');
|
|
29
|
+
var DatePicker = require('./index-DoQ9g6qh.js');
|
|
30
30
|
require('./Input.js');
|
|
31
31
|
require('./Label.js');
|
|
32
32
|
require('./MultiEmailInput.js');
|
|
33
33
|
require('react-router-dom');
|
|
34
|
-
require('./useId-
|
|
34
|
+
require('./useId-DXHUzdxd.js');
|
|
35
35
|
require('@bigbinary/neeto-hotkeys');
|
|
36
36
|
require('./overlayManager.js');
|
|
37
37
|
require('qs');
|
|
38
|
-
require('./Textarea-
|
|
38
|
+
require('./Textarea-XjB9bG3I.js');
|
|
39
39
|
require('@babel/runtime/helpers/toConsumableArray');
|
|
40
40
|
require('./Pane.js');
|
|
41
41
|
require('./Popover.js');
|
|
42
42
|
require('framer-motion');
|
|
43
43
|
require('./Radio.js');
|
|
44
|
-
require('@babel/runtime/helpers/esm/objectSpread2');
|
|
45
|
-
require('@babel/runtime/helpers/esm/slicedToArray');
|
|
46
|
-
require('@babel/runtime/helpers/esm/objectWithoutProperties');
|
|
47
44
|
require('@babel/runtime/helpers/esm/extends');
|
|
48
|
-
require('./react-select-creatable.esm-23eddf9f.js');
|
|
49
45
|
require('@babel/runtime/helpers/objectSpread2');
|
|
50
46
|
require('@babel/runtime/helpers/classCallCheck');
|
|
51
47
|
require('@babel/runtime/helpers/createClass');
|
|
@@ -54,8 +50,6 @@ require('@babel/runtime/helpers/createSuper');
|
|
|
54
50
|
require('@babel/runtime/helpers/taggedTemplateLiteral');
|
|
55
51
|
require('@babel/runtime/helpers/typeof');
|
|
56
52
|
require('react-dom');
|
|
57
|
-
require('@babel/runtime/helpers/esm/defineProperty');
|
|
58
|
-
require('@babel/runtime/helpers/esm/toConsumableArray');
|
|
59
53
|
require('antd/lib/config-provider');
|
|
60
54
|
require('antd/lib/slider');
|
|
61
55
|
require('react-i18next');
|
|
@@ -70,7 +64,7 @@ require('./Switch.js');
|
|
|
70
64
|
require('./Tab.js');
|
|
71
65
|
require('antd/lib/table');
|
|
72
66
|
require('react-drag-listview');
|
|
73
|
-
require('./useRestoreScrollPosition-
|
|
67
|
+
require('./useRestoreScrollPosition-Dmq0tlvp.js');
|
|
74
68
|
require('react-resizable');
|
|
75
69
|
require('./Tag.js');
|
|
76
70
|
require('./Toastr.js');
|
|
@@ -83,21 +77,26 @@ require('dayjs/plugin/timezone');
|
|
|
83
77
|
require('dayjs/plugin/utc');
|
|
84
78
|
require('dayjs/plugin/weekday');
|
|
85
79
|
require('dayjs/plugin/weekOfYear');
|
|
86
|
-
require('./en-
|
|
80
|
+
require('./en-1dfvTYgC.js');
|
|
87
81
|
require('./Spinner.js');
|
|
88
82
|
require('./Tooltip.js');
|
|
89
|
-
require('./useOverlayManager-
|
|
83
|
+
require('./useOverlayManager-CXLC179x.js');
|
|
90
84
|
require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
|
|
91
85
|
require('@babel/runtime/helpers/esm/inheritsLoose');
|
|
92
|
-
require('@babel/runtime/helpers/esm/assertThisInitialized');
|
|
93
86
|
require('./constants.js');
|
|
94
|
-
require('
|
|
87
|
+
require('./react-select-creatable.esm-Bdv9YAMt.js');
|
|
88
|
+
require('@babel/runtime/helpers/esm/objectSpread2');
|
|
95
89
|
require('@babel/runtime/helpers/esm/classCallCheck');
|
|
96
90
|
require('@babel/runtime/helpers/esm/createClass');
|
|
97
91
|
require('@babel/runtime/helpers/esm/inherits');
|
|
98
92
|
require('@babel/runtime/helpers/esm/createSuper');
|
|
93
|
+
require('@babel/runtime/helpers/esm/toConsumableArray');
|
|
99
94
|
require('@babel/runtime/helpers/esm/taggedTemplateLiteral');
|
|
95
|
+
require('@babel/runtime/helpers/esm/objectWithoutProperties');
|
|
96
|
+
require('@babel/runtime/helpers/esm/slicedToArray');
|
|
100
97
|
require('@babel/runtime/helpers/esm/typeof');
|
|
98
|
+
require('@babel/runtime/helpers/esm/defineProperty');
|
|
99
|
+
require('@babel/runtime/helpers/toArray');
|
|
101
100
|
require('zustand');
|
|
102
101
|
require('react-toastify');
|
|
103
102
|
require('linkify-react');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
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-CvMjRZDt.js');
|
|
14
14
|
var neetoCist = require('@bigbinary/neeto-cist');
|
|
15
15
|
var Tooltip = require('./Tooltip.js');
|
|
16
16
|
var reactRouterDom = require('react-router-dom');
|
|
@@ -26,20 +26,10 @@ require('dayjs/plugin/utc');
|
|
|
26
26
|
require('dayjs/plugin/weekday');
|
|
27
27
|
require('dayjs/plugin/weekOfYear');
|
|
28
28
|
require('qs');
|
|
29
|
-
require('./en-
|
|
30
|
-
|
|
31
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
32
|
-
|
|
33
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
34
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
35
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
36
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
37
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
38
|
-
var Tippy__default = /*#__PURE__*/_interopDefaultLegacy(Tippy);
|
|
39
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
29
|
+
require('./en-1dfvTYgC.js');
|
|
40
30
|
|
|
41
31
|
var Divider = function Divider(props) {
|
|
42
|
-
return /*#__PURE__*/
|
|
32
|
+
return /*#__PURE__*/React.createElement("li", _extends({
|
|
43
33
|
className: "neeto-ui-dropdown__popup-divider"
|
|
44
34
|
}, props));
|
|
45
35
|
};
|
|
@@ -48,9 +38,9 @@ var _excluded$3 = ["children", "className"];
|
|
|
48
38
|
var Menu = function Menu(_ref) {
|
|
49
39
|
var children = _ref.children,
|
|
50
40
|
className = _ref.className,
|
|
51
|
-
otherProps =
|
|
52
|
-
return /*#__PURE__*/
|
|
53
|
-
className:
|
|
41
|
+
otherProps = _objectWithoutProperties(_ref, _excluded$3);
|
|
42
|
+
return /*#__PURE__*/React.createElement("ul", _extends({
|
|
43
|
+
className: classnames("neeto-ui-dropdown__popup-menu", className)
|
|
54
44
|
}, otherProps), children);
|
|
55
45
|
};
|
|
56
46
|
|
|
@@ -59,21 +49,21 @@ var MenuItem = function MenuItem(_ref) {
|
|
|
59
49
|
var children = _ref.children,
|
|
60
50
|
className = _ref.className,
|
|
61
51
|
tooltipProps = _ref.tooltipProps,
|
|
62
|
-
otherProps =
|
|
52
|
+
otherProps = _objectWithoutProperties(_ref, _excluded$2);
|
|
63
53
|
var renderMenuItem = function renderMenuItem() {
|
|
64
|
-
return /*#__PURE__*/
|
|
65
|
-
className:
|
|
54
|
+
return /*#__PURE__*/React.createElement("li", _extends({
|
|
55
|
+
className: classnames("neeto-ui-dropdown__popup-menu-item", className)
|
|
66
56
|
}, otherProps), children);
|
|
67
57
|
};
|
|
68
58
|
if (neetoCist.isPresent(tooltipProps)) {
|
|
69
|
-
return /*#__PURE__*/
|
|
59
|
+
return /*#__PURE__*/React.createElement(Tooltip, tooltipProps, renderMenuItem());
|
|
70
60
|
}
|
|
71
61
|
return renderMenuItem();
|
|
72
62
|
};
|
|
73
63
|
|
|
74
64
|
var _excluded$1 = ["children", "className", "isActive", "isDisabled", "style", "prefix", "suffix", "type", "to", "href", "tooltipProps"];
|
|
75
65
|
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
76
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) {
|
|
66
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
77
67
|
var ITEM_BTN_STYLES = {
|
|
78
68
|
"default": "default",
|
|
79
69
|
danger: "danger"
|
|
@@ -99,7 +89,7 @@ var MenuItemButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
99
89
|
_ref$href = _ref.href,
|
|
100
90
|
href = _ref$href === void 0 ? "" : _ref$href,
|
|
101
91
|
tooltipProps = _ref.tooltipProps,
|
|
102
|
-
otherProps =
|
|
92
|
+
otherProps = _objectWithoutProperties(_ref, _excluded$1);
|
|
103
93
|
var Parent, elementSpecificProps;
|
|
104
94
|
if (to) {
|
|
105
95
|
Parent = reactRouterDom.Link;
|
|
@@ -117,20 +107,20 @@ var MenuItemButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
117
107
|
type: type
|
|
118
108
|
};
|
|
119
109
|
}
|
|
120
|
-
return /*#__PURE__*/
|
|
110
|
+
return /*#__PURE__*/React.createElement(MenuItem, {
|
|
121
111
|
tooltipProps: tooltipProps
|
|
122
|
-
}, /*#__PURE__*/
|
|
112
|
+
}, /*#__PURE__*/React.createElement(Parent, _extends({
|
|
123
113
|
disabled: isDisabled,
|
|
124
|
-
className:
|
|
114
|
+
className: classnames("neeto-ui-dropdown__popup-menu-item-btn", className, {
|
|
125
115
|
"neeto-ui-dropdown__popup-menu-item-btn--active": isActive,
|
|
126
116
|
"neeto-ui-dropdown__popup-menu-item-btn--disabled": isDisabled,
|
|
127
117
|
"neeto-ui-dropdown__popup-menu-item-btn--style-danger": style === ITEM_BTN_STYLES.danger
|
|
128
118
|
})
|
|
129
119
|
}, _objectSpread$1(_objectSpread$1({
|
|
130
120
|
ref: ref
|
|
131
|
-
}, otherProps), elementSpecificProps)), prefix && /*#__PURE__*/
|
|
121
|
+
}, otherProps), elementSpecificProps)), prefix && /*#__PURE__*/React.createElement("div", {
|
|
132
122
|
className: "neeto-ui-dropdown__popup-menu-item-btn__prefix"
|
|
133
|
-
}, prefix), children, suffix && /*#__PURE__*/
|
|
123
|
+
}, prefix), children, suffix && /*#__PURE__*/React.createElement("div", {
|
|
134
124
|
className: "neeto-ui-dropdown__popup-menu-item-btn__suffix"
|
|
135
125
|
}, suffix)));
|
|
136
126
|
});
|
|
@@ -142,7 +132,7 @@ var _excluded = ["style", "size"],
|
|
|
142
132
|
_excluded2 = ["icon", "label", "isOpen", "onClose", "dropdownProps", "position", "children", "className", "buttonStyle", "buttonSize", "buttonProps", "customTarget", "disabled", "closeOnEsc", "closeOnSelect", "closeOnOutsideClick", "dropdownModifiers", "trigger", "strategy", "onClick"],
|
|
143
133
|
_excluded3 = ["classNames", "className"];
|
|
144
134
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
145
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
135
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
146
136
|
var BTN_STYLES = {
|
|
147
137
|
primary: "primary",
|
|
148
138
|
secondary: "secondary",
|
|
@@ -225,7 +215,7 @@ var Dropdown = function Dropdown(_ref2) {
|
|
|
225
215
|
_ref2$buttonProps2 = _ref2$buttonProps === void 0 ? {} : _ref2$buttonProps,
|
|
226
216
|
style = _ref2$buttonProps2.style,
|
|
227
217
|
size = _ref2$buttonProps2.size,
|
|
228
|
-
buttonProps =
|
|
218
|
+
buttonProps = _objectWithoutProperties(_ref2$buttonProps2, _excluded),
|
|
229
219
|
customTarget = _ref2.customTarget,
|
|
230
220
|
_ref2$disabled = _ref2.disabled,
|
|
231
221
|
disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
|
|
@@ -242,13 +232,13 @@ var Dropdown = function Dropdown(_ref2) {
|
|
|
242
232
|
_ref2$strategy = _ref2.strategy,
|
|
243
233
|
strategy = _ref2$strategy === void 0 ? STRATEGY.absolute : _ref2$strategy,
|
|
244
234
|
onClick = _ref2.onClick,
|
|
245
|
-
otherProps =
|
|
235
|
+
otherProps = _objectWithoutProperties(_ref2, _excluded2);
|
|
246
236
|
var _useState = React.useState(null),
|
|
247
|
-
_useState2 =
|
|
237
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
248
238
|
instance = _useState2[0],
|
|
249
239
|
setInstance = _useState2[1];
|
|
250
240
|
var _useState3 = React.useState(false),
|
|
251
|
-
_useState4 =
|
|
241
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
252
242
|
mounted = _useState4[0],
|
|
253
243
|
setMounted = _useState4[1];
|
|
254
244
|
var isControlled = !ramda.isNil(isOpen);
|
|
@@ -261,11 +251,11 @@ var Dropdown = function Dropdown(_ref2) {
|
|
|
261
251
|
};
|
|
262
252
|
var dropdownClassnames = dropdownProps.classNames,
|
|
263
253
|
dropdownClassName = dropdownProps.className,
|
|
264
|
-
otherDropdownProps =
|
|
254
|
+
otherDropdownProps = _objectWithoutProperties(dropdownProps, _excluded3);
|
|
265
255
|
var close = function close() {
|
|
266
256
|
return instance.hide();
|
|
267
257
|
};
|
|
268
|
-
return /*#__PURE__*/
|
|
258
|
+
return /*#__PURE__*/React.createElement(Tippy, _extends({
|
|
269
259
|
interactive: true,
|
|
270
260
|
animation: false,
|
|
271
261
|
arrow: false,
|
|
@@ -285,10 +275,10 @@ var Dropdown = function Dropdown(_ref2) {
|
|
|
285
275
|
role: "dropdown",
|
|
286
276
|
theme: "light",
|
|
287
277
|
trigger: isControlled ? undefined : TRIGGERS[trigger],
|
|
288
|
-
className:
|
|
289
|
-
content: mounted ? /*#__PURE__*/
|
|
278
|
+
className: classnames("neeto-ui-dropdown", _defineProperty({}, className, className)),
|
|
279
|
+
content: mounted ? /*#__PURE__*/React.createElement("div", _extends({
|
|
290
280
|
"data-cy": "".concat(index.hyphenize(label), "-dropdown-container"),
|
|
291
|
-
className:
|
|
281
|
+
className: classnames("neeto-ui-dropdown__popup", _defineProperty(_defineProperty({}, dropdownClassName, dropdownClassName), dropdownClassnames, dropdownClassnames)),
|
|
292
282
|
onClick: closeOnSelect ? close : index.noop
|
|
293
283
|
}, otherDropdownProps), children) : null,
|
|
294
284
|
onCreate: function onCreate(instance) {
|
|
@@ -304,12 +294,12 @@ var Dropdown = function Dropdown(_ref2) {
|
|
|
304
294
|
}, _objectSpread(_objectSpread({
|
|
305
295
|
disabled: disabled,
|
|
306
296
|
plugins: plugins
|
|
307
|
-
}, otherProps), controlledProps)), customTarget ? /*#__PURE__*/
|
|
297
|
+
}, otherProps), controlledProps)), customTarget ? /*#__PURE__*/React.createElement("span", {
|
|
308
298
|
onClick: onClick,
|
|
309
|
-
className:
|
|
299
|
+
className: classnames({
|
|
310
300
|
"neeto-ui-cursor-not-allowed": disabled
|
|
311
301
|
})
|
|
312
|
-
}, typeof customTarget === "function" ? customTarget() : customTarget) : /*#__PURE__*/
|
|
302
|
+
}, typeof customTarget === "function" ? customTarget() : customTarget) : /*#__PURE__*/React.createElement(Button, _extends({
|
|
313
303
|
label: label,
|
|
314
304
|
onClick: onClick,
|
|
315
305
|
"data-cy": "".concat(index.hyphenize(label), "-dropdown-icon"),
|