@bigbinary/neetoui 8.2.23 → 8.2.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (225) hide show
  1. package/README.md +1 -0
  2. package/dist/ActionDropdown.js +2 -2
  3. package/dist/Alert.js +3 -4
  4. package/dist/Alert.js.map +1 -1
  5. package/dist/Avatar.js +1 -0
  6. package/dist/Avatar.js.map +1 -1
  7. package/dist/Checkbox.js +3 -3
  8. package/dist/ColorPicker.js +3 -3
  9. package/dist/ColorPicker.js.map +1 -1
  10. package/dist/DatePicker.js +15 -16
  11. package/dist/DatePicker.js.map +1 -1
  12. package/dist/Dropdown.js +2 -2
  13. package/dist/Input.js +3 -3
  14. package/dist/Kbd.js +1 -0
  15. package/dist/Kbd.js.map +1 -1
  16. package/dist/Label.js +72 -55
  17. package/dist/Label.js.map +1 -1
  18. package/dist/Modal.js +3 -4
  19. package/dist/Modal.js.map +1 -1
  20. package/dist/MultiEmailInput.js +15 -15
  21. package/dist/Pagination.js +3 -3
  22. package/dist/Pane.js +3 -4
  23. package/dist/Pane.js.map +1 -1
  24. package/dist/Radio.js +3 -3
  25. package/dist/Select.js +4 -4
  26. package/dist/Select.js.map +1 -1
  27. package/dist/Sidebar.js +3 -2
  28. package/dist/Sidebar.js.map +1 -1
  29. package/dist/Slider.js +3 -3
  30. package/dist/Switch.js +3 -3
  31. package/dist/Table.js +4 -7
  32. package/dist/Table.js.map +1 -1
  33. package/dist/{Textarea-afac4a3e.js → Textarea-BcglKMaG.js} +3 -3
  34. package/dist/{Textarea-afac4a3e.js.map → Textarea-BcglKMaG.js.map} +1 -1
  35. package/dist/Textarea.js +4 -4
  36. package/dist/TimePicker.js +15 -16
  37. package/dist/TimePicker.js.map +1 -1
  38. package/dist/Toastr.js +2 -2
  39. package/dist/Tooltip.js +15 -10
  40. package/dist/Tooltip.js.map +1 -1
  41. package/dist/TranslationProvider.js +3 -1
  42. package/dist/TranslationProvider.js.map +1 -1
  43. package/dist/Tree.js +2 -2
  44. package/dist/TreeSelect.js +15 -4
  45. package/dist/TreeSelect.js.map +1 -1
  46. package/dist/cjs/Accordion.js +18 -27
  47. package/dist/cjs/Accordion.js.map +1 -1
  48. package/dist/cjs/ActionDropdown.js +8 -16
  49. package/dist/cjs/ActionDropdown.js.map +1 -1
  50. package/dist/cjs/Alert.js +9 -15
  51. package/dist/cjs/Alert.js.map +1 -1
  52. package/dist/cjs/Avatar.js +11 -19
  53. package/dist/cjs/Avatar.js.map +1 -1
  54. package/dist/cjs/Button.js +13 -21
  55. package/dist/cjs/Button.js.map +1 -1
  56. package/dist/cjs/Callout.js +5 -13
  57. package/dist/cjs/Callout.js.map +1 -1
  58. package/dist/cjs/Checkbox.js +10 -17
  59. package/dist/cjs/Checkbox.js.map +1 -1
  60. package/dist/cjs/ColorPicker.js +30 -40
  61. package/dist/cjs/ColorPicker.js.map +1 -1
  62. package/dist/cjs/DatePicker.js +15 -16
  63. package/dist/cjs/DatePicker.js.map +1 -1
  64. package/dist/cjs/Dropdown.js +30 -40
  65. package/dist/cjs/Dropdown.js.map +1 -1
  66. package/dist/cjs/Input.js +20 -29
  67. package/dist/cjs/Input.js.map +1 -1
  68. package/dist/cjs/Kbd.js +5 -11
  69. package/dist/cjs/Kbd.js.map +1 -1
  70. package/dist/cjs/Label.js +71 -62
  71. package/dist/cjs/Label.js.map +1 -1
  72. package/dist/cjs/Modal.js +22 -32
  73. package/dist/cjs/Modal.js.map +1 -1
  74. package/dist/cjs/MultiEmailInput.js +51 -62
  75. package/dist/cjs/MultiEmailInput.js.map +1 -1
  76. package/dist/cjs/NoData.js +14 -21
  77. package/dist/cjs/NoData.js.map +1 -1
  78. package/dist/cjs/Pagination.js +19 -25
  79. package/dist/cjs/Pagination.js.map +1 -1
  80. package/dist/cjs/Pane.js +19 -29
  81. package/dist/cjs/Pane.js.map +1 -1
  82. package/dist/cjs/Popover.js +5 -12
  83. package/dist/cjs/Popover.js.map +1 -1
  84. package/dist/cjs/ProgressBar.js +3 -8
  85. package/dist/cjs/ProgressBar.js.map +1 -1
  86. package/dist/cjs/Radio.js +17 -26
  87. package/dist/cjs/Radio.js.map +1 -1
  88. package/dist/cjs/Select.js +49 -62
  89. package/dist/cjs/Select.js.map +1 -1
  90. package/dist/cjs/Sidebar.js +69 -77
  91. package/dist/cjs/Sidebar.js.map +1 -1
  92. package/dist/cjs/Slider.js +12 -21
  93. package/dist/cjs/Slider.js.map +1 -1
  94. package/dist/cjs/Spinner.js +2 -7
  95. package/dist/cjs/Spinner.js.map +1 -1
  96. package/dist/cjs/Stepper.js +6 -11
  97. package/dist/cjs/Stepper.js.map +1 -1
  98. package/dist/cjs/Switch.js +16 -23
  99. package/dist/cjs/Switch.js.map +1 -1
  100. package/dist/cjs/Tab.js +10 -18
  101. package/dist/cjs/Tab.js.map +1 -1
  102. package/dist/cjs/Table.js +54 -70
  103. package/dist/cjs/Table.js.map +1 -1
  104. package/dist/cjs/Tag.js +9 -16
  105. package/dist/cjs/Tag.js.map +1 -1
  106. package/dist/cjs/{Textarea-c6496fa2.js → Textarea-XjB9bG3I.js} +19 -28
  107. package/dist/cjs/{Textarea-c6496fa2.js.map → Textarea-XjB9bG3I.js.map} +1 -1
  108. package/dist/cjs/Textarea.js +4 -4
  109. package/dist/cjs/TimePicker.js +15 -16
  110. package/dist/cjs/TimePicker.js.map +1 -1
  111. package/dist/cjs/Toastr.js +24 -34
  112. package/dist/cjs/Toastr.js.map +1 -1
  113. package/dist/cjs/Tooltip.js +18 -21
  114. package/dist/cjs/Tooltip.js.map +1 -1
  115. package/dist/cjs/TranslationProvider.js +6 -9
  116. package/dist/cjs/TranslationProvider.js.map +1 -1
  117. package/dist/cjs/Tree.js +8 -17
  118. package/dist/cjs/Tree.js.map +1 -1
  119. package/dist/cjs/TreeSelect.js +26 -25
  120. package/dist/cjs/TreeSelect.js.map +1 -1
  121. package/dist/cjs/Typography.js +4 -12
  122. package/dist/cjs/Typography.js.map +1 -1
  123. package/dist/cjs/constants.js +7 -19
  124. package/dist/cjs/constants.js.map +1 -1
  125. package/dist/cjs/{en-c69be2fb.js → en-1dfvTYgC.js} +1 -1
  126. package/dist/cjs/en-1dfvTYgC.js.map +1 -0
  127. package/dist/cjs/formik/ActionBlock.js +7 -13
  128. package/dist/cjs/formik/ActionBlock.js.map +1 -1
  129. package/dist/cjs/formik/BlockNavigation.js +12 -20
  130. package/dist/cjs/formik/BlockNavigation.js.map +1 -1
  131. package/dist/cjs/formik/Button.js +2 -8
  132. package/dist/cjs/formik/Button.js.map +1 -1
  133. package/dist/cjs/formik/Checkbox.js +7 -14
  134. package/dist/cjs/formik/Checkbox.js.map +1 -1
  135. package/dist/cjs/formik/Form.js +13 -24
  136. package/dist/cjs/formik/Form.js.map +1 -1
  137. package/dist/cjs/formik/Input.js +7 -14
  138. package/dist/cjs/formik/Input.js.map +1 -1
  139. package/dist/cjs/formik/MultiEmailInput.js +6 -13
  140. package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
  141. package/dist/cjs/formik/Radio.js +7 -15
  142. package/dist/cjs/formik/Radio.js.map +1 -1
  143. package/dist/cjs/formik/Select.js +8 -16
  144. package/dist/cjs/formik/Select.js.map +1 -1
  145. package/dist/cjs/formik/Slider.js +7 -15
  146. package/dist/cjs/formik/Slider.js.map +1 -1
  147. package/dist/cjs/formik/Switch.js +7 -14
  148. package/dist/cjs/formik/Switch.js.map +1 -1
  149. package/dist/cjs/formik/Textarea.js +8 -15
  150. package/dist/cjs/formik/Textarea.js.map +1 -1
  151. package/dist/cjs/formik/TreeSelect.js +5 -12
  152. package/dist/cjs/formik/TreeSelect.js.map +1 -1
  153. package/dist/cjs/formik/index.js +6 -9
  154. package/dist/cjs/formik/index.js.map +1 -1
  155. package/dist/cjs/{index-3c44e0c7.js → index-CvMjRZDt.js} +19 -33
  156. package/dist/cjs/{index-3c44e0c7.js.map → index-CvMjRZDt.js.map} +1 -1
  157. package/dist/cjs/{index-87f2e2dc.js → index-E2IEf9Av.js} +53 -70
  158. package/dist/cjs/{index-87f2e2dc.js.map → index-E2IEf9Av.js.map} +1 -1
  159. package/dist/cjs/index.css +1 -1
  160. package/dist/cjs/index.js +22 -25
  161. package/dist/cjs/index.js.map +1 -1
  162. package/dist/cjs/layouts.js +2 -4
  163. package/dist/cjs/layouts.js.map +1 -1
  164. package/dist/cjs/managers.js +0 -2
  165. package/dist/cjs/managers.js.map +1 -1
  166. package/dist/cjs/overlayManager.js +2 -9
  167. package/dist/cjs/overlayManager.js.map +1 -1
  168. package/dist/cjs/{react-select-creatable.esm-23eddf9f.js → react-select-creatable.esm-Bdv9YAMt.js} +231 -140
  169. package/dist/cjs/{react-select-creatable.esm-23eddf9f.js.map → react-select-creatable.esm-Bdv9YAMt.js.map} +1 -1
  170. package/dist/cjs/tinycolor-C4a31PPv.js +1214 -0
  171. package/dist/cjs/tinycolor-C4a31PPv.js.map +1 -0
  172. package/dist/cjs/{useId-4e3deb5c.js → useId-DXHUzdxd.js} +1 -1
  173. package/dist/cjs/{useId-4e3deb5c.js.map → useId-DXHUzdxd.js.map} +1 -1
  174. package/dist/cjs/{useOverlayManager-b8134604.js → useOverlayManager-CXLC179x.js} +19 -741
  175. package/dist/cjs/useOverlayManager-CXLC179x.js.map +1 -0
  176. package/dist/cjs/{useQueryParams-a8ee2f76.js → useQueryParams-l5fJJYCR.js} +2 -6
  177. package/dist/cjs/useQueryParams-l5fJJYCR.js.map +1 -0
  178. package/dist/cjs/{useRestoreScrollPosition-26e8d203.js → useRestoreScrollPosition-Dmq0tlvp.js} +18 -22
  179. package/dist/cjs/{useRestoreScrollPosition-26e8d203.js.map → useRestoreScrollPosition-Dmq0tlvp.js.map} +1 -1
  180. package/dist/{en-2d3f9fc1.js → en-CJac0MnO.js} +1 -1
  181. package/dist/en-CJac0MnO.js.map +1 -0
  182. package/dist/formik/ActionBlock.js +2 -2
  183. package/dist/formik/BlockNavigation.js +3 -4
  184. package/dist/formik/BlockNavigation.js.map +1 -1
  185. package/dist/formik/Checkbox.js +3 -3
  186. package/dist/formik/Input.js +3 -3
  187. package/dist/formik/MultiEmailInput.js +3 -3
  188. package/dist/formik/Radio.js +3 -3
  189. package/dist/formik/Select.js +4 -4
  190. package/dist/formik/Slider.js +3 -3
  191. package/dist/formik/Switch.js +3 -3
  192. package/dist/formik/Textarea.js +4 -4
  193. package/dist/formik/TreeSelect.js +2 -2
  194. package/dist/formik/index.js +6 -7
  195. package/dist/formik/index.js.map +1 -1
  196. package/dist/{index-6e82a862.js → index-BojMT3ps.js} +3 -3
  197. package/dist/{index-6e82a862.js.map → index-BojMT3ps.js.map} +1 -1
  198. package/dist/{index-b037e9fc.js → index-DugGi20r.js} +6 -12
  199. package/dist/{index-b037e9fc.js.map → index-DugGi20r.js.map} +1 -1
  200. package/dist/index.css +1 -1
  201. package/dist/index.js +22 -23
  202. package/dist/index.js.map +1 -1
  203. package/dist/layouts.js +2 -2
  204. package/dist/{react-select-creatable.esm-ad71b0c0.js → react-select-creatable.esm-Dx_vEnyD.js} +137 -31
  205. package/dist/{react-select-creatable.esm-ad71b0c0.js.map → react-select-creatable.esm-Dx_vEnyD.js.map} +1 -1
  206. package/dist/tinycolor-DX-kZ4bq.js +1212 -0
  207. package/dist/tinycolor-DX-kZ4bq.js.map +1 -0
  208. package/dist/{useId-c1d20bba.js → useId-Jj9hXm-g.js} +1 -1
  209. package/dist/{useId-c1d20bba.js.map → useId-Jj9hXm-g.js.map} +1 -1
  210. package/dist/{useOverlayManager-65f6d80a.js → useOverlayManager-Dyv5Y8Ug.js} +3 -713
  211. package/dist/useOverlayManager-Dyv5Y8Ug.js.map +1 -0
  212. package/dist/{useQueryParams-dcb34865.js → useQueryParams-b60CHFUx.js} +1 -1
  213. package/dist/{useQueryParams-dcb34865.js.map → useQueryParams-b60CHFUx.js.map} +1 -1
  214. package/dist/{useRestoreScrollPosition-631cf3e5.js → useRestoreScrollPosition-DnEaioaR.js} +2 -2
  215. package/dist/{useRestoreScrollPosition-631cf3e5.js.map → useRestoreScrollPosition-DnEaioaR.js.map} +1 -1
  216. package/package.json +11 -10
  217. package/dist/cjs/en-c69be2fb.js.map +0 -1
  218. package/dist/cjs/tinycolor-b1e9a7b2.js +0 -1202
  219. package/dist/cjs/tinycolor-b1e9a7b2.js.map +0 -1
  220. package/dist/cjs/useOverlayManager-b8134604.js.map +0 -1
  221. package/dist/cjs/useQueryParams-a8ee2f76.js.map +0 -1
  222. package/dist/en-2d3f9fc1.js.map +0 -1
  223. package/dist/tinycolor-282c618c.js +0 -1200
  224. package/dist/tinycolor-282c618c.js.map +0 -1
  225. package/dist/useOverlayManager-65f6d80a.js.map +0 -1
@@ -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-b1e9a7b2.js');
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-3c44e0c7.js');
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-c69be2fb.js');
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__*/React__default["default"].createElement("div", {
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__*/React__default["default"].createElement("div", {
48
+ return /*#__PURE__*/React.createElement("div", {
59
49
  "data-testid": "color-palette-item",
60
50
  key: index,
61
- className: classnames__default["default"]("neeto-ui-color-palette__item", {
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__*/React__default["default"].createElement("div", {
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) { _defineProperty__default["default"](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; }
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 = _slicedToArray__default["default"](_useState, 2),
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 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
128
+ var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
139
129
  var colorResponse, colorHex;
140
- return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
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__*/React__default["default"].createElement("button", {
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: classnames__default["default"]("neeto-ui-colorpicker__target", {
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__*/React__default["default"].createElement("span", {
166
+ }, showHexValue && /*#__PURE__*/React.createElement("span", {
177
167
  className: "neeto-ui-colorpicker-target__code"
178
- }, color), /*#__PURE__*/React__default["default"].createElement("span", {
168
+ }, color), /*#__PURE__*/React.createElement("span", {
179
169
  className: "neeto-ui-colorpicker-target__color-wrapper"
180
- }, /*#__PURE__*/React__default["default"].createElement("span", {
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__*/React__default["default"].createElement("span", {
175
+ }), /*#__PURE__*/React.createElement("span", {
186
176
  className: "neeto-ui-colorpicker-target__icon"
187
- }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Down, {
177
+ }, /*#__PURE__*/React.createElement(neetoIcons.Down, {
188
178
  size: 16
189
179
  }))));
190
180
  };
191
- return /*#__PURE__*/React__default["default"].createElement(Dropdown, _extends__default["default"]({
181
+ return /*#__PURE__*/React.createElement(Dropdown, _extends({
192
182
  className: "neeto-ui-colorpicker__dropdown",
193
183
  closeOnSelect: false,
194
- customTarget: /*#__PURE__*/React__default["default"].createElement(Target, {
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__*/React__default["default"].createElement("div", {
191
+ }), /*#__PURE__*/React.createElement("div", {
202
192
  className: "neeto-ui-colorpicker__popover"
203
- }, colorPaletteProps && /*#__PURE__*/React__default["default"].createElement("div", {
193
+ }, colorPaletteProps && /*#__PURE__*/React.createElement("div", {
204
194
  "data-testid": "color-palette",
205
- className: classnames__default["default"]("neeto-ui-colorpicker__palette-wrapper", {
195
+ className: classnames("neeto-ui-colorpicker__palette-wrapper", {
206
196
  "neeto-ui-colorpicker__palette-wrapper--hidden-picker": !showPicker
207
197
  })
208
- }, /*#__PURE__*/React__default["default"].createElement(Palette, colorPaletteProps)), showPicker && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
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__*/React__default["default"].createElement(PickerComponent, {
201
+ }, /*#__PURE__*/React.createElement(PickerComponent, {
212
202
  color: colorValue,
213
203
  onChange: onPickerChange
214
- })), /*#__PURE__*/React__default["default"].createElement("div", {
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__*/React__default["default"].createElement(Button, {
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__*/React__default["default"].createElement("div", {
213
+ }), /*#__PURE__*/React.createElement("div", {
224
214
  className: "neeto-ui-input__wrapper"
225
- }, /*#__PURE__*/React__default["default"].createElement("div", {
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__*/React__default["default"].createElement(reactColorful.HexColorInput, {
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]}
@@ -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-b1e9a7b2.js');
26
+ require('./tinycolor-C4a31PPv.js');
27
27
  require('./Dropdown.js');
28
- require('./index-3c44e0c7.js');
29
- var DatePicker = require('./index-87f2e2dc.js');
28
+ require('./index-CvMjRZDt.js');
29
+ var DatePicker = require('./index-E2IEf9Av.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-4e3deb5c.js');
34
+ require('./useId-DXHUzdxd.js');
35
35
  require('@bigbinary/neeto-hotkeys');
36
36
  require('./overlayManager.js');
37
37
  require('qs');
38
- require('./Textarea-c6496fa2.js');
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-26e8d203.js');
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-c69be2fb.js');
80
+ require('./en-1dfvTYgC.js');
87
81
  require('./Spinner.js');
88
82
  require('./Tooltip.js');
89
- require('./useOverlayManager-b8134604.js');
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('@babel/runtime/helpers/toArray');
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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-3c44e0c7.js');
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-c69be2fb.js');
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__*/React__default["default"].createElement("li", _extends__default["default"]({
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 = _objectWithoutProperties__default["default"](_ref, _excluded$3);
52
- return /*#__PURE__*/React__default["default"].createElement("ul", _extends__default["default"]({
53
- className: classnames__default["default"]("neeto-ui-dropdown__popup-menu", 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 = _objectWithoutProperties__default["default"](_ref, _excluded$2);
52
+ otherProps = _objectWithoutProperties(_ref, _excluded$2);
63
53
  var renderMenuItem = function renderMenuItem() {
64
- return /*#__PURE__*/React__default["default"].createElement("li", _extends__default["default"]({
65
- className: classnames__default["default"]("neeto-ui-dropdown__popup-menu-item", 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__*/React__default["default"].createElement(Tooltip, tooltipProps, renderMenuItem());
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) { _defineProperty__default["default"](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; }
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 = _objectWithoutProperties__default["default"](_ref, _excluded$1);
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__*/React__default["default"].createElement(MenuItem, {
110
+ return /*#__PURE__*/React.createElement(MenuItem, {
121
111
  tooltipProps: tooltipProps
122
- }, /*#__PURE__*/React__default["default"].createElement(Parent, _extends__default["default"]({
112
+ }, /*#__PURE__*/React.createElement(Parent, _extends({
123
113
  disabled: isDisabled,
124
- className: classnames__default["default"]("neeto-ui-dropdown__popup-menu-item-btn", 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__*/React__default["default"].createElement("div", {
121
+ }, otherProps), elementSpecificProps)), prefix && /*#__PURE__*/React.createElement("div", {
132
122
  className: "neeto-ui-dropdown__popup-menu-item-btn__prefix"
133
- }, prefix), children, suffix && /*#__PURE__*/React__default["default"].createElement("div", {
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) { _defineProperty__default["default"](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; }
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 = _objectWithoutProperties__default["default"](_ref2$buttonProps2, _excluded),
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 = _objectWithoutProperties__default["default"](_ref2, _excluded2);
235
+ otherProps = _objectWithoutProperties(_ref2, _excluded2);
246
236
  var _useState = React.useState(null),
247
- _useState2 = _slicedToArray__default["default"](_useState, 2),
237
+ _useState2 = _slicedToArray(_useState, 2),
248
238
  instance = _useState2[0],
249
239
  setInstance = _useState2[1];
250
240
  var _useState3 = React.useState(false),
251
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
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 = _objectWithoutProperties__default["default"](dropdownProps, _excluded3);
254
+ otherDropdownProps = _objectWithoutProperties(dropdownProps, _excluded3);
265
255
  var close = function close() {
266
256
  return instance.hide();
267
257
  };
268
- return /*#__PURE__*/React__default["default"].createElement(Tippy__default["default"], _extends__default["default"]({
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: classnames__default["default"]("neeto-ui-dropdown", _defineProperty__default["default"]({}, className, className)),
289
- content: mounted ? /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
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: classnames__default["default"]("neeto-ui-dropdown__popup", _defineProperty__default["default"](_defineProperty__default["default"]({}, dropdownClassName, dropdownClassName), dropdownClassnames, dropdownClassnames)),
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__*/React__default["default"].createElement("span", {
297
+ }, otherProps), controlledProps)), customTarget ? /*#__PURE__*/React.createElement("span", {
308
298
  onClick: onClick,
309
- className: classnames__default["default"]({
299
+ className: classnames({
310
300
  "neeto-ui-cursor-not-allowed": disabled
311
301
  })
312
- }, typeof customTarget === "function" ? customTarget() : customTarget) : /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
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"),