@jotforminc/dnd-builder 3.0.0-alpha.1 → 3.0.0

package/lib/cjs/components/ReportWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReportWrapper.js","sources":["../../../src/components/ReportWrapper.js"],"sourcesContent":["import { memo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderContext } from '../utils/builderContext';\nimport { useFitZoom } from '../utils/hooks';\nimport { usePropContext } from '../utils/propContext';\n\nconst getModeClass = mode => `${mode}Mode`;\n\nconst ReportWrapper = ({\n  children,\n  mode,\n  pageCount,\n  theme,\n}) => {\n  const {\n    isAllSlidesPanelOpen,\n    isLeftPanelOpen,\n    isRightPanelOpen,\n    isSlidesPanelOpen,\n    setIsLeftPanelOpen,\n    setIsSlidesPanelOpen,\n    setZoom,\n  } = useBuilderContext();\n  const { settings } = usePropContext();\n  const decidedWhichPanelToOpen = useRef(false);\n\n  useFitZoom({\n    handler: setZoom,\n    isModeCustomize: mode === 'customize',\n    settings,\n  });\n\n  useEffect(() => {\n    if (mode !== 'customize' || decidedWhichPanelToOpen.current) {\n      return;\n    }\n\n    if (pageCount > 1) {\n      if (isLeftPanelOpen) {\n        setIsLeftPanelOpen(false);\n      }\n      setIsSlidesPanelOpen(true);\n    } else {\n      if (isSlidesPanelOpen) {\n        setIsSlidesPanelOpen(false);\n      }\n      setIsLeftPanelOpen(true);\n    }\n\n    decidedWhichPanelToOpen.current = true;\n  }, [mode, pageCount]);\n\n  const wrapperClass = classNames(\n    'jfReport',\n    'f-height',\n    'd-flex',\n    getModeClass(mode),\n    isLeftPanelOpen === true ? 'leftPaneIsActive' : '',\n    isRightPanelOpen === true || isSlidesPanelOpen === true ? 'rightPaneIsActive' : '',\n    isSlidesPanelOpen === true ? 'slidesPaneIsActive' : '',\n    isAllSlidesPanelOpen === true ? 'allSlidesPaneIsActive' : '',\n    theme,\n  );\n  return (\n    <div\n      className={wrapperClass}\n    >\n      {children}\n    </div>\n  );\n};\n\nReportWrapper.propTypes = {\n  children: PropTypes.any,\n  mode: PropTypes.string,\n  pageCount: PropTypes.number,\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\nReportWrapper.defaultProps = {\n  children: null,\n  mode: '',\n  pageCount: 0,\n  theme: 'lightMode',\n};\n\nexport default memo(ReportWrapper);\n"],"names":["getModeClass","mode","ReportWrapper","children","pageCount","theme","useBuilderContext","isAllSlidesPanelOpen","isLeftPanelOpen","isRightPanelOpen","isSlidesPanelOpen","setIsLeftPanelOpen","setIsSlidesPanelOpen","setZoom","usePropContext","settings","decidedWhichPanelToOpen","useRef","useFitZoom","handler","isModeCustomize","useEffect","current","wrapperClass","classNames","_jsx","propTypes","PropTypes","any","string","number","oneOf","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;AAOA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAAAC,IAAI;AAAA,mBAAOA,IAAP;AAAA,CAAzB;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAKhB;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJF,IAGI,QAHJA,IAGI;AAAA,MAFJG,SAEI,QAFJA,SAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,2BAQIC,gCAAiB,EARrB;AAAA,MACEC,oBADF,sBACEA,oBADF;AAAA,MAEEC,eAFF,sBAEEA,eAFF;AAAA,MAGEC,gBAHF,sBAGEA,gBAHF;AAAA,MAIEC,iBAJF,sBAIEA,iBAJF;AAAA,MAKEC,kBALF,sBAKEA,kBALF;AAAA,MAMEC,oBANF,sBAMEA,oBANF;AAAA,MAOEC,OAPF,sBAOEA,OAPF;;AASA,wBAAqBC,0BAAc,EAAnC;AAAA,MAAQC,QAAR,mBAAQA,QAAR;;AACA,MAAMC,uBAAuB,GAAGC,YAAM,CAAC,KAAD,CAAtC;AAEAC,EAAAA,gBAAU,CAAC;AACTC,IAAAA,OAAO,EAAEN,OADA;AAETO,IAAAA,eAAe,EAAEnB,IAAI,KAAK,WAFjB;AAGTc,IAAAA,QAAQ,EAARA;AAHS,GAAD,CAAV;AAMAM,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIpB,IAAI,KAAK,WAAT,IAAwBe,uBAAuB,CAACM,OAApD,EAA6D;AAC3D;AACD;;AAED,QAAIlB,SAAS,GAAG,CAAhB,EAAmB;AACjB,UAAII,eAAJ,EAAqB;AACnBG,QAAAA,kBAAkB,CAAC,KAAD,CAAlB;AACD;;AACDC,MAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD,KALD,MAKO;AACL,UAAIF,iBAAJ,EAAuB;AACrBE,QAAAA,oBAAoB,CAAC,KAAD,CAApB;AACD;;AACDD,MAAAA,kBAAkB,CAAC,IAAD,CAAlB;AACD;;AAEDK,IAAAA,uBAAuB,CAACM,OAAxB,GAAkC,IAAlC;AACD,GAlBQ,EAkBN,CAACrB,IAAD,EAAOG,SAAP,CAlBM,CAAT;AAoBA,MAAMmB,YAAY,GAAGC,8BAAU,CAC7B,UAD6B,EAE7B,UAF6B,EAG7B,QAH6B,EAI7BxB,YAAY,CAACC,IAAD,CAJiB,EAK7BO,eAAe,KAAK,IAApB,GAA2B,kBAA3B,GAAgD,EALnB,EAM7BC,gBAAgB,KAAK,IAArB,IAA6BC,iBAAiB,KAAK,IAAnD,GAA0D,mBAA1D,GAAgF,EANnD,EAO7BA,iBAAiB,KAAK,IAAtB,GAA6B,oBAA7B,GAAoD,EAPvB,EAQ7BH,oBAAoB,KAAK,IAAzB,GAAgC,uBAAhC,GAA0D,EAR7B,EAS7BF,KAT6B,CAA/B;AAWA,sBACEoB;AACE,IAAA,SAAS,EAAEF,YADb;AAAA,cAGGpB;AAHH,IADF;AAOD,CA9DD;;AAgEAD,aAAa,CAACwB,SAAd,GAA0B;AACxBvB,EAAAA,QAAQ,EAAEwB,6BAAS,CAACC,GADI;AAExB3B,EAAAA,IAAI,EAAE0B,6BAAS,CAACE,MAFQ;AAGxBzB,EAAAA,SAAS,EAAEuB,6BAAS,CAACG,MAHG;AAIxBzB,EAAAA,KAAK,EAAEsB,6BAAS,CAACI,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB;AAJiB,CAA1B;AAOA7B,aAAa,CAAC8B,YAAd,GAA6B;AAC3B7B,EAAAA,QAAQ,EAAE,IADiB;AAE3BF,EAAAA,IAAI,EAAE,EAFqB;AAG3BG,EAAAA,SAAS,EAAE,CAHgB;AAI3BC,EAAAA,KAAK,EAAE;AAJoB,CAA7B;AAOA,mCAAe4B,UAAI,CAAC/B,aAAD,CAAnB;;;;"}
+{"version":3,"file":"ReportWrapper.js","sources":["../../../src/components/ReportWrapper.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderStore } from '../contexts/BuilderContext';\nimport { usePropStore } from '../contexts/PropContext';\n\nconst getModeClass = mode => `${mode}Mode`;\n\nconst ReportWrapper = ({\n  children = null,\n  mode = '',\n}) => {\n  const theme = usePropStore(state => state.theme);\n\n  const isAllSlidesPanelOpen = useBuilderStore(state => state.isAllSlidesPanelOpen);\n  const isLeftPanelOpen = useBuilderStore(state => state.isLeftPanelOpen);\n  const isRightPanelOpen = useBuilderStore(state => state.isRightPanelOpen);\n  const isSlidesPanelOpen = useBuilderStore(state => state.isSlidesPanelOpen);\n\n  const wrapperClass = classNames(\n    'jfReport',\n    'f-height',\n    'd-flex',\n    getModeClass(mode),\n    theme,\n    {\n      allSlidesPaneIsActive: isAllSlidesPanelOpen,\n      leftPaneIsActive: isLeftPanelOpen,\n      rightPaneIsActive: isRightPanelOpen || isSlidesPanelOpen,\n      slidesPaneIsActive: isSlidesPanelOpen,\n    },\n  );\n  return (\n    <div\n      className={wrapperClass}\n    >\n      {children}\n    </div>\n  );\n};\n\nReportWrapper.propTypes = {\n  children: PropTypes.node,\n  mode: PropTypes.string,\n};\n\nexport default memo(ReportWrapper);\n"],"names":["getModeClass","mode","ReportWrapper","children","theme","usePropStore","state","isAllSlidesPanelOpen","useBuilderStore","isLeftPanelOpen","isRightPanelOpen","isSlidesPanelOpen","wrapperClass","classNames","allSlidesPaneIsActive","leftPaneIsActive","rightPaneIsActive","slidesPaneIsActive","_jsx","propTypes","PropTypes","node","string","memo"],"mappings":";;;;;;;;;;;;;;AAMA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAAAC,IAAI;AAAA,mBAAOA,IAAP;AAAA,CAAzB;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAGhB;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,IAEP;AAAA,uBADJF,IACI;AAAA,MADJA,IACI,0BADG,EACH;AACJ,MAAMG,KAAK,GAAGC,wBAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,KAAV;AAAA,GAAN,CAA1B;AAEA,MAAMG,oBAAoB,GAAGC,8BAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACC,oBAAV;AAAA,GAAN,CAA5C;AACA,MAAME,eAAe,GAAGD,8BAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACG,eAAV;AAAA,GAAN,CAAvC;AACA,MAAMC,gBAAgB,GAAGF,8BAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACI,gBAAV;AAAA,GAAN,CAAxC;AACA,MAAMC,iBAAiB,GAAGH,8BAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACK,iBAAV;AAAA,GAAN,CAAzC;AAEA,MAAMC,YAAY,GAAGC,8BAAU,CAC7B,UAD6B,EAE7B,UAF6B,EAG7B,QAH6B,EAI7Bb,YAAY,CAACC,IAAD,CAJiB,EAK7BG,KAL6B,EAM7B;AACEU,IAAAA,qBAAqB,EAAEP,oBADzB;AAEEQ,IAAAA,gBAAgB,EAAEN,eAFpB;AAGEO,IAAAA,iBAAiB,EAAEN,gBAAgB,IAAIC,iBAHzC;AAIEM,IAAAA,kBAAkB,EAAEN;AAJtB,GAN6B,CAA/B;AAaA,sBACEO;AACE,IAAA,SAAS,EAAEN,YADb;AAAA,cAGGT;AAHH,IADF;AAOD,CA/BD;;AAiCAD,aAAa,CAACiB,SAAd,GAA0B;AACxBhB,EAAAA,QAAQ,EAAEiB,6BAAS,CAACC,IADI;AAExBpB,EAAAA,IAAI,EAAEmB,6BAAS,CAACE;AAFQ,CAA1B;AAKA,mCAAeC,UAAI,CAACrB,aAAD,CAAnB;;;;"}

package/lib/cjs/components/Settings/Button.js

@@ -11,10 +11,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var Button = function Button(_ref) {
-  var classNames = _ref.classNames,
-      icon = _ref.icon,
-      onClick = _ref.onClick,
-      title = _ref.title;
+  var _ref$classNames = _ref.classNames,
+      classNames = _ref$classNames === void 0 ? '' : _ref$classNames,
+      _ref$icon = _ref.icon,
+      icon = _ref$icon === void 0 ? '' : _ref$icon,
+      _ref$onClick = _ref.onClick,
+      onClick = _ref$onClick === void 0 ? '' : _ref$onClick,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? '' : _ref$title;
   var Icon = icons[icon] || settings;
   return /*#__PURE__*/jsxRuntime.jsxs("button", {
     className: classNames,
@@ -34,12 +38,6 @@ Button.propTypes = {
   onClick: PropTypes__default['default'].any,
   title: PropTypes__default['default'].any
 };
-Button.defaultProps = {
-  classNames: '',
-  icon: '',
-  onClick: '',
-  title: ''
-};
 var Button$1 = /*#__PURE__*/React.memo(Button);
 
 module.exports = Button$1;

package/lib/cjs/components/Settings/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Settings/Button.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\n\nconst Button = ({\n  classNames,\n  icon,\n  onClick,\n  title,\n}) => {\n  const Icon = icons[icon] || icons.settings;\n\n  return (\n    <button\n      className={classNames}\n      onClick={onClick}\n      type=\"button\"\n    >\n      {icon && <Icon className={`jfReportSVG icon-${icon}`} />}\n      <span>{title}</span>\n    </button>\n  );\n};\n\nButton.propTypes = {\n  classNames: PropTypes.string,\n  icon: PropTypes.string,\n  onClick: PropTypes.any,\n  title: PropTypes.any,\n};\n\nButton.defaultProps = {\n  classNames: '',\n  icon: '',\n  onClick: '',\n  title: '',\n};\n\nexport default memo(Button);\n"],"names":["Button","classNames","icon","onClick","title","Icon","icons","_jsxs","_jsx","propTypes","PropTypes","string","any","defaultProps","memo"],"mappings":";;;;;;;;;;;;AAIA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,MAJJC,UAII,QAJJA,UAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,OAEI,QAFJA,OAEI;AAAA,MADJC,KACI,QADJA,KACI;AACJ,MAAMC,IAAI,GAAGC,KAAK,CAACJ,IAAD,CAAL,IAAeI,QAA5B;AAEA,sBACEC;AACE,IAAA,SAAS,EAAEN,UADb;AAEE,IAAA,OAAO,EAAEE,OAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,eAKGD,IAAI,iBAAIM,eAAC,IAAD;AAAM,MAAA,SAAS,6BAAsBN,IAAtB;AAAf,MALX,eAMEM;AAAA,gBAAOJ;AAAP,MANF;AAAA,IADF;AAUD,CAlBD;;AAoBAJ,MAAM,CAACS,SAAP,GAAmB;AACjBR,EAAAA,UAAU,EAAES,6BAAS,CAACC,MADL;AAEjBT,EAAAA,IAAI,EAAEQ,6BAAS,CAACC,MAFC;AAGjBR,EAAAA,OAAO,EAAEO,6BAAS,CAACE,GAHF;AAIjBR,EAAAA,KAAK,EAAEM,6BAAS,CAACE;AAJA,CAAnB;AAOAZ,MAAM,CAACa,YAAP,GAAsB;AACpBZ,EAAAA,UAAU,EAAE,EADQ;AAEpBC,EAAAA,IAAI,EAAE,EAFc;AAGpBC,EAAAA,OAAO,EAAE,EAHW;AAIpBC,EAAAA,KAAK,EAAE;AAJa,CAAtB;AAOA,4BAAeU,UAAI,CAACd,MAAD,CAAnB;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Settings/Button.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\n\nconst Button = ({\n  classNames = '',\n  icon = '',\n  onClick = '',\n  title = '',\n}) => {\n  const Icon = icons[icon] || icons.settings;\n\n  return (\n    <button\n      className={classNames}\n      onClick={onClick}\n      type=\"button\"\n    >\n      {icon && <Icon className={`jfReportSVG icon-${icon}`} />}\n      <span>{title}</span>\n    </button>\n  );\n};\n\nButton.propTypes = {\n  classNames: PropTypes.string,\n  icon: PropTypes.string,\n  onClick: PropTypes.any,\n  title: PropTypes.any,\n};\n\nexport default memo(Button);\n"],"names":["Button","classNames","icon","onClick","title","Icon","icons","_jsxs","_jsx","propTypes","PropTypes","string","any","memo"],"mappings":";;;;;;;;;;;;AAIA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,6BAJJC,UAII;AAAA,MAJJA,UAII,gCAJS,EAIT;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,EAGH;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,EAEN;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;AACJ,MAAMC,IAAI,GAAGC,KAAK,CAACJ,IAAD,CAAL,IAAeI,QAA5B;AAEA,sBACEC;AACE,IAAA,SAAS,EAAEN,UADb;AAEE,IAAA,OAAO,EAAEE,OAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,eAKGD,IAAI,iBAAIM,eAAC,IAAD;AAAM,MAAA,SAAS,6BAAsBN,IAAtB;AAAf,MALX,eAMEM;AAAA,gBAAOJ;AAAP,MANF;AAAA,IADF;AAUD,CAlBD;;AAoBAJ,MAAM,CAACS,SAAP,GAAmB;AACjBR,EAAAA,UAAU,EAAES,6BAAS,CAACC,MADL;AAEjBT,EAAAA,IAAI,EAAEQ,6BAAS,CAACC,MAFC;AAGjBR,EAAAA,OAAO,EAAEO,6BAAS,CAACE,GAHF;AAIjBR,EAAAA,KAAK,EAAEM,6BAAS,CAACE;AAJA,CAAnB;AAOA,4BAAeC,UAAI,CAACb,MAAD,CAAnB;;;;"}

package/lib/cjs/components/Settings/CheckboxGroup.js

@@ -25,10 +25,14 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 var CheckboxGroup = function CheckboxGroup(_ref) {
-  var config = _ref.config,
-      item = _ref.item,
-      onItemChange = _ref.onItemChange,
-      value = _ref.value;
+  var _ref$config = _ref.config,
+      config = _ref$config === void 0 ? {} : _ref$config,
+      _ref$item = _ref.item,
+      item = _ref$item === void 0 ? {} : _ref$item,
+      _ref$onItemChange = _ref.onItemChange,
+      onItemChange = _ref$onItemChange === void 0 ? function () {} : _ref$onItemChange,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? [] : _ref$value;
   var opts = config.options;
   var parsedValue = functions.safeJSONParse(value, []);
   var val = parsedValue;
@@ -99,12 +103,6 @@ CheckboxGroup.propTypes = {
   onItemChange: PropTypes__default['default'].func,
   value: PropTypes__default['default'].string
 };
-CheckboxGroup.defaultProps = {
-  config: {},
-  item: {},
-  onItemChange: function onItemChange() {},
-  value: []
-};
 
 module.exports = CheckboxGroup;
 //# sourceMappingURL=CheckboxGroup.js.map

package/lib/cjs/components/Settings/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sources":["../../../../src/components/Settings/CheckboxGroup.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { safeJSONParse } from '../../utils/functions';\n\nconst CheckboxGroup = ({\n  config,\n  item,\n  onItemChange,\n  value,\n}) => {\n  const opts = config.options;\n  const parsedValue = safeJSONParse(value, []);\n  const val = parsedValue;\n\n  const onChange = optionKey => e => {\n    let newVal = [...val];\n    if (e.target.checked) { // filter val\n      newVal.push(optionKey);\n    } else { // add val\n      newVal = newVal.filter(o => o !== optionKey);\n    }\n\n    onItemChange({ id: item.id }, { [config.key]: JSON.stringify(newVal) });\n  };\n\n  return (\n    <div\n      className=\"jfReportSelectOption-list\"\n    >\n      {opts.map(option => {\n        return (\n          <div\n            key={option}\n            className={`jfReportSelectOption${val.indexOf(option) !== -1 ? ' isSelected' : ''}`}\n          >\n            <div className=\"jfReportSelectOption-visibility\">\n              <label\n                className=\"jfReportChoice isLight hasNotText\"\n                htmlFor={option}\n              >\n                <input\n                  checked={val.indexOf(option) !== -1}\n                  className=\"jfReportChoice-input\"\n                  id={option}\n                  onChange={onChange(option)}\n                  type=\"checkbox\"\n                />\n                <div className=\"jfReportChoice-labelIcon\">\n                  <div className=\"jfReportChoice-label checkbox\" />\n                </div>\n              </label>\n            </div>\n            <div className=\"jfReportSelectOption-name\">\n              <div className=\"jfReportSelectOption-text\">\n                {option}\n              </div>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nCheckboxGroup.propTypes = {\n  config: PropTypes.shape({\n    key: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.string),\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.string,\n};\n\nCheckboxGroup.defaultProps = {\n  config: {},\n  item: {},\n  onItemChange: () => {},\n  value: [],\n};\n\nexport default CheckboxGroup;\n"],"names":["CheckboxGroup","config","item","onItemChange","value","opts","options","parsedValue","safeJSONParse","val","onChange","optionKey","e","newVal","target","checked","push","filter","o","id","key","JSON","stringify","_jsx","map","option","_jsxs","indexOf","propTypes","PropTypes","shape","string","arrayOf","func","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAGMA,aAAa,GAAG,SAAhBA,aAAgB,OAKhB;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;AACJ,MAAMC,IAAI,GAAGJ,MAAM,CAACK,OAApB;AACA,MAAMC,WAAW,GAAGC,uBAAa,CAACJ,KAAD,EAAQ,EAAR,CAAjC;AACA,MAAMK,GAAG,GAAGF,WAAZ;;AAEA,MAAMG,QAAQ,GAAG,SAAXA,QAAW,CAAAC,SAAS;AAAA,WAAI,UAAAC,CAAC,EAAI;AACjC,UAAIC,MAAM,sBAAOJ,GAAP,CAAV;;AACA,UAAIG,CAAC,CAACE,MAAF,CAASC,OAAb,EAAsB;AAAE;AACtBF,QAAAA,MAAM,CAACG,IAAP,CAAYL,SAAZ;AACD,OAFD,MAEO;AAAE;AACPE,QAAAA,MAAM,GAAGA,MAAM,CAACI,MAAP,CAAc,UAAAC,CAAC;AAAA,iBAAIA,CAAC,KAAKP,SAAV;AAAA,SAAf,CAAT;AACD;;AAEDR,MAAAA,YAAY,CAAC;AAAEgB,QAAAA,EAAE,EAAEjB,IAAI,CAACiB;AAAX,OAAD,sBAAqBlB,MAAM,CAACmB,GAA5B,EAAkCC,IAAI,CAACC,SAAL,CAAeT,MAAf,CAAlC,EAAZ;AACD,KATyB;AAAA,GAA1B;;AAWA,sBACEU;AACE,IAAA,SAAS,EAAC,2BADZ;AAAA,cAGGlB,IAAI,CAACmB,GAAL,CAAS,UAAAC,MAAM,EAAI;AAClB,0BACEC;AAEE,QAAA,SAAS,gCAAyBjB,GAAG,CAACkB,OAAJ,CAAYF,MAAZ,MAAwB,CAAC,CAAzB,GAA6B,aAA7B,GAA6C,EAAtE,CAFX;AAAA,gCAIEF;AAAK,UAAA,SAAS,EAAC,iCAAf;AAAA,iCACEG;AACE,YAAA,SAAS,EAAC,mCADZ;AAEE,YAAA,OAAO,EAAED,MAFX;AAAA,oCAIEF;AACE,cAAA,OAAO,EAAEd,GAAG,CAACkB,OAAJ,CAAYF,MAAZ,MAAwB,CAAC,CADpC;AAEE,cAAA,SAAS,EAAC,sBAFZ;AAGE,cAAA,EAAE,EAAEA,MAHN;AAIE,cAAA,QAAQ,EAAEf,QAAQ,CAACe,MAAD,CAJpB;AAKE,cAAA,IAAI,EAAC;AALP,cAJF,eAWEF;AAAK,cAAA,SAAS,EAAC,0BAAf;AAAA,qCACEA;AAAK,gBAAA,SAAS,EAAC;AAAf;AADF,cAXF;AAAA;AADF,UAJF,eAqBEA;AAAK,UAAA,SAAS,EAAC,2BAAf;AAAA,iCACEA;AAAK,YAAA,SAAS,EAAC,2BAAf;AAAA,sBACGE;AADH;AADF,UArBF;AAAA,SACOA,MADP,CADF;AA6BD,KA9BA;AAHH,IADF;AAqCD;;AAEDzB,aAAa,CAAC4B,SAAd,GAA0B;AACxB3B,EAAAA,MAAM,EAAE4B,6BAAS,CAACC,KAAV,CAAgB;AACtBV,IAAAA,GAAG,EAAES,6BAAS,CAACE,MADO;AAEtBzB,IAAAA,OAAO,EAAEuB,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,MAA5B;AAFa,GAAhB,CADgB;AAKxB7B,EAAAA,IAAI,EAAE2B,6BAAS,CAACC,KAAV,CAAgB;AACpBX,IAAAA,EAAE,EAAEU,6BAAS,CAACE;AADM,GAAhB,CALkB;AAQxB5B,EAAAA,YAAY,EAAE0B,6BAAS,CAACI,IARA;AASxB7B,EAAAA,KAAK,EAAEyB,6BAAS,CAACE;AATO,CAA1B;AAYA/B,aAAa,CAACkC,YAAd,GAA6B;AAC3BjC,EAAAA,MAAM,EAAE,EADmB;AAE3BC,EAAAA,IAAI,EAAE,EAFqB;AAG3BC,EAAAA,YAAY,EAAE,wBAAM,EAHO;AAI3BC,EAAAA,KAAK,EAAE;AAJoB,CAA7B;;;;"}
+{"version":3,"file":"CheckboxGroup.js","sources":["../../../../src/components/Settings/CheckboxGroup.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { safeJSONParse } from '../../utils/functions';\n\nconst CheckboxGroup = ({\n  config = {},\n  item = {},\n  onItemChange = () => {},\n  value = [],\n}) => {\n  const opts = config.options;\n  const parsedValue = safeJSONParse(value, []);\n  const val = parsedValue;\n\n  const onChange = optionKey => e => {\n    let newVal = [...val];\n    if (e.target.checked) { // filter val\n      newVal.push(optionKey);\n    } else { // add val\n      newVal = newVal.filter(o => o !== optionKey);\n    }\n\n    onItemChange({ id: item.id }, { [config.key]: JSON.stringify(newVal) });\n  };\n\n  return (\n    <div\n      className=\"jfReportSelectOption-list\"\n    >\n      {opts.map(option => {\n        return (\n          <div\n            key={option}\n            className={`jfReportSelectOption${val.indexOf(option) !== -1 ? ' isSelected' : ''}`}\n          >\n            <div className=\"jfReportSelectOption-visibility\">\n              <label\n                className=\"jfReportChoice isLight hasNotText\"\n                htmlFor={option}\n              >\n                <input\n                  checked={val.indexOf(option) !== -1}\n                  className=\"jfReportChoice-input\"\n                  id={option}\n                  onChange={onChange(option)}\n                  type=\"checkbox\"\n                />\n                <div className=\"jfReportChoice-labelIcon\">\n                  <div className=\"jfReportChoice-label checkbox\" />\n                </div>\n              </label>\n            </div>\n            <div className=\"jfReportSelectOption-name\">\n              <div className=\"jfReportSelectOption-text\">\n                {option}\n              </div>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nCheckboxGroup.propTypes = {\n  config: PropTypes.shape({\n    key: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.string),\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.string,\n};\n\nexport default CheckboxGroup;\n"],"names":["CheckboxGroup","config","item","onItemChange","value","opts","options","parsedValue","safeJSONParse","val","onChange","optionKey","e","newVal","target","checked","push","filter","o","id","key","JSON","stringify","_jsx","map","option","_jsxs","indexOf","propTypes","PropTypes","shape","string","arrayOf","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAGMA,aAAa,GAAG,SAAhBA,aAAgB,OAKhB;AAAA,yBAJJC,MAII;AAAA,MAJJA,MAII,4BAJK,EAIL;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,EAGH;AAAA,+BAFJC,YAEI;AAAA,MAFJA,YAEI,kCAFW,YAAM,EAEjB;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;AACJ,MAAMC,IAAI,GAAGJ,MAAM,CAACK,OAApB;AACA,MAAMC,WAAW,GAAGC,uBAAa,CAACJ,KAAD,EAAQ,EAAR,CAAjC;AACA,MAAMK,GAAG,GAAGF,WAAZ;;AAEA,MAAMG,QAAQ,GAAG,SAAXA,QAAW,CAAAC,SAAS;AAAA,WAAI,UAAAC,CAAC,EAAI;AACjC,UAAIC,MAAM,sBAAOJ,GAAP,CAAV;;AACA,UAAIG,CAAC,CAACE,MAAF,CAASC,OAAb,EAAsB;AAAE;AACtBF,QAAAA,MAAM,CAACG,IAAP,CAAYL,SAAZ;AACD,OAFD,MAEO;AAAE;AACPE,QAAAA,MAAM,GAAGA,MAAM,CAACI,MAAP,CAAc,UAAAC,CAAC;AAAA,iBAAIA,CAAC,KAAKP,SAAV;AAAA,SAAf,CAAT;AACD;;AAEDR,MAAAA,YAAY,CAAC;AAAEgB,QAAAA,EAAE,EAAEjB,IAAI,CAACiB;AAAX,OAAD,sBAAqBlB,MAAM,CAACmB,GAA5B,EAAkCC,IAAI,CAACC,SAAL,CAAeT,MAAf,CAAlC,EAAZ;AACD,KATyB;AAAA,GAA1B;;AAWA,sBACEU;AACE,IAAA,SAAS,EAAC,2BADZ;AAAA,cAGGlB,IAAI,CAACmB,GAAL,CAAS,UAAAC,MAAM,EAAI;AAClB,0BACEC;AAEE,QAAA,SAAS,gCAAyBjB,GAAG,CAACkB,OAAJ,CAAYF,MAAZ,MAAwB,CAAC,CAAzB,GAA6B,aAA7B,GAA6C,EAAtE,CAFX;AAAA,gCAIEF;AAAK,UAAA,SAAS,EAAC,iCAAf;AAAA,iCACEG;AACE,YAAA,SAAS,EAAC,mCADZ;AAEE,YAAA,OAAO,EAAED,MAFX;AAAA,oCAIEF;AACE,cAAA,OAAO,EAAEd,GAAG,CAACkB,OAAJ,CAAYF,MAAZ,MAAwB,CAAC,CADpC;AAEE,cAAA,SAAS,EAAC,sBAFZ;AAGE,cAAA,EAAE,EAAEA,MAHN;AAIE,cAAA,QAAQ,EAAEf,QAAQ,CAACe,MAAD,CAJpB;AAKE,cAAA,IAAI,EAAC;AALP,cAJF,eAWEF;AAAK,cAAA,SAAS,EAAC,0BAAf;AAAA,qCACEA;AAAK,gBAAA,SAAS,EAAC;AAAf;AADF,cAXF;AAAA;AADF,UAJF,eAqBEA;AAAK,UAAA,SAAS,EAAC,2BAAf;AAAA,iCACEA;AAAK,YAAA,SAAS,EAAC,2BAAf;AAAA,sBACGE;AADH;AADF,UArBF;AAAA,SACOA,MADP,CADF;AA6BD,KA9BA;AAHH,IADF;AAqCD;;AAEDzB,aAAa,CAAC4B,SAAd,GAA0B;AACxB3B,EAAAA,MAAM,EAAE4B,6BAAS,CAACC,KAAV,CAAgB;AACtBV,IAAAA,GAAG,EAAES,6BAAS,CAACE,MADO;AAEtBzB,IAAAA,OAAO,EAAEuB,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,MAA5B;AAFa,GAAhB,CADgB;AAKxB7B,EAAAA,IAAI,EAAE2B,6BAAS,CAACC,KAAV,CAAgB;AACpBX,IAAAA,EAAE,EAAEU,6BAAS,CAACE;AADM,GAAhB,CALkB;AAQxB5B,EAAAA,YAAY,EAAE0B,6BAAS,CAACI,IARA;AASxB7B,EAAAA,KAAK,EAAEyB,6BAAS,CAACE;AATO,CAA1B;;;;"}

package/lib/cjs/components/Settings/ColorPicker.js

@@ -9,6 +9,7 @@ var reactColor = require('react-color');
 var withClickOutside = require('../withClickOutside.js');
 var hooks = require('../../utils/hooks.js');
 var Textbox = require('./Textbox.js');
+var functions = require('../../utils/functions.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -32,10 +33,14 @@ var COLOR_PRESETS = ['#D0021B', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#41
 var ColorPickerWithClickOutside = withClickOutside(reactColor.SketchPicker);
 
 var ColorPicker = function ColorPicker(_ref) {
-  var config = _ref.config,
-      item = _ref.item,
-      onItemChange = _ref.onItemChange,
-      value = _ref.value;
+  var _ref$config = _ref.config,
+      config = _ref$config === void 0 ? [] : _ref$config,
+      _ref$item = _ref.item,
+      item = _ref$item === void 0 ? {} : _ref$item,
+      _ref$onItemChange = _ref.onItemChange,
+      onItemChange = _ref$onItemChange === void 0 ? function () {} : _ref$onItemChange,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? '' : _ref$value;
   var _config$defaultValue = config.defaultValue,
       defaultValue = _config$defaultValue === void 0 ? '#FFFFFF' : _config$defaultValue;
 
@@ -54,8 +59,14 @@ var ColorPicker = function ColorPicker(_ref) {
   var handleInputChange = function handleInputChange(_item, _config) {
     var newValue = _config[Object.keys(_config)[0]];
 
-    setColorValue(newValue);
-    onItemChange(_item, _config);
+    var normalizedValue = functions.normalizeHexColor(newValue);
+
+    if (functions.isValidHexColor(normalizedValue)) {
+      setColorValue(normalizedValue);
+      onItemChange(_item, _defineProperty({}, config.key, normalizedValue));
+    } else {
+      setColorValue(newValue);
+    }
   };
 
   var checkPickerVisibility = function checkPickerVisibility() {
@@ -75,7 +86,7 @@ var ColorPicker = function ColorPicker(_ref) {
   var handleColorPick = function handleColorPick(_ref3) {
     var hex = _ref3.hex;
 
-    if (hex !== value) {
+    if (hex !== value && functions.isValidHexColor(hex)) {
       onItemChange({
         id: item.id
       }, _defineProperty({}, config.key, hex));
@@ -147,12 +158,6 @@ ColorPicker.propTypes = {
   onItemChange: PropTypes__default['default'].func,
   value: PropTypes__default['default'].string
 };
-ColorPicker.defaultProps = {
-  config: [],
-  item: {},
-  onItemChange: function onItemChange() {},
-  value: ''
-};
 var ColorPicker$1 = /*#__PURE__*/React.memo(ColorPicker);
 
 exports.COLOR_PRESETS = COLOR_PRESETS;

package/lib/cjs/components/Settings/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/Settings/ColorPicker.js"],"sourcesContent":["import { useState, memo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { SketchPicker } from 'react-color';\nimport withClickOutside from '../withClickOutside';\nimport { useEventListener } from '../../utils/hooks';\nimport Textbox from './Textbox';\n\nexport const COLOR_PRESETS = [\n  '#D0021B',\n  '#F5A623',\n  '#F8E71C',\n  '#8B572A',\n  '#7ED321',\n  '#417505',\n  '#BD10E0',\n  '#9013FE',\n  '#4A90E2',\n  '#50E3C2',\n  '#B8E986',\n  '#000000',\n  '#4A4A4A',\n  '#9B9B9B',\n  '#FFF',\n  '#FFFFFF',\n];\n\nexport const ColorPickerWithClickOutside = withClickOutside(SketchPicker);\n\nconst ColorPicker = ({\n  config,\n  item,\n  onItemChange,\n  value,\n}) => {\n  const { defaultValue = '#FFFFFF' } = config;\n  const [isPickerVisible, setIsPickerVisible] = useState(false);\n  const [colorValue, setColorValue] = useState(value || defaultValue);\n  const pickerRef = useRef(null);\n\n  const handleInputChange = (_item, _config) => {\n    const newValue = _config[Object.keys(_config)[0]];\n    setColorValue(newValue);\n    onItemChange(_item, _config);\n  };\n\n  const checkPickerVisibility = () => isPickerVisible && setIsPickerVisible(false);\n  useEventListener('resize', checkPickerVisibility);\n\n  const handleOnChange = ({ hex }) => {\n    if (hex !== colorValue) {\n      setColorValue(hex);\n    }\n  };\n\n  const handleColorPick = ({ hex }) => {\n    if (hex !== value) {\n      onItemChange(\n        { id: item.id },\n        { [config.key]: hex },\n      );\n    }\n  };\n\n  const setPickerVisibility = visibility => event => {\n    if (visibility && window.innerHeight - event.clientY < 327) {\n      setTimeout(() => {\n        if (\n          pickerRef.current\n          && pickerRef.current.firstChild\n          && pickerRef.current.firstChild.firstChild\n        ) {\n          pickerRef.current.firstChild.firstChild.scrollIntoView({\n            behavior: 'smooth',\n            block: 'end',\n          });\n        }\n      }, 0);\n    }\n    setIsPickerVisible(visibility);\n  };\n\n  return (\n    <>\n      <div\n        className={`colorPicker-wrapper p-relative d-flex a-center${\n          isPickerVisible ? ' pickerVisible' : ''\n        }`}\n        data-key={config.key}\n        onClick={setPickerVisibility(!isPickerVisible)}\n        onKeyPress={() => {}}\n      >\n        <Textbox\n          config={config}\n          item={item}\n          onItemChange={handleInputChange}\n          value={colorValue}\n        />\n        <div\n          className=\"colorPicker-preview\"\n          style={{ backgroundColor: colorValue }}\n        />\n      </div>\n      {isPickerVisible\n        && (\n          <div\n            ref={pickerRef}\n            onKeyDown={e => e.stopPropagation()}\n          >\n            <ColorPickerWithClickOutside\n              color={colorValue}\n              disableAlpha={true}\n              exceptionalClasses={[`colorPicker-wrapper[data-key='${config.key}']`]}\n              onChange={handleOnChange}\n              onChangeComplete={handleColorPick}\n              onClickOutside={setPickerVisibility(false)}\n              presetColors={COLOR_PRESETS}\n              withClickOutsideWrapperClass=\"colorPicker-holder\"\n            />\n          </div>\n        )}\n    </>\n  );\n};\n\nColorPicker.propTypes = {\n  config: PropTypes.shape({\n    defaultValue: PropTypes.string,\n    key: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.any),\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.string,\n};\n\nColorPicker.defaultProps = {\n  config: [],\n  item: {},\n  onItemChange: () => {},\n  value: '',\n};\n\nexport default memo(ColorPicker);\n"],"names":["COLOR_PRESETS","ColorPickerWithClickOutside","withClickOutside","SketchPicker","ColorPicker","config","item","onItemChange","value","defaultValue","useState","isPickerVisible","setIsPickerVisible","colorValue","setColorValue","pickerRef","useRef","handleInputChange","_item","_config","newValue","Object","keys","checkPickerVisibility","useEventListener","handleOnChange","hex","handleColorPick","id","key","setPickerVisibility","visibility","event","window","innerHeight","clientY","setTimeout","current","firstChild","scrollIntoView","behavior","block","_jsxs","_jsx","backgroundColor","e","stopPropagation","propTypes","PropTypes","shape","string","options","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,aAAa,GAAG,CAC3B,SAD2B,EAE3B,SAF2B,EAG3B,SAH2B,EAI3B,SAJ2B,EAK3B,SAL2B,EAM3B,SAN2B,EAO3B,SAP2B,EAQ3B,SAR2B,EAS3B,SAT2B,EAU3B,SAV2B,EAW3B,SAX2B,EAY3B,SAZ2B,EAa3B,SAb2B,EAc3B,SAd2B,EAe3B,MAf2B,EAgB3B,SAhB2B;IAmBhBC,2BAA2B,GAAGC,gBAAgB,CAACC,uBAAD;;AAE3D,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAKd;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;AACJ,6BAAqCH,MAArC,CAAQI,YAAR;AAAA,MAAQA,YAAR,qCAAuB,SAAvB;;AACA,kBAA8CC,cAAQ,CAAC,KAAD,CAAtD;AAAA;AAAA,MAAOC,eAAP;AAAA,MAAwBC,kBAAxB;;AACA,mBAAoCF,cAAQ,CAACF,KAAK,IAAIC,YAAV,CAA5C;AAAA;AAAA,MAAOI,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,SAAS,GAAGC,YAAM,CAAC,IAAD,CAAxB;;AAEA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAQC,OAAR,EAAoB;AAC5C,QAAMC,QAAQ,GAAGD,OAAO,CAACE,MAAM,CAACC,IAAP,CAAYH,OAAZ,EAAqB,CAArB,CAAD,CAAxB;;AACAL,IAAAA,aAAa,CAACM,QAAD,CAAb;AACAb,IAAAA,YAAY,CAACW,KAAD,EAAQC,OAAR,CAAZ;AACD,GAJD;;AAMA,MAAMI,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,WAAMZ,eAAe,IAAIC,kBAAkB,CAAC,KAAD,CAA3C;AAAA,GAA9B;;AACAY,EAAAA,sBAAgB,CAAC,QAAD,EAAWD,qBAAX,CAAhB;;AAEA,MAAME,cAAc,GAAG,SAAjBA,cAAiB,QAAa;AAAA,QAAVC,GAAU,SAAVA,GAAU;;AAClC,QAAIA,GAAG,KAAKb,UAAZ,EAAwB;AACtBC,MAAAA,aAAa,CAACY,GAAD,CAAb;AACD;AACF,GAJD;;AAMA,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,QAAa;AAAA,QAAVD,GAAU,SAAVA,GAAU;;AACnC,QAAIA,GAAG,KAAKlB,KAAZ,EAAmB;AACjBD,MAAAA,YAAY,CACV;AAAEqB,QAAAA,EAAE,EAAEtB,IAAI,CAACsB;AAAX,OADU,sBAEPvB,MAAM,CAACwB,GAFA,EAEMH,GAFN,EAAZ;AAID;AACF,GAPD;;AASA,MAAMI,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAAC,UAAU;AAAA,WAAI,UAAAC,KAAK,EAAI;AACjD,UAAID,UAAU,IAAIE,MAAM,CAACC,WAAP,GAAqBF,KAAK,CAACG,OAA3B,GAAqC,GAAvD,EAA4D;AAC1DC,QAAAA,UAAU,CAAC,YAAM;AACf,cACErB,SAAS,CAACsB,OAAV,IACGtB,SAAS,CAACsB,OAAV,CAAkBC,UADrB,IAEGvB,SAAS,CAACsB,OAAV,CAAkBC,UAAlB,CAA6BA,UAHlC,EAIE;AACAvB,YAAAA,SAAS,CAACsB,OAAV,CAAkBC,UAAlB,CAA6BA,UAA7B,CAAwCC,cAAxC,CAAuD;AACrDC,cAAAA,QAAQ,EAAE,QAD2C;AAErDC,cAAAA,KAAK,EAAE;AAF8C,aAAvD;AAID;AACF,SAXS,EAWP,CAXO,CAAV;AAYD;;AACD7B,MAAAA,kBAAkB,CAACmB,UAAD,CAAlB;AACD,KAhBqC;AAAA,GAAtC;;AAkBA,sBACEW;AAAA,4BACEA;AACE,MAAA,SAAS,0DACP/B,eAAe,GAAG,gBAAH,GAAsB,EAD9B,CADX;AAIE,kBAAUN,MAAM,CAACwB,GAJnB;AAKE,MAAA,OAAO,EAAEC,mBAAmB,CAAC,CAACnB,eAAF,CAL9B;AAME,MAAA,UAAU,EAAE,sBAAM,EANpB;AAAA,8BAQEgC,eAAC,OAAD;AACE,QAAA,MAAM,EAAEtC,MADV;AAEE,QAAA,IAAI,EAAEC,IAFR;AAGE,QAAA,YAAY,EAAEW,iBAHhB;AAIE,QAAA,KAAK,EAAEJ;AAJT,QARF,eAcE8B;AACE,QAAA,SAAS,EAAC,qBADZ;AAEE,QAAA,KAAK,EAAE;AAAEC,UAAAA,eAAe,EAAE/B;AAAnB;AAFT,QAdF;AAAA,MADF,EAoBGF,eAAe,iBAEZgC;AACE,MAAA,GAAG,EAAE5B,SADP;AAEE,MAAA,SAAS,EAAE,mBAAA8B,CAAC;AAAA,eAAIA,CAAC,CAACC,eAAF,EAAJ;AAAA,OAFd;AAAA,6BAIEH,eAAC,2BAAD;AACE,QAAA,KAAK,EAAE9B,UADT;AAEE,QAAA,YAAY,EAAE,IAFhB;AAGE,QAAA,kBAAkB,EAAE,yCAAkCR,MAAM,CAACwB,GAAzC,QAHtB;AAIE,QAAA,QAAQ,EAAEJ,cAJZ;AAKE,QAAA,gBAAgB,EAAEE,eALpB;AAME,QAAA,cAAc,EAAEG,mBAAmB,CAAC,KAAD,CANrC;AAOE,QAAA,YAAY,EAAE9B,aAPhB;AAQE,QAAA,4BAA4B,EAAC;AAR/B;AAJF,MAtBN;AAAA,IADF;AAyCD,CA9FD;;AAgGAI,WAAW,CAAC2C,SAAZ,GAAwB;AACtB1C,EAAAA,MAAM,EAAE2C,6BAAS,CAACC,KAAV,CAAgB;AACtBxC,IAAAA,YAAY,EAAEuC,6BAAS,CAACE,MADF;AAEtBrB,IAAAA,GAAG,EAAEmB,6BAAS,CAACE,MAFO;AAGtBC,IAAAA,OAAO,EAAEH,6BAAS,CAACI,OAAV,CAAkBJ,6BAAS,CAACK,GAA5B;AAHa,GAAhB,CADc;AAMtB/C,EAAAA,IAAI,EAAE0C,6BAAS,CAACC,KAAV,CAAgB;AACpBrB,IAAAA,EAAE,EAAEoB,6BAAS,CAACE;AADM,GAAhB,CANgB;AAStB3C,EAAAA,YAAY,EAAEyC,6BAAS,CAACM,IATF;AAUtB9C,EAAAA,KAAK,EAAEwC,6BAAS,CAACE;AAVK,CAAxB;AAaA9C,WAAW,CAACmD,YAAZ,GAA2B;AACzBlD,EAAAA,MAAM,EAAE,EADiB;AAEzBC,EAAAA,IAAI,EAAE,EAFmB;AAGzBC,EAAAA,YAAY,EAAE,wBAAM,EAHK;AAIzBC,EAAAA,KAAK,EAAE;AAJkB,CAA3B;AAOA,iCAAegD,UAAI,CAACpD,WAAD,CAAnB;;;;;;"}
+{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/Settings/ColorPicker.js"],"sourcesContent":["import { useState, memo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { SketchPicker } from 'react-color';\nimport withClickOutside from '../withClickOutside';\nimport { useEventListener } from '../../utils/hooks';\nimport Textbox from './Textbox';\nimport { isValidHexColor, normalizeHexColor } from '../../utils/functions';\n\nexport const COLOR_PRESETS = [\n  '#D0021B',\n  '#F5A623',\n  '#F8E71C',\n  '#8B572A',\n  '#7ED321',\n  '#417505',\n  '#BD10E0',\n  '#9013FE',\n  '#4A90E2',\n  '#50E3C2',\n  '#B8E986',\n  '#000000',\n  '#4A4A4A',\n  '#9B9B9B',\n  '#FFF',\n  '#FFFFFF',\n];\n\nexport const ColorPickerWithClickOutside = withClickOutside(SketchPicker);\n\nconst ColorPicker = ({\n  config = [],\n  item = {},\n  onItemChange = () => {},\n  value = '',\n}) => {\n  const { defaultValue = '#FFFFFF' } = config;\n  const [isPickerVisible, setIsPickerVisible] = useState(false);\n  const [colorValue, setColorValue] = useState(value || defaultValue);\n  const pickerRef = useRef(null);\n\n  const handleInputChange = (_item, _config) => {\n    const newValue = _config[Object.keys(_config)[0]];\n    const normalizedValue = normalizeHexColor(newValue);\n    if (isValidHexColor(normalizedValue)) {\n      setColorValue(normalizedValue);\n      onItemChange(_item, { [config.key]: normalizedValue });\n    } else {\n      setColorValue(newValue);\n    }\n  };\n\n  const checkPickerVisibility = () => isPickerVisible && setIsPickerVisible(false);\n  useEventListener('resize', checkPickerVisibility);\n\n  const handleOnChange = ({ hex }) => {\n    if (hex !== colorValue) {\n      setColorValue(hex);\n    }\n  };\n\n  const handleColorPick = ({ hex }) => {\n    if (hex !== value && isValidHexColor(hex)) {\n      onItemChange(\n        { id: item.id },\n        { [config.key]: hex },\n      );\n    }\n  };\n\n  const setPickerVisibility = visibility => event => {\n    if (visibility && window.innerHeight - event.clientY < 327) {\n      setTimeout(() => {\n        if (\n          pickerRef.current\n          && pickerRef.current.firstChild\n          && pickerRef.current.firstChild.firstChild\n        ) {\n          pickerRef.current.firstChild.firstChild.scrollIntoView({\n            behavior: 'smooth',\n            block: 'end',\n          });\n        }\n      }, 0);\n    }\n    setIsPickerVisible(visibility);\n  };\n\n  return (\n    <>\n      <div\n        className={`colorPicker-wrapper p-relative d-flex a-center${\n          isPickerVisible ? ' pickerVisible' : ''\n        }`}\n        data-key={config.key}\n        onClick={setPickerVisibility(!isPickerVisible)}\n        onKeyPress={() => {}}\n      >\n        <Textbox\n          config={config}\n          item={item}\n          onItemChange={handleInputChange}\n          value={colorValue}\n        />\n        <div\n          className=\"colorPicker-preview\"\n          style={{ backgroundColor: colorValue }}\n        />\n      </div>\n      {isPickerVisible\n        && (\n          <div\n            ref={pickerRef}\n            onKeyDown={e => e.stopPropagation()}\n          >\n            <ColorPickerWithClickOutside\n              color={colorValue}\n              disableAlpha={true}\n              exceptionalClasses={[`colorPicker-wrapper[data-key='${config.key}']`]}\n              onChange={handleOnChange}\n              onChangeComplete={handleColorPick}\n              onClickOutside={setPickerVisibility(false)}\n              presetColors={COLOR_PRESETS}\n              withClickOutsideWrapperClass=\"colorPicker-holder\"\n            />\n          </div>\n        )}\n    </>\n  );\n};\n\nColorPicker.propTypes = {\n  config: PropTypes.shape({\n    defaultValue: PropTypes.string,\n    key: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.any),\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.string,\n};\n\nexport default memo(ColorPicker);\n"],"names":["COLOR_PRESETS","ColorPickerWithClickOutside","withClickOutside","SketchPicker","ColorPicker","config","item","onItemChange","value","defaultValue","useState","isPickerVisible","setIsPickerVisible","colorValue","setColorValue","pickerRef","useRef","handleInputChange","_item","_config","newValue","Object","keys","normalizedValue","normalizeHexColor","isValidHexColor","key","checkPickerVisibility","useEventListener","handleOnChange","hex","handleColorPick","id","setPickerVisibility","visibility","event","window","innerHeight","clientY","setTimeout","current","firstChild","scrollIntoView","behavior","block","_jsxs","_jsx","backgroundColor","e","stopPropagation","propTypes","PropTypes","shape","string","options","arrayOf","any","func","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,aAAa,GAAG,CAC3B,SAD2B,EAE3B,SAF2B,EAG3B,SAH2B,EAI3B,SAJ2B,EAK3B,SAL2B,EAM3B,SAN2B,EAO3B,SAP2B,EAQ3B,SAR2B,EAS3B,SAT2B,EAU3B,SAV2B,EAW3B,SAX2B,EAY3B,SAZ2B,EAa3B,SAb2B,EAc3B,SAd2B,EAe3B,MAf2B,EAgB3B,SAhB2B;IAmBhBC,2BAA2B,GAAGC,gBAAgB,CAACC,uBAAD;;AAE3D,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAKd;AAAA,yBAJJC,MAII;AAAA,MAJJA,MAII,4BAJK,EAIL;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,EAGH;AAAA,+BAFJC,YAEI;AAAA,MAFJA,YAEI,kCAFW,YAAM,EAEjB;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;AACJ,6BAAqCH,MAArC,CAAQI,YAAR;AAAA,MAAQA,YAAR,qCAAuB,SAAvB;;AACA,kBAA8CC,cAAQ,CAAC,KAAD,CAAtD;AAAA;AAAA,MAAOC,eAAP;AAAA,MAAwBC,kBAAxB;;AACA,mBAAoCF,cAAQ,CAACF,KAAK,IAAIC,YAAV,CAA5C;AAAA;AAAA,MAAOI,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,SAAS,GAAGC,YAAM,CAAC,IAAD,CAAxB;;AAEA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAQC,OAAR,EAAoB;AAC5C,QAAMC,QAAQ,GAAGD,OAAO,CAACE,MAAM,CAACC,IAAP,CAAYH,OAAZ,EAAqB,CAArB,CAAD,CAAxB;;AACA,QAAMI,eAAe,GAAGC,2BAAiB,CAACJ,QAAD,CAAzC;;AACA,QAAIK,yBAAe,CAACF,eAAD,CAAnB,EAAsC;AACpCT,MAAAA,aAAa,CAACS,eAAD,CAAb;AACAhB,MAAAA,YAAY,CAACW,KAAD,sBAAWb,MAAM,CAACqB,GAAlB,EAAwBH,eAAxB,EAAZ;AACD,KAHD,MAGO;AACLT,MAAAA,aAAa,CAACM,QAAD,CAAb;AACD;AACF,GATD;;AAWA,MAAMO,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,WAAMhB,eAAe,IAAIC,kBAAkB,CAAC,KAAD,CAA3C;AAAA,GAA9B;;AACAgB,EAAAA,sBAAgB,CAAC,QAAD,EAAWD,qBAAX,CAAhB;;AAEA,MAAME,cAAc,GAAG,SAAjBA,cAAiB,QAAa;AAAA,QAAVC,GAAU,SAAVA,GAAU;;AAClC,QAAIA,GAAG,KAAKjB,UAAZ,EAAwB;AACtBC,MAAAA,aAAa,CAACgB,GAAD,CAAb;AACD;AACF,GAJD;;AAMA,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,QAAa;AAAA,QAAVD,GAAU,SAAVA,GAAU;;AACnC,QAAIA,GAAG,KAAKtB,KAAR,IAAiBiB,yBAAe,CAACK,GAAD,CAApC,EAA2C;AACzCvB,MAAAA,YAAY,CACV;AAAEyB,QAAAA,EAAE,EAAE1B,IAAI,CAAC0B;AAAX,OADU,sBAEP3B,MAAM,CAACqB,GAFA,EAEMI,GAFN,EAAZ;AAID;AACF,GAPD;;AASA,MAAMG,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAAC,UAAU;AAAA,WAAI,UAAAC,KAAK,EAAI;AACjD,UAAID,UAAU,IAAIE,MAAM,CAACC,WAAP,GAAqBF,KAAK,CAACG,OAA3B,GAAqC,GAAvD,EAA4D;AAC1DC,QAAAA,UAAU,CAAC,YAAM;AACf,cACExB,SAAS,CAACyB,OAAV,IACGzB,SAAS,CAACyB,OAAV,CAAkBC,UADrB,IAEG1B,SAAS,CAACyB,OAAV,CAAkBC,UAAlB,CAA6BA,UAHlC,EAIE;AACA1B,YAAAA,SAAS,CAACyB,OAAV,CAAkBC,UAAlB,CAA6BA,UAA7B,CAAwCC,cAAxC,CAAuD;AACrDC,cAAAA,QAAQ,EAAE,QAD2C;AAErDC,cAAAA,KAAK,EAAE;AAF8C,aAAvD;AAID;AACF,SAXS,EAWP,CAXO,CAAV;AAYD;;AACDhC,MAAAA,kBAAkB,CAACsB,UAAD,CAAlB;AACD,KAhBqC;AAAA,GAAtC;;AAkBA,sBACEW;AAAA,4BACEA;AACE,MAAA,SAAS,0DACPlC,eAAe,GAAG,gBAAH,GAAsB,EAD9B,CADX;AAIE,kBAAUN,MAAM,CAACqB,GAJnB;AAKE,MAAA,OAAO,EAAEO,mBAAmB,CAAC,CAACtB,eAAF,CAL9B;AAME,MAAA,UAAU,EAAE,sBAAM,EANpB;AAAA,8BAQEmC,eAAC,OAAD;AACE,QAAA,MAAM,EAAEzC,MADV;AAEE,QAAA,IAAI,EAAEC,IAFR;AAGE,QAAA,YAAY,EAAEW,iBAHhB;AAIE,QAAA,KAAK,EAAEJ;AAJT,QARF,eAcEiC;AACE,QAAA,SAAS,EAAC,qBADZ;AAEE,QAAA,KAAK,EAAE;AAAEC,UAAAA,eAAe,EAAElC;AAAnB;AAFT,QAdF;AAAA,MADF,EAoBGF,eAAe,iBAEZmC;AACE,MAAA,GAAG,EAAE/B,SADP;AAEE,MAAA,SAAS,EAAE,mBAAAiC,CAAC;AAAA,eAAIA,CAAC,CAACC,eAAF,EAAJ;AAAA,OAFd;AAAA,6BAIEH,eAAC,2BAAD;AACE,QAAA,KAAK,EAAEjC,UADT;AAEE,QAAA,YAAY,EAAE,IAFhB;AAGE,QAAA,kBAAkB,EAAE,yCAAkCR,MAAM,CAACqB,GAAzC,QAHtB;AAIE,QAAA,QAAQ,EAAEG,cAJZ;AAKE,QAAA,gBAAgB,EAAEE,eALpB;AAME,QAAA,cAAc,EAAEE,mBAAmB,CAAC,KAAD,CANrC;AAOE,QAAA,YAAY,EAAEjC,aAPhB;AAQE,QAAA,4BAA4B,EAAC;AAR/B;AAJF,MAtBN;AAAA,IADF;AAyCD,CAnGD;;AAqGAI,WAAW,CAAC8C,SAAZ,GAAwB;AACtB7C,EAAAA,MAAM,EAAE8C,6BAAS,CAACC,KAAV,CAAgB;AACtB3C,IAAAA,YAAY,EAAE0C,6BAAS,CAACE,MADF;AAEtB3B,IAAAA,GAAG,EAAEyB,6BAAS,CAACE,MAFO;AAGtBC,IAAAA,OAAO,EAAEH,6BAAS,CAACI,OAAV,CAAkBJ,6BAAS,CAACK,GAA5B;AAHa,GAAhB,CADc;AAMtBlD,EAAAA,IAAI,EAAE6C,6BAAS,CAACC,KAAV,CAAgB;AACpBpB,IAAAA,EAAE,EAAEmB,6BAAS,CAACE;AADM,GAAhB,CANgB;AAStB9C,EAAAA,YAAY,EAAE4C,6BAAS,CAACM,IATF;AAUtBjD,EAAAA,KAAK,EAAE2C,6BAAS,CAACE;AAVK,CAAxB;AAaA,iCAAeK,UAAI,CAACtD,WAAD,CAAnB;;;;;;"}

package/lib/cjs/components/Settings/Dropdown.js

@@ -16,10 +16,16 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var Dropdown = function Dropdown(_ref) {
-  var config = _ref.config,
-      item = _ref.item,
-      onItemChange = _ref.onItemChange,
-      value = _ref.value;
+  var _ref$config = _ref.config,
+      config = _ref$config === void 0 ? {
+    cast: 'string'
+  } : _ref$config,
+      _ref$item = _ref.item,
+      item = _ref$item === void 0 ? {} : _ref$item,
+      _ref$onItemChange = _ref.onItemChange,
+      onItemChange = _ref$onItemChange === void 0 ? function () {} : _ref$onItemChange,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? '' : _ref$value;
   var options = config.options,
       unit = config.unit;
   var selectProps = {};
@@ -69,14 +75,6 @@ Dropdown.propTypes = {
   onItemChange: PropTypes__default['default'].func,
   value: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number])
 };
-Dropdown.defaultProps = {
-  config: {
-    cast: 'string'
-  },
-  item: {},
-  onItemChange: function onItemChange() {},
-  value: ''
-};
 var Dropdown$1 = /*#__PURE__*/React.memo(Dropdown);
 
 module.exports = Dropdown$1;

package/lib/cjs/components/Settings/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Settings/Dropdown.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Dropdown = ({\n  config,\n  item,\n  onItemChange,\n  value,\n}) => {\n  const { options, unit } = config;\n\n  const selectProps = {};\n  if (value) {\n    selectProps.value = value;\n  }\n\n  const onChange = e => {\n    const newValue = config.cast && config.cast === 'integer'\n      ? parseInt(e.target.value, 10)\n      : e.target.value;\n    if (newValue !== value) {\n      onItemChange(\n        { id: item.id },\n        { [config.key]: newValue },\n      );\n    }\n  };\n  return (\n    <div className=\"toolSection-dropdownWrapper\">\n      <select\n        className=\"toolSection-dropdown\"\n        {...selectProps}\n        onChange={onChange}\n      >\n        {options.map(option => {\n          const optionValue = option.value ? option.value : option;\n          const optionLabel = option.label ? option.label : option;\n          return (\n            <option\n              key={optionValue}\n              value={optionValue}\n            >\n              {optionLabel}\n              {unit ? unit : ''}\n            </option>\n          );\n        })}\n      </select>\n    </div>\n  );\n};\n\nDropdown.propTypes = {\n  config: PropTypes.shape({\n    cast: PropTypes.string,\n    key: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.any),\n    unit: PropTypes.string,\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n};\n\nDropdown.defaultProps = {\n  config: {\n    cast: 'string',\n  },\n  item: {},\n  onItemChange: () => {},\n  value: '',\n};\n\nexport default memo(Dropdown);\n"],"names":["Dropdown","config","item","onItemChange","value","options","unit","selectProps","onChange","e","newValue","cast","parseInt","target","id","key","_jsx","map","option","optionValue","optionLabel","label","_jsxs","propTypes","PropTypes","shape","string","arrayOf","any","func","oneOfType","number","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAKX;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;AACJ,MAAQC,OAAR,GAA0BJ,MAA1B,CAAQI,OAAR;AAAA,MAAiBC,IAAjB,GAA0BL,MAA1B,CAAiBK,IAAjB;AAEA,MAAMC,WAAW,GAAG,EAApB;;AACA,MAAIH,KAAJ,EAAW;AACTG,IAAAA,WAAW,CAACH,KAAZ,GAAoBA,KAApB;AACD;;AAED,MAAMI,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AACpB,QAAMC,QAAQ,GAAGT,MAAM,CAACU,IAAP,IAAeV,MAAM,CAACU,IAAP,KAAgB,SAA/B,GACbC,QAAQ,CAACH,CAAC,CAACI,MAAF,CAAST,KAAV,EAAiB,EAAjB,CADK,GAEbK,CAAC,CAACI,MAAF,CAAST,KAFb;;AAGA,QAAIM,QAAQ,KAAKN,KAAjB,EAAwB;AACtBD,MAAAA,YAAY,CACV;AAAEW,QAAAA,EAAE,EAAEZ,IAAI,CAACY;AAAX,OADU,sBAEPb,MAAM,CAACc,GAFA,EAEML,QAFN,EAAZ;AAID;AACF,GAVD;;AAWA,sBACEM;AAAK,IAAA,SAAS,EAAC,6BAAf;AAAA,2BACEA;AACE,MAAA,SAAS,EAAC;AADZ,OAEMT,WAFN;AAGE,MAAA,QAAQ,EAAEC,QAHZ;AAAA,gBAKGH,OAAO,CAACY,GAAR,CAAY,UAAAC,MAAM,EAAI;AACrB,YAAMC,WAAW,GAAGD,MAAM,CAACd,KAAP,GAAec,MAAM,CAACd,KAAtB,GAA8Bc,MAAlD;AACA,YAAME,WAAW,GAAGF,MAAM,CAACG,KAAP,GAAeH,MAAM,CAACG,KAAtB,GAA8BH,MAAlD;AACA,4BACEI;AAEE,UAAA,KAAK,EAAEH,WAFT;AAAA,qBAIGC,WAJH,EAKGd,IAAI,GAAGA,IAAH,GAAU,EALjB;AAAA,WACOa,WADP,CADF;AASD,OAZA;AALH;AADF,IADF;AAuBD,CA/CD;;AAiDAnB,QAAQ,CAACuB,SAAT,GAAqB;AACnBtB,EAAAA,MAAM,EAAEuB,6BAAS,CAACC,KAAV,CAAgB;AACtBd,IAAAA,IAAI,EAAEa,6BAAS,CAACE,MADM;AAEtBX,IAAAA,GAAG,EAAES,6BAAS,CAACE,MAFO;AAGtBrB,IAAAA,OAAO,EAAEmB,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACI,GAA5B,CAHa;AAItBtB,IAAAA,IAAI,EAAEkB,6BAAS,CAACE;AAJM,GAAhB,CADW;AAOnBxB,EAAAA,IAAI,EAAEsB,6BAAS,CAACC,KAAV,CAAgB;AACpBX,IAAAA,EAAE,EAAEU,6BAAS,CAACE;AADM,GAAhB,CAPa;AAUnBvB,EAAAA,YAAY,EAAEqB,6BAAS,CAACK,IAVL;AAWnBzB,EAAAA,KAAK,EAAEoB,6BAAS,CAACM,SAAV,CAAoB,CACzBN,6BAAS,CAACE,MADe,EAEzBF,6BAAS,CAACO,MAFe,CAApB;AAXY,CAArB;AAiBA/B,QAAQ,CAACgC,YAAT,GAAwB;AACtB/B,EAAAA,MAAM,EAAE;AACNU,IAAAA,IAAI,EAAE;AADA,GADc;AAItBT,EAAAA,IAAI,EAAE,EAJgB;AAKtBC,EAAAA,YAAY,EAAE,wBAAM,EALE;AAMtBC,EAAAA,KAAK,EAAE;AANe,CAAxB;AASA,8BAAe6B,UAAI,CAACjC,QAAD,CAAnB;;;;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Settings/Dropdown.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Dropdown = ({\n  config = { cast: 'string' },\n  item = {},\n  onItemChange = () => {},\n  value = '',\n}) => {\n  const { options, unit } = config;\n\n  const selectProps = {};\n  if (value) {\n    selectProps.value = value;\n  }\n\n  const onChange = e => {\n    const newValue = config.cast && config.cast === 'integer'\n      ? parseInt(e.target.value, 10)\n      : e.target.value;\n    if (newValue !== value) {\n      onItemChange(\n        { id: item.id },\n        { [config.key]: newValue },\n      );\n    }\n  };\n  return (\n    <div className=\"toolSection-dropdownWrapper\">\n      <select\n        className=\"toolSection-dropdown\"\n        {...selectProps}\n        onChange={onChange}\n      >\n        {options.map(option => {\n          const optionValue = option.value ? option.value : option;\n          const optionLabel = option.label ? option.label : option;\n          return (\n            <option\n              key={optionValue}\n              value={optionValue}\n            >\n              {optionLabel}\n              {unit ? unit : ''}\n            </option>\n          );\n        })}\n      </select>\n    </div>\n  );\n};\n\nDropdown.propTypes = {\n  config: PropTypes.shape({\n    cast: PropTypes.string,\n    key: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.any),\n    unit: PropTypes.string,\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n};\n\nexport default memo(Dropdown);\n"],"names":["Dropdown","config","cast","item","onItemChange","value","options","unit","selectProps","onChange","e","newValue","parseInt","target","id","key","_jsx","map","option","optionValue","optionLabel","label","_jsxs","propTypes","PropTypes","shape","string","arrayOf","any","func","oneOfType","number","memo"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAKX;AAAA,yBAJJC,MAII;AAAA,MAJJA,MAII,4BAJK;AAAEC,IAAAA,IAAI,EAAE;AAAR,GAIL;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,EAGH;AAAA,+BAFJC,YAEI;AAAA,MAFJA,YAEI,kCAFW,YAAM,EAEjB;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;AACJ,MAAQC,OAAR,GAA0BL,MAA1B,CAAQK,OAAR;AAAA,MAAiBC,IAAjB,GAA0BN,MAA1B,CAAiBM,IAAjB;AAEA,MAAMC,WAAW,GAAG,EAApB;;AACA,MAAIH,KAAJ,EAAW;AACTG,IAAAA,WAAW,CAACH,KAAZ,GAAoBA,KAApB;AACD;;AAED,MAAMI,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AACpB,QAAMC,QAAQ,GAAGV,MAAM,CAACC,IAAP,IAAeD,MAAM,CAACC,IAAP,KAAgB,SAA/B,GACbU,QAAQ,CAACF,CAAC,CAACG,MAAF,CAASR,KAAV,EAAiB,EAAjB,CADK,GAEbK,CAAC,CAACG,MAAF,CAASR,KAFb;;AAGA,QAAIM,QAAQ,KAAKN,KAAjB,EAAwB;AACtBD,MAAAA,YAAY,CACV;AAAEU,QAAAA,EAAE,EAAEX,IAAI,CAACW;AAAX,OADU,sBAEPb,MAAM,CAACc,GAFA,EAEMJ,QAFN,EAAZ;AAID;AACF,GAVD;;AAWA,sBACEK;AAAK,IAAA,SAAS,EAAC,6BAAf;AAAA,2BACEA;AACE,MAAA,SAAS,EAAC;AADZ,OAEMR,WAFN;AAGE,MAAA,QAAQ,EAAEC,QAHZ;AAAA,gBAKGH,OAAO,CAACW,GAAR,CAAY,UAAAC,MAAM,EAAI;AACrB,YAAMC,WAAW,GAAGD,MAAM,CAACb,KAAP,GAAea,MAAM,CAACb,KAAtB,GAA8Ba,MAAlD;AACA,YAAME,WAAW,GAAGF,MAAM,CAACG,KAAP,GAAeH,MAAM,CAACG,KAAtB,GAA8BH,MAAlD;AACA,4BACEI;AAEE,UAAA,KAAK,EAAEH,WAFT;AAAA,qBAIGC,WAJH,EAKGb,IAAI,GAAGA,IAAH,GAAU,EALjB;AAAA,WACOY,WADP,CADF;AASD,OAZA;AALH;AADF,IADF;AAuBD,CA/CD;;AAiDAnB,QAAQ,CAACuB,SAAT,GAAqB;AACnBtB,EAAAA,MAAM,EAAEuB,6BAAS,CAACC,KAAV,CAAgB;AACtBvB,IAAAA,IAAI,EAAEsB,6BAAS,CAACE,MADM;AAEtBX,IAAAA,GAAG,EAAES,6BAAS,CAACE,MAFO;AAGtBpB,IAAAA,OAAO,EAAEkB,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACI,GAA5B,CAHa;AAItBrB,IAAAA,IAAI,EAAEiB,6BAAS,CAACE;AAJM,GAAhB,CADW;AAOnBvB,EAAAA,IAAI,EAAEqB,6BAAS,CAACC,KAAV,CAAgB;AACpBX,IAAAA,EAAE,EAAEU,6BAAS,CAACE;AADM,GAAhB,CAPa;AAUnBtB,EAAAA,YAAY,EAAEoB,6BAAS,CAACK,IAVL;AAWnBxB,EAAAA,KAAK,EAAEmB,6BAAS,CAACM,SAAV,CAAoB,CACzBN,6BAAS,CAACE,MADe,EAEzBF,6BAAS,CAACO,MAFe,CAApB;AAXY,CAArB;AAiBA,8BAAeC,UAAI,CAAChC,QAAD,CAAnB;;;;"}

package/lib/cjs/components/Settings/FieldSet.js

@@ -9,7 +9,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var FieldSet = function FieldSet(_ref) {
-  var label = _ref.config.label;
+  var _ref$config = _ref.config;
+  _ref$config = _ref$config === void 0 ? {} : _ref$config;
+  var label = _ref$config.label;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "toolSection toolSection-title t-medium fieldset",
     children: label
@@ -21,9 +23,6 @@ FieldSet.propTypes = {
     label: PropTypes__default['default'].string
   })
 };
-FieldSet.defaultProps = {
-  config: {}
-};
 var FieldSet$1 = /*#__PURE__*/React.memo(FieldSet);
 
 module.exports = FieldSet$1;

package/lib/cjs/components/Settings/FieldSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSet.js","sources":["../../../../src/components/Settings/FieldSet.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst FieldSet = ({ config: { label } }) => {\n  return (\n    <div className=\"toolSection toolSection-title t-medium fieldset\">\n      {label}\n    </div>\n  );\n};\n\nFieldSet.propTypes = {\n  config: PropTypes.shape({\n    label: PropTypes.string,\n  }),\n};\n\nFieldSet.defaultProps = {\n  config: {},\n};\n\nexport default memo(FieldSet);\n"],"names":["FieldSet","label","config","_jsx","propTypes","PropTypes","shape","string","defaultProps","memo"],"mappings":";;;;;;;;;;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAA2B;AAAA,MAAdC,KAAc,QAAxBC,MAAwB,CAAdD,KAAc;AAC1C,sBACEE;AAAK,IAAA,SAAS,EAAC,iDAAf;AAAA,cACGF;AADH,IADF;AAKD,CAND;;AAQAD,QAAQ,CAACI,SAAT,GAAqB;AACnBF,EAAAA,MAAM,EAAEG,6BAAS,CAACC,KAAV,CAAgB;AACtBL,IAAAA,KAAK,EAAEI,6BAAS,CAACE;AADK,GAAhB;AADW,CAArB;AAMAP,QAAQ,CAACQ,YAAT,GAAwB;AACtBN,EAAAA,MAAM,EAAE;AADc,CAAxB;AAIA,8BAAeO,UAAI,CAACT,QAAD,CAAnB;;;;"}
+{"version":3,"file":"FieldSet.js","sources":["../../../../src/components/Settings/FieldSet.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst FieldSet = ({ config: { label } = {} }) => {\n  return (\n    <div className=\"toolSection toolSection-title t-medium fieldset\">\n      {label}\n    </div>\n  );\n};\n\nFieldSet.propTypes = {\n  config: PropTypes.shape({\n    label: PropTypes.string,\n  }),\n};\n\nexport default memo(FieldSet);\n"],"names":["FieldSet","config","label","_jsx","propTypes","PropTypes","shape","string","memo"],"mappings":";;;;;;;;;;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAAgC;AAAA,yBAA7BC,MAA6B;AAAA,yCAAT,EAAS;AAAA,MAAnBC,KAAmB,eAAnBA,KAAmB;AAC/C,sBACEC;AAAK,IAAA,SAAS,EAAC,iDAAf;AAAA,cACGD;AADH,IADF;AAKD,CAND;;AAQAF,QAAQ,CAACI,SAAT,GAAqB;AACnBH,EAAAA,MAAM,EAAEI,6BAAS,CAACC,KAAV,CAAgB;AACtBJ,IAAAA,KAAK,EAAEG,6BAAS,CAACE;AADK,GAAhB;AADW,CAArB;AAMA,8BAAeC,UAAI,CAACR,QAAD,CAAnB;;;;"}

package/lib/cjs/components/Settings/IconSelectBox.js

@@ -13,10 +13,14 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var IconSelectBox = function IconSelectBox(_ref) {
-  var config = _ref.config,
-      item = _ref.item,
-      onItemChange = _ref.onItemChange,
-      value = _ref.value;
+  var _ref$config = _ref.config,
+      config = _ref$config === void 0 ? {} : _ref$config,
+      _ref$item = _ref.item,
+      item = _ref$item === void 0 ? {} : _ref$item,
+      _ref$onItemChange = _ref.onItemChange,
+      onItemChange = _ref$onItemChange === void 0 ? function () {} : _ref$onItemChange,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? '' : _ref$value;
 
   var handleIconSelect = function handleIconSelect(e) {
     var newValue = e.target.value;
@@ -70,12 +74,6 @@ IconSelectBox.propTypes = {
   onItemChange: PropTypes__default['default'].func,
   value: PropTypes__default['default'].string
 };
-IconSelectBox.defaultProps = {
-  config: {},
-  item: {},
-  onItemChange: function onItemChange() {},
-  value: ''
-};
 
 module.exports = IconSelectBox;
 //# sourceMappingURL=IconSelectBox.js.map

package/lib/cjs/components/Settings/IconSelectBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconSelectBox.js","sources":["../../../../src/components/Settings/IconSelectBox.js"],"sourcesContent":["/* eslint-disable */\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/iconSelector';\n\nconst IconSelectBox = ({\n  config, item, onItemChange, value,\n}) => {\n  const handleIconSelect = e => {\n    const newValue = e.target.value;\n    if (value !== newValue) {\n      onItemChange(\n        { id: item.id },\n        { [config.key]: newValue },\n      );\n    }\n  };\n\n  return (\n    <div className=\"toolSection-list forIcons d-flex f-wrap\">\n      <div className=\"tabContent\">\n        <div className=\"iconSelector\">\n          {Object.keys(icons).map(iconType => {\n            const Icon = icons[iconType];\n            return (\n              <div\n                key={iconType}\n                className=\"iconSelector-item\"\n              >\n                <input\n                  checked={iconType === value ? true : false}\n                  className=\"iconSelector-input\"\n                  id={iconType}\n                  name=\"iconSelector\"\n                  onChange={handleIconSelect}\n                  type=\"radio\"\n                  value={iconType}\n                />\n                <label\n                  className=\"iconSelector-label\"\n                  htmlFor={iconType}\n                >\n                  <Icon\n                    key={iconType}\n                    className=\"jfReportSVG iconSelector-icon\"\n                  />\n                </label>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nIconSelectBox.propTypes = {\n  config: PropTypes.shape({\n    key: PropTypes.string,\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.string,\n};\n\nIconSelectBox.defaultProps = {\n  config: {},\n  item: {},\n  onItemChange: () => {},\n  value: '',\n};\n\nexport default IconSelectBox;\n"],"names":["IconSelectBox","config","item","onItemChange","value","handleIconSelect","e","newValue","target","id","key","_jsx","Object","keys","icons","map","iconType","Icon","_jsxs","propTypes","PropTypes","shape","string","func","defaultProps"],"mappings":";;;;;;;;;;;;;;IAIMA,aAAa,GAAG,SAAhBA,aAAgB,OAEhB;AAAA,MADJC,MACI,QADJA,MACI;AAAA,MADIC,IACJ,QADIA,IACJ;AAAA,MADUC,YACV,QADUA,YACV;AAAA,MADwBC,KACxB,QADwBA,KACxB;;AACJ,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,CAAC,EAAI;AAC5B,QAAMC,QAAQ,GAAGD,CAAC,CAACE,MAAF,CAASJ,KAA1B;;AACA,QAAIA,KAAK,KAAKG,QAAd,EAAwB;AACtBJ,MAAAA,YAAY,CACV;AAAEM,QAAAA,EAAE,EAAEP,IAAI,CAACO;AAAX,OADU,sBAEPR,MAAM,CAACS,GAFA,EAEMH,QAFN,EAAZ;AAID;AACF,GARD;;AAUA,sBACEI;AAAK,IAAA,SAAS,EAAC,yCAAf;AAAA,2BACEA;AAAK,MAAA,SAAS,EAAC,YAAf;AAAA,6BACEA;AAAK,QAAA,SAAS,EAAC,cAAf;AAAA,kBACGC,MAAM,CAACC,IAAP,CAAYC,YAAZ,EAAmBC,GAAnB,CAAuB,UAAAC,QAAQ,EAAI;AAClC,cAAMC,IAAI,GAAGH,YAAK,CAACE,QAAD,CAAlB;AACA,8BACEE;AAEE,YAAA,SAAS,EAAC,mBAFZ;AAAA,oCAIEP;AACE,cAAA,OAAO,EAAEK,QAAQ,KAAKZ,KAAb,GAAqB,IAArB,GAA4B,KADvC;AAEE,cAAA,SAAS,EAAC,oBAFZ;AAGE,cAAA,EAAE,EAAEY,QAHN;AAIE,cAAA,IAAI,EAAC,cAJP;AAKE,cAAA,QAAQ,EAAEX,gBALZ;AAME,cAAA,IAAI,EAAC,OANP;AAOE,cAAA,KAAK,EAAEW;AAPT,cAJF,eAaEL;AACE,cAAA,SAAS,EAAC,oBADZ;AAEE,cAAA,OAAO,EAAEK,QAFX;AAAA,qCAIEL,eAAC,IAAD;AAEE,gBAAA,SAAS,EAAC;AAFZ,iBACOK,QADP;AAJF,cAbF;AAAA,aACOA,QADP,CADF;AAyBD,SA3BA;AADH;AADF;AADF,IADF;AAoCD;;AAEDhB,aAAa,CAACmB,SAAd,GAA0B;AACxBlB,EAAAA,MAAM,EAAEmB,6BAAS,CAACC,KAAV,CAAgB;AACtBX,IAAAA,GAAG,EAAEU,6BAAS,CAACE;AADO,GAAhB,CADgB;AAIxBpB,EAAAA,IAAI,EAAEkB,6BAAS,CAACC,KAAV,CAAgB;AACpBZ,IAAAA,EAAE,EAAEW,6BAAS,CAACE;AADM,GAAhB,CAJkB;AAOxBnB,EAAAA,YAAY,EAAEiB,6BAAS,CAACG,IAPA;AAQxBnB,EAAAA,KAAK,EAAEgB,6BAAS,CAACE;AARO,CAA1B;AAWAtB,aAAa,CAACwB,YAAd,GAA6B;AAC3BvB,EAAAA,MAAM,EAAE,EADmB;AAE3BC,EAAAA,IAAI,EAAE,EAFqB;AAG3BC,EAAAA,YAAY,EAAE,wBAAM,EAHO;AAI3BC,EAAAA,KAAK,EAAE;AAJoB,CAA7B;;;;"}
+{"version":3,"file":"IconSelectBox.js","sources":["../../../../src/components/Settings/IconSelectBox.js"],"sourcesContent":["/* eslint-disable */\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/iconSelector';\n\nconst IconSelectBox = ({\n  config =  {},\n  item = {},\n  onItemChange = () => {},\n  value = '',\n}) => {\n  const handleIconSelect = e => {\n    const newValue = e.target.value;\n    if (value !== newValue) {\n      onItemChange(\n        { id: item.id },\n        { [config.key]: newValue },\n      );\n    }\n  };\n\n  return (\n    <div className=\"toolSection-list forIcons d-flex f-wrap\">\n      <div className=\"tabContent\">\n        <div className=\"iconSelector\">\n          {Object.keys(icons).map(iconType => {\n            const Icon = icons[iconType];\n            return (\n              <div\n                key={iconType}\n                className=\"iconSelector-item\"\n              >\n                <input\n                  checked={iconType === value ? true : false}\n                  className=\"iconSelector-input\"\n                  id={iconType}\n                  name=\"iconSelector\"\n                  onChange={handleIconSelect}\n                  type=\"radio\"\n                  value={iconType}\n                />\n                <label\n                  className=\"iconSelector-label\"\n                  htmlFor={iconType}\n                >\n                  <Icon\n                    key={iconType}\n                    className=\"jfReportSVG iconSelector-icon\"\n                  />\n                </label>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nIconSelectBox.propTypes = {\n  config: PropTypes.shape({\n    key: PropTypes.string,\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.string,\n};\n\nexport default IconSelectBox;\n"],"names":["IconSelectBox","config","item","onItemChange","value","handleIconSelect","e","newValue","target","id","key","_jsx","Object","keys","icons","map","iconType","Icon","_jsxs","propTypes","PropTypes","shape","string","func"],"mappings":";;;;;;;;;;;;;;IAIMA,aAAa,GAAG,SAAhBA,aAAgB,OAKhB;AAAA,yBAJJC,MAII;AAAA,MAJJA,MAII,4BAJM,EAIN;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,EAGH;AAAA,+BAFJC,YAEI;AAAA,MAFJA,YAEI,kCAFW,YAAM,EAEjB;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;;AACJ,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,CAAC,EAAI;AAC5B,QAAMC,QAAQ,GAAGD,CAAC,CAACE,MAAF,CAASJ,KAA1B;;AACA,QAAIA,KAAK,KAAKG,QAAd,EAAwB;AACtBJ,MAAAA,YAAY,CACV;AAAEM,QAAAA,EAAE,EAAEP,IAAI,CAACO;AAAX,OADU,sBAEPR,MAAM,CAACS,GAFA,EAEMH,QAFN,EAAZ;AAID;AACF,GARD;;AAUA,sBACEI;AAAK,IAAA,SAAS,EAAC,yCAAf;AAAA,2BACEA;AAAK,MAAA,SAAS,EAAC,YAAf;AAAA,6BACEA;AAAK,QAAA,SAAS,EAAC,cAAf;AAAA,kBACGC,MAAM,CAACC,IAAP,CAAYC,YAAZ,EAAmBC,GAAnB,CAAuB,UAAAC,QAAQ,EAAI;AAClC,cAAMC,IAAI,GAAGH,YAAK,CAACE,QAAD,CAAlB;AACA,8BACEE;AAEE,YAAA,SAAS,EAAC,mBAFZ;AAAA,oCAIEP;AACE,cAAA,OAAO,EAAEK,QAAQ,KAAKZ,KAAb,GAAqB,IAArB,GAA4B,KADvC;AAEE,cAAA,SAAS,EAAC,oBAFZ;AAGE,cAAA,EAAE,EAAEY,QAHN;AAIE,cAAA,IAAI,EAAC,cAJP;AAKE,cAAA,QAAQ,EAAEX,gBALZ;AAME,cAAA,IAAI,EAAC,OANP;AAOE,cAAA,KAAK,EAAEW;AAPT,cAJF,eAaEL;AACE,cAAA,SAAS,EAAC,oBADZ;AAEE,cAAA,OAAO,EAAEK,QAFX;AAAA,qCAIEL,eAAC,IAAD;AAEE,gBAAA,SAAS,EAAC;AAFZ,iBACOK,QADP;AAJF,cAbF;AAAA,aACOA,QADP,CADF;AAyBD,SA3BA;AADH;AADF;AADF,IADF;AAoCD;;AAEDhB,aAAa,CAACmB,SAAd,GAA0B;AACxBlB,EAAAA,MAAM,EAAEmB,6BAAS,CAACC,KAAV,CAAgB;AACtBX,IAAAA,GAAG,EAAEU,6BAAS,CAACE;AADO,GAAhB,CADgB;AAIxBpB,EAAAA,IAAI,EAAEkB,6BAAS,CAACC,KAAV,CAAgB;AACpBZ,IAAAA,EAAE,EAAEW,6BAAS,CAACE;AADM,GAAhB,CAJkB;AAOxBnB,EAAAA,YAAY,EAAEiB,6BAAS,CAACG,IAPA;AAQxBnB,EAAAA,KAAK,EAAEgB,6BAAS,CAACE;AARO,CAA1B;;;;"}

package/lib/cjs/components/Settings/ImagePicker/EnterURL.js

@@ -28,8 +28,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var imageRegex = new RegExp('jpg|jpeg|png|gif', 'i');
 
 var EnterURL = function EnterURL(_ref) {
-  var item = _ref.item,
-      onItemChange = _ref.onItemChange;
+  var _ref$item = _ref.item,
+      item = _ref$item === void 0 ? '' : _ref$item,
+      _ref$onItemChange = _ref.onItemChange,
+      onItemChange = _ref$onItemChange === void 0 ? function () {} : _ref$onItemChange;
 
   var _useState = React.useState(''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -102,10 +104,6 @@ EnterURL.propTypes = {
   }),
   onItemChange: PropTypes__default['default'].func
 };
-EnterURL.defaultProps = {
-  item: '',
-  onItemChange: function onItemChange() {}
-};
 
 module.exports = EnterURL;
 //# sourceMappingURL=EnterURL.js.map

package/lib/cjs/components/Settings/ImagePicker/EnterURL.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnterURL.js","sources":["../../../../../src/components/Settings/ImagePicker/EnterURL.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Textbox from '../Textbox';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst imageRegex = new RegExp('jpg|jpeg|png|gif', 'i');\n\nconst EnterURL = ({ item, onItemChange }) => {\n  const [url, setUrl] = useState('');\n  const [isErrored, setIsErrored] = useState(false);\n  const { ADD_LINK } = useTranslatedTexts();\n\n  const onURLChange = (_, v) => {\n    if (isErrored) {\n      setIsErrored(false);\n    }\n    setUrl(v.url);\n  };\n\n  const onSubmitURL = () => {\n    setIsErrored(false);\n    const extension = url.split('.').pop();\n    if (imageRegex.test(extension)) {\n      setIsErrored(false);\n      onItemChange(\n        { id: item.id },\n        { url },\n      );\n    } else {\n      setIsErrored(true);\n    }\n  };\n\n  return (\n    <div className=\"fileUploader-url\">\n      <Textbox\n        config={{ key: 'url' }}\n        itemID={item.id}\n        onItemChange={onURLChange}\n        placeholder=\"https://\"\n        value={url}\n      />\n      <button\n        className=\"jfReportButton isSuccess\"\n        disabled={!url}\n        onClick={onSubmitURL}\n        type=\"button\"\n      >\n        {ADD_LINK}\n      </button>\n      {isErrored && (\n        <div\n          className=\"uploadInfo isError\"\n          style={{\n            color: '#ff0000',\n            marginTop: '10px',\n            textAlign: 'center',\n          }}\n        >\n          Only jpg, jpeg, png and gif images are supported\n        </div>\n      )}\n    </div>\n  );\n};\n\nEnterURL.propTypes = {\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n};\n\nEnterURL.defaultProps = {\n  item: '',\n  onItemChange: () => {},\n};\n\nexport default EnterURL;\n"],"names":["imageRegex","RegExp","EnterURL","item","onItemChange","useState","url","setUrl","isErrored","setIsErrored","useTranslatedTexts","ADD_LINK","onURLChange","_","v","onSubmitURL","extension","split","pop","test","id","_jsxs","_jsx","key","color","marginTop","textAlign","propTypes","PropTypes","shape","string","func","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,UAAU,GAAG,IAAIC,MAAJ,CAAW,kBAAX,EAA+B,GAA/B,CAAnB;;IAEMC,QAAQ,GAAG,SAAXA,QAAW,OAA4B;AAAA,MAAzBC,IAAyB,QAAzBA,IAAyB;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;;AAC3C,kBAAsBC,cAAQ,CAAC,EAAD,CAA9B;AAAA;AAAA,MAAOC,GAAP;AAAA,MAAYC,MAAZ;;AACA,mBAAkCF,cAAQ,CAAC,KAAD,CAA1C;AAAA;AAAA,MAAOG,SAAP;AAAA,MAAkBC,YAAlB;;AACA,4BAAqBC,wBAAkB,EAAvC;AAAA,MAAQC,QAAR,uBAAQA,QAAR;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAIC,CAAJ,EAAU;AAC5B,QAAIN,SAAJ,EAAe;AACbC,MAAAA,YAAY,CAAC,KAAD,CAAZ;AACD;;AACDF,IAAAA,MAAM,CAACO,CAAC,CAACR,GAAH,CAAN;AACD,GALD;;AAOA,MAAMS,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBN,IAAAA,YAAY,CAAC,KAAD,CAAZ;AACA,QAAMO,SAAS,GAAGV,GAAG,CAACW,KAAJ,CAAU,GAAV,EAAeC,GAAf,EAAlB;;AACA,QAAIlB,UAAU,CAACmB,IAAX,CAAgBH,SAAhB,CAAJ,EAAgC;AAC9BP,MAAAA,YAAY,CAAC,KAAD,CAAZ;AACAL,MAAAA,YAAY,CACV;AAAEgB,QAAAA,EAAE,EAAEjB,IAAI,CAACiB;AAAX,OADU,EAEV;AAAEd,QAAAA,GAAG,EAAHA;AAAF,OAFU,CAAZ;AAID,KAND,MAMO;AACLG,MAAAA,YAAY,CAAC,IAAD,CAAZ;AACD;AACF,GAZD;;AAcA,sBACEY;AAAK,IAAA,SAAS,EAAC,kBAAf;AAAA,4BACEC,eAAC,OAAD;AACE,MAAA,MAAM,EAAE;AAAEC,QAAAA,GAAG,EAAE;AAAP,OADV;AAEE,MAAA,MAAM,EAAEpB,IAAI,CAACiB,EAFf;AAGE,MAAA,YAAY,EAAER,WAHhB;AAIE,MAAA,WAAW,EAAC,UAJd;AAKE,MAAA,KAAK,EAAEN;AALT,MADF,eAQEgB;AACE,MAAA,SAAS,EAAC,0BADZ;AAEE,MAAA,QAAQ,EAAE,CAAChB,GAFb;AAGE,MAAA,OAAO,EAAES,WAHX;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,gBAMGJ;AANH,MARF,EAgBGH,SAAS,iBACRc;AACE,MAAA,SAAS,EAAC,oBADZ;AAEE,MAAA,KAAK,EAAE;AACLE,QAAAA,KAAK,EAAE,SADF;AAELC,QAAAA,SAAS,EAAE,MAFN;AAGLC,QAAAA,SAAS,EAAE;AAHN,OAFT;AAAA;AAAA,MAjBJ;AAAA,IADF;AA+BD;;AAEDxB,QAAQ,CAACyB,SAAT,GAAqB;AACnBxB,EAAAA,IAAI,EAAEyB,6BAAS,CAACC,KAAV,CAAgB;AACpBT,IAAAA,EAAE,EAAEQ,6BAAS,CAACE;AADM,GAAhB,CADa;AAInB1B,EAAAA,YAAY,EAAEwB,6BAAS,CAACG;AAJL,CAArB;AAOA7B,QAAQ,CAAC8B,YAAT,GAAwB;AACtB7B,EAAAA,IAAI,EAAE,EADgB;AAEtBC,EAAAA,YAAY,EAAE,wBAAM;AAFE,CAAxB;;;;"}
+{"version":3,"file":"EnterURL.js","sources":["../../../../../src/components/Settings/ImagePicker/EnterURL.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Textbox from '../Textbox';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst imageRegex = new RegExp('jpg|jpeg|png|gif', 'i');\n\nconst EnterURL = ({\n  item = '',\n  onItemChange = () => {},\n}) => {\n  const [url, setUrl] = useState('');\n  const [isErrored, setIsErrored] = useState(false);\n  const { ADD_LINK } = useTranslatedTexts();\n\n  const onURLChange = (_, v) => {\n    if (isErrored) {\n      setIsErrored(false);\n    }\n    setUrl(v.url);\n  };\n\n  const onSubmitURL = () => {\n    setIsErrored(false);\n    const extension = url.split('.').pop();\n    if (imageRegex.test(extension)) {\n      setIsErrored(false);\n      onItemChange(\n        { id: item.id },\n        { url },\n      );\n    } else {\n      setIsErrored(true);\n    }\n  };\n\n  return (\n    <div className=\"fileUploader-url\">\n      <Textbox\n        config={{ key: 'url' }}\n        itemID={item.id}\n        onItemChange={onURLChange}\n        placeholder=\"https://\"\n        value={url}\n      />\n      <button\n        className=\"jfReportButton isSuccess\"\n        disabled={!url}\n        onClick={onSubmitURL}\n        type=\"button\"\n      >\n        {ADD_LINK}\n      </button>\n      {isErrored && (\n        <div\n          className=\"uploadInfo isError\"\n          style={{\n            color: '#ff0000',\n            marginTop: '10px',\n            textAlign: 'center',\n          }}\n        >\n          Only jpg, jpeg, png and gif images are supported\n        </div>\n      )}\n    </div>\n  );\n};\n\nEnterURL.propTypes = {\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n};\n\nexport default EnterURL;\n"],"names":["imageRegex","RegExp","EnterURL","item","onItemChange","useState","url","setUrl","isErrored","setIsErrored","useTranslatedTexts","ADD_LINK","onURLChange","_","v","onSubmitURL","extension","split","pop","test","id","_jsxs","_jsx","key","color","marginTop","textAlign","propTypes","PropTypes","shape","string","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,UAAU,GAAG,IAAIC,MAAJ,CAAW,kBAAX,EAA+B,GAA/B,CAAnB;;IAEMC,QAAQ,GAAG,SAAXA,QAAW,OAGX;AAAA,uBAFJC,IAEI;AAAA,MAFJA,IAEI,0BAFG,EAEH;AAAA,+BADJC,YACI;AAAA,MADJA,YACI,kCADW,YAAM,EACjB;;AACJ,kBAAsBC,cAAQ,CAAC,EAAD,CAA9B;AAAA;AAAA,MAAOC,GAAP;AAAA,MAAYC,MAAZ;;AACA,mBAAkCF,cAAQ,CAAC,KAAD,CAA1C;AAAA;AAAA,MAAOG,SAAP;AAAA,MAAkBC,YAAlB;;AACA,4BAAqBC,wBAAkB,EAAvC;AAAA,MAAQC,QAAR,uBAAQA,QAAR;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAIC,CAAJ,EAAU;AAC5B,QAAIN,SAAJ,EAAe;AACbC,MAAAA,YAAY,CAAC,KAAD,CAAZ;AACD;;AACDF,IAAAA,MAAM,CAACO,CAAC,CAACR,GAAH,CAAN;AACD,GALD;;AAOA,MAAMS,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBN,IAAAA,YAAY,CAAC,KAAD,CAAZ;AACA,QAAMO,SAAS,GAAGV,GAAG,CAACW,KAAJ,CAAU,GAAV,EAAeC,GAAf,EAAlB;;AACA,QAAIlB,UAAU,CAACmB,IAAX,CAAgBH,SAAhB,CAAJ,EAAgC;AAC9BP,MAAAA,YAAY,CAAC,KAAD,CAAZ;AACAL,MAAAA,YAAY,CACV;AAAEgB,QAAAA,EAAE,EAAEjB,IAAI,CAACiB;AAAX,OADU,EAEV;AAAEd,QAAAA,GAAG,EAAHA;AAAF,OAFU,CAAZ;AAID,KAND,MAMO;AACLG,MAAAA,YAAY,CAAC,IAAD,CAAZ;AACD;AACF,GAZD;;AAcA,sBACEY;AAAK,IAAA,SAAS,EAAC,kBAAf;AAAA,4BACEC,eAAC,OAAD;AACE,MAAA,MAAM,EAAE;AAAEC,QAAAA,GAAG,EAAE;AAAP,OADV;AAEE,MAAA,MAAM,EAAEpB,IAAI,CAACiB,EAFf;AAGE,MAAA,YAAY,EAAER,WAHhB;AAIE,MAAA,WAAW,EAAC,UAJd;AAKE,MAAA,KAAK,EAAEN;AALT,MADF,eAQEgB;AACE,MAAA,SAAS,EAAC,0BADZ;AAEE,MAAA,QAAQ,EAAE,CAAChB,GAFb;AAGE,MAAA,OAAO,EAAES,WAHX;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,gBAMGJ;AANH,MARF,EAgBGH,SAAS,iBACRc;AACE,MAAA,SAAS,EAAC,oBADZ;AAEE,MAAA,KAAK,EAAE;AACLE,QAAAA,KAAK,EAAE,SADF;AAELC,QAAAA,SAAS,EAAE,MAFN;AAGLC,QAAAA,SAAS,EAAE;AAHN,OAFT;AAAA;AAAA,MAjBJ;AAAA,IADF;AA+BD;;AAEDxB,QAAQ,CAACyB,SAAT,GAAqB;AACnBxB,EAAAA,IAAI,EAAEyB,6BAAS,CAACC,KAAV,CAAgB;AACpBT,IAAAA,EAAE,EAAEQ,6BAAS,CAACE;AADM,GAAhB,CADa;AAInB1B,EAAAA,YAAY,EAAEwB,6BAAS,CAACG;AAJL,CAArB;;;;"}

package/lib/cjs/components/Settings/ImagePicker/ImageThumbnailWithDelete.js

@@ -11,9 +11,12 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var ImageSettings = function ImageSettings(_ref) {
-  var config = _ref.config,
-      item = _ref.item,
-      onItemChange = _ref.onItemChange;
+  var _ref$config = _ref.config,
+      config = _ref$config === void 0 ? {} : _ref$config,
+      _ref$item = _ref.item,
+      item = _ref$item === void 0 ? {} : _ref$item,
+      _ref$onItemChange = _ref.onItemChange,
+      onItemChange = _ref$onItemChange === void 0 ? function () {} : _ref$onItemChange;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "imageUpload-wrapper d-flex",
     children: [/*#__PURE__*/jsxRuntime.jsx("img", {
@@ -48,11 +51,6 @@ ImageSettings.propTypes = {
   }),
   onItemChange: PropTypes__default['default'].func
 };
-ImageSettings.defaultProps = {
-  config: [],
-  item: {},
-  onItemChange: function onItemChange() {}
-};
 
 module.exports = ImageSettings;
 //# sourceMappingURL=ImageThumbnailWithDelete.js.map

package/lib/cjs/components/Settings/ImagePicker/ImageThumbnailWithDelete.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageThumbnailWithDelete.js","sources":["../../../../../src/components/Settings/ImagePicker/ImageThumbnailWithDelete.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  getFileName,\n} from '../../../utils/functions';\n\nconst ImageSettings = ({\n  config,\n  item,\n  onItemChange,\n}) => {\n  return (\n    <div className=\"imageUpload-wrapper d-flex\">\n      <img\n        alt=\"Thumbnail\"\n        src={item.url}\n      />\n      <div className=\"imageUpload-info\">\n        <span>{getFileName(item.url)}</span>\n        <button\n          className=\"isDanger\"\n          onClick={() => onItemChange(\n            { id: item.id },\n            { [config.key]: '' },\n          )}\n          type=\"button\"\n        >\n          Remove Image\n        </button>\n      </div>\n    </div>\n  );\n};\n\nImageSettings.propTypes = {\n  config: PropTypes.shape({\n    key: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.any),\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n    url: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n};\n\nImageSettings.defaultProps = {\n  config: [],\n  item: {},\n  onItemChange: () => {},\n};\n\nexport default ImageSettings;\n"],"names":["ImageSettings","config","item","onItemChange","_jsxs","_jsx","url","getFileName","id","key","propTypes","PropTypes","shape","string","options","arrayOf","any","func","defaultProps"],"mappings":";;;;;;;;;;;;IAKMA,aAAa,GAAG,SAAhBA,aAAgB,OAIhB;AAAA,MAHJC,MAGI,QAHJA,MAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADJC,YACI,QADJA,YACI;AACJ,sBACEC;AAAK,IAAA,SAAS,EAAC,4BAAf;AAAA,4BACEC;AACE,MAAA,GAAG,EAAC,WADN;AAEE,MAAA,GAAG,EAAEH,IAAI,CAACI;AAFZ,MADF,eAKEF;AAAK,MAAA,SAAS,EAAC,kBAAf;AAAA,8BACEC;AAAA,kBAAOE,qBAAW,CAACL,IAAI,CAACI,GAAN;AAAlB,QADF,eAEED;AACE,QAAA,SAAS,EAAC,UADZ;AAEE,QAAA,OAAO,EAAE;AAAA,iBAAMF,YAAY,CACzB;AAAEK,YAAAA,EAAE,EAAEN,IAAI,CAACM;AAAX,WADyB,sBAEtBP,MAAM,CAACQ,GAFe,EAET,EAFS,EAAlB;AAAA,SAFX;AAME,QAAA,IAAI,EAAC,QANP;AAAA;AAAA,QAFF;AAAA,MALF;AAAA,IADF;AAqBD;;AAEDT,aAAa,CAACU,SAAd,GAA0B;AACxBT,EAAAA,MAAM,EAAEU,6BAAS,CAACC,KAAV,CAAgB;AACtBH,IAAAA,GAAG,EAAEE,6BAAS,CAACE,MADO;AAEtBC,IAAAA,OAAO,EAAEH,6BAAS,CAACI,OAAV,CAAkBJ,6BAAS,CAACK,GAA5B;AAFa,GAAhB,CADgB;AAKxBd,EAAAA,IAAI,EAAES,6BAAS,CAACC,KAAV,CAAgB;AACpBJ,IAAAA,EAAE,EAAEG,6BAAS,CAACE,MADM;AAEpBP,IAAAA,GAAG,EAAEK,6BAAS,CAACE;AAFK,GAAhB,CALkB;AASxBV,EAAAA,YAAY,EAAEQ,6BAAS,CAACM;AATA,CAA1B;AAYAjB,aAAa,CAACkB,YAAd,GAA6B;AAC3BjB,EAAAA,MAAM,EAAE,EADmB;AAE3BC,EAAAA,IAAI,EAAE,EAFqB;AAG3BC,EAAAA,YAAY,EAAE,wBAAM;AAHO,CAA7B;;;;"}
+{"version":3,"file":"ImageThumbnailWithDelete.js","sources":["../../../../../src/components/Settings/ImagePicker/ImageThumbnailWithDelete.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  getFileName,\n} from '../../../utils/functions';\n\nconst ImageSettings = ({\n  config = {},\n  item = {},\n  onItemChange = () => {},\n}) => {\n  return (\n    <div className=\"imageUpload-wrapper d-flex\">\n      <img\n        alt=\"Thumbnail\"\n        src={item.url}\n      />\n      <div className=\"imageUpload-info\">\n        <span>{getFileName(item.url)}</span>\n        <button\n          className=\"isDanger\"\n          onClick={() => onItemChange(\n            { id: item.id },\n            { [config.key]: '' },\n          )}\n          type=\"button\"\n        >\n          Remove Image\n        </button>\n      </div>\n    </div>\n  );\n};\n\nImageSettings.propTypes = {\n  config: PropTypes.shape({\n    key: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.any),\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n    url: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n};\n\nexport default ImageSettings;\n"],"names":["ImageSettings","config","item","onItemChange","_jsxs","_jsx","url","getFileName","id","key","propTypes","PropTypes","shape","string","options","arrayOf","any","func"],"mappings":";;;;;;;;;;;;IAKMA,aAAa,GAAG,SAAhBA,aAAgB,OAIhB;AAAA,yBAHJC,MAGI;AAAA,MAHJA,MAGI,4BAHK,EAGL;AAAA,uBAFJC,IAEI;AAAA,MAFJA,IAEI,0BAFG,EAEH;AAAA,+BADJC,YACI;AAAA,MADJA,YACI,kCADW,YAAM,EACjB;AACJ,sBACEC;AAAK,IAAA,SAAS,EAAC,4BAAf;AAAA,4BACEC;AACE,MAAA,GAAG,EAAC,WADN;AAEE,MAAA,GAAG,EAAEH,IAAI,CAACI;AAFZ,MADF,eAKEF;AAAK,MAAA,SAAS,EAAC,kBAAf;AAAA,8BACEC;AAAA,kBAAOE,qBAAW,CAACL,IAAI,CAACI,GAAN;AAAlB,QADF,eAEED;AACE,QAAA,SAAS,EAAC,UADZ;AAEE,QAAA,OAAO,EAAE;AAAA,iBAAMF,YAAY,CACzB;AAAEK,YAAAA,EAAE,EAAEN,IAAI,CAACM;AAAX,WADyB,sBAEtBP,MAAM,CAACQ,GAFe,EAET,EAFS,EAAlB;AAAA,SAFX;AAME,QAAA,IAAI,EAAC,QANP;AAAA;AAAA,QAFF;AAAA,MALF;AAAA,IADF;AAqBD;;AAEDT,aAAa,CAACU,SAAd,GAA0B;AACxBT,EAAAA,MAAM,EAAEU,6BAAS,CAACC,KAAV,CAAgB;AACtBH,IAAAA,GAAG,EAAEE,6BAAS,CAACE,MADO;AAEtBC,IAAAA,OAAO,EAAEH,6BAAS,CAACI,OAAV,CAAkBJ,6BAAS,CAACK,GAA5B;AAFa,GAAhB,CADgB;AAKxBd,EAAAA,IAAI,EAAES,6BAAS,CAACC,KAAV,CAAgB;AACpBJ,IAAAA,EAAE,EAAEG,6BAAS,CAACE,MADM;AAEpBP,IAAAA,GAAG,EAAEK,6BAAS,CAACE;AAFK,GAAhB,CALkB;AASxBV,EAAAA,YAAY,EAAEQ,6BAAS,CAACM;AATA,CAA1B;;;;"}

package/lib/cjs/components/Settings/ImageUrl.js

@@ -13,10 +13,14 @@ var MAX_WIDTH = 700;
 var MAX_HEIGHT = 600;
 
 var ImageUrl = function ImageUrl(_ref) {
-  var config = _ref.config,
-      item = _ref.item,
-      onItemChange = _ref.onItemChange,
-      value = _ref.value;
+  var _ref$config = _ref.config,
+      config = _ref$config === void 0 ? [] : _ref$config,
+      _ref$item = _ref.item,
+      item = _ref$item === void 0 ? {} : _ref$item,
+      _ref$onItemChange = _ref.onItemChange,
+      onItemChange = _ref$onItemChange === void 0 ? function () {} : _ref$onItemChange,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? '' : _ref$value;
 
   var onBlur = function onBlur(e) {
     if (e.target.value !== value) {
@@ -68,12 +72,6 @@ ImageUrl.propTypes = {
   onItemChange: PropTypes__default['default'].func,
   value: PropTypes__default['default'].string
 };
-ImageUrl.defaultProps = {
-  config: [],
-  item: {},
-  onItemChange: function onItemChange() {},
-  value: ''
-};
 var ImageUrl$1 = /*#__PURE__*/React.memo(ImageUrl);
 
 module.exports = ImageUrl$1;

package/lib/cjs/components/Settings/ImageUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUrl.js","sources":["../../../../src/components/Settings/ImageUrl.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst MAX_WIDTH = 700;\nconst MAX_HEIGHT = 600;\n\nconst ImageUrl = ({\n  config,\n  item,\n  onItemChange,\n  value,\n}) => {\n  const onBlur = e => {\n    if (e.target.value !== value) {\n      const _value = e.target.value;\n      const image = new global.Image();\n      image.src = e.target.value;\n      image.onload = () => {\n        const { naturalHeight, naturalWidth } = image;\n        let _width = naturalWidth;\n        let _height = naturalHeight;\n\n        if (naturalWidth > MAX_WIDTH) {\n          _height = parseInt((MAX_WIDTH * naturalHeight) / naturalWidth, 10);\n          _width = MAX_WIDTH;\n        }\n\n        if (_height > MAX_HEIGHT) {\n          _width = parseInt((_width * MAX_HEIGHT) / _height, 10);\n          _height = MAX_HEIGHT;\n        }\n\n        onItemChange(\n          { id: item.id },\n          {\n            [config.key]: _value,\n            height: _height,\n            width: _width,\n          },\n        );\n      };\n    }\n  };\n\n  return (\n    <input\n      className=\"toolSection-input\"\n      defaultValue={value}\n      onBlur={onBlur}\n      type=\"text\"\n    />\n  );\n};\n\nImageUrl.propTypes = {\n  config: PropTypes.shape({\n    key: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.any),\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.string,\n};\n\nImageUrl.defaultProps = {\n  config: [],\n  item: {},\n  onItemChange: () => {},\n  value: '',\n};\n\nexport default memo(ImageUrl);\n"],"names":["MAX_WIDTH","MAX_HEIGHT","ImageUrl","config","item","onItemChange","value","onBlur","e","target","_value","image","global","Image","src","onload","naturalHeight","naturalWidth","_width","_height","parseInt","id","key","_jsx","propTypes","PropTypes","shape","string","options","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;;;;;AAGA,IAAMA,SAAS,GAAG,GAAlB;AACA,IAAMC,UAAU,GAAG,GAAnB;;AAEA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAKX;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,MAAM,GAAG,SAATA,MAAS,CAAAC,CAAC,EAAI;AAClB,QAAIA,CAAC,CAACC,MAAF,CAASH,KAAT,KAAmBA,KAAvB,EAA8B;AAC5B,UAAMI,MAAM,GAAGF,CAAC,CAACC,MAAF,CAASH,KAAxB;AACA,UAAMK,KAAK,GAAG,IAAIC,MAAM,CAACC,KAAX,EAAd;AACAF,MAAAA,KAAK,CAACG,GAAN,GAAYN,CAAC,CAACC,MAAF,CAASH,KAArB;;AACAK,MAAAA,KAAK,CAACI,MAAN,GAAe,YAAM;AAAA;;AACnB,YAAQC,aAAR,GAAwCL,KAAxC,CAAQK,aAAR;AAAA,YAAuBC,YAAvB,GAAwCN,KAAxC,CAAuBM,YAAvB;AACA,YAAIC,MAAM,GAAGD,YAAb;AACA,YAAIE,OAAO,GAAGH,aAAd;;AAEA,YAAIC,YAAY,GAAGjB,SAAnB,EAA8B;AAC5BmB,UAAAA,OAAO,GAAGC,QAAQ,CAAEpB,SAAS,GAAGgB,aAAb,GAA8BC,YAA/B,EAA6C,EAA7C,CAAlB;AACAC,UAAAA,MAAM,GAAGlB,SAAT;AACD;;AAED,YAAImB,OAAO,GAAGlB,UAAd,EAA0B;AACxBiB,UAAAA,MAAM,GAAGE,QAAQ,CAAEF,MAAM,GAAGjB,UAAV,GAAwBkB,OAAzB,EAAkC,EAAlC,CAAjB;AACAA,UAAAA,OAAO,GAAGlB,UAAV;AACD;;AAEDI,QAAAA,YAAY,CACV;AAAEgB,UAAAA,EAAE,EAAEjB,IAAI,CAACiB;AAAX,SADU,sDAGPlB,MAAM,CAACmB,GAHA,EAGMZ,MAHN,4CAIAS,OAJA,2CAKDD,MALC,kBAAZ;AAQD,OAvBD;AAwBD;AACF,GA9BD;;AAgCA,sBACEK;AACE,IAAA,SAAS,EAAC,mBADZ;AAEE,IAAA,YAAY,EAAEjB,KAFhB;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,IAAI,EAAC;AAJP,IADF;AAQD,CA9CD;;AAgDAL,QAAQ,CAACsB,SAAT,GAAqB;AACnBrB,EAAAA,MAAM,EAAEsB,6BAAS,CAACC,KAAV,CAAgB;AACtBJ,IAAAA,GAAG,EAAEG,6BAAS,CAACE,MADO;AAEtBC,IAAAA,OAAO,EAAEH,6BAAS,CAACI,OAAV,CAAkBJ,6BAAS,CAACK,GAA5B;AAFa,GAAhB,CADW;AAKnB1B,EAAAA,IAAI,EAAEqB,6BAAS,CAACC,KAAV,CAAgB;AACpBL,IAAAA,EAAE,EAAEI,6BAAS,CAACE;AADM,GAAhB,CALa;AAQnBtB,EAAAA,YAAY,EAAEoB,6BAAS,CAACM,IARL;AASnBzB,EAAAA,KAAK,EAAEmB,6BAAS,CAACE;AATE,CAArB;AAYAzB,QAAQ,CAAC8B,YAAT,GAAwB;AACtB7B,EAAAA,MAAM,EAAE,EADc;AAEtBC,EAAAA,IAAI,EAAE,EAFgB;AAGtBC,EAAAA,YAAY,EAAE,wBAAM,EAHE;AAItBC,EAAAA,KAAK,EAAE;AAJe,CAAxB;AAOA,8BAAe2B,UAAI,CAAC/B,QAAD,CAAnB;;;;"}
+{"version":3,"file":"ImageUrl.js","sources":["../../../../src/components/Settings/ImageUrl.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst MAX_WIDTH = 700;\nconst MAX_HEIGHT = 600;\n\nconst ImageUrl = ({\n  config = [],\n  item = {},\n  onItemChange = () => {},\n  value = '',\n}) => {\n  const onBlur = e => {\n    if (e.target.value !== value) {\n      const _value = e.target.value;\n      const image = new global.Image();\n      image.src = e.target.value;\n      image.onload = () => {\n        const { naturalHeight, naturalWidth } = image;\n        let _width = naturalWidth;\n        let _height = naturalHeight;\n\n        if (naturalWidth > MAX_WIDTH) {\n          _height = parseInt((MAX_WIDTH * naturalHeight) / naturalWidth, 10);\n          _width = MAX_WIDTH;\n        }\n\n        if (_height > MAX_HEIGHT) {\n          _width = parseInt((_width * MAX_HEIGHT) / _height, 10);\n          _height = MAX_HEIGHT;\n        }\n\n        onItemChange(\n          { id: item.id },\n          {\n            [config.key]: _value,\n            height: _height,\n            width: _width,\n          },\n        );\n      };\n    }\n  };\n\n  return (\n    <input\n      className=\"toolSection-input\"\n      defaultValue={value}\n      onBlur={onBlur}\n      type=\"text\"\n    />\n  );\n};\n\nImageUrl.propTypes = {\n  config: PropTypes.shape({\n    key: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.any),\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.string,\n};\n\nexport default memo(ImageUrl);\n"],"names":["MAX_WIDTH","MAX_HEIGHT","ImageUrl","config","item","onItemChange","value","onBlur","e","target","_value","image","global","Image","src","onload","naturalHeight","naturalWidth","_width","_height","parseInt","id","key","_jsx","propTypes","PropTypes","shape","string","options","arrayOf","any","func","memo"],"mappings":";;;;;;;;;;;AAGA,IAAMA,SAAS,GAAG,GAAlB;AACA,IAAMC,UAAU,GAAG,GAAnB;;AAEA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAKX;AAAA,yBAJJC,MAII;AAAA,MAJJA,MAII,4BAJK,EAIL;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,EAGH;AAAA,+BAFJC,YAEI;AAAA,MAFJA,YAEI,kCAFW,YAAM,EAEjB;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;;AACJ,MAAMC,MAAM,GAAG,SAATA,MAAS,CAAAC,CAAC,EAAI;AAClB,QAAIA,CAAC,CAACC,MAAF,CAASH,KAAT,KAAmBA,KAAvB,EAA8B;AAC5B,UAAMI,MAAM,GAAGF,CAAC,CAACC,MAAF,CAASH,KAAxB;AACA,UAAMK,KAAK,GAAG,IAAIC,MAAM,CAACC,KAAX,EAAd;AACAF,MAAAA,KAAK,CAACG,GAAN,GAAYN,CAAC,CAACC,MAAF,CAASH,KAArB;;AACAK,MAAAA,KAAK,CAACI,MAAN,GAAe,YAAM;AAAA;;AACnB,YAAQC,aAAR,GAAwCL,KAAxC,CAAQK,aAAR;AAAA,YAAuBC,YAAvB,GAAwCN,KAAxC,CAAuBM,YAAvB;AACA,YAAIC,MAAM,GAAGD,YAAb;AACA,YAAIE,OAAO,GAAGH,aAAd;;AAEA,YAAIC,YAAY,GAAGjB,SAAnB,EAA8B;AAC5BmB,UAAAA,OAAO,GAAGC,QAAQ,CAAEpB,SAAS,GAAGgB,aAAb,GAA8BC,YAA/B,EAA6C,EAA7C,CAAlB;AACAC,UAAAA,MAAM,GAAGlB,SAAT;AACD;;AAED,YAAImB,OAAO,GAAGlB,UAAd,EAA0B;AACxBiB,UAAAA,MAAM,GAAGE,QAAQ,CAAEF,MAAM,GAAGjB,UAAV,GAAwBkB,OAAzB,EAAkC,EAAlC,CAAjB;AACAA,UAAAA,OAAO,GAAGlB,UAAV;AACD;;AAEDI,QAAAA,YAAY,CACV;AAAEgB,UAAAA,EAAE,EAAEjB,IAAI,CAACiB;AAAX,SADU,sDAGPlB,MAAM,CAACmB,GAHA,EAGMZ,MAHN,4CAIAS,OAJA,2CAKDD,MALC,kBAAZ;AAQD,OAvBD;AAwBD;AACF,GA9BD;;AAgCA,sBACEK;AACE,IAAA,SAAS,EAAC,mBADZ;AAEE,IAAA,YAAY,EAAEjB,KAFhB;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,IAAI,EAAC;AAJP,IADF;AAQD,CA9CD;;AAgDAL,QAAQ,CAACsB,SAAT,GAAqB;AACnBrB,EAAAA,MAAM,EAAEsB,6BAAS,CAACC,KAAV,CAAgB;AACtBJ,IAAAA,GAAG,EAAEG,6BAAS,CAACE,MADO;AAEtBC,IAAAA,OAAO,EAAEH,6BAAS,CAACI,OAAV,CAAkBJ,6BAAS,CAACK,GAA5B;AAFa,GAAhB,CADW;AAKnB1B,EAAAA,IAAI,EAAEqB,6BAAS,CAACC,KAAV,CAAgB;AACpBL,IAAAA,EAAE,EAAEI,6BAAS,CAACE;AADM,GAAhB,CALa;AAQnBtB,EAAAA,YAAY,EAAEoB,6BAAS,CAACM,IARL;AASnBzB,EAAAA,KAAK,EAAEmB,6BAAS,CAACE;AATE,CAArB;AAYA,8BAAeK,UAAI,CAAC9B,QAAD,CAAnB;;;;"}

package/lib/cjs/components/Settings/LayoutSizeSettings.js

@@ -34,8 +34,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var LayoutSizeSettings = function LayoutSizeSettings(_ref) {
   var config = _ref.config,
-      item = _ref.item,
-      onItemChange = _ref.onItemChange;
+      _ref$item = _ref.item,
+      item = _ref$item === void 0 ? {} : _ref$item,
+      _ref$onItemChange = _ref.onItemChange,
+      onItemChange = _ref$onItemChange === void 0 ? function () {} : _ref$onItemChange;
 
   var _useState = React.useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -176,10 +178,6 @@ LayoutSizeSettings.propTypes = {
   }),
   onItemChange: PropTypes__default['default'].func
 };
-LayoutSizeSettings.defaultProps = {
-  item: {},
-  onItemChange: function onItemChange() {}
-};
 
 module.exports = LayoutSizeSettings;
 //# sourceMappingURL=LayoutSizeSettings.js.map