@jotforminc/dnd-builder 2.0.0-beta.4 → 2.0.3

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.string.isRequired,\n};\n\nReportWrapper.defaultProps = {\n  children: null,\n  mode: '',\n  pageCount: 0,\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","isRequired","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;;AAAA,2BASAC,gCAAiB,EATjB;AAAA,MAEFC,oBAFE,sBAEFA,oBAFE;AAAA,MAGFC,eAHE,sBAGFA,eAHE;AAAA,MAIFC,gBAJE,sBAIFA,gBAJE;AAAA,MAKFC,iBALE,sBAKFA,iBALE;AAAA,MAMFC,kBANE,sBAMFA,kBANE;AAAA,MAOFC,oBAPE,sBAOFA,oBAPE;AAAA,MAQFC,OARE,sBAQFA,OARE;;AAAA,wBAUiBC,0BAAc,EAV/B;AAAA,MAUIC,QAVJ,mBAUIA,QAVJ;;AAWJ,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,CAACE,MAAV,CAAiBE;AAJA,CAA1B;AAOA7B,aAAa,CAAC8B,YAAd,GAA6B;AAC3B7B,EAAAA,QAAQ,EAAE,IADiB;AAE3BF,EAAAA,IAAI,EAAE,EAFqB;AAG3BG,EAAAA,SAAS,EAAE;AAHgB,CAA7B;AAMA,mCAAe6B,UAAI,CAAC/B,aAAD,CAAnB;;;;"}
+{"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;;;;"}

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

@@ -1,7 +1,6 @@
 'use strict';
 
 require('core-js/modules/es.array.filter.js');
-require('core-js/modules/es.array.index-of.js');
 require('core-js/modules/es.array.map.js');
 var PropTypes = require('prop-types');
 var functions = require('../../utils/functions.js');
@@ -19,7 +18,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 

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":"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"}
+{"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":"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"}

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

@@ -25,7 +25,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var COLOR_PRESETS = ['#D0021B', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#417505', '#BD10E0', '#9013FE', '#4A90E2', '#50E3C2', '#B8E986', '#000000', '#4A4A4A', '#9B9B9B', '#FFF', '#FFFFFF'];

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":"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"}
+{"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":"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"}

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

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 

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;AAAA,MACIC,OADJ,GACsBJ,MADtB,CACII,OADJ;AAAA,MACaC,IADb,GACsBL,MADtB,CACaK,IADb;AAGJ,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,\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;;;;"}

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

@@ -22,7 +22,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var imageRegex = new RegExp('jpg|jpeg|png|gif', 'i');

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;;AAAA,kBACrBC,cAAQ,CAAC,EAAD,CADa;AAAA;AAAA,MACpCC,GADoC;AAAA,MAC/BC,MAD+B;;AAAA,mBAETF,cAAQ,CAAC,KAAD,CAFC;AAAA;AAAA,MAEpCG,SAFoC;AAAA,MAEzBC,YAFyB;;AAAA,4BAGtBC,wBAAkB,EAHI;AAAA,MAGnCC,QAHmC,uBAGnCA,QAHmC;;AAK3C,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 = ({ 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;;;;"}

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;;AAAA,YACXC,aADW,GACqBL,KADrB,CACXK,aADW;AAAA,YACIC,YADJ,GACqBN,KADrB,CACIM,YADJ;AAEnB,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\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;;;;"}

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

@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
@@ -28,7 +28,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutSizeSettings.js","sources":["../../../../src/components/Settings/LayoutSizeSettings.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { roundForDecimalPart } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst LayoutSizeSettings = ({ config, item, onItemChange }) => {\n  const [aspectLock, setAspectLock] = useState(true);\n  const { HEIGHT, WIDTH } = useTranslatedTexts();\n\n  const { reportLayoutHeight: layoutHeight, reportLayoutWidth: layoutWidth } = item;\n\n  const initialWidth = parseInt(layoutWidth, 10);\n  const initialHeight = parseInt(layoutHeight, 10);\n\n  const [sizes, setSizes] = useState({\n    height: initialHeight,\n    width: initialWidth,\n  });\n\n  const initialAspect = initialWidth / initialHeight;\n\n  const onChange = e => {\n    const property = e.target.getAttribute('name');\n    const newValue = e.target.value;\n    if (aspectLock) {\n      if (property === 'width') {\n        setSizes({\n          ...sizes,\n          height: Number(newValue / initialAspect),\n          [property]: parseInt(newValue, 10),\n        });\n      } else {\n        setSizes({\n          ...sizes,\n          [property]: parseInt(newValue, 10),\n          width: Number(newValue * initialAspect),\n        });\n      }\n    } else {\n      setSizes({\n        ...sizes,\n        [property]: parseInt(newValue, 10),\n      });\n    }\n  };\n\n  const onBlur = () => {\n    const newWidth = sizes.width < 200 ? 200 : sizes.width;\n    const newHeight = sizes.height < 100 ? 100 : sizes.height;\n    setSizes({\n      height: newHeight,\n      width: newWidth,\n    });\n    onItemChange(\n      { id: item.id },\n      {\n        [config.key]: `${roundForDecimalPart(newWidth)}x${roundForDecimalPart(newHeight)}`,\n      },\n    );\n  };\n\n  const onKeyDown = e => {\n    if (e.keyCode === 13) {\n      onBlur();\n    }\n  };\n\n  return (\n    <>\n      <div className=\"toolSection-wrapper d-flex\">\n        <div className=\"toolSection-subItem\">\n          <label\n            className=\"d-flex dir-col hasUnit isPixel\"\n            htmlFor=\"width-input\"\n          >\n            <input\n              className=\"toolSection-input\"\n              id=\"width-input\"\n              name=\"width\"\n              onBlur={onBlur}\n              onChange={onChange}\n              onKeyDown={onKeyDown}\n              step=\"any\"\n              type=\"number\"\n              value={roundForDecimalPart(sizes.width)}\n            />\n            <span className=\"toolSection-subLabel\">{WIDTH}</span>\n          </label>\n        </div>\n        <div className=\"toolSection-subItem hasAspect\">\n          <button\n            className=\"p-relative forAspect\"\n            onClick={() => setAspectLock(!aspectLock)}\n            type=\"button\"\n          >\n            {aspectLock\n              ? <icons.lock className=\"jfReportSVG icon-aspectLock\" />\n              : <icons.unlock className=\"jfReportSVG icon-aspectUnlock\" />}\n          </button>\n        </div>\n        <div className=\"toolSection-subItem\">\n          <label\n            className=\"d-flex dir-col hasUnit isPixel\"\n            htmlFor=\"width-input\"\n          >\n            <input\n              className=\"toolSection-input\"\n              id=\"height-input\"\n              name=\"height\"\n              onBlur={onBlur}\n              onChange={onChange}\n              onKeyDown={onKeyDown}\n              step=\"any\"\n              type=\"number\"\n              value={roundForDecimalPart(sizes.height)}\n            />\n            <span className=\"toolSection-subLabel\">{HEIGHT}</span>\n          </label>\n        </div>\n      </div>\n    </>\n  );\n};\n\nLayoutSizeSettings.propTypes = {\n  config: PropTypes.shape({\n    key: PropTypes.string,\n  }).isRequired,\n  item: PropTypes.shape({\n    height: PropTypes.number,\n    id: PropTypes.string,\n    reportLayout: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n    shapeType: PropTypes.string,\n    url: PropTypes.string,\n    width: PropTypes.number,\n  }),\n  onItemChange: PropTypes.func,\n};\n\nLayoutSizeSettings.defaultProps = {\n  item: {},\n  onItemChange: () => {},\n};\n\nexport default LayoutSizeSettings;\n"],"names":["LayoutSizeSettings","config","item","onItemChange","useState","aspectLock","setAspectLock","useTranslatedTexts","HEIGHT","WIDTH","layoutHeight","reportLayoutHeight","layoutWidth","reportLayoutWidth","initialWidth","parseInt","initialHeight","height","width","sizes","setSizes","initialAspect","onChange","e","property","target","getAttribute","newValue","value","Number","onBlur","newWidth","newHeight","id","key","roundForDecimalPart","onKeyDown","keyCode","_jsx","_jsxs","icons.lock","icons.unlock","propTypes","PropTypes","shape","string","isRequired","number","reportLayout","shapeType","url","func","defaultProps"],"mappings":"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"}
+{"version":3,"file":"LayoutSizeSettings.js","sources":["../../../../src/components/Settings/LayoutSizeSettings.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { roundForDecimalPart } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst LayoutSizeSettings = ({ config, item, onItemChange }) => {\n  const [aspectLock, setAspectLock] = useState(true);\n  const { HEIGHT, WIDTH } = useTranslatedTexts();\n\n  const { reportLayoutHeight: layoutHeight, reportLayoutWidth: layoutWidth } = item;\n\n  const initialWidth = parseInt(layoutWidth, 10);\n  const initialHeight = parseInt(layoutHeight, 10);\n\n  const [sizes, setSizes] = useState({\n    height: initialHeight,\n    width: initialWidth,\n  });\n\n  const initialAspect = initialWidth / initialHeight;\n\n  const onChange = e => {\n    const property = e.target.getAttribute('name');\n    const newValue = e.target.value;\n    if (aspectLock) {\n      if (property === 'width') {\n        setSizes({\n          ...sizes,\n          height: Number(newValue / initialAspect),\n          [property]: parseInt(newValue, 10),\n        });\n      } else {\n        setSizes({\n          ...sizes,\n          [property]: parseInt(newValue, 10),\n          width: Number(newValue * initialAspect),\n        });\n      }\n    } else {\n      setSizes({\n        ...sizes,\n        [property]: parseInt(newValue, 10),\n      });\n    }\n  };\n\n  const onBlur = () => {\n    const newWidth = sizes.width < 200 ? 200 : sizes.width;\n    const newHeight = sizes.height < 100 ? 100 : sizes.height;\n    setSizes({\n      height: newHeight,\n      width: newWidth,\n    });\n    onItemChange(\n      { id: item.id },\n      {\n        [config.key]: `${roundForDecimalPart(newWidth)}x${roundForDecimalPart(newHeight)}`,\n      },\n    );\n  };\n\n  const onKeyDown = e => {\n    if (e.keyCode === 13) {\n      onBlur();\n    }\n  };\n\n  return (\n    <>\n      <div className=\"toolSection-wrapper d-flex\">\n        <div className=\"toolSection-subItem\">\n          <label\n            className=\"d-flex dir-col hasUnit isPixel\"\n            htmlFor=\"width-input\"\n          >\n            <input\n              className=\"toolSection-input\"\n              id=\"width-input\"\n              name=\"width\"\n              onBlur={onBlur}\n              onChange={onChange}\n              onKeyDown={onKeyDown}\n              step=\"any\"\n              type=\"number\"\n              value={roundForDecimalPart(sizes.width)}\n            />\n            <span className=\"toolSection-subLabel\">{WIDTH}</span>\n          </label>\n        </div>\n        <div className=\"toolSection-subItem hasAspect\">\n          <button\n            className=\"p-relative forAspect\"\n            onClick={() => setAspectLock(!aspectLock)}\n            type=\"button\"\n          >\n            {aspectLock\n              ? <icons.lock className=\"jfReportSVG icon-aspectLock\" />\n              : <icons.unlock className=\"jfReportSVG icon-aspectUnlock\" />}\n          </button>\n        </div>\n        <div className=\"toolSection-subItem\">\n          <label\n            className=\"d-flex dir-col hasUnit isPixel\"\n            htmlFor=\"width-input\"\n          >\n            <input\n              className=\"toolSection-input\"\n              id=\"height-input\"\n              name=\"height\"\n              onBlur={onBlur}\n              onChange={onChange}\n              onKeyDown={onKeyDown}\n              step=\"any\"\n              type=\"number\"\n              value={roundForDecimalPart(sizes.height)}\n            />\n            <span className=\"toolSection-subLabel\">{HEIGHT}</span>\n          </label>\n        </div>\n      </div>\n    </>\n  );\n};\n\nLayoutSizeSettings.propTypes = {\n  config: PropTypes.shape({\n    key: PropTypes.string,\n  }).isRequired,\n  item: PropTypes.shape({\n    height: PropTypes.number,\n    id: PropTypes.string,\n    reportLayout: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n    shapeType: PropTypes.string,\n    url: PropTypes.string,\n    width: PropTypes.number,\n  }),\n  onItemChange: PropTypes.func,\n};\n\nLayoutSizeSettings.defaultProps = {\n  item: {},\n  onItemChange: () => {},\n};\n\nexport default LayoutSizeSettings;\n"],"names":["LayoutSizeSettings","config","item","onItemChange","useState","aspectLock","setAspectLock","useTranslatedTexts","HEIGHT","WIDTH","layoutHeight","reportLayoutHeight","layoutWidth","reportLayoutWidth","initialWidth","parseInt","initialHeight","height","width","sizes","setSizes","initialAspect","onChange","e","property","target","getAttribute","newValue","value","Number","onBlur","newWidth","newHeight","id","key","roundForDecimalPart","onKeyDown","keyCode","_jsx","_jsxs","icons.lock","icons.unlock","propTypes","PropTypes","shape","string","isRequired","number","reportLayout","shapeType","url","func","defaultProps"],"mappings":"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"}

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

@@ -24,7 +24,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 

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

@@ -1 +1 @@
-{"version":3,"file":"Orientation.js","sources":["../../../../src/components/Settings/Orientation.js"],"sourcesContent":["import { memo, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { safeJSONParse } from '../../utils/functions';\n\nconst Orientation = ({\n  config, item, onItemChange, value,\n}) => {\n  const { multipleSelect, options, optionsDisplay } = config;\n  const exactValue = !multipleSelect ? value : safeJSONParse(value, []);\n  const onClick = type => {\n    return () => {\n      let newValue = type;\n      if (multipleSelect) {\n        newValue = [...exactValue];\n        if (exactValue.includes(type)) {\n          newValue = newValue.filter(v => v !== type);\n        } else {\n          newValue.push(type);\n        }\n        newValue = JSON.stringify(newValue);\n      }\n      if (newValue !== value) {\n        onItemChange(\n          { id: item.id },\n          { [config.key]: newValue },\n        );\n      }\n    };\n  };\n  return (\n    <div className=\"toolSection-orientation d-flex dir-row\">\n      {options.map(option => {\n        const key = option.value ? option.value : option;\n        return (\n          <button\n            key={key}\n            className={classNames(\n              'toolSection-orientationItem',\n              'd-flex',\n              'j-center',\n              {\n                isSelected: !multipleSelect\n                  ? exactValue === key\n                  : exactValue && exactValue.includes(key),\n              },\n            )}\n            data-orientation={key}\n            onClick={onClick(key)}\n            type=\"button\"\n          >\n            {optionsDisplay ? optionsDisplay.map(display => (\n              <Fragment key={display}>\n                <span className=\"orientationIcon d-flex a-center j-center\">\n                  {option[display]}\n                </span>\n                <span>\n                  {key.charAt(0).toUpperCase() + key.slice(1)}\n                </span>\n              </Fragment>\n            )) : option.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n\nOrientation.propTypes = {\n  config: PropTypes.shape({\n    key: PropTypes.string,\n    multipleSelect: PropTypes.bool,\n    options: PropTypes.arrayOf(PropTypes.any),\n    optionsDisplay: PropTypes.arrayOf(PropTypes.any),\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.string,\n};\n\nOrientation.defaultProps = {\n  config: [],\n  item: {},\n  onItemChange: () => {},\n  value: '',\n};\n\nexport default memo(Orientation);\n"],"names":["Orientation","config","item","onItemChange","value","multipleSelect","options","optionsDisplay","exactValue","safeJSONParse","onClick","type","newValue","includes","filter","v","push","JSON","stringify","id","key","_jsx","map","option","classNames","isSelected","display","_jsxs","Fragment","charAt","toUpperCase","slice","label","propTypes","PropTypes","shape","string","bool","arrayOf","any","func","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Orientation.js","sources":["../../../../src/components/Settings/Orientation.js"],"sourcesContent":["import { memo, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { safeJSONParse } from '../../utils/functions';\n\nconst Orientation = ({\n  config, item, onItemChange, value,\n}) => {\n  const { multipleSelect, options, optionsDisplay } = config;\n  const exactValue = !multipleSelect ? value : safeJSONParse(value, []);\n  const onClick = type => {\n    return () => {\n      let newValue = type;\n      if (multipleSelect) {\n        newValue = [...exactValue];\n        if (exactValue.includes(type)) {\n          newValue = newValue.filter(v => v !== type);\n        } else {\n          newValue.push(type);\n        }\n        newValue = JSON.stringify(newValue);\n      }\n      if (newValue !== value) {\n        onItemChange(\n          { id: item.id },\n          { [config.key]: newValue },\n        );\n      }\n    };\n  };\n  return (\n    <div className=\"toolSection-orientation d-flex dir-row\">\n      {options.map(option => {\n        const key = option.value ? option.value : option;\n        return (\n          <button\n            key={key}\n            className={classNames(\n              'toolSection-orientationItem',\n              'd-flex',\n              'j-center',\n              {\n                isSelected: !multipleSelect\n                  ? exactValue === key\n                  : exactValue && exactValue.includes(key),\n              },\n            )}\n            data-orientation={key}\n            onClick={onClick(key)}\n            type=\"button\"\n          >\n            {optionsDisplay ? optionsDisplay.map(display => (\n              <Fragment key={display}>\n                <span className=\"orientationIcon d-flex a-center j-center\">\n                  {option[display]}\n                </span>\n                <span>\n                  {key.charAt(0).toUpperCase() + key.slice(1)}\n                </span>\n              </Fragment>\n            )) : option.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n\nOrientation.propTypes = {\n  config: PropTypes.shape({\n    key: PropTypes.string,\n    multipleSelect: PropTypes.bool,\n    options: PropTypes.arrayOf(PropTypes.any),\n    optionsDisplay: PropTypes.arrayOf(PropTypes.any),\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.string,\n};\n\nOrientation.defaultProps = {\n  config: [],\n  item: {},\n  onItemChange: () => {},\n  value: '',\n};\n\nexport default memo(Orientation);\n"],"names":["Orientation","config","item","onItemChange","value","multipleSelect","options","optionsDisplay","exactValue","safeJSONParse","onClick","type","newValue","includes","filter","v","push","JSON","stringify","id","key","_jsx","map","option","classNames","isSelected","display","_jsxs","Fragment","charAt","toUpperCase","slice","label","propTypes","PropTypes","shape","string","bool","arrayOf","any","func","defaultProps","memo"],"mappings":"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"}

package/lib/cjs/components/Settings/PageLayer/LayerItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayerItem.js","sources":["../../../../../src/components/Settings/PageLayer/LayerItem.js"],"sourcesContent":["import { memo, useCallback } from 'react';\nimport { sortableElement, sortableHandle } from 'react-sortable-hoc';\nimport classNames from 'classnames';\nimport { capitalize, stripHTML } from '../../../utils/string';\nimport * as icons from '../../../utils/icons';\n\nconst DragHandle = sortableHandle(() => (\n  <span className=\"jfReportSelectOption-drag\">\n    <icons.drag className=\"jfReportSVG icon-drag\" />\n  </span>\n));\n\nconst LayerItem = sortableElement(({\n  icon: Icon,\n  item,\n  onItemChange,\n  optionKey,\n  setActiveElement,\n}) => {\n  const { id, isVisible } = item;\n  const isVisib = isVisible !== undefined ? isVisible : true;\n  const handleItemLock = useCallback(({ target }) => {\n    onItemChange({ id }, { isVisible: target.checked });\n  }, [id]);\n\n  const itemText = passedItem => {\n    if (passedItem.itemType === 'shapes') {\n      return capitalize(passedItem.shapeType || 'Rectangle');\n    }\n    if (passedItem.itemType === 'chart') {\n      return passedItem.text || 'Chart Element';\n    }\n    if (passedItem.itemType === 'header') {\n      return passedItem.headerText || 'Click to edit header';\n    }\n    if (passedItem.itemType === 'text') {\n      return passedItem.value ? stripHTML(passedItem.value) : 'Click to edit text';\n    }\n    return capitalize(passedItem.itemType || 'Page Element');\n  };\n  const content = (\n    <div className=\"jfReportSelectOption\">\n      <div className=\"jfReportSelectOption-icon\">\n        <Icon />\n      </div>\n      <div className=\"jfReportSelectOption-text\">\n        {itemText(item)}\n      </div>\n    </div>\n  );\n\n  return (\n    <div\n      className={classNames('jfReportSelectOption', {\n        isSelected: isVisib,\n      })}\n      onClick={() => setActiveElement(id, false)}\n      onKeyDown={() => {}}\n    >\n      <div className=\"jfReportSelectOption-visibility\">\n        <label\n          className=\"jfReportChoice isLight hasNotText\"\n          htmlFor={optionKey}\n        >\n          <input\n            checked={isVisib}\n            className=\"jfReportChoice-input\"\n            data-option-key={optionKey}\n            id={optionKey}\n            onChange={handleItemLock}\n            type=\"checkbox\"\n          />\n          <div className=\"jfReportChoice-labelIcon\">\n            <div className=\"jfReportChoice-label checkbox\" />\n          </div>\n        </label>\n      </div>\n      <div\n        className=\"jfReportSelectOption-name\"\n        // style={{ backgroundColor: option.color }}\n      >\n        <DragHandle />\n        {content}\n      </div>\n    </div>\n  );\n});\n\nexport default memo(LayerItem);\n"],"names":["DragHandle","sortableHandle","_jsx","icons.drag","LayerItem","sortableElement","Icon","icon","item","onItemChange","optionKey","setActiveElement","id","isVisible","isVisib","undefined","handleItemLock","useCallback","target","checked","itemText","passedItem","itemType","capitalize","shapeType","text","headerText","value","stripHTML","content","_jsxs","classNames","isSelected","memo"],"mappings":"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"}
+{"version":3,"file":"LayerItem.js","sources":["../../../../../src/components/Settings/PageLayer/LayerItem.js"],"sourcesContent":["import { memo, useCallback } from 'react';\nimport { sortableElement, sortableHandle } from 'react-sortable-hoc';\nimport classNames from 'classnames';\nimport { capitalize, stripHTML } from '../../../utils/string';\nimport * as icons from '../../../utils/icons';\n\nconst DragHandle = sortableHandle(() => (\n  <span className=\"jfReportSelectOption-drag\">\n    <icons.drag className=\"jfReportSVG icon-drag\" />\n  </span>\n));\n\nconst LayerItem = sortableElement(({\n  icon: Icon,\n  item,\n  onItemChange,\n  optionKey,\n  setActiveElement,\n}) => {\n  const { id, isVisible } = item;\n  const isVisib = isVisible !== undefined ? isVisible : true;\n  const handleItemLock = useCallback(({ target }) => {\n    onItemChange({ id }, { isVisible: target.checked });\n  }, [id]);\n\n  const itemText = passedItem => {\n    if (passedItem.itemType === 'shapes') {\n      return capitalize(passedItem.shapeType || 'Rectangle');\n    }\n    if (passedItem.itemType === 'chart') {\n      return passedItem.text || 'Chart Element';\n    }\n    if (passedItem.itemType === 'header') {\n      return passedItem.headerText || 'Click to edit header';\n    }\n    if (passedItem.itemType === 'text') {\n      return passedItem.value ? stripHTML(passedItem.value) : 'Click to edit text';\n    }\n    return capitalize(passedItem.itemType || 'Page Element');\n  };\n  const content = (\n    <div className=\"jfReportSelectOption\">\n      <div className=\"jfReportSelectOption-icon\">\n        <Icon />\n      </div>\n      <div className=\"jfReportSelectOption-text\">\n        {itemText(item)}\n      </div>\n    </div>\n  );\n\n  return (\n    <div\n      className={classNames('jfReportSelectOption', {\n        isSelected: isVisib,\n      })}\n      onClick={() => setActiveElement(id, false)}\n      onKeyDown={() => {}}\n    >\n      <div className=\"jfReportSelectOption-visibility\">\n        <label\n          className=\"jfReportChoice isLight hasNotText\"\n          htmlFor={optionKey}\n        >\n          <input\n            checked={isVisib}\n            className=\"jfReportChoice-input\"\n            data-option-key={optionKey}\n            id={optionKey}\n            onChange={handleItemLock}\n            type=\"checkbox\"\n          />\n          <div className=\"jfReportChoice-labelIcon\">\n            <div className=\"jfReportChoice-label checkbox\" />\n          </div>\n        </label>\n      </div>\n      <div\n        className=\"jfReportSelectOption-name\"\n        // style={{ backgroundColor: option.color }}\n      >\n        <DragHandle />\n        {content}\n      </div>\n    </div>\n  );\n});\n\nexport default memo(LayerItem);\n"],"names":["DragHandle","sortableHandle","_jsx","icons.drag","LayerItem","sortableElement","Icon","icon","item","onItemChange","optionKey","setActiveElement","id","isVisible","isVisib","undefined","handleItemLock","useCallback","target","checked","itemText","passedItem","itemType","capitalize","shapeType","text","headerText","value","stripHTML","content","_jsxs","classNames","isSelected","memo"],"mappings":"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"}

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

@@ -20,7 +20,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 

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

@@ -1 +1 @@
-{"version":3,"file":"PageLayer.js","sources":["../../../../../src/components/Settings/PageLayer/PageLayer.js"],"sourcesContent":["import { useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { sortableContainer } from 'react-sortable-hoc';\nimport { arrayMove } from '../../../utils/functions';\nimport LayerItem from './LayerItem';\nimport { elementIcons } from '../../../constants/elementIcons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst SortableContainer = sortableContainer(({ children, onScroll }) => {\n  return (\n    <ul\n      className=\"jfReportSelectOption-list withDnd forPageLayer\"\n      onScroll={onScroll}\n    >\n      {children}\n    </ul>\n  );\n});\n\nconst PageLayer = ({\n  config,\n  item: page,\n  onItemChange,\n}) => {\n  const onSortEnd = useCallback(({ newIndex, oldIndex }) => {\n    const newItems = arrayMove([...page.items].reverse(), oldIndex, newIndex).map(i => i.id);\n    onItemChange({\n      id: page.id,\n    }, { items: JSON.stringify([...newItems].reverse()) });\n  }, [page.id, onItemChange, page.items]);\n  const { NO_ELEMENT_IN_PAGE } = useTranslatedTexts();\n  return (\n    page.items.length > 0 ? (\n      <SortableContainer\n        helperClass=\"forHelper withDnd\"\n        lockAxis=\"y\"\n        onSortEnd={onSortEnd}\n        useDragHandle\n      >\n        {page.items && [...page.items].reverse().map((item, index) => {\n          const icon = elementIcons[item.itemType]\n            ? elementIcons[item.itemType]\n            : elementIcons.default;\n          return (\n            <LayerItem\n              key={item.id}\n              icon={icon}\n              index={index}\n              item={item}\n              onItemChange={config.updater}\n              optionKey={index}\n              setActiveElement={config.setActiveElement}\n            />\n          );\n        })}\n      </SortableContainer>\n    ) : (\n      <div\n        className=\"toolSection-notifier\"\n      >\n        {NO_ELEMENT_IN_PAGE}\n      </div>\n    )\n  );\n};\n\nPageLayer.propTypes = {\n  config: PropTypes.shape({\n    setActiveElement: PropTypes.func,\n    updater: PropTypes.func,\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n    isVisible: PropTypes.bool,\n    itemType: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n};\n\nPageLayer.defaultProps = {\n  config: {},\n  item: {},\n  onItemChange: () => {},\n};\n\nexport default PageLayer;\n"],"names":["SortableContainer","sortableContainer","children","onScroll","_jsx","PageLayer","config","page","item","onItemChange","onSortEnd","useCallback","newIndex","oldIndex","newItems","arrayMove","items","reverse","map","i","id","JSON","stringify","useTranslatedTexts","NO_ELEMENT_IN_PAGE","length","index","icon","elementIcons","itemType","default","updater","setActiveElement","propTypes","PropTypes","shape","func","string","isVisible","bool","defaultProps"],"mappings":"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"}
+{"version":3,"file":"PageLayer.js","sources":["../../../../../src/components/Settings/PageLayer/PageLayer.js"],"sourcesContent":["import { useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { sortableContainer } from 'react-sortable-hoc';\nimport { arrayMove } from '../../../utils/functions';\nimport LayerItem from './LayerItem';\nimport { elementIcons } from '../../../constants/elementIcons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst SortableContainer = sortableContainer(({ children, onScroll }) => {\n  return (\n    <ul\n      className=\"jfReportSelectOption-list withDnd forPageLayer\"\n      onScroll={onScroll}\n    >\n      {children}\n    </ul>\n  );\n});\n\nconst PageLayer = ({\n  config,\n  item: page,\n  onItemChange,\n}) => {\n  const onSortEnd = useCallback(({ newIndex, oldIndex }) => {\n    const newItems = arrayMove([...page.items].reverse(), oldIndex, newIndex).map(i => i.id);\n    onItemChange({\n      id: page.id,\n    }, { items: JSON.stringify([...newItems].reverse()) });\n  }, [page.id, onItemChange, page.items]);\n  const { NO_ELEMENT_IN_PAGE } = useTranslatedTexts();\n  return (\n    page.items.length > 0 ? (\n      <SortableContainer\n        helperClass=\"forHelper withDnd\"\n        lockAxis=\"y\"\n        onSortEnd={onSortEnd}\n        useDragHandle\n      >\n        {page.items && [...page.items].reverse().map((item, index) => {\n          const icon = elementIcons[item.itemType]\n            ? elementIcons[item.itemType]\n            : elementIcons.default;\n          return (\n            <LayerItem\n              key={item.id}\n              icon={icon}\n              index={index}\n              item={item}\n              onItemChange={config.updater}\n              optionKey={index}\n              setActiveElement={config.setActiveElement}\n            />\n          );\n        })}\n      </SortableContainer>\n    ) : (\n      <div\n        className=\"toolSection-notifier\"\n      >\n        {NO_ELEMENT_IN_PAGE}\n      </div>\n    )\n  );\n};\n\nPageLayer.propTypes = {\n  config: PropTypes.shape({\n    setActiveElement: PropTypes.func,\n    updater: PropTypes.func,\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n    isVisible: PropTypes.bool,\n    itemType: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n};\n\nPageLayer.defaultProps = {\n  config: {},\n  item: {},\n  onItemChange: () => {},\n};\n\nexport default PageLayer;\n"],"names":["SortableContainer","sortableContainer","children","onScroll","_jsx","PageLayer","config","page","item","onItemChange","onSortEnd","useCallback","newIndex","oldIndex","newItems","arrayMove","items","reverse","map","i","id","JSON","stringify","useTranslatedTexts","NO_ELEMENT_IN_PAGE","length","index","icon","elementIcons","itemType","default","updater","setActiveElement","propTypes","PropTypes","shape","func","string","isVisible","bool","defaultProps"],"mappings":"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"}

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

@@ -23,7 +23,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentControl.js","sources":["../../../../src/components/Settings/SegmentControl.js"],"sourcesContent":["import { memo, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { safeJSONParse } from '../../utils/functions';\n\nconst SegmentControl = ({\n  config, item, onItemChange, value,\n}) => {\n  const { multipleSelect, options, optionsDisplay } = config;\n  const exactValue = !multipleSelect ? value : safeJSONParse(value, []);\n  const onClick = type => {\n    return () => {\n      let newValue = type;\n      if (multipleSelect) {\n        newValue = [...exactValue];\n        if (exactValue.includes(type)) {\n          newValue = newValue.filter(v => v !== type);\n        } else {\n          newValue.push(type);\n        }\n        newValue = JSON.stringify(newValue);\n      }\n      if (newValue !== value) {\n        onItemChange(\n          { id: item.id },\n          { [config.key]: newValue },\n        );\n      }\n    };\n  };\n  return (\n    <div className=\"toolSection-list d-flex dir-row forSegments\">\n      {options.map(option => {\n        const key = option.value ? option.value : option;\n        return (\n          <button\n            key={key}\n            className={classNames(\n              'toolSection-listItem',\n              'd-flex',\n              'j-center',\n              {\n                isSelected: !multipleSelect\n                  ? exactValue === key\n                  : exactValue && exactValue.includes(key),\n              },\n            )}\n            onClick={onClick(key)}\n            type=\"button\"\n          >\n            {optionsDisplay ? optionsDisplay.map(display => (\n              <Fragment key={display}>\n                {option[display]}\n              </Fragment>\n            )) : option.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n\nSegmentControl.propTypes = {\n  config: PropTypes.shape({\n    key: PropTypes.string,\n    multipleSelect: PropTypes.bool,\n    options: PropTypes.arrayOf(PropTypes.any),\n    optionsDisplay: PropTypes.arrayOf(PropTypes.any),\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.string,\n};\n\nSegmentControl.defaultProps = {\n  config: [],\n  item: {},\n  onItemChange: () => {},\n  value: '',\n};\n\nexport default memo(SegmentControl);\n"],"names":["SegmentControl","config","item","onItemChange","value","multipleSelect","options","optionsDisplay","exactValue","safeJSONParse","onClick","type","newValue","includes","filter","v","push","JSON","stringify","id","key","_jsx","map","option","classNames","isSelected","display","Fragment","label","propTypes","PropTypes","shape","string","bool","arrayOf","any","func","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"SegmentControl.js","sources":["../../../../src/components/Settings/SegmentControl.js"],"sourcesContent":["import { memo, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { safeJSONParse } from '../../utils/functions';\n\nconst SegmentControl = ({\n  config, item, onItemChange, value,\n}) => {\n  const { multipleSelect, options, optionsDisplay } = config;\n  const exactValue = !multipleSelect ? value : safeJSONParse(value, []);\n  const onClick = type => {\n    return () => {\n      let newValue = type;\n      if (multipleSelect) {\n        newValue = [...exactValue];\n        if (exactValue.includes(type)) {\n          newValue = newValue.filter(v => v !== type);\n        } else {\n          newValue.push(type);\n        }\n        newValue = JSON.stringify(newValue);\n      }\n      if (newValue !== value) {\n        onItemChange(\n          { id: item.id },\n          { [config.key]: newValue },\n        );\n      }\n    };\n  };\n  return (\n    <div className=\"toolSection-list d-flex dir-row forSegments\">\n      {options.map(option => {\n        const key = option.value ? option.value : option;\n        return (\n          <button\n            key={key}\n            className={classNames(\n              'toolSection-listItem',\n              'd-flex',\n              'j-center',\n              {\n                isSelected: !multipleSelect\n                  ? exactValue === key\n                  : exactValue && exactValue.includes(key),\n              },\n            )}\n            onClick={onClick(key)}\n            type=\"button\"\n          >\n            {optionsDisplay ? optionsDisplay.map(display => (\n              <Fragment key={display}>\n                {option[display]}\n              </Fragment>\n            )) : option.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n\nSegmentControl.propTypes = {\n  config: PropTypes.shape({\n    key: PropTypes.string,\n    multipleSelect: PropTypes.bool,\n    options: PropTypes.arrayOf(PropTypes.any),\n    optionsDisplay: PropTypes.arrayOf(PropTypes.any),\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.string,\n};\n\nSegmentControl.defaultProps = {\n  config: [],\n  item: {},\n  onItemChange: () => {},\n  value: '',\n};\n\nexport default memo(SegmentControl);\n"],"names":["SegmentControl","config","item","onItemChange","value","multipleSelect","options","optionsDisplay","exactValue","safeJSONParse","onClick","type","newValue","includes","filter","v","push","JSON","stringify","id","key","_jsx","map","option","classNames","isSelected","display","Fragment","label","propTypes","PropTypes","shape","string","bool","arrayOf","any","func","defaultProps","memo"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectBox.js","sources":["../../../../src/components/Settings/SelectBox.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport * as icons from '../../utils/icons';\n\nconst SelectBox = ({\n  config,\n  item,\n  onItemChange,\n  value,\n}) => {\n  const handleSelection = newValue => () => {\n    if (value !== newValue) {\n      onItemChange(\n        { id: item.id },\n        { [config.key]: newValue },\n      );\n    }\n  };\n  const { options } = config;\n\n  return (\n    <div className=\"toolSection-list withIcons bigList forShapes d-flex dir-row f-wrap\">\n      {options.map(option => {\n        const OptionIcon = option.icon\n          ? option.icon\n          : icons[option.name] || icons.shapes;\n\n        return (\n          <button\n            key={option.name}\n            className={classNames(\n              'toolSection-listItem',\n              'd-flex a-center',\n              'f-width',\n              { isSelected: option.name === value },\n            )}\n            onClick={handleSelection(option.name)}\n            type=\"button\"\n          >\n            <span className=\"d-flex j-center a-center\">\n              <OptionIcon className=\"jfReportSVG\" />\n            </span>\n            <span className=\"toolSection-listItemName d-flex j-between a-center\">\n              <span>{option.title}</span>\n            </span>\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n\nSelectBox.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\nSelectBox.defaultProps = {\n  config: [],\n  item: {},\n  onItemChange: () => {},\n  value: '',\n};\n\nexport default memo(SelectBox);\n"],"names":["SelectBox","config","item","onItemChange","value","handleSelection","newValue","id","key","options","_jsx","map","option","OptionIcon","icon","icons","name","_jsxs","classNames","isSelected","title","propTypes","PropTypes","shape","string","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAKZ;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,QAAQ;AAAA,WAAI,YAAM;AACxC,UAAIF,KAAK,KAAKE,QAAd,EAAwB;AACtBH,QAAAA,YAAY,CACV;AAAEI,UAAAA,EAAE,EAAEL,IAAI,CAACK;AAAX,SADU,sBAEPN,MAAM,CAACO,GAFA,EAEMF,QAFN,EAAZ;AAID;AACF,KAP+B;AAAA,GAAhC;;AADI,MASIG,OATJ,GASgBR,MAThB,CASIQ,OATJ;AAWJ,sBACEC;AAAK,IAAA,SAAS,EAAC,oEAAf;AAAA,cACGD,OAAO,CAACE,GAAR,CAAY,UAAAC,MAAM,EAAI;AACrB,UAAMC,UAAU,GAAGD,MAAM,CAACE,IAAP,GACfF,MAAM,CAACE,IADQ,GAEfC,KAAK,CAACH,MAAM,CAACI,IAAR,CAAL,IAAsBD,MAF1B;AAIA,0BACEE;AAEE,QAAA,SAAS,EAAEC,8BAAU,CACnB,sBADmB,EAEnB,iBAFmB,EAGnB,SAHmB,EAInB;AAAEC,UAAAA,UAAU,EAAEP,MAAM,CAACI,IAAP,KAAgBZ;AAA9B,SAJmB,CAFvB;AAQE,QAAA,OAAO,EAAEC,eAAe,CAACO,MAAM,CAACI,IAAR,CAR1B;AASE,QAAA,IAAI,EAAC,QATP;AAAA,gCAWEN;AAAM,UAAA,SAAS,EAAC,0BAAhB;AAAA,iCACEA,eAAC,UAAD;AAAY,YAAA,SAAS,EAAC;AAAtB;AADF,UAXF,eAcEA;AAAM,UAAA,SAAS,EAAC,oDAAhB;AAAA,iCACEA;AAAA,sBAAOE,MAAM,CAACQ;AAAd;AADF,UAdF;AAAA,SACOR,MAAM,CAACI,IADd,CADF;AAoBD,KAzBA;AADH,IADF;AA8BD,CA9CD;;AAgDAhB,SAAS,CAACqB,SAAV,GAAsB;AACpBpB,EAAAA,MAAM,EAAEqB,6BAAS,CAACC,KAAV,CAAgB;AACtBf,IAAAA,GAAG,EAAEc,6BAAS,CAACE,MADO;AAEtBf,IAAAA,OAAO,EAAEa,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACI,GAA5B;AAFa,GAAhB,CADY;AAKpBxB,EAAAA,IAAI,EAAEoB,6BAAS,CAACC,KAAV,CAAgB;AACpBhB,IAAAA,EAAE,EAAEe,6BAAS,CAACE;AADM,GAAhB,CALc;AAQpBrB,EAAAA,YAAY,EAAEmB,6BAAS,CAACK,IARJ;AASpBvB,EAAAA,KAAK,EAAEkB,6BAAS,CAACE;AATG,CAAtB;AAYAxB,SAAS,CAAC4B,YAAV,GAAyB;AACvB3B,EAAAA,MAAM,EAAE,EADe;AAEvBC,EAAAA,IAAI,EAAE,EAFiB;AAGvBC,EAAAA,YAAY,EAAE,wBAAM,EAHG;AAIvBC,EAAAA,KAAK,EAAE;AAJgB,CAAzB;AAOA,+BAAeyB,UAAI,CAAC7B,SAAD,CAAnB;;;;"}
+{"version":3,"file":"SelectBox.js","sources":["../../../../src/components/Settings/SelectBox.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport * as icons from '../../utils/icons';\n\nconst SelectBox = ({\n  config,\n  item,\n  onItemChange,\n  value,\n}) => {\n  const handleSelection = newValue => () => {\n    if (value !== newValue) {\n      onItemChange(\n        { id: item.id },\n        { [config.key]: newValue },\n      );\n    }\n  };\n  const { options } = config;\n\n  return (\n    <div className=\"toolSection-list withIcons bigList forShapes d-flex dir-row f-wrap\">\n      {options.map(option => {\n        const OptionIcon = option.icon\n          ? option.icon\n          : icons[option.name] || icons.shapes;\n\n        return (\n          <button\n            key={option.name}\n            className={classNames(\n              'toolSection-listItem',\n              'd-flex a-center',\n              'f-width',\n              { isSelected: option.name === value },\n            )}\n            onClick={handleSelection(option.name)}\n            type=\"button\"\n          >\n            <span className=\"d-flex j-center a-center\">\n              <OptionIcon className=\"jfReportSVG\" />\n            </span>\n            <span className=\"toolSection-listItemName d-flex j-between a-center\">\n              <span>{option.title}</span>\n            </span>\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n\nSelectBox.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\nSelectBox.defaultProps = {\n  config: [],\n  item: {},\n  onItemChange: () => {},\n  value: '',\n};\n\nexport default memo(SelectBox);\n"],"names":["SelectBox","config","item","onItemChange","value","handleSelection","newValue","id","key","options","_jsx","map","option","OptionIcon","icon","icons","name","_jsxs","classNames","isSelected","title","propTypes","PropTypes","shape","string","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAKZ;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,QAAQ;AAAA,WAAI,YAAM;AACxC,UAAIF,KAAK,KAAKE,QAAd,EAAwB;AACtBH,QAAAA,YAAY,CACV;AAAEI,UAAAA,EAAE,EAAEL,IAAI,CAACK;AAAX,SADU,sBAEPN,MAAM,CAACO,GAFA,EAEMF,QAFN,EAAZ;AAID;AACF,KAP+B;AAAA,GAAhC;;AAQA,MAAQG,OAAR,GAAoBR,MAApB,CAAQQ,OAAR;AAEA,sBACEC;AAAK,IAAA,SAAS,EAAC,oEAAf;AAAA,cACGD,OAAO,CAACE,GAAR,CAAY,UAAAC,MAAM,EAAI;AACrB,UAAMC,UAAU,GAAGD,MAAM,CAACE,IAAP,GACfF,MAAM,CAACE,IADQ,GAEfC,KAAK,CAACH,MAAM,CAACI,IAAR,CAAL,IAAsBD,MAF1B;AAIA,0BACEE;AAEE,QAAA,SAAS,EAAEC,8BAAU,CACnB,sBADmB,EAEnB,iBAFmB,EAGnB,SAHmB,EAInB;AAAEC,UAAAA,UAAU,EAAEP,MAAM,CAACI,IAAP,KAAgBZ;AAA9B,SAJmB,CAFvB;AAQE,QAAA,OAAO,EAAEC,eAAe,CAACO,MAAM,CAACI,IAAR,CAR1B;AASE,QAAA,IAAI,EAAC,QATP;AAAA,gCAWEN;AAAM,UAAA,SAAS,EAAC,0BAAhB;AAAA,iCACEA,eAAC,UAAD;AAAY,YAAA,SAAS,EAAC;AAAtB;AADF,UAXF,eAcEA;AAAM,UAAA,SAAS,EAAC,oDAAhB;AAAA,iCACEA;AAAA,sBAAOE,MAAM,CAACQ;AAAd;AADF,UAdF;AAAA,SACOR,MAAM,CAACI,IADd,CADF;AAoBD,KAzBA;AADH,IADF;AA8BD,CA9CD;;AAgDAhB,SAAS,CAACqB,SAAV,GAAsB;AACpBpB,EAAAA,MAAM,EAAEqB,6BAAS,CAACC,KAAV,CAAgB;AACtBf,IAAAA,GAAG,EAAEc,6BAAS,CAACE,MADO;AAEtBf,IAAAA,OAAO,EAAEa,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACI,GAA5B;AAFa,GAAhB,CADY;AAKpBxB,EAAAA,IAAI,EAAEoB,6BAAS,CAACC,KAAV,CAAgB;AACpBhB,IAAAA,EAAE,EAAEe,6BAAS,CAACE;AADM,GAAhB,CALc;AAQpBrB,EAAAA,YAAY,EAAEmB,6BAAS,CAACK,IARJ;AASpBvB,EAAAA,KAAK,EAAEkB,6BAAS,CAACE;AATG,CAAtB;AAYAxB,SAAS,CAAC4B,YAAV,GAAyB;AACvB3B,EAAAA,MAAM,EAAE,EADe;AAEvBC,EAAAA,IAAI,EAAE,EAFiB;AAGvBC,EAAAA,YAAY,EAAE,wBAAM,EAHG;AAIvBC,EAAAA,KAAK,EAAE;AAJgB,CAAzB;AAOA,+BAAeyB,UAAI,CAAC7B,SAAD,CAAnB;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsItemRenderer.js","sources":["../../../../src/components/Settings/SettingsItemRenderer.js"],"sourcesContent":["import { memo, Fragment } from 'react';\nimport classNames from 'classnames';\nimport isEqual from 'lodash.isequal';\nimport PropTypes from 'prop-types';\nimport Settings from './index';\n\nconst getItemComponent = settingType => {\n  return Settings[settingType] || Fragment;\n};\n\nconst SettingsItemRenderer = ({\n  children,\n  setting,\n}) => {\n  const { label, wrapperClass } = setting;\n  const component = setting.component ? setting.component : getItemComponent(setting.type);\n\n  if (setting.static) { return children(component); }\n\n  const cx = classNames('toolItem', 'toolSection', wrapperClass);\n  return (\n    <div className={cx}>\n      <div className=\"toolSection-title t-medium js-ItemLabel\">\n        {label}\n      </div>\n      {children(component)}\n    </div>\n  );\n};\n\nSettingsItemRenderer.propTypes = {\n  children: PropTypes.any,\n  setting: PropTypes.shape({\n    component: PropTypes.oneOfType([\n      PropTypes.func,\n      PropTypes.shape({}),\n    ]),\n    label: PropTypes.string,\n    static: PropTypes.bool,\n    type: PropTypes.string,\n    wrapperClass: PropTypes.string,\n  }),\n};\n\nSettingsItemRenderer.defaultProps = {\n  children: () => {},\n  setting: {\n    label: '',\n    static: false,\n    type: '',\n    wrapperClass: '',\n  },\n};\n\nconst areEqual = (prevProps, nextProps) => {\n  if (!isEqual(prevProps.settingValue, nextProps.settingValue)) return false;\n  return true;\n};\n\nexport default memo(SettingsItemRenderer, areEqual);\n"],"names":["getItemComponent","settingType","Settings","Fragment","SettingsItemRenderer","children","setting","label","wrapperClass","component","type","static","cx","classNames","_jsxs","_jsx","propTypes","PropTypes","any","shape","oneOfType","func","string","bool","defaultProps","areEqual","prevProps","nextProps","isEqual","settingValue","memo"],"mappings":";;;;;;;;;;;;;;;AAMA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,WAAW,EAAI;AACtC,SAAOC,KAAQ,CAACD,WAAD,CAAR,IAAyBE,cAAhC;AACD,CAFD;;AAIA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,OAGvB;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,OACI,QADJA,OACI;AAAA,MACIC,KADJ,GAC4BD,OAD5B,CACIC,KADJ;AAAA,MACWC,YADX,GAC4BF,OAD5B,CACWE,YADX;AAEJ,MAAMC,SAAS,GAAGH,OAAO,CAACG,SAAR,GAAoBH,OAAO,CAACG,SAA5B,GAAwCT,gBAAgB,CAACM,OAAO,CAACI,IAAT,CAA1E;;AAEA,MAAIJ,OAAO,CAACK,MAAZ,EAAoB;AAAE,WAAON,QAAQ,CAACI,SAAD,CAAf;AAA6B;;AAEnD,MAAMG,EAAE,GAAGC,8BAAU,CAAC,UAAD,EAAa,aAAb,EAA4BL,YAA5B,CAArB;AACA,sBACEM;AAAK,IAAA,SAAS,EAAEF,EAAhB;AAAA,4BACEG;AAAK,MAAA,SAAS,EAAC,yCAAf;AAAA,gBACGR;AADH,MADF,EAIGF,QAAQ,CAACI,SAAD,CAJX;AAAA,IADF;AAQD,CAlBD;;AAoBAL,oBAAoB,CAACY,SAArB,GAAiC;AAC/BX,EAAAA,QAAQ,EAAEY,6BAAS,CAACC,GADW;AAE/BZ,EAAAA,OAAO,EAAEW,6BAAS,CAACE,KAAV,CAAgB;AACvBV,IAAAA,SAAS,EAAEQ,6BAAS,CAACG,SAAV,CAAoB,CAC7BH,6BAAS,CAACI,IADmB,EAE7BJ,6BAAS,CAACE,KAAV,CAAgB,EAAhB,CAF6B,CAApB,CADY;AAKvBZ,IAAAA,KAAK,EAAEU,6BAAS,CAACK,MALM;AAMvBX,IAAAA,MAAM,EAAEM,6BAAS,CAACM,IANK;AAOvBb,IAAAA,IAAI,EAAEO,6BAAS,CAACK,MAPO;AAQvBd,IAAAA,YAAY,EAAES,6BAAS,CAACK;AARD,GAAhB;AAFsB,CAAjC;AAcAlB,oBAAoB,CAACoB,YAArB,GAAoC;AAClCnB,EAAAA,QAAQ,EAAE,oBAAM,EADkB;AAElCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,KAAK,EAAE,EADA;AAEPI,IAAAA,MAAM,EAAE,KAFD;AAGPD,IAAAA,IAAI,EAAE,EAHC;AAIPF,IAAAA,YAAY,EAAE;AAJP;AAFyB,CAApC;;AAUA,IAAMiB,QAAQ,GAAG,SAAXA,QAAW,CAACC,SAAD,EAAYC,SAAZ,EAA0B;AACzC,MAAI,CAACC,2BAAO,CAACF,SAAS,CAACG,YAAX,EAAyBF,SAAS,CAACE,YAAnC,CAAZ,EAA8D,OAAO,KAAP;AAC9D,SAAO,IAAP;AACD,CAHD;;AAKA,0CAAeC,UAAI,CAAC1B,oBAAD,EAAuBqB,QAAvB,CAAnB;;;;"}
+{"version":3,"file":"SettingsItemRenderer.js","sources":["../../../../src/components/Settings/SettingsItemRenderer.js"],"sourcesContent":["import { memo, Fragment } from 'react';\nimport classNames from 'classnames';\nimport isEqual from 'lodash.isequal';\nimport PropTypes from 'prop-types';\nimport Settings from './index';\n\nconst getItemComponent = settingType => {\n  return Settings[settingType] || Fragment;\n};\n\nconst SettingsItemRenderer = ({\n  children,\n  setting,\n}) => {\n  const { label, wrapperClass } = setting;\n  const component = setting.component ? setting.component : getItemComponent(setting.type);\n\n  if (setting.static) { return children(component); }\n\n  const cx = classNames('toolItem', 'toolSection', wrapperClass);\n  return (\n    <div className={cx}>\n      <div className=\"toolSection-title t-medium js-ItemLabel\">\n        {label}\n      </div>\n      {children(component)}\n    </div>\n  );\n};\n\nSettingsItemRenderer.propTypes = {\n  children: PropTypes.any,\n  setting: PropTypes.shape({\n    component: PropTypes.oneOfType([\n      PropTypes.func,\n      PropTypes.shape({}),\n    ]),\n    label: PropTypes.string,\n    static: PropTypes.bool,\n    type: PropTypes.string,\n    wrapperClass: PropTypes.string,\n  }),\n};\n\nSettingsItemRenderer.defaultProps = {\n  children: () => {},\n  setting: {\n    label: '',\n    static: false,\n    type: '',\n    wrapperClass: '',\n  },\n};\n\nconst areEqual = (prevProps, nextProps) => {\n  if (!isEqual(prevProps.settingValue, nextProps.settingValue)) return false;\n  return true;\n};\n\nexport default memo(SettingsItemRenderer, areEqual);\n"],"names":["getItemComponent","settingType","Settings","Fragment","SettingsItemRenderer","children","setting","label","wrapperClass","component","type","static","cx","classNames","_jsxs","_jsx","propTypes","PropTypes","any","shape","oneOfType","func","string","bool","defaultProps","areEqual","prevProps","nextProps","isEqual","settingValue","memo"],"mappings":";;;;;;;;;;;;;;;AAMA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,WAAW,EAAI;AACtC,SAAOC,KAAQ,CAACD,WAAD,CAAR,IAAyBE,cAAhC;AACD,CAFD;;AAIA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,OAGvB;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,OACI,QADJA,OACI;AACJ,MAAQC,KAAR,GAAgCD,OAAhC,CAAQC,KAAR;AAAA,MAAeC,YAAf,GAAgCF,OAAhC,CAAeE,YAAf;AACA,MAAMC,SAAS,GAAGH,OAAO,CAACG,SAAR,GAAoBH,OAAO,CAACG,SAA5B,GAAwCT,gBAAgB,CAACM,OAAO,CAACI,IAAT,CAA1E;;AAEA,MAAIJ,OAAO,CAACK,MAAZ,EAAoB;AAAE,WAAON,QAAQ,CAACI,SAAD,CAAf;AAA6B;;AAEnD,MAAMG,EAAE,GAAGC,8BAAU,CAAC,UAAD,EAAa,aAAb,EAA4BL,YAA5B,CAArB;AACA,sBACEM;AAAK,IAAA,SAAS,EAAEF,EAAhB;AAAA,4BACEG;AAAK,MAAA,SAAS,EAAC,yCAAf;AAAA,gBACGR;AADH,MADF,EAIGF,QAAQ,CAACI,SAAD,CAJX;AAAA,IADF;AAQD,CAlBD;;AAoBAL,oBAAoB,CAACY,SAArB,GAAiC;AAC/BX,EAAAA,QAAQ,EAAEY,6BAAS,CAACC,GADW;AAE/BZ,EAAAA,OAAO,EAAEW,6BAAS,CAACE,KAAV,CAAgB;AACvBV,IAAAA,SAAS,EAAEQ,6BAAS,CAACG,SAAV,CAAoB,CAC7BH,6BAAS,CAACI,IADmB,EAE7BJ,6BAAS,CAACE,KAAV,CAAgB,EAAhB,CAF6B,CAApB,CADY;AAKvBZ,IAAAA,KAAK,EAAEU,6BAAS,CAACK,MALM;AAMvBX,IAAAA,MAAM,EAAEM,6BAAS,CAACM,IANK;AAOvBb,IAAAA,IAAI,EAAEO,6BAAS,CAACK,MAPO;AAQvBd,IAAAA,YAAY,EAAES,6BAAS,CAACK;AARD,GAAhB;AAFsB,CAAjC;AAcAlB,oBAAoB,CAACoB,YAArB,GAAoC;AAClCnB,EAAAA,QAAQ,EAAE,oBAAM,EADkB;AAElCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,KAAK,EAAE,EADA;AAEPI,IAAAA,MAAM,EAAE,KAFD;AAGPD,IAAAA,IAAI,EAAE,EAHC;AAIPF,IAAAA,YAAY,EAAE;AAJP;AAFyB,CAApC;;AAUA,IAAMiB,QAAQ,GAAG,SAAXA,QAAW,CAACC,SAAD,EAAYC,SAAZ,EAA0B;AACzC,MAAI,CAACC,2BAAO,CAACF,SAAS,CAACG,YAAX,EAAyBF,SAAS,CAACE,YAAnC,CAAZ,EAA8D,OAAO,KAAP;AAC9D,SAAO,IAAP;AACD,CAHD;;AAKA,0CAAeC,UAAI,CAAC1B,oBAAD,EAAuBqB,QAAvB,CAAnB;;;;"}

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

@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
@@ -27,7 +27,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }