@bigbinary/neetoui 8.3.29 → 8.3.31

package/dist/cjs/Checkbox.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var classnames = require('classnames');
@@ -9,10 +9,10 @@ require('@babel/runtime/helpers/slicedToArray');
 require('react-router-dom');
 require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
-var index = require('./index--BeRLo6L.js');
-require('@babel/runtime/helpers/defineProperty');
+var index = require('./index-h3QcOeWw.js');
 require('qs');
 var Label = require('./Label.js');
+var jsxRuntime = require('react/jsx-runtime');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
 require('@bigbinary/neeto-cist');
@@ -24,7 +24,7 @@ require('dayjs/plugin/localeData');
 require('dayjs/plugin/utc');
 require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
-require('@bigbinary/neeto-icons');
+require('@bigbinary/neeto-icons/Help');
 require('./Button.js');
 require('./Spinner.js');
 require('./Tooltip.js');
@@ -34,6 +34,8 @@ require('./Popover.js');
 require('./Typography.js');
 
 var _excluded = ["label", "error", "className", "required", "labelProps", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
@@ -49,29 +51,34 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var id = useId.useId(otherProps.id);
   var errorId = "error_".concat(id);
   var renderLabel = label || children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames(["neeto-ui-checkbox__wrapper", className])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-checkbox__container",
-    "data-cy": "nui-checkbox-container"
-  }, /*#__PURE__*/React.createElement("input", _extends({
-    id: id,
-    ref: ref,
-    required: required,
-    "aria-invalid": !!error,
-    className: "neeto-ui-checkbox",
-    "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-input"),
-    name: id,
-    type: "checkbox"
-  }, otherProps)), renderLabel && /*#__PURE__*/React.createElement(Label, _extends({
-    required: required,
-    "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-label"),
-    htmlFor: id
-  }, labelProps), renderLabel)), !!error && /*#__PURE__*/React.createElement("p", {
-    className: "neeto-ui-input__error",
-    "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-error"),
-    id: errorId
-  }, error));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: classnames(["neeto-ui-checkbox__wrapper", className]),
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-ui-checkbox__container",
+      "data-cy": "nui-checkbox-container",
+      children: [/*#__PURE__*/jsxRuntime.jsx("input", _objectSpread({
+        id: id,
+        ref: ref,
+        required: required,
+        "aria-invalid": !!error,
+        className: "neeto-ui-checkbox",
+        "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-input"),
+        name: id,
+        type: "checkbox"
+      }, otherProps)), renderLabel && /*#__PURE__*/jsxRuntime.jsx(Label, _objectSpread(_objectSpread({
+        required: required,
+        "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-label"),
+        htmlFor: id
+      }, labelProps), {}, {
+        children: renderLabel
+      }))]
+    }), !!error && /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "neeto-ui-input__error",
+      "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-error"),
+      id: errorId,
+      children: error
+    })]
+  });
 });
 Checkbox.displayName = "Checkbox";
 

package/dist/cjs/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n  (\n    {\n      label = \"\",\n      error = \"\",\n      className = \"\",\n      required = false,\n      labelProps,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n    const renderLabel = label || children;\n\n    return (\n      <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n        <div\n          className=\"neeto-ui-checkbox__container\"\n          data-cy=\"nui-checkbox-container\"\n        >\n          <input\n            {...{ id, ref, required }}\n            aria-invalid={!!error}\n            className=\"neeto-ui-checkbox\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n            name={id}\n            type=\"checkbox\"\n            {...otherProps}\n          />\n          {renderLabel && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {renderLabel}\n            </Label>\n          )}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n  /**\n   * To specify a unique ID to the Checkbox component.\n   */\n  id: PropTypes.string,\n  /**\n   * To specify the text to be displayed next to the Checkbox.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To specify the error message to be shown.\n   */\n  error: PropTypes.string,\n  /**\n   * To provide external classnames to Checkbox component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether the Checkbox is a required field or not.\n   */\n  required: PropTypes.bool,\n  /**\n   *  To specify the children label to be rendered inside the Checkbox.\n   */\n  children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","React","createElement","classnames","_extends","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUMA,IAAAA,QAAQ,gBAAGC,gBAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,WAAK,CAACJ,UAAU,CAACG,EAAE,CAAC,CAAA;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE,CAAA;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ,CAAA;EAErC,oBACES,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAEe,UAAU,CAAC,CAAC,4BAA4B,EAAEf,SAAS,CAAC,CAAA;GAClEa,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEd,IAAAA,SAAS,EAAC,8BAA8B;IACxC,SAAQ,EAAA,wBAAA;AAAwB,GAAA,eAEhCa,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAE,QAAA,CAAA;AACQR,IAAAA,EAAE,EAAFA,EAAE;AAAEd,IAAAA,GAAG,EAAHA,GAAG;AAAEQ,IAAAA,QAAQ,EAARA,QAAQ;IACvB,cAAc,EAAA,CAAC,CAACJ,KAAM;AACtBE,IAAAA,SAAS,EAAC,mBAAmB;AAC7B,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDM,IAAAA,IAAI,EAAEV,EAAG;AACTW,IAAAA,IAAI,EAAC,UAAA;GACDd,EAAAA,UAAU,CACd,CAAA,EACDO,WAAW,iBACVC,KAAA,CAAAC,aAAA,CAACM,KAAK,EAAAJ,QAAA,CAAA;AACEd,IAAAA,QAAQ,EAARA,QAAQ;AACd,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDS,IAAAA,OAAO,EAAEb,EAAAA;AAAG,GAAA,EACRL,UAAU,CAAA,EAEbS,WAAW,CAEf,CACG,EACL,CAAC,CAACd,KAAK,iBACNe,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEd,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDJ,IAAAA,EAAE,EAAEE,OAAAA;GAEHZ,EAAAA,KAAK,CAET,CACG,CAAA;AAEV,CAAC,EACF;AAEDP,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n  (\n    {\n      label = \"\",\n      error = \"\",\n      className = \"\",\n      required = false,\n      labelProps,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n    const renderLabel = label || children;\n\n    return (\n      <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n        <div\n          className=\"neeto-ui-checkbox__container\"\n          data-cy=\"nui-checkbox-container\"\n        >\n          <input\n            {...{ id, ref, required }}\n            aria-invalid={!!error}\n            className=\"neeto-ui-checkbox\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n            name={id}\n            type=\"checkbox\"\n            {...otherProps}\n          />\n          {renderLabel && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {renderLabel}\n            </Label>\n          )}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n  /**\n   * To specify a unique ID to the Checkbox component.\n   */\n  id: PropTypes.string,\n  /**\n   * To specify the text to be displayed next to the Checkbox.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To specify the error message to be shown.\n   */\n  error: PropTypes.string,\n  /**\n   * To provide external classnames to Checkbox component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether the Checkbox is a required field or not.\n   */\n  required: PropTypes.bool,\n  /**\n   *  To specify the children label to be rendered inside the Checkbox.\n   */\n  children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","_jsxs","classnames","_jsx","_objectSpread","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,QAAQ,gBAAGC,gBAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,WAAK,CAACJ,UAAU,CAACG,EAAE,CAAC;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ;AAErC,EAAA,oBACES,eAAA,CAAA,KAAA,EAAA;IAAKb,SAAS,EAAEc,UAAU,CAAC,CAAC,4BAA4B,EAAEd,SAAS,CAAC,CAAE;AAAAI,IAAAA,QAAA,gBACpES,eAAA,CAAA,KAAA,EAAA;AACEb,MAAAA,SAAS,EAAC,8BAA8B;AACxC,MAAA,SAAA,EAAQ,wBAAwB;MAAAI,QAAA,EAAA,cAEhCW,cAAA,CAAA,OAAA,EAAAC,aAAA,CAAA;AACQR,QAAAA,EAAE,EAAFA,EAAE;AAAEd,QAAAA,GAAG,EAAHA,GAAG;AAAEQ,QAAAA,QAAQ,EAARA,QAAQ;QACvB,cAAA,EAAc,CAAC,CAACJ,KAAM;AACtBE,QAAAA,SAAS,EAAC,mBAAmB;AAC7B,QAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAA,iBAAA,CAAkB;AACpDM,QAAAA,IAAI,EAAEV,EAAG;AACTW,QAAAA,IAAI,EAAC;AAAU,OAAA,EACXd,UAAU,CACf,CAAC,EACDO,WAAW,iBACVG,cAAA,CAACK,KAAK,EAAAJ,aAAA,CAAAA,aAAA,CAAA;AACEd,QAAAA,QAAQ,EAARA,QAAQ;AACd,QAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAA,iBAAA,CAAkB;AACpDS,QAAAA,OAAO,EAAEb;AAAG,OAAA,EACRL,UAAU,CAAA,EAAA,EAAA,EAAA;AAAAC,QAAAA,QAAA,EAEbQ;AAAW,OAAA,CACP,CACR;AAAA,KACE,CAAC,EACL,CAAC,CAACd,KAAK,iBACNiB,cAAA,CAAA,GAAA,EAAA;AACEf,MAAAA,SAAS,EAAC,uBAAuB;AACjC,MAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAA,iBAAA,CAAkB;AACpDJ,MAAAA,EAAE,EAAEE,OAAQ;AAAAN,MAAAA,QAAA,EAEXN;AAAK,KACL,CACJ;AAAA,GACE,CAAC;AAEV,CACF;AAEAP,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}

package/dist/cjs/ColorPicker.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
@@ -8,14 +7,16 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var React = require('react');
 var classnames = require('classnames');
-var neetoIcons = require('@bigbinary/neeto-icons');
+var Down = require('@bigbinary/neeto-icons/Down');
+var ColorPickerIcon = require('@bigbinary/neeto-icons/ColorPicker');
 var reactColorful = require('react-colorful');
 var reactI18next = require('react-i18next');
-var useRecentlyUsedColors = require('./useRecentlyUsedColors-3cKx-eDH.js');
+var useRecentlyUsedColors = require('./useRecentlyUsedColors-BcOkiB-v.js');
 var Button = require('./Button.js');
 var Dropdown = require('./Dropdown.js');
 var Typography = require('./Typography.js');
-var index = require('./index--BeRLo6L.js');
+var index = require('./index-h3QcOeWw.js');
+var jsxRuntime = require('react/jsx-runtime');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('react-router-dom');
 require('./Spinner.js');
@@ -34,9 +35,9 @@ require('dayjs/plugin/utc');
 require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
 
-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}};
+const i=()=>"undefined"!=typeof window&&"EyeDropper"in window,s=()=>{throw new Error("Unsupported browser.")},a=a=>{const c=React.useMemo(()=>{var r;return (r=i()&&new EyeDropper(a))?EyeDropper.prototype.open.bind(r):s},[a]),[p,w]=(()=>{const r=React.useRef(),[s,a]=React.useState(false);React.useEffect(()=>(r.current=true,a(i()),()=>{r.current=false;}),[]);const c=React.useCallback(()=>s,[s]);return [r,c]})(),f=React.useRef(),u=React.useCallback(()=>{ void 0!==f.current&&f.current.abort();},[f]),d=React.useCallback(async function(r){ void 0===r&&(r={}),u();const{signal:o,...n}=r,t=new AbortController;f.current=t;const e=void 0!==o?(r=>{if("any"in AbortSignal)return AbortSignal.any(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;try{return await c({...n,signal:e})}catch(r){throw p.current||(r.canceled=true),r}},[f,p,u,c]);return React.useEffect(()=>u,[u]),{open:d,close:u,isSupported:w}};
 
-var useEyeDropper = p
+var useEyeDropper = a
 
 var DEFAULT_PALETTE_COLORS = [{
   hex: "#FFFFFF"
@@ -73,38 +74,39 @@ var Palette = function Palette(_ref) {
     _ref$colorList = _ref.colorList,
     colorList = _ref$colorList === void 0 ? DEFAULT_PALETTE_COLORS : _ref$colorList,
     onChange = _ref.onChange;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette neeto-ui-gap-1"
-  }, colorList.map(function (item) {
-    var hex = item.hex,
-      rgb = item.rgb;
-    var colorObject = useRecentlyUsedColors.tinycolor(hex !== null && hex !== void 0 ? hex : rgb);
-    var isTransparent = colorObject.getAlpha() === 0;
-    var isActive = Boolean(
-    // hex is case insensitive.
-    (color === null || color === void 0 ? void 0 : color.toLocaleLowerCase()) === (hex === null || hex === void 0 ? void 0 : hex.toLocaleLowerCase()) || color === rgb);
-    return /*#__PURE__*/React.createElement("div", {
-      "data-testid": "color-palette-item",
-      key: hex !== null && hex !== void 0 ? hex : rgb,
-      className: classnames("neeto-ui-color-palette__item neeto-ui-border", {
-        active: isActive
-      }),
-      onClick: function onClick() {
-        return onChange(hex !== null && hex !== void 0 ? hex : rgb);
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        backgroundColor: hex !== null && hex !== void 0 ? hex : rgb
-      },
-      className: classnames({
-        "transparent-bg-pattern": isTransparent
-      })
-    }));
-  }));
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette neeto-ui-gap-1",
+    children: colorList.map(function (item) {
+      var hex = item.hex,
+        rgb = item.rgb;
+      var colorObject = useRecentlyUsedColors.tinycolor(hex !== null && hex !== void 0 ? hex : rgb);
+      var isTransparent = colorObject.getAlpha() === 0;
+      var isActive = Boolean(
+      // hex is case insensitive.
+      (color === null || color === void 0 ? void 0 : color.toLocaleLowerCase()) === (hex === null || hex === void 0 ? void 0 : hex.toLocaleLowerCase()) || color === rgb);
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        "data-testid": "color-palette-item",
+        className: classnames("neeto-ui-color-palette__item neeto-ui-border", {
+          active: isActive
+        }),
+        onClick: function onClick() {
+          return onChange(hex !== null && hex !== void 0 ? hex : rgb);
+        },
+        children: /*#__PURE__*/jsxRuntime.jsx("div", {
+          style: {
+            backgroundColor: hex !== null && hex !== void 0 ? hex : rgb
+          },
+          className: classnames({
+            "transparent-bg-pattern": isTransparent
+          })
+        })
+      }, hex !== null && hex !== void 0 ? hex : rgb);
+    })
+  });
 };
 
-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; }
-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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TARGET_SIZES = {
   large: "large",
   medium: "medium",
@@ -188,28 +190,28 @@ var ColorPicker = function ColorPicker(_ref) {
     hexColorInputValue.current = "";
   };
   var pickColor = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var colorResponse, hex;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
-            _context.next = 3;
+            _context.next = 1;
             return open();
-          case 3:
+          case 1:
             colorResponse = _context.sent;
             hex = useRecentlyUsedColors.tinycolor(colorResponse.sRGBHex).toHexString();
             onColorChange(hex);
-            _context.next = 10;
+            _context.next = 3;
             break;
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](0);
-          case 10:
+          case 2:
+            _context.prev = 2;
+            _context["catch"](0);
+          case 3:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 8]]);
+      }, _callee, null, [[0, 2]]);
     }));
     return function pickColor() {
       return _ref3.apply(this, arguments);
@@ -229,7 +231,7 @@ var ColorPicker = function ColorPicker(_ref) {
   };
   var Target = function Target(_ref5) {
     var size = _ref5.size;
-    return /*#__PURE__*/React.createElement("button", {
+    return /*#__PURE__*/jsxRuntime.jsxs("button", {
       "data-cy": "color-picker-target",
       "data-testid": "neeto-color-picker",
       type: "button",
@@ -237,84 +239,99 @@ var ColorPicker = function ColorPicker(_ref) {
         "neeto-ui-colorpicker__target-size--large": size === TARGET_SIZES.large,
         "neeto-ui-colorpicker__target-size--medium": size === TARGET_SIZES.medium,
         "neeto-ui-colorpicker__target-size--small": size === TARGET_SIZES.small
-      })
-    }, showHexValue && /*#__PURE__*/React.createElement("span", {
-      className: "neeto-ui-colorpicker-target__code"
-    }, color), /*#__PURE__*/React.createElement("span", {
-      className: "neeto-ui-colorpicker-target__color-wrapper"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "neeto-ui-colorpicker-target__color neeto-ui-border-gray-200",
-      style: {
-        backgroundColor: colorValue
-      }
-    }), /*#__PURE__*/React.createElement("span", {
-      className: "neeto-ui-colorpicker-target__icon"
-    }, /*#__PURE__*/React.createElement(neetoIcons.Down, {
-      size: 16
-    }))));
+      }),
+      children: [showHexValue && /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "neeto-ui-colorpicker-target__code",
+        children: color
+      }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+        className: "neeto-ui-colorpicker-target__color-wrapper",
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "neeto-ui-colorpicker-target__color neeto-ui-border-gray-200",
+          style: {
+            backgroundColor: colorValue
+          }
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "neeto-ui-colorpicker-target__icon",
+          children: /*#__PURE__*/jsxRuntime.jsx(Down, {
+            size: 16
+          })
+        })]
+      })]
+    });
   };
-  return /*#__PURE__*/React.createElement(Dropdown, _extends({
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown, _objectSpread(_objectSpread({
     className: "neeto-ui-colorpicker__dropdown",
     closeOnSelect: false,
-    customTarget: /*#__PURE__*/React.createElement(Target, {
+    customTarget: /*#__PURE__*/jsxRuntime.jsx(Target, {
       size: size
     }),
     label: colorValue,
     position: "bottom-start"
   }, _objectSpread(_objectSpread({}, dropdownProps), {}, {
     onClose: onClose
-  }), {
-    dropdownProps: _objectSpread(_objectSpread({}, dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.dropdownProps), portalProps)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-colorpicker__popover"
-  }, showPicker && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-colorpicker__pointer",
-    "data-testid": "neeto-color-picker-section"
-  }, /*#__PURE__*/React.createElement(PickerComponent, {
-    color: colorValue,
-    onChange: onColorChange
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-3 neeto-ui-gap-2"
-  }, showEyeDropper && isSupported() && /*#__PURE__*/React.createElement(Button, {
-    className: "neeto-ui-colorpicker__eyedropper-btn",
-    icon: neetoIcons.ColorPicker,
-    size: "small",
-    style: "text",
-    type: "button",
-    onClick: pickColor
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-input__wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small",
-    "data-cy": "colorpicker-editable-input"
-  }, /*#__PURE__*/React.createElement(reactColorful.HexColorInput, {
-    onBlur: onBlur,
-    prefixed: true,
-    alpha: !!showTransparencyControl,
-    color: colorValue,
-    "data-cy": "colorpicker-editable-input-textbox",
-    onChange: onColorInputChange
-  }))))), /*#__PURE__*/React.createElement("div", {
-    "data-testid": "color-palette",
-    className: classnames("neeto-ui-colorpicker__palette-wrapper", {
-      "neeto-ui-colorpicker__palette-wrapper--hidden-picker": !showPicker,
-      "neeto-ui-pt-3 neeto-ui-border-t neeto-ui-border-gray-200": showPicker
+  })), {}, {
+    dropdownProps: _objectSpread(_objectSpread({}, dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.dropdownProps), portalProps),
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-ui-colorpicker__popover",
+      children: [showPicker && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "neeto-ui-colorpicker__pointer",
+          "data-testid": "neeto-color-picker-section",
+          children: /*#__PURE__*/jsxRuntime.jsx(PickerComponent, {
+            color: colorValue,
+            onChange: onColorChange
+          })
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-3 neeto-ui-gap-2",
+          children: [showEyeDropper && isSupported() && /*#__PURE__*/jsxRuntime.jsx(Button, {
+            className: "neeto-ui-colorpicker__eyedropper-btn",
+            icon: ColorPickerIcon,
+            size: "small",
+            style: "text",
+            type: "button",
+            onClick: pickColor
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "neeto-ui-input__wrapper",
+            children: /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small",
+              "data-cy": "colorpicker-editable-input",
+              children: /*#__PURE__*/jsxRuntime.jsx(reactColorful.HexColorInput, {
+                onBlur: onBlur,
+                prefixed: true,
+                alpha: !!showTransparencyControl,
+                color: colorValue,
+                "data-cy": "colorpicker-editable-input-textbox",
+                onChange: onColorInputChange
+              })
+            })
+          })]
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        "data-testid": "color-palette",
+        className: classnames("neeto-ui-colorpicker__palette-wrapper", {
+          "neeto-ui-colorpicker__palette-wrapper--hidden-picker": !showPicker,
+          "neeto-ui-pt-3 neeto-ui-border-t neeto-ui-border-gray-200": showPicker
+        }),
+        children: /*#__PURE__*/jsxRuntime.jsx(Palette, {
+          color: color,
+          colorList: colorPalette,
+          onChange: onColorChange
+        })
+      }), showRecentlyUsedColors && recentlyUsedColors.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "neeto-ui-colorpicker__palette-wrapper neeto-ui-border-t neeto-ui-border-gray-200 neeto-ui-pt-3",
+        "data-testid": "color-palette-recently-used",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+          className: "neeto-ui-text-gray-600 mb-2",
+          style: "body3",
+          weight: "medium",
+          children: index.getLocale(i18n, t, "neetoui.colorPicker.recentlyUsed")
+        }), /*#__PURE__*/jsxRuntime.jsx(Palette, {
+          colorList: recentlyUsedColors,
+          onChange: onColorChange
+        })]
+      })]
     })
-  }, /*#__PURE__*/React.createElement(Palette, {
-    color: color,
-    colorList: colorPalette,
-    onChange: onColorChange
-  })), showRecentlyUsedColors && recentlyUsedColors.length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-colorpicker__palette-wrapper neeto-ui-border-t neeto-ui-border-gray-200 neeto-ui-pt-3",
-    "data-testid": "color-palette-recently-used"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-ui-text-gray-600 mb-2",
-    style: "body3",
-    weight: "medium"
-  }, index.getLocale(i18n, t, "neetoui.colorPicker.recentlyUsed")), /*#__PURE__*/React.createElement(Palette, {
-    colorList: recentlyUsedColors,
-    onChange: onColorChange
-  }))));
+  }));
 };
 
 module.exports = ColorPicker;

package/dist/cjs/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../node_modules/use-eye-dropper/lib/use-eye-dropper.module.js","../../node_modules/use-eye-dropper/lib/index.module.js","../../src/components/ColorPicker/constants.js","../../src/components/ColorPicker/Palette.jsx","../../src/components/ColorPicker/index.jsx"],"sourcesContent":["import{useMemo as r,useRef as o,useCallback as n,useEffect as t,useState as e}from\"react\";const s=()=>\"undefined\"!=typeof window&&\"EyeDropper\"in window,i=()=>Promise.reject(new Error(\"Unsupported browser.\")),c=()=>{const r=o(),[i,c]=e(!1);t(()=>(r.current=!0,c(s()),()=>{r.current=!1}),[]);const u=n(()=>i,[i]);return[r,u]},u=r=>{const o=(r=>s()&&new EyeDropper(r))(r);var n;return(n=o)?EyeDropper.prototype.open.bind(n):i},p=e=>{const s=r(()=>u(e),[e]),[i,p]=c(),a=o(),f=n(()=>{void 0!==a.current&&a.current.abort()},[a]),d=n(function(r){void 0===r&&(r={});try{f();const{signal:o,...n}=r,t=new AbortController;a.current=t;const e=void 0!==o?(r=>{const o=new AbortController,n=()=>{o.abort();for(const o of r)o.removeEventListener(\"abort\",n)};for(const o of r){if(o.aborted){n();break}o.addEventListener(\"abort\",n)}return o.signal})([o,t.signal]):t.signal;return Promise.resolve(function(r,o){try{var t=Promise.resolve(s({...n,signal:e}))}catch(r){return o(r)}return t&&t.then?t.then(void 0,o):t}(0,function(r){throw i.current||(r.canceled=!0),r}))}catch(r){return Promise.reject(r)}},[a,i,f,s]);return t(()=>f,[f]),{open:d,close:f,isSupported:p}};export{p as default};\n","import { default as DropperDev } from './use-eye-dropper.module.dev.js'\nimport { default as Dropper } from './use-eye-dropper.module.js'\n\nexport default process.env.NODE_ENV === 'production' ? Dropper : DropperDev\n","export const DEFAULT_PALETTE_COLORS = [\n  { hex: \"#FFFFFF\" },\n  { hex: \"#D6D6D6\" },\n  { hex: \"#0A0E13\" },\n  { hex: \"#FECE1E\" },\n  { hex: \"#F32E48\" },\n  { hex: \"#02C39A\" },\n  { hex: \"#2A79C4\" },\n  { hex: \"#B3E5FC\" },\n  { hex: \"#C3C6F9\" },\n  { hex: \"#8064CE\" },\n  { hex: \"#FE861E\" },\n  { hex: \"#FF7DC9\" },\n  { hex: \"#028090\" },\n  { hex: \"#095482\" },\n];\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport tinycolor from \"tinycolor2\";\n\nimport { DEFAULT_PALETTE_COLORS } from \"./constants\";\n\nconst Palette = ({ color, colorList = DEFAULT_PALETTE_COLORS, onChange }) => (\n  <div className=\"neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette neeto-ui-gap-1\">\n    {colorList.map(item => {\n      const { hex, rgb } = item;\n      const colorObject = tinycolor(hex ?? rgb);\n      const isTransparent = colorObject.getAlpha() === 0;\n      const isActive = Boolean(\n        // hex is case insensitive.\n        color?.toLocaleLowerCase() === hex?.toLocaleLowerCase() || color === rgb\n      );\n\n      return (\n        <div\n          data-testid=\"color-palette-item\"\n          key={hex ?? rgb}\n          className={classnames(\n            \"neeto-ui-color-palette__item neeto-ui-border\",\n            { active: isActive }\n          )}\n          onClick={() => onChange(hex ?? rgb)}\n        >\n          <div\n            style={{ backgroundColor: hex ?? rgb }}\n            className={classnames({\n              \"transparent-bg-pattern\": isTransparent,\n            })}\n          />\n        </div>\n      );\n    })}\n  </div>\n);\n\nPalette.propTypes = {\n  color: PropTypes.string,\n  colorList: PropTypes.arrayOf(\n    PropTypes.shape({\n      hex: PropTypes.string,\n      rgb: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.shape({\n          r: PropTypes.number,\n          g: PropTypes.number,\n          b: PropTypes.number,\n        }),\n      ]),\n    })\n  ),\n  onChange: PropTypes.func,\n};\n\nexport default Palette;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Down, ColorPicker as ColorPickerIcon } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport {\n  HexColorPicker,\n  HexColorInput,\n  HexAlphaColorPicker,\n} from \"react-colorful\";\nimport { useTranslation } from \"react-i18next\";\nimport tinycolor from \"tinycolor2\";\nimport useEyeDropper from \"use-eye-dropper\";\n\nimport Button from \"components/Button\";\nimport Dropdown from \"components/Dropdown\";\nimport Typography from \"components/Typography\";\nimport { getLocale, noop } from \"utils\";\n\nimport useRecentlyUsedColors from \"./hooks/useRecentlyUsedColors\";\nimport Palette from \"./Palette\";\n\nconst TARGET_SIZES = {\n  large: \"large\",\n  medium: \"medium\",\n  small: \"small\",\n};\n\nconst ColorPicker = ({\n  color = \"\",\n  size = TARGET_SIZES.large,\n  onChange = noop,\n  dropdownProps,\n  showEyeDropper = true,\n  showHexValue = false,\n  showTransparencyControl = false,\n  showPicker = true,\n  portalProps,\n  colorPalette,\n  showRecentlyUsedColors = showPicker,\n}) => {\n  const { t, i18n } = useTranslation();\n  const [colorInternal, setColorInternal] = useState(color);\n  const [isColorSelected, setIsColorSelected] = useState(false);\n  const hexColorInputValue = useRef(\"\");\n  const { open, isSupported } = useEyeDropper({ pickRadius: 3 });\n  const [recentlyUsedColors, setRecentlyUsedColors] = useRecentlyUsedColors();\n\n  const PickerComponent = showTransparencyControl\n    ? HexAlphaColorPicker\n    : HexColorPicker;\n\n  const colorValue = color ?? colorInternal ?? \"\";\n\n  const getColor = colorValue => {\n    const color = tinycolor(colorValue);\n\n    if (color.isValid()) {\n      let hex = color.toHexString();\n      // return `transparent` for transparent colors.\n      if (color.getAlpha() === 0) hex = colorValue;\n      else if (showTransparencyControl) hex = color.toHex8String();\n\n      return { hex, rgb: color.toRgb() };\n    }\n\n    return { hex: colorValue, rgb: colorValue };\n  };\n\n  const onColorChange = color => {\n    setIsColorSelected(true);\n    const changeHandler = onChange ?? setColorInternal;\n\n    changeHandler(getColor(color));\n  };\n\n  const onColorInputChange = hex => {\n    // HexColorInput onChange will trigger only if the input value is a valid color\n    hexColorInputValue.current = hex;\n    if (hex.length !== (showTransparencyControl ? 9 : 7)) return;\n\n    onColorChange(hex);\n    hexColorInputValue.current = \"\";\n  };\n\n  const onBlur = () => {\n    if (!hexColorInputValue.current) return;\n\n    onColorChange(hexColorInputValue.current);\n    hexColorInputValue.current = \"\";\n  };\n\n  const pickColor = async () => {\n    try {\n      const colorResponse = await open();\n      const hex = tinycolor(colorResponse.sRGBHex).toHexString();\n      onColorChange(hex);\n    } catch {\n      // Ensures component is still mounted\n      // before calling setState\n      // if (!e.canceled) setError(e);\n    }\n  };\n\n  const onClose = () => {\n    if (!showRecentlyUsedColors || !isColorSelected) return;\n\n    const newColor = getColor(colorValue);\n\n    const recentColorsExcludingNew = recentlyUsedColors.filter(\n      ({ hex }) => hex !== newColor.hex\n    );\n\n    const updatedColors = [newColor, ...recentColorsExcludingNew];\n\n    if (updatedColors.length > 14) updatedColors.pop();\n\n    setRecentlyUsedColors(updatedColors);\n    setIsColorSelected(false);\n  };\n\n  const Target = ({ size }) => (\n    <button\n      data-cy=\"color-picker-target\"\n      data-testid=\"neeto-color-picker\"\n      type=\"button\"\n      className={classnames(\"neeto-ui-colorpicker__target\", {\n        \"neeto-ui-colorpicker__target-size--large\": size === TARGET_SIZES.large,\n        \"neeto-ui-colorpicker__target-size--medium\":\n          size === TARGET_SIZES.medium,\n        \"neeto-ui-colorpicker__target-size--small\": size === TARGET_SIZES.small,\n      })}\n    >\n      {showHexValue && (\n        <span className=\"neeto-ui-colorpicker-target__code\">{color}</span>\n      )}\n      <span className=\"neeto-ui-colorpicker-target__color-wrapper\">\n        <span\n          className=\"neeto-ui-colorpicker-target__color neeto-ui-border-gray-200\"\n          style={{ backgroundColor: colorValue }}\n        />\n        <span className=\"neeto-ui-colorpicker-target__icon\">\n          <Down size={16} />\n        </span>\n      </span>\n    </button>\n  );\n\n  return (\n    <Dropdown\n      className=\"neeto-ui-colorpicker__dropdown\"\n      closeOnSelect={false}\n      customTarget={<Target {...{ size }} />}\n      label={colorValue}\n      position=\"bottom-start\"\n      {...{ ...dropdownProps, onClose }}\n      dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n    >\n      <div className=\"neeto-ui-colorpicker__popover\">\n        {showPicker && (\n          <>\n            <div\n              className=\"neeto-ui-colorpicker__pointer\"\n              data-testid=\"neeto-color-picker-section\"\n            >\n              <PickerComponent color={colorValue} onChange={onColorChange} />\n            </div>\n            <div className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-3 neeto-ui-gap-2\">\n              {showEyeDropper && isSupported() && (\n                <Button\n                  className=\"neeto-ui-colorpicker__eyedropper-btn\"\n                  icon={ColorPickerIcon}\n                  size=\"small\"\n                  style=\"text\"\n                  type=\"button\"\n                  onClick={pickColor}\n                />\n              )}\n              <div className=\"neeto-ui-input__wrapper\">\n                <div\n                  className=\"neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small\"\n                  data-cy=\"colorpicker-editable-input\"\n                >\n                  <HexColorInput\n                    {...{ onBlur }}\n                    prefixed\n                    alpha={!!showTransparencyControl}\n                    color={colorValue}\n                    data-cy=\"colorpicker-editable-input-textbox\"\n                    onChange={onColorInputChange}\n                  />\n                </div>\n              </div>\n            </div>\n          </>\n        )}\n        <div\n          data-testid=\"color-palette\"\n          className={classnames(\"neeto-ui-colorpicker__palette-wrapper\", {\n            \"neeto-ui-colorpicker__palette-wrapper--hidden-picker\": !showPicker,\n            \"neeto-ui-pt-3 neeto-ui-border-t neeto-ui-border-gray-200\":\n              showPicker,\n          })}\n        >\n          <Palette\n            {...{ color }}\n            colorList={colorPalette}\n            onChange={onColorChange}\n          />\n        </div>\n        {showRecentlyUsedColors && recentlyUsedColors.length > 0 && (\n          <div\n            className=\"neeto-ui-colorpicker__palette-wrapper neeto-ui-border-t neeto-ui-border-gray-200 neeto-ui-pt-3\"\n            data-testid=\"color-palette-recently-used\"\n          >\n            <Typography\n              className=\"neeto-ui-text-gray-600 mb-2\"\n              style=\"body3\"\n              weight=\"medium\"\n            >\n              {getLocale(i18n, t, \"neetoui.colorPicker.recentlyUsed\")}\n            </Typography>\n            <Palette colorList={recentlyUsedColors} onChange={onColorChange} />\n          </div>\n        )}\n      </div>\n    </Dropdown>\n  );\n};\n\nColorPicker.propTypes = {\n  /**\n   * To specify the color value.\n   */\n  color: PropTypes.string,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To set the size of the target.\n   */\n  size: PropTypes.oneOf(Object.values(TARGET_SIZES)),\n  /**\n   * To specify the action to be triggered on changing the color.\n   */\n  onChange: PropTypes.func,\n  /**\n   * To specify the colors shown in the palette.\n   */\n  colorPalette: PropTypes.arrayOf(\n    PropTypes.shape({ hex: PropTypes.string, rgb: PropTypes.string })\n  ),\n  /**\n   * Shows eye dropper to pick color.\n   */\n  showEyeDropper: PropTypes.bool,\n  /**\n   * To show hex value near to the color in the dropdown.\n   * By default it will be enabled.\n   */\n  showHexValue: PropTypes.bool,\n  /**\n   * To show transparency control. By default it will be hidden.\n   */\n  showTransparencyControl: PropTypes.bool,\n  /**\n   * To show the color picker. Used to hide the picker in cases where only palette is required. By default it will be true.\n   */\n  showPicker: PropTypes.bool,\n  /**\n   * To specify the props to be passed to the dropdown portal.\n   */\n  portalProps: PropTypes.object,\n  /**\n   * To show the recently used colors.\n   */\n  showRecentlyUsedColors: PropTypes.bool,\n};\n\nexport default ColorPicker;\n"],"names":["o","e","t","n","r","Dropper","DEFAULT_PALETTE_COLORS","hex","Palette","_ref","color","_ref$colorList","colorList","onChange","React","createElement","className","map","item","rgb","colorObject","tinycolor","isTransparent","getAlpha","isActive","Boolean","toLocaleLowerCase","key","classnames","active","onClick","style","backgroundColor","TARGET_SIZES","large","medium","small","ColorPicker","_ref2","_ref$color","_ref$size","size","_ref$onChange","noop","dropdownProps","_ref$showEyeDropper","showEyeDropper","_ref$showHexValue","showHexValue","_ref$showTransparency","showTransparencyControl","_ref$showPicker","showPicker","portalProps","colorPalette","_ref$showRecentlyUsed","showRecentlyUsedColors","_useTranslation","useTranslation","i18n","_useState","useState","_useState2","_slicedToArray","colorInternal","setColorInternal","_useState3","_useState4","isColorSelected","setIsColorSelected","hexColorInputValue","useRef","_useEyeDropper","useEyeDropper","pickRadius","open","isSupported","_useRecentlyUsedColor","useRecentlyUsedColors","_useRecentlyUsedColor2","recentlyUsedColors","setRecentlyUsedColors","PickerComponent","HexAlphaColorPicker","HexColorPicker","colorValue","getColor","isValid","toHexString","toHex8String","toRgb","onColorChange","changeHandler","onColorInputChange","current","length","onBlur","pickColor","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","colorResponse","wrap","_callee$","_context","prev","next","sent","sRGBHex","t0","stop","apply","arguments","onClose","newColor","recentColorsExcludingNew","filter","_ref4","updatedColors","concat","_toConsumableArray","pop","Target","_ref5","type","Down","Dropdown","_extends","closeOnSelect","customTarget","label","position","_objectSpread","Fragment","Button","icon","ColorPickerIcon","HexColorInput","prefixed","alpha","Typography","weight","getLocale"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"ColorPicker.js","sources":["../../node_modules/use-eye-dropper/lib/use-eye-dropper.module.js","../../node_modules/use-eye-dropper/lib/index.module.js","../../src/components/ColorPicker/constants.js","../../src/components/ColorPicker/Palette.jsx","../../src/components/ColorPicker/index.jsx"],"sourcesContent":["import{useMemo as r,useRef as o,useCallback as n,useEffect as t,useState as e}from\"react\";const i=()=>\"undefined\"!=typeof window&&\"EyeDropper\"in window,s=()=>{throw new Error(\"Unsupported browser.\")},a=a=>{const c=r(()=>{var r;return(r=i()&&new EyeDropper(a))?EyeDropper.prototype.open.bind(r):s},[a]),[p,w]=(()=>{const r=o(),[s,a]=e(!1);t(()=>(r.current=!0,a(i()),()=>{r.current=!1}),[]);const c=n(()=>s,[s]);return[r,c]})(),f=o(),u=n(()=>{void 0!==f.current&&f.current.abort()},[f]),d=n(async function(r){void 0===r&&(r={}),u();const{signal:o,...n}=r,t=new AbortController;f.current=t;const e=void 0!==o?(r=>{if(\"any\"in AbortSignal)return AbortSignal.any(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;try{return await c({...n,signal:e})}catch(r){throw p.current||(r.canceled=!0),r}},[f,p,u,c]);return t(()=>u,[u]),{open:d,close:u,isSupported:w}};export{a as default};\n","import { default as DropperDev } from './use-eye-dropper.module.dev.js'\nimport { default as Dropper } from './use-eye-dropper.module.js'\n\nexport default process.env.NODE_ENV === 'production' ? Dropper : DropperDev\n","export const DEFAULT_PALETTE_COLORS = [\n  { hex: \"#FFFFFF\" },\n  { hex: \"#D6D6D6\" },\n  { hex: \"#0A0E13\" },\n  { hex: \"#FECE1E\" },\n  { hex: \"#F32E48\" },\n  { hex: \"#02C39A\" },\n  { hex: \"#2A79C4\" },\n  { hex: \"#B3E5FC\" },\n  { hex: \"#C3C6F9\" },\n  { hex: \"#8064CE\" },\n  { hex: \"#FE861E\" },\n  { hex: \"#FF7DC9\" },\n  { hex: \"#028090\" },\n  { hex: \"#095482\" },\n];\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport tinycolor from \"tinycolor2\";\n\nimport { DEFAULT_PALETTE_COLORS } from \"./constants\";\n\nconst Palette = ({ color, colorList = DEFAULT_PALETTE_COLORS, onChange }) => (\n  <div className=\"neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette neeto-ui-gap-1\">\n    {colorList.map(item => {\n      const { hex, rgb } = item;\n      const colorObject = tinycolor(hex ?? rgb);\n      const isTransparent = colorObject.getAlpha() === 0;\n      const isActive = Boolean(\n        // hex is case insensitive.\n        color?.toLocaleLowerCase() === hex?.toLocaleLowerCase() || color === rgb\n      );\n\n      return (\n        <div\n          data-testid=\"color-palette-item\"\n          key={hex ?? rgb}\n          className={classnames(\n            \"neeto-ui-color-palette__item neeto-ui-border\",\n            { active: isActive }\n          )}\n          onClick={() => onChange(hex ?? rgb)}\n        >\n          <div\n            style={{ backgroundColor: hex ?? rgb }}\n            className={classnames({\n              \"transparent-bg-pattern\": isTransparent,\n            })}\n          />\n        </div>\n      );\n    })}\n  </div>\n);\n\nPalette.propTypes = {\n  color: PropTypes.string,\n  colorList: PropTypes.arrayOf(\n    PropTypes.shape({\n      hex: PropTypes.string,\n      rgb: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.shape({\n          r: PropTypes.number,\n          g: PropTypes.number,\n          b: PropTypes.number,\n        }),\n      ]),\n    })\n  ),\n  onChange: PropTypes.func,\n};\n\nexport default Palette;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Down, ColorPicker as ColorPickerIcon } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport {\n  HexColorPicker,\n  HexColorInput,\n  HexAlphaColorPicker,\n} from \"react-colorful\";\nimport { useTranslation } from \"react-i18next\";\nimport tinycolor from \"tinycolor2\";\nimport useEyeDropper from \"use-eye-dropper\";\n\nimport Button from \"components/Button\";\nimport Dropdown from \"components/Dropdown\";\nimport Typography from \"components/Typography\";\nimport { getLocale, noop } from \"utils\";\n\nimport useRecentlyUsedColors from \"./hooks/useRecentlyUsedColors\";\nimport Palette from \"./Palette\";\n\nconst TARGET_SIZES = {\n  large: \"large\",\n  medium: \"medium\",\n  small: \"small\",\n};\n\nconst ColorPicker = ({\n  color = \"\",\n  size = TARGET_SIZES.large,\n  onChange = noop,\n  dropdownProps,\n  showEyeDropper = true,\n  showHexValue = false,\n  showTransparencyControl = false,\n  showPicker = true,\n  portalProps,\n  colorPalette,\n  showRecentlyUsedColors = showPicker,\n}) => {\n  const { t, i18n } = useTranslation();\n  const [colorInternal, setColorInternal] = useState(color);\n  const [isColorSelected, setIsColorSelected] = useState(false);\n  const hexColorInputValue = useRef(\"\");\n  const { open, isSupported } = useEyeDropper({ pickRadius: 3 });\n  const [recentlyUsedColors, setRecentlyUsedColors] = useRecentlyUsedColors();\n\n  const PickerComponent = showTransparencyControl\n    ? HexAlphaColorPicker\n    : HexColorPicker;\n\n  const colorValue = color ?? colorInternal ?? \"\";\n\n  const getColor = colorValue => {\n    const color = tinycolor(colorValue);\n\n    if (color.isValid()) {\n      let hex = color.toHexString();\n      // return `transparent` for transparent colors.\n      if (color.getAlpha() === 0) hex = colorValue;\n      else if (showTransparencyControl) hex = color.toHex8String();\n\n      return { hex, rgb: color.toRgb() };\n    }\n\n    return { hex: colorValue, rgb: colorValue };\n  };\n\n  const onColorChange = color => {\n    setIsColorSelected(true);\n    const changeHandler = onChange ?? setColorInternal;\n\n    changeHandler(getColor(color));\n  };\n\n  const onColorInputChange = hex => {\n    // HexColorInput onChange will trigger only if the input value is a valid color\n    hexColorInputValue.current = hex;\n    if (hex.length !== (showTransparencyControl ? 9 : 7)) return;\n\n    onColorChange(hex);\n    hexColorInputValue.current = \"\";\n  };\n\n  const onBlur = () => {\n    if (!hexColorInputValue.current) return;\n\n    onColorChange(hexColorInputValue.current);\n    hexColorInputValue.current = \"\";\n  };\n\n  const pickColor = async () => {\n    try {\n      const colorResponse = await open();\n      const hex = tinycolor(colorResponse.sRGBHex).toHexString();\n      onColorChange(hex);\n    } catch {\n      // Ensures component is still mounted\n      // before calling setState\n      // if (!e.canceled) setError(e);\n    }\n  };\n\n  const onClose = () => {\n    if (!showRecentlyUsedColors || !isColorSelected) return;\n\n    const newColor = getColor(colorValue);\n\n    const recentColorsExcludingNew = recentlyUsedColors.filter(\n      ({ hex }) => hex !== newColor.hex\n    );\n\n    const updatedColors = [newColor, ...recentColorsExcludingNew];\n\n    if (updatedColors.length > 14) updatedColors.pop();\n\n    setRecentlyUsedColors(updatedColors);\n    setIsColorSelected(false);\n  };\n\n  const Target = ({ size }) => (\n    <button\n      data-cy=\"color-picker-target\"\n      data-testid=\"neeto-color-picker\"\n      type=\"button\"\n      className={classnames(\"neeto-ui-colorpicker__target\", {\n        \"neeto-ui-colorpicker__target-size--large\": size === TARGET_SIZES.large,\n        \"neeto-ui-colorpicker__target-size--medium\":\n          size === TARGET_SIZES.medium,\n        \"neeto-ui-colorpicker__target-size--small\": size === TARGET_SIZES.small,\n      })}\n    >\n      {showHexValue && (\n        <span className=\"neeto-ui-colorpicker-target__code\">{color}</span>\n      )}\n      <span className=\"neeto-ui-colorpicker-target__color-wrapper\">\n        <span\n          className=\"neeto-ui-colorpicker-target__color neeto-ui-border-gray-200\"\n          style={{ backgroundColor: colorValue }}\n        />\n        <span className=\"neeto-ui-colorpicker-target__icon\">\n          <Down size={16} />\n        </span>\n      </span>\n    </button>\n  );\n\n  return (\n    <Dropdown\n      className=\"neeto-ui-colorpicker__dropdown\"\n      closeOnSelect={false}\n      customTarget={<Target {...{ size }} />}\n      label={colorValue}\n      position=\"bottom-start\"\n      {...{ ...dropdownProps, onClose }}\n      dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n    >\n      <div className=\"neeto-ui-colorpicker__popover\">\n        {showPicker && (\n          <>\n            <div\n              className=\"neeto-ui-colorpicker__pointer\"\n              data-testid=\"neeto-color-picker-section\"\n            >\n              <PickerComponent color={colorValue} onChange={onColorChange} />\n            </div>\n            <div className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-3 neeto-ui-gap-2\">\n              {showEyeDropper && isSupported() && (\n                <Button\n                  className=\"neeto-ui-colorpicker__eyedropper-btn\"\n                  icon={ColorPickerIcon}\n                  size=\"small\"\n                  style=\"text\"\n                  type=\"button\"\n                  onClick={pickColor}\n                />\n              )}\n              <div className=\"neeto-ui-input__wrapper\">\n                <div\n                  className=\"neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small\"\n                  data-cy=\"colorpicker-editable-input\"\n                >\n                  <HexColorInput\n                    {...{ onBlur }}\n                    prefixed\n                    alpha={!!showTransparencyControl}\n                    color={colorValue}\n                    data-cy=\"colorpicker-editable-input-textbox\"\n                    onChange={onColorInputChange}\n                  />\n                </div>\n              </div>\n            </div>\n          </>\n        )}\n        <div\n          data-testid=\"color-palette\"\n          className={classnames(\"neeto-ui-colorpicker__palette-wrapper\", {\n            \"neeto-ui-colorpicker__palette-wrapper--hidden-picker\": !showPicker,\n            \"neeto-ui-pt-3 neeto-ui-border-t neeto-ui-border-gray-200\":\n              showPicker,\n          })}\n        >\n          <Palette\n            {...{ color }}\n            colorList={colorPalette}\n            onChange={onColorChange}\n          />\n        </div>\n        {showRecentlyUsedColors && recentlyUsedColors.length > 0 && (\n          <div\n            className=\"neeto-ui-colorpicker__palette-wrapper neeto-ui-border-t neeto-ui-border-gray-200 neeto-ui-pt-3\"\n            data-testid=\"color-palette-recently-used\"\n          >\n            <Typography\n              className=\"neeto-ui-text-gray-600 mb-2\"\n              style=\"body3\"\n              weight=\"medium\"\n            >\n              {getLocale(i18n, t, \"neetoui.colorPicker.recentlyUsed\")}\n            </Typography>\n            <Palette colorList={recentlyUsedColors} onChange={onColorChange} />\n          </div>\n        )}\n      </div>\n    </Dropdown>\n  );\n};\n\nColorPicker.propTypes = {\n  /**\n   * To specify the color value.\n   */\n  color: PropTypes.string,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To set the size of the target.\n   */\n  size: PropTypes.oneOf(Object.values(TARGET_SIZES)),\n  /**\n   * To specify the action to be triggered on changing the color.\n   */\n  onChange: PropTypes.func,\n  /**\n   * To specify the colors shown in the palette.\n   */\n  colorPalette: PropTypes.arrayOf(\n    PropTypes.shape({ hex: PropTypes.string, rgb: PropTypes.string })\n  ),\n  /**\n   * Shows eye dropper to pick color.\n   */\n  showEyeDropper: PropTypes.bool,\n  /**\n   * To show hex value near to the color in the dropdown.\n   * By default it will be enabled.\n   */\n  showHexValue: PropTypes.bool,\n  /**\n   * To show transparency control. By default it will be hidden.\n   */\n  showTransparencyControl: PropTypes.bool,\n  /**\n   * To show the color picker. Used to hide the picker in cases where only palette is required. By default it will be true.\n   */\n  showPicker: PropTypes.bool,\n  /**\n   * To specify the props to be passed to the dropdown portal.\n   */\n  portalProps: PropTypes.object,\n  /**\n   * To show the recently used colors.\n   */\n  showRecentlyUsedColors: PropTypes.bool,\n};\n\nexport default ColorPicker;\n"],"names":["r","o","e","t","n","Dropper","DEFAULT_PALETTE_COLORS","hex","Palette","_ref","color","_ref$colorList","colorList","onChange","_jsx","className","children","map","item","rgb","colorObject","tinycolor","isTransparent","getAlpha","isActive","Boolean","toLocaleLowerCase","classnames","active","onClick","style","backgroundColor","TARGET_SIZES","large","medium","small","ColorPicker","_ref2","_ref$color","_ref$size","size","_ref$onChange","noop","dropdownProps","_ref$showEyeDropper","showEyeDropper","_ref$showHexValue","showHexValue","_ref$showTransparency","showTransparencyControl","_ref$showPicker","showPicker","portalProps","colorPalette","_ref$showRecentlyUsed","showRecentlyUsedColors","_useTranslation","useTranslation","i18n","_useState","useState","_useState2","_slicedToArray","colorInternal","setColorInternal","_useState3","_useState4","isColorSelected","setIsColorSelected","hexColorInputValue","useRef","_useEyeDropper","useEyeDropper","pickRadius","open","isSupported","_useRecentlyUsedColor","useRecentlyUsedColors","_useRecentlyUsedColor2","recentlyUsedColors","setRecentlyUsedColors","PickerComponent","HexAlphaColorPicker","HexColorPicker","colorValue","getColor","isValid","toHexString","toHex8String","toRgb","onColorChange","changeHandler","onColorInputChange","current","length","onBlur","pickColor","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","colorResponse","wrap","_context","prev","next","sent","sRGBHex","_t","stop","apply","arguments","onClose","newColor","recentColorsExcludingNew","filter","_ref4","updatedColors","concat","_toConsumableArray","pop","Target","_ref5","_jsxs","type","Down","Dropdown","_objectSpread","closeOnSelect","customTarget","label","position","_Fragment","Button","icon","ColorPickerIcon","HexColorInput","prefixed","alpha","Typography","weight","getLocale"],"mappings":"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","x_google_ignoreList":[0,1]}