npm - @jotforminc/dnd-builder - Versions diffs - 2.0.0-beta.4 → 2.0.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (564) hide show

package/lib/esm/components/Print/PrintModeWithoutContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PrintModeWithoutContext.js","sources":["../../../../src/components/Print/PrintModeWithoutContext.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ReportWrapper from '../ReportWrapper';\nimport StaticScene from '../Preview/StaticScene';\nimport { pageSize } from '../../utils/print';\n\nconst availableFormats = ['A4', 'A5', 'Custom', 'Web'];\n\nconst PrintModeWithoutContext = ({\n additionalPageItems,\n hashCode,\n itemAccessor,\n mode,\n pages,\n settings,\n theme,\n}) => {\n const [manipulatePageSize, setManipulatePageSize] = useState(false);\n const reportLayout = settings.reportLayout ? settings.reportLayout : 'A4 Landscape';\n if (availableFormats.indexOf(reportLayout.split(' ')[0]) > -1 && !manipulatePageSize) {\n setManipulatePageSize(true);\n }\n\n return (\n <>\n {manipulatePageSize && (\n <style\n dangerouslySetInnerHTML={{\n __html: `\n @page {\n size: ${pageSize(settings)}; margin:0;\n }`,\n }}\n />\n )}\n <ReportWrapper\n mode=\"print\"\n theme={theme}\n >\n <StaticScene\n additionalPageItems={additionalPageItems}\n hashCode={hashCode}\n hideZoom={true}\n itemAccessor={itemAccessor}\n mode={mode}\n pages={pages}\n />\n </ReportWrapper>\n </>\n );\n};\n\nPrintModeWithoutContext.propTypes = {\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n hashCode: PropTypes.string,\n itemAccessor: PropTypes.func,\n mode: PropTypes.string,\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n settings: PropTypes.shape({\n reportLayout: PropTypes.string,\n reportLayoutHeight: PropTypes.string,\n reportLayoutWidth: PropTypes.string,\n }),\n theme: PropTypes.~~string~~,\n};\n\nPrintModeWithoutContext.defaultProps = {\n additionalPageItems: [],\n hashCode: '',\n itemAccessor: () => {},\n mode: 'print',\n pages: [],\n settings: {},\n theme: 'lightMode',\n};\n\nexport default PrintModeWithoutContext;\n"],"names":["availableFormats","PrintModeWithoutContext","additionalPageItems","hashCode","itemAccessor","mode","pages","settings","theme","useState","manipulatePageSize","setManipulatePageSize","reportLayout","indexOf","split","_jsxs","_jsx","__html","pageSize","propTypes","PropTypes","arrayOf","node","string","func","shape","reportLayoutHeight","reportLayoutWidth","defaultProps"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;~~AAMA,IAAMA,gBAAgB,GAAG,CAAC,IAAD,EAAO,IAAP,EAAa,QAAb,EAAuB,KAAvB,CAAzB;;IAEMC,uBAAuB,GAAG,SAA1BA,uBAA0B,OAQ1B;AAAA,MAPJC,mBAOI,QAPJA,mBAOI;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,IAII,QAJJA,IAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,KACI,QADJA,KACI;;~~AAAA~~,~~kBACgDC~~,QAAQ,CAAC,KAAD,~~CADxD~~;AAAA;AAAA,~~MACGC~~,~~kBADH~~;AAAA,~~MACuBC~~,~~qBADvB~~;;~~AAEJ~~,MAAMC,YAAY,GAAGL,QAAQ,CAACK,YAAT,GAAwBL,QAAQ,CAACK,YAAjC,GAAgD,cAArE;;AACA,MAAIZ,gBAAgB,CAACa,OAAjB,CAAyBD,YAAY,CAACE,KAAb,CAAmB,GAAnB,EAAwB,CAAxB,CAAzB,IAAuD,CAAC,CAAxD,IAA6D,CAACJ,kBAAlE,EAAsF;AACpFC,IAAAA,qBAAqB,CAAC,IAAD,CAArB;AACD;;AAED,sBACEI;AAAA,eACGL,kBAAkB,iBACjBM;AACE,MAAA,uBAAuB,EAAE;AACvBC,QAAAA,MAAM,uDAEIC,QAAQ,CAACX,QAAD,CAFZ;AADiB;AAD3B,MAFJ,eAWES,IAAC,aAAD;AACE,MAAA,IAAI,EAAC,OADP;AAEE,MAAA,KAAK,EAAER,KAFT;AAAA,6BAIEQ,IAAC,WAAD;AACE,QAAA,mBAAmB,EAAEd,mBADvB;AAEE,QAAA,QAAQ,EAAEC,QAFZ;AAGE,QAAA,QAAQ,EAAE,IAHZ;AAIE,QAAA,YAAY,EAAEC,YAJhB;AAKE,QAAA,IAAI,EAAEC,IALR;AAME,QAAA,KAAK,EAAEC;AANT;AAJF,MAXF;AAAA,IADF;AA2BD;;AAEDL,uBAAuB,CAACkB,SAAxB,GAAoC;AAClCjB,EAAAA,mBAAmB,EAAEkB,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,IAA5B,CADa;AAElCnB,EAAAA,QAAQ,EAAEiB,SAAS,CAACG,MAFc;AAGlCnB,EAAAA,YAAY,EAAEgB,SAAS,CAACI,IAHU;AAIlCnB,EAAAA,IAAI,EAAEe,SAAS,CAACG,MAJkB;AAKlCjB,EAAAA,KAAK,EAAEc,SAAS,CAACC,OAAV,CACLD,SAAS,CAACK,KAAV,CAAgB,EAAhB,CADK,CAL2B;AAQlClB,EAAAA,QAAQ,EAAEa,SAAS,CAACK,KAAV,CAAgB;AACxBb,IAAAA,YAAY,EAAEQ,SAAS,CAACG,MADA;AAExBG,IAAAA,kBAAkB,EAAEN,SAAS,CAACG,MAFN;AAGxBI,IAAAA,iBAAiB,EAAEP,SAAS,CAACG;AAHL,GAAhB,CARwB;AAalCf,EAAAA,KAAK,EAAEY,SAAS,~~CAACG~~;~~AAbiB~~,CAApC;~~AAgBAtB~~,uBAAuB,~~CAAC2B~~,YAAxB,GAAuC;~~AACrC1B~~,EAAAA,mBAAmB,EAAE,EADgB;AAErCC,EAAAA,QAAQ,EAAE,EAF2B;AAGrCC,EAAAA,YAAY,EAAE,wBAAM,EAHiB;AAIrCC,EAAAA,IAAI,EAAE,OAJ+B;AAKrCC,EAAAA,KAAK,EAAE,EAL8B;AAMrCC,EAAAA,QAAQ,EAAE,EAN2B;AAOrCC,EAAAA,KAAK,EAAE;AAP8B,CAAvC;;;;"}
1	+ {"version":3,"file":"PrintModeWithoutContext.js","sources":["../../../../src/components/Print/PrintModeWithoutContext.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ReportWrapper from '../ReportWrapper';\nimport StaticScene from '../Preview/StaticScene';\nimport { pageSize } from '../../utils/print';\n\nconst availableFormats = ['A4', 'A5', 'Custom', 'Web'];\n\nconst PrintModeWithoutContext = ({\n additionalPageItems,\n hashCode,\n itemAccessor,\n mode,\n pages,\n settings,\n theme,\n}) => {\n const [manipulatePageSize, setManipulatePageSize] = useState(false);\n const reportLayout = settings.reportLayout ? settings.reportLayout : 'A4 Landscape';\n if (availableFormats.indexOf(reportLayout.split(' ')[0]) > -1 && !manipulatePageSize) {\n setManipulatePageSize(true);\n }\n\n return (\n <>\n {manipulatePageSize && (\n <style\n dangerouslySetInnerHTML={{\n __html: `\n @page {\n size: ${pageSize(settings)}; margin:0;\n }`,\n }}\n />\n )}\n <ReportWrapper\n mode=\"print\"\n theme={theme}\n >\n <StaticScene\n additionalPageItems={additionalPageItems}\n hashCode={hashCode}\n hideZoom={true}\n itemAccessor={itemAccessor}\n mode={mode}\n pages={pages}\n />\n </ReportWrapper>\n </>\n );\n};\n\nPrintModeWithoutContext.propTypes = {\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n hashCode: PropTypes.string,\n itemAccessor: PropTypes.func,\n mode: PropTypes.string,\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n settings: PropTypes.shape({\n reportLayout: PropTypes.string,\n reportLayoutHeight: PropTypes.string,\n reportLayoutWidth: PropTypes.string,\n }),\n theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\nPrintModeWithoutContext.defaultProps = {\n additionalPageItems: [],\n hashCode: '',\n itemAccessor: () => {},\n mode: 'print',\n pages: [],\n settings: {},\n theme: 'lightMode',\n};\n\nexport default PrintModeWithoutContext;\n"],"names":["availableFormats","PrintModeWithoutContext","additionalPageItems","hashCode","itemAccessor","mode","pages","settings","theme","useState","manipulatePageSize","setManipulatePageSize","reportLayout","indexOf","split","_jsxs","_jsx","__html","pageSize","propTypes","PropTypes","arrayOf","node","string","func","shape","reportLayoutHeight","reportLayoutWidth","oneOf","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,gBAAgB,GAAG,CAAC,IAAD,EAAO,IAAP,EAAa,QAAb,EAAuB,KAAvB,CAAzB;;IAEMC,uBAAuB,GAAG,SAA1BA,uBAA0B,OAQ1B;AAAA,MAPJC,mBAOI,QAPJA,mBAOI;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,IAII,QAJJA,IAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,kBAAoDC,QAAQ,CAAC,KAAD,CAA5D;AAAA;AAAA,MAAOC,kBAAP;AAAA,MAA2BC,qBAA3B;;AACA,MAAMC,YAAY,GAAGL,QAAQ,CAACK,YAAT,GAAwBL,QAAQ,CAACK,YAAjC,GAAgD,cAArE;;AACA,MAAIZ,gBAAgB,CAACa,OAAjB,CAAyBD,YAAY,CAACE,KAAb,CAAmB,GAAnB,EAAwB,CAAxB,CAAzB,IAAuD,CAAC,CAAxD,IAA6D,CAACJ,kBAAlE,EAAsF;AACpFC,IAAAA,qBAAqB,CAAC,IAAD,CAArB;AACD;;AAED,sBACEI;AAAA,eACGL,kBAAkB,iBACjBM;AACE,MAAA,uBAAuB,EAAE;AACvBC,QAAAA,MAAM,uDAEIC,QAAQ,CAACX,QAAD,CAFZ;AADiB;AAD3B,MAFJ,eAWES,IAAC,aAAD;AACE,MAAA,IAAI,EAAC,OADP;AAEE,MAAA,KAAK,EAAER,KAFT;AAAA,6BAIEQ,IAAC,WAAD;AACE,QAAA,mBAAmB,EAAEd,mBADvB;AAEE,QAAA,QAAQ,EAAEC,QAFZ;AAGE,QAAA,QAAQ,EAAE,IAHZ;AAIE,QAAA,YAAY,EAAEC,YAJhB;AAKE,QAAA,IAAI,EAAEC,IALR;AAME,QAAA,KAAK,EAAEC;AANT;AAJF,MAXF;AAAA,IADF;AA2BD;;AAEDL,uBAAuB,CAACkB,SAAxB,GAAoC;AAClCjB,EAAAA,mBAAmB,EAAEkB,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,IAA5B,CADa;AAElCnB,EAAAA,QAAQ,EAAEiB,SAAS,CAACG,MAFc;AAGlCnB,EAAAA,YAAY,EAAEgB,SAAS,CAACI,IAHU;AAIlCnB,EAAAA,IAAI,EAAEe,SAAS,CAACG,MAJkB;AAKlCjB,EAAAA,KAAK,EAAEc,SAAS,CAACC,OAAV,CACLD,SAAS,CAACK,KAAV,CAAgB,EAAhB,CADK,CAL2B;AAQlClB,EAAAA,QAAQ,EAAEa,SAAS,CAACK,KAAV,CAAgB;AACxBb,IAAAA,YAAY,EAAEQ,SAAS,CAACG,MADA;AAExBG,IAAAA,kBAAkB,EAAEN,SAAS,CAACG,MAFN;AAGxBI,IAAAA,iBAAiB,EAAEP,SAAS,CAACG;AAHL,GAAhB,CARwB;AAalCf,EAAAA,KAAK,EAAEY,SAAS,CAACQ,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB;AAb2B,CAApC;AAgBA3B,uBAAuB,CAAC4B,YAAxB,GAAuC;AACrC3B,EAAAA,mBAAmB,EAAE,EADgB;AAErCC,EAAAA,QAAQ,EAAE,EAF2B;AAGrCC,EAAAA,YAAY,EAAE,wBAAM,EAHiB;AAIrCC,EAAAA,IAAI,EAAE,OAJ+B;AAKrCC,EAAAA,KAAK,EAAE,EAL8B;AAMrCC,EAAAA,QAAQ,EAAE,EAN2B;AAOrCC,EAAAA,KAAK,EAAE;AAP8B,CAAvC;;;;"}

package/lib/esm/components/Report.js CHANGED Viewed

@@ -1,5 +1,3 @@
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.object.keys.js';
 import { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Builder from './Builder/Builder.js';
@@ -9,7 +7,9 @@ import Print from './Print/Print.js';
 import ALL_TEXTS, { SharingTextsModule } from '../constants/texts.js';
 import { jsx } from 'react/jsx-runtime';
-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; }
+var _excluded = ["leftPanelConfig", "mode", "reportsAppTexts"];
+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; }
@@ -23,7 +23,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; }
@@ -35,7 +35,7 @@ var Report = function Report(_ref) {
   var leftPanelConfig = _ref.leftPanelConfig,
       mode = _ref.mode,
       newReportsAppTexts = _ref.reportsAppTexts,
-      props = _objectWithoutProperties(_ref, ["leftPanelConfig", "mode", "reportsAppTexts"]);
+      props = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(mode),
       _useState2 = _slicedToArray(_useState, 2),
@@ -95,11 +95,13 @@ Report.propTypes = {
    It can be changed static texts or translated which use in the library.
    New texts are set when you pass again.
   */
-  reportsAppTexts: PropTypes.shape({})
+  reportsAppTexts: PropTypes.shape({}),
+  theme: PropTypes.oneOf(['lightMode', 'darkMode'])
 };
 Report.defaultProps = {
   mode: 'customize',
-  reportsAppTexts: ALL_TEXTS
+  reportsAppTexts: ALL_TEXTS,
+  theme: 'lightMode'
 };
 export default Report;

package/lib/esm/components/Report.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Report.js","sources":["../../../src/components/Report.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Builder from './Builder';\nimport Presentation from './Presentation/Presentation';\nimport Preview from './Preview';\nimport Print from './Print';\nimport reportsAppTexts, { SharingTextsModule } from '../constants/texts';\n\nconst Report = ({\n leftPanelConfig,\n mode,\n reportsAppTexts: newReportsAppTexts,\n ...props\n}) => {\n const [viewMode, setViewMode] = useState(mode);\n const [lastScrollPosition, setLastScrollPosition] = useState(0);\n\n useEffect(() => {\n SharingTextsModule.setTexts(newReportsAppTexts);\n }, [newReportsAppTexts]);\n\n useEffect(() => {\n if (['customize', 'preview'].indexOf(viewMode) > -1) {\n setLastScrollPosition(document.querySelector('.jfReport-viewport').scrollTop);\n }\n setViewMode(mode);\n }, [mode]);\n\n const customProps = { ...props, lastScrollPosition, leftPanelConfig };\n\n switch (viewMode) {\n case 'preview': {\n return <Preview {...customProps} />;\n }\n case 'presentation': {\n return <Presentation {...props} />;\n }\n case 'print': {\n return <Print {...props} />;\n }\n case 'customize':\n default: {\n return <Builder {...customProps} />;\n }\n }\n};\n\nReport.propTypes = {\n /** Conditionally rendering different modes /\n mode: PropTypes.oneOf(['customize', 'preview', 'print', 'presentation']),\n /\n It can be changed static texts or translated which use in the library.\n New texts are set when you pass again.\n /\n reportsAppTexts: PropTypes.shape({}),\n};\n\nReport.defaultProps = {\n mode: 'customize',\n reportsAppTexts,\n};\n\nexport default Report;\n"],"names":["Report","leftPanelConfig","mode","newReportsAppTexts","reportsAppTexts","props","useState","viewMode","setViewMode","lastScrollPosition","setLastScrollPosition","useEffect","SharingTextsModule","setTexts","indexOf","document","querySelector","scrollTop","customProps","_jsx","propTypes","PropTypes","oneOf","shape","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,MAJJC,eAII,QAJJA,eAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFaC,kBAEb,QAFJC,eAEI;AAAA,MADDC,KACC;;~~AAAA~~,~~kBAC4BC~~,QAAQ,CAACJ,IAAD,~~CADpC~~;AAAA;AAAA,~~MACGK~~,~~QADH~~;AAAA,~~MACaC~~,~~WADb~~;;~~AAAA~~,~~mBAEgDF~~,QAAQ,CAAC,CAAD,~~CAFxD~~;AAAA;AAAA,~~MAEGG~~,~~kBAFH~~;AAAA,~~MAEuBC~~,~~qBAFvB~~;;~~AAIJC~~,EAAAA,SAAS,CAAC,YAAM;AACdC,IAAAA,kBAAkB,CAACC,QAAnB,CAA4BV,kBAA5B;AACD,GAFQ,EAEN,CAACA,kBAAD,CAFM,CAAT;AAIAQ,EAAAA,SAAS,CAAC,YAAM;AACd,QAAI,CAAC,WAAD,EAAc,SAAd,EAAyBG,OAAzB,CAAiCP,QAAjC,IAA6C,CAAC,CAAlD,EAAqD;AACnDG,MAAAA,qBAAqB,CAACK,QAAQ,CAACC,aAAT,CAAuB,oBAAvB,EAA6CC,SAA9C,CAArB;AACD;;AACDT,IAAAA,WAAW,CAACN,IAAD,CAAX;AACD,GALQ,EAKN,CAACA,IAAD,CALM,CAAT;;AAOA,MAAMgB,WAAW,mCAAQb,KAAR;AAAeI,IAAAA,kBAAkB,EAAlBA,kBAAf;AAAmCR,IAAAA,eAAe,EAAfA;AAAnC,IAAjB;;AAEA,UAAQM,QAAR;AACE,SAAK,SAAL;AAAgB;AACd,4BAAOY,IAAC,OAAD,oBAAaD,WAAb,EAAP;AACD;;AACD,SAAK,cAAL;AAAqB;AACnB,4BAAOC,IAAC,YAAD,oBAAkBd,KAAlB,EAAP;AACD;;AACD,SAAK,OAAL;AAAc;AACZ,4BAAOc,IAAC,KAAD,oBAAWd,KAAX,EAAP;AACD;;AACD,SAAK,WAAL;AACA;AAAS;AACP,4BAAOc,IAAC,OAAD,oBAAaD,WAAb,EAAP;AACD;AAbH;AAeD;;AAEDlB,MAAM,CAACoB,SAAP,GAAmB;AACjB;AACAlB,EAAAA,IAAI,EAAEmB,SAAS,CAACC,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,OAAzB,EAAkC,cAAlC,CAAhB,CAFW;;AAGjB;AACF;AACA;AACA;AACElB,EAAAA,eAAe,EAAEiB,SAAS,CAACE,KAAV,CAAgB,EAAhB;~~AAPA~~,CAAnB;~~AAUAvB~~,MAAM,~~CAACwB~~,YAAP,GAAsB;~~AACpBtB~~,EAAAA,IAAI,EAAE,WADc;AAEpBE,EAAAA,eAAe,EAAfA;~~AAFoB~~,CAAtB;;;;"}
1	+ {"version":3,"file":"Report.js","sources":["../../../src/components/Report.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Builder from './Builder';\nimport Presentation from './Presentation/Presentation';\nimport Preview from './Preview';\nimport Print from './Print';\nimport reportsAppTexts, { SharingTextsModule } from '../constants/texts';\n\nconst Report = ({\n leftPanelConfig,\n mode,\n reportsAppTexts: newReportsAppTexts,\n ...props\n}) => {\n const [viewMode, setViewMode] = useState(mode);\n const [lastScrollPosition, setLastScrollPosition] = useState(0);\n\n useEffect(() => {\n SharingTextsModule.setTexts(newReportsAppTexts);\n }, [newReportsAppTexts]);\n\n useEffect(() => {\n if (['customize', 'preview'].indexOf(viewMode) > -1) {\n setLastScrollPosition(document.querySelector('.jfReport-viewport').scrollTop);\n }\n setViewMode(mode);\n }, [mode]);\n\n const customProps = { ...props, lastScrollPosition, leftPanelConfig };\n\n switch (viewMode) {\n case 'preview': {\n return <Preview {...customProps} />;\n }\n case 'presentation': {\n return <Presentation {...props} />;\n }\n case 'print': {\n return <Print {...props} />;\n }\n case 'customize':\n default: {\n return <Builder {...customProps} />;\n }\n }\n};\n\nReport.propTypes = {\n /** Conditionally rendering different modes /\n mode: PropTypes.oneOf(['customize', 'preview', 'print', 'presentation']),\n /\n It can be changed static texts or translated which use in the library.\n New texts are set when you pass again.\n /\n reportsAppTexts: PropTypes.shape({}),\n theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\nReport.defaultProps = {\n mode: 'customize',\n reportsAppTexts,\n theme: 'lightMode',\n};\n\nexport default Report;\n"],"names":["Report","leftPanelConfig","mode","newReportsAppTexts","reportsAppTexts","props","useState","viewMode","setViewMode","lastScrollPosition","setLastScrollPosition","useEffect","SharingTextsModule","setTexts","indexOf","document","querySelector","scrollTop","customProps","_jsx","propTypes","PropTypes","oneOf","shape","theme","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,MAJJC,eAII,QAJJA,eAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFaC,kBAEb,QAFJC,eAEI;AAAA,MADDC,KACC;;AACJ,kBAAgCC,QAAQ,CAACJ,IAAD,CAAxC;AAAA;AAAA,MAAOK,QAAP;AAAA,MAAiBC,WAAjB;;AACA,mBAAoDF,QAAQ,CAAC,CAAD,CAA5D;AAAA;AAAA,MAAOG,kBAAP;AAAA,MAA2BC,qBAA3B;;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACdC,IAAAA,kBAAkB,CAACC,QAAnB,CAA4BV,kBAA5B;AACD,GAFQ,EAEN,CAACA,kBAAD,CAFM,CAAT;AAIAQ,EAAAA,SAAS,CAAC,YAAM;AACd,QAAI,CAAC,WAAD,EAAc,SAAd,EAAyBG,OAAzB,CAAiCP,QAAjC,IAA6C,CAAC,CAAlD,EAAqD;AACnDG,MAAAA,qBAAqB,CAACK,QAAQ,CAACC,aAAT,CAAuB,oBAAvB,EAA6CC,SAA9C,CAArB;AACD;;AACDT,IAAAA,WAAW,CAACN,IAAD,CAAX;AACD,GALQ,EAKN,CAACA,IAAD,CALM,CAAT;;AAOA,MAAMgB,WAAW,mCAAQb,KAAR;AAAeI,IAAAA,kBAAkB,EAAlBA,kBAAf;AAAmCR,IAAAA,eAAe,EAAfA;AAAnC,IAAjB;;AAEA,UAAQM,QAAR;AACE,SAAK,SAAL;AAAgB;AACd,4BAAOY,IAAC,OAAD,oBAAaD,WAAb,EAAP;AACD;;AACD,SAAK,cAAL;AAAqB;AACnB,4BAAOC,IAAC,YAAD,oBAAkBd,KAAlB,EAAP;AACD;;AACD,SAAK,OAAL;AAAc;AACZ,4BAAOc,IAAC,KAAD,oBAAWd,KAAX,EAAP;AACD;;AACD,SAAK,WAAL;AACA;AAAS;AACP,4BAAOc,IAAC,OAAD,oBAAaD,WAAb,EAAP;AACD;AAbH;AAeD;;AAEDlB,MAAM,CAACoB,SAAP,GAAmB;AACjB;AACAlB,EAAAA,IAAI,EAAEmB,SAAS,CAACC,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,OAAzB,EAAkC,cAAlC,CAAhB,CAFW;;AAGjB;AACF;AACA;AACA;AACElB,EAAAA,eAAe,EAAEiB,SAAS,CAACE,KAAV,CAAgB,EAAhB,CAPA;AAQjBC,EAAAA,KAAK,EAAEH,SAAS,CAACC,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB;AARU,CAAnB;AAWAtB,MAAM,CAACyB,YAAP,GAAsB;AACpBvB,EAAAA,IAAI,EAAE,WADc;AAEpBE,EAAAA,eAAe,EAAfA,SAFoB;AAGpBoB,EAAAA,KAAK,EAAE;AAHa,CAAtB;;;;"}

package/lib/esm/components/ReportItemsWrapper.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.array.map.js';
 import { memo } from 'react';
 import ReportItemRenderer from './Builder/ReportItemRenderer.js';

package/lib/esm/components/ReportItemsWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReportItemsWrapper.js","sources":["../../../src/components/ReportItemsWrapper.js"],"sourcesContent":["import { memo } from 'react';\nimport ReportItemRenderer from './Builder/ReportItemRenderer';\nimport DraggableItem from './DraggableItem/DraggableItem';\nimport getMergedItem from '../utils/getMergedItem';\n\nconst isSelected = (id, activeElements) => {\n if (activeElements === null) return id === activeElements;\n return activeElements.indexOf(id) !== -1;\n};\n\nconst ReportItemsWrapper = ({\n acceptedItems,\n activeElement,\n guides,\n hashCode,\n isResize,\n isRightPanelOpen,\n isTextEditorOpen,\n itemAccessor,\n items,\n matches,\n onAnEventTrigger,\n onItemAdd,\n onItemChange,\n onItemRemove,\n onItemResize,\n setActiveElement,\n setContextMenuProps,\n setIsResize,\n setIsRightPanelOpen,\n setMatches,\n zoom,\n}) => {\n return items\n .filter(item => (\n item.isVisible !== undefined\n ? item.isVisible\n : true\n ))\n .map((item, index) => {\n const mergedItem = getMergedItem(item, acceptedItems);\n return (\n <DraggableItem\n key={item.id}\n guides={guides}\n hashCode={hashCode}\n index={index}\n isMultipleItemSelected={activeElement !== null && activeElement.length > 1}\n isResize={isResize}\n isRightPanelOpen={isRightPanelOpen}\n isSelected={isSelected(item.id, activeElement)}\n isTextEditorOpen={isTextEditorOpen}\n item={item}\n matches={matches}\n onAnEventTrigger={onAnEventTrigger}\n onItemAdd={onItemAdd}\n onItemChange={onItemChange}\n onItemRemove={onItemRemove}\n onItemResize={onItemResize}\n setActiveElement={setActiveElement}\n setContextMenuProps={setContextMenuProps}\n setIsResize={setIsResize}\n setIsRightPanelOpen={setIsRightPanelOpen}\n setMatches={setMatches}\n zoom={zoom}\n >\n <ReportItemRenderer\n key={item.id}\n item={mergedItem}\n >\n {ReportItem => (\n <ReportItem\n isMultipleItemSelected={activeElement !== null && activeElement.length > 1}\n isSelected={isSelected(item.id, activeElement)}\n item={mergedItem}\n itemAccessor={itemAccessor}\n onAnEventTrigger={onAnEventTrigger}\n onItemChange={onItemChange}\n />\n )}\n </ReportItemRenderer>\n </DraggableItem>\n );\n });\n};\n\nexport default memo(ReportItemsWrapper);\n"],"names":["isSelected","id","activeElements","indexOf","ReportItemsWrapper","acceptedItems","activeElement","guides","hashCode","isResize","isRightPanelOpen","isTextEditorOpen","itemAccessor","items","matches","onAnEventTrigger","onItemAdd","onItemChange","onItemRemove","onItemResize","setActiveElement","setContextMenuProps","setIsResize","setIsRightPanelOpen","setMatches","zoom","filter","item","isVisible","undefined","map","index","mergedItem","getMergedItem","_jsx","length","ReportItem","memo"],"mappings":"~~;;;;;;;;;~~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"}
1	+ {"version":3,"file":"ReportItemsWrapper.js","sources":["../../../src/components/ReportItemsWrapper.js"],"sourcesContent":["import { memo } from 'react';\nimport ReportItemRenderer from './Builder/ReportItemRenderer';\nimport DraggableItem from './DraggableItem/DraggableItem';\nimport getMergedItem from '../utils/getMergedItem';\n\nconst isSelected = (id, activeElements) => {\n if (activeElements === null) return id === activeElements;\n return activeElements.indexOf(id) !== -1;\n};\n\nconst ReportItemsWrapper = ({\n acceptedItems,\n activeElement,\n guides,\n hashCode,\n isResize,\n isRightPanelOpen,\n isTextEditorOpen,\n itemAccessor,\n items,\n matches,\n onAnEventTrigger,\n onItemAdd,\n onItemChange,\n onItemRemove,\n onItemResize,\n setActiveElement,\n setContextMenuProps,\n setIsResize,\n setIsRightPanelOpen,\n setMatches,\n zoom,\n}) => {\n return items\n .filter(item => (\n item.isVisible !== undefined\n ? item.isVisible\n : true\n ))\n .map((item, index) => {\n const mergedItem = getMergedItem(item, acceptedItems);\n return (\n <DraggableItem\n key={item.id}\n guides={guides}\n hashCode={hashCode}\n index={index}\n isMultipleItemSelected={activeElement !== null && activeElement.length > 1}\n isResize={isResize}\n isRightPanelOpen={isRightPanelOpen}\n isSelected={isSelected(item.id, activeElement)}\n isTextEditorOpen={isTextEditorOpen}\n item={item}\n matches={matches}\n onAnEventTrigger={onAnEventTrigger}\n onItemAdd={onItemAdd}\n onItemChange={onItemChange}\n onItemRemove={onItemRemove}\n onItemResize={onItemResize}\n setActiveElement={setActiveElement}\n setContextMenuProps={setContextMenuProps}\n setIsResize={setIsResize}\n setIsRightPanelOpen={setIsRightPanelOpen}\n setMatches={setMatches}\n zoom={zoom}\n >\n <ReportItemRenderer\n key={item.id}\n item={mergedItem}\n >\n {ReportItem => (\n <ReportItem\n isMultipleItemSelected={activeElement !== null && activeElement.length > 1}\n isSelected={isSelected(item.id, activeElement)}\n item={mergedItem}\n itemAccessor={itemAccessor}\n onAnEventTrigger={onAnEventTrigger}\n onItemChange={onItemChange}\n />\n )}\n </ReportItemRenderer>\n </DraggableItem>\n );\n });\n};\n\nexport default memo(ReportItemsWrapper);\n"],"names":["isSelected","id","activeElements","indexOf","ReportItemsWrapper","acceptedItems","activeElement","guides","hashCode","isResize","isRightPanelOpen","isTextEditorOpen","itemAccessor","items","matches","onAnEventTrigger","onItemAdd","onItemChange","onItemRemove","onItemResize","setActiveElement","setContextMenuProps","setIsResize","setIsRightPanelOpen","setMatches","zoom","filter","item","isVisible","undefined","map","index","mergedItem","getMergedItem","_jsx","length","ReportItem","memo"],"mappings":"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"}

package/lib/esm/components/ReportWrapper.js CHANGED Viewed

@@ -66,12 +66,13 @@ ReportWrapper.propTypes = {
   children: PropTypes.any,
   mode: PropTypes.string,
   pageCount: PropTypes.number,
-  theme: PropTypes.string.isRequired
+  theme: PropTypes.oneOf(['lightMode', 'darkMode'])
 };
 ReportWrapper.defaultProps = {
   children: null,
   mode: '',
-  pageCount: 0
+  pageCount: 0,
+  theme: 'lightMode'
 };
 var ReportWrapper$1 = /*#__PURE__*/memo(ReportWrapper);

package/lib/esm/components/ReportWrapper.js.map CHANGED Viewed

	@@ -1 +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~~,iBAAiB,~~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~~,cAAc,~~EAV/B~~;AAAA,~~MAUIC~~,~~QAVJ~~,~~mBAUIA~~,~~QAVJ~~;;~~AAWJ~~,MAAMC,uBAAuB,GAAGC,MAAM,CAAC,KAAD,CAAtC;AAEAC,EAAAA,UAAU,CAAC;AACTC,IAAAA,OAAO,EAAEN,OADA;AAETO,IAAAA,eAAe,EAAEnB,IAAI,KAAK,WAFjB;AAGTc,IAAAA,QAAQ,EAARA;AAHS,GAAD,CAAV;AAMAM,EAAAA,SAAS,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,UAAU,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,SAAS,CAACC,GADI;AAExB3B,EAAAA,IAAI,EAAE0B,SAAS,CAACE,MAFQ;AAGxBzB,EAAAA,SAAS,EAAEuB,SAAS,CAACG,MAHG;AAIxBzB,EAAAA,KAAK,EAAEsB,SAAS,~~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~~,IAAI,CAAC/B,aAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"ReportWrapper.js","sources":["../../../src/components/ReportWrapper.js"],"sourcesContent":["import { memo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderContext } from '../utils/builderContext';\nimport { useFitZoom } from '../utils/hooks';\nimport { usePropContext } from '../utils/propContext';\n\nconst getModeClass = mode => `${mode}Mode`;\n\nconst ReportWrapper = ({\n children,\n mode,\n pageCount,\n theme,\n}) => {\n const {\n isAllSlidesPanelOpen,\n isLeftPanelOpen,\n isRightPanelOpen,\n isSlidesPanelOpen,\n setIsLeftPanelOpen,\n setIsSlidesPanelOpen,\n setZoom,\n } = useBuilderContext();\n const { settings } = usePropContext();\n const decidedWhichPanelToOpen = useRef(false);\n\n useFitZoom({\n handler: setZoom,\n isModeCustomize: mode === 'customize',\n settings,\n });\n\n useEffect(() => {\n if (mode !== 'customize' \|\| decidedWhichPanelToOpen.current) {\n return;\n }\n\n if (pageCount > 1) {\n if (isLeftPanelOpen) {\n setIsLeftPanelOpen(false);\n }\n setIsSlidesPanelOpen(true);\n } else {\n if (isSlidesPanelOpen) {\n setIsSlidesPanelOpen(false);\n }\n setIsLeftPanelOpen(true);\n }\n\n decidedWhichPanelToOpen.current = true;\n }, [mode, pageCount]);\n\n const wrapperClass = classNames(\n 'jfReport',\n 'f-height',\n 'd-flex',\n getModeClass(mode),\n isLeftPanelOpen === true ? 'leftPaneIsActive' : '',\n isRightPanelOpen === true \|\| isSlidesPanelOpen === true ? 'rightPaneIsActive' : '',\n isSlidesPanelOpen === true ? 'slidesPaneIsActive' : '',\n isAllSlidesPanelOpen === true ? 'allSlidesPaneIsActive' : '',\n theme,\n );\n return (\n <div\n className={wrapperClass}\n >\n {children}\n </div>\n );\n};\n\nReportWrapper.propTypes = {\n children: PropTypes.any,\n mode: PropTypes.string,\n pageCount: PropTypes.number,\n theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\nReportWrapper.defaultProps = {\n children: null,\n mode: '',\n pageCount: 0,\n theme: 'lightMode',\n};\n\nexport default memo(ReportWrapper);\n"],"names":["getModeClass","mode","ReportWrapper","children","pageCount","theme","useBuilderContext","isAllSlidesPanelOpen","isLeftPanelOpen","isRightPanelOpen","isSlidesPanelOpen","setIsLeftPanelOpen","setIsSlidesPanelOpen","setZoom","usePropContext","settings","decidedWhichPanelToOpen","useRef","useFitZoom","handler","isModeCustomize","useEffect","current","wrapperClass","classNames","_jsx","propTypes","PropTypes","any","string","number","oneOf","defaultProps","memo"],"mappings":";;;;;;;;AAOA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAAAC,IAAI;AAAA,mBAAOA,IAAP;AAAA,CAAzB;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAKhB;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJF,IAGI,QAHJA,IAGI;AAAA,MAFJG,SAEI,QAFJA,SAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,2BAQIC,iBAAiB,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,cAAc,EAAnC;AAAA,MAAQC,QAAR,mBAAQA,QAAR;;AACA,MAAMC,uBAAuB,GAAGC,MAAM,CAAC,KAAD,CAAtC;AAEAC,EAAAA,UAAU,CAAC;AACTC,IAAAA,OAAO,EAAEN,OADA;AAETO,IAAAA,eAAe,EAAEnB,IAAI,KAAK,WAFjB;AAGTc,IAAAA,QAAQ,EAARA;AAHS,GAAD,CAAV;AAMAM,EAAAA,SAAS,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,UAAU,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,SAAS,CAACC,GADI;AAExB3B,EAAAA,IAAI,EAAE0B,SAAS,CAACE,MAFQ;AAGxBzB,EAAAA,SAAS,EAAEuB,SAAS,CAACG,MAHG;AAIxBzB,EAAAA,KAAK,EAAEsB,SAAS,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,IAAI,CAAC/B,aAAD,CAAnB;;;;"}

package/lib/esm/components/Settings/CheckboxGroup.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.array.map.js';
 import PropTypes from 'prop-types';
 import { safeJSONParse } from '../../utils/functions.js';
@@ -13,7 +12,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/esm/components/Settings/CheckboxGroup.js.map CHANGED Viewed

	@@ -1 +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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"}
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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"}

package/lib/esm/components/Settings/ColorPicker.js CHANGED Viewed

@@ -17,7 +17,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/esm/components/Settings/ColorPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/Settings/ColorPicker.js"],"sourcesContent":["import { useState, memo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { SketchPicker } from 'react-color';\nimport withClickOutside from '../withClickOutside';\nimport { useEventListener } from '../../utils/hooks';\nimport Textbox from './Textbox';\n\nexport const COLOR_PRESETS = [\n '#D0021B',\n '#F5A623',\n '#F8E71C',\n '#8B572A',\n '#7ED321',\n '#417505',\n '#BD10E0',\n '#9013FE',\n '#4A90E2',\n '#50E3C2',\n '#B8E986',\n '#000000',\n '#4A4A4A',\n '#9B9B9B',\n '#FFF',\n '#FFFFFF',\n];\n\nexport const ColorPickerWithClickOutside = withClickOutside(SketchPicker);\n\nconst ColorPicker = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const { defaultValue = '#FFFFFF' } = config;\n const [isPickerVisible, setIsPickerVisible] = useState(false);\n const [colorValue, setColorValue] = useState(value \|\| defaultValue);\n const pickerRef = useRef(null);\n\n const handleInputChange = (_item, _config) => {\n const newValue = _config[Object.keys(_config)[0]];\n setColorValue(newValue);\n onItemChange(_item, _config);\n };\n\n const checkPickerVisibility = () => isPickerVisible && setIsPickerVisible(false);\n useEventListener('resize', checkPickerVisibility);\n\n const handleOnChange = ({ hex }) => {\n if (hex !== colorValue) {\n setColorValue(hex);\n }\n };\n\n const handleColorPick = ({ hex }) => {\n if (hex !== value) {\n onItemChange(\n { id: item.id },\n { [config.key]: hex },\n );\n }\n };\n\n const setPickerVisibility = visibility => event => {\n if (visibility && window.innerHeight - event.clientY < 327) {\n setTimeout(() => {\n if (\n pickerRef.current\n && pickerRef.current.firstChild\n && pickerRef.current.firstChild.firstChild\n ) {\n pickerRef.current.firstChild.firstChild.scrollIntoView({\n behavior: 'smooth',\n block: 'end',\n });\n }\n }, 0);\n }\n setIsPickerVisible(visibility);\n };\n\n return (\n <>\n <div\n className={`colorPicker-wrapper p-relative d-flex a-center${\n isPickerVisible ? ' pickerVisible' : ''\n }`}\n data-key={config.key}\n onClick={setPickerVisibility(!isPickerVisible)}\n onKeyPress={() => {}}\n >\n <Textbox\n config={config}\n item={item}\n onItemChange={handleInputChange}\n value={colorValue}\n />\n <div\n className=\"colorPicker-preview\"\n style={{ backgroundColor: colorValue }}\n />\n </div>\n {isPickerVisible\n && (\n <div\n ref={pickerRef}\n onKeyDown={e => e.stopPropagation()}\n >\n <ColorPickerWithClickOutside\n color={colorValue}\n disableAlpha={true}\n exceptionalClasses={[`colorPicker-wrapper[data-key='${config.key}']`]}\n onChange={handleOnChange}\n onChangeComplete={handleColorPick}\n onClickOutside={setPickerVisibility(false)}\n presetColors={COLOR_PRESETS}\n withClickOutsideWrapperClass=\"colorPicker-holder\"\n />\n </div>\n )}\n </>\n );\n};\n\nColorPicker.propTypes = {\n config: PropTypes.shape({\n defaultValue: PropTypes.string,\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nColorPicker.defaultProps = {\n config: [],\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(ColorPicker);\n"],"names":["COLOR_PRESETS","ColorPickerWithClickOutside","withClickOutside","SketchPicker","ColorPicker","config","item","onItemChange","value","defaultValue","useState","isPickerVisible","setIsPickerVisible","colorValue","setColorValue","pickerRef","useRef","handleInputChange","_item","_config","newValue","Object","keys","checkPickerVisibility","useEventListener","handleOnChange","hex","handleColorPick","id","key","setPickerVisibility","visibility","event","window","innerHeight","clientY","setTimeout","current","firstChild","scrollIntoView","behavior","block","_jsxs","_jsx","backgroundColor","e","stopPropagation","propTypes","PropTypes","shape","string","options","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAOaA,aAAa,GAAG,CAC3B,SAD2B,EAE3B,SAF2B,EAG3B,SAH2B,EAI3B,SAJ2B,EAK3B,SAL2B,EAM3B,SAN2B,EAO3B,SAP2B,EAQ3B,SAR2B,EAS3B,SAT2B,EAU3B,SAV2B,EAW3B,SAX2B,EAY3B,SAZ2B,EAa3B,SAb2B,EAc3B,SAd2B,EAe3B,MAf2B,EAgB3B,SAhB2B;IAmBhBC,2BAA2B,GAAGC,gBAAgB,CAACC,YAAD;;AAE3D,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAKd;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;~~AAAA~~,~~6BACiCH~~,~~MADjC~~,~~CACII~~,~~YADJ~~;AAAA,~~MACIA~~,~~YADJ~~,~~qCACmB~~,~~SADnB~~;;~~AAAA~~,~~kBAE0CC~~,QAAQ,CAAC,KAAD,~~CAFlD~~;AAAA;AAAA,~~MAEGC~~,~~eAFH~~;AAAA,~~MAEoBC~~,~~kBAFpB~~;;~~AAAA~~,~~mBAGgCF~~,QAAQ,CAACF,KAAK,IAAIC,YAAV,~~CAHxC~~;AAAA;AAAA,~~MAGGI~~,~~UAHH~~;AAAA,~~MAGeC~~,~~aAHf~~;;~~AAIJ~~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"}
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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"}

package/lib/esm/components/Settings/Dropdown.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { memo } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, jsxs } from 'react/jsx-runtime';
-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/esm/components/Settings/Dropdown.js.map CHANGED Viewed

	@@ -1 +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,SAAS,CAACC,KAAV,CAAgB;AACtBd,IAAAA,IAAI,EAAEa,SAAS,CAACE,MADM;AAEtBX,IAAAA,GAAG,EAAES,SAAS,CAACE,MAFO;AAGtBrB,IAAAA,OAAO,EAAEmB,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,GAA5B,CAHa;AAItBtB,IAAAA,IAAI,EAAEkB,SAAS,CAACE;AAJM,GAAhB,CADW;AAOnBxB,EAAAA,IAAI,EAAEsB,SAAS,CAACC,KAAV,CAAgB;AACpBX,IAAAA,EAAE,EAAEU,SAAS,CAACE;AADM,GAAhB,CAPa;AAUnBvB,EAAAA,YAAY,EAAEqB,SAAS,CAACK,IAVL;AAWnBzB,EAAAA,KAAK,EAAEoB,SAAS,CAACM,SAAV,CAAoB,CACzBN,SAAS,CAACE,MADe,EAEzBF,SAAS,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,IAAI,CAACjC,QAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Settings/Dropdown.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Dropdown = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const { options, unit } = config;\n\n const selectProps = {};\n if (value) {\n selectProps.value = value;\n }\n\n const onChange = e => {\n const newValue = config.cast && config.cast === 'integer'\n ? parseInt(e.target.value, 10)\n : e.target.value;\n if (newValue !== value) {\n onItemChange(\n { id: item.id },\n { [config.key]: newValue },\n );\n }\n };\n return (\n <div className=\"toolSection-dropdownWrapper\">\n <select\n className=\"toolSection-dropdown\"\n {...selectProps}\n onChange={onChange}\n >\n {options.map(option => {\n const optionValue = option.value ? option.value : option;\n const optionLabel = option.label ? option.label : option;\n return (\n <option\n key={optionValue}\n value={optionValue}\n >\n {optionLabel}\n {unit ? unit : ''}\n </option>\n );\n })}\n </select>\n </div>\n );\n};\n\nDropdown.propTypes = {\n config: PropTypes.shape({\n cast: PropTypes.string,\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n unit: PropTypes.string,\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n};\n\nDropdown.defaultProps = {\n config: {\n cast: 'string',\n },\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(Dropdown);\n"],"names":["Dropdown","config","item","onItemChange","value","options","unit","selectProps","onChange","e","newValue","cast","parseInt","target","id","key","_jsx","map","option","optionValue","optionLabel","label","_jsxs","propTypes","PropTypes","shape","string","arrayOf","any","func","oneOfType","number","defaultProps","memo"],"mappings":";;;;;;;;;;;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAKX;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;AACJ,MAAQC,OAAR,GAA0BJ,MAA1B,CAAQI,OAAR;AAAA,MAAiBC,IAAjB,GAA0BL,MAA1B,CAAiBK,IAAjB;AAEA,MAAMC,WAAW,GAAG,EAApB;;AACA,MAAIH,KAAJ,EAAW;AACTG,IAAAA,WAAW,CAACH,KAAZ,GAAoBA,KAApB;AACD;;AAED,MAAMI,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AACpB,QAAMC,QAAQ,GAAGT,MAAM,CAACU,IAAP,IAAeV,MAAM,CAACU,IAAP,KAAgB,SAA/B,GACbC,QAAQ,CAACH,CAAC,CAACI,MAAF,CAAST,KAAV,EAAiB,EAAjB,CADK,GAEbK,CAAC,CAACI,MAAF,CAAST,KAFb;;AAGA,QAAIM,QAAQ,KAAKN,KAAjB,EAAwB;AACtBD,MAAAA,YAAY,CACV;AAAEW,QAAAA,EAAE,EAAEZ,IAAI,CAACY;AAAX,OADU,sBAEPb,MAAM,CAACc,GAFA,EAEML,QAFN,EAAZ;AAID;AACF,GAVD;;AAWA,sBACEM;AAAK,IAAA,SAAS,EAAC,6BAAf;AAAA,2BACEA;AACE,MAAA,SAAS,EAAC;AADZ,OAEMT,WAFN;AAGE,MAAA,QAAQ,EAAEC,QAHZ;AAAA,gBAKGH,OAAO,CAACY,GAAR,CAAY,UAAAC,MAAM,EAAI;AACrB,YAAMC,WAAW,GAAGD,MAAM,CAACd,KAAP,GAAec,MAAM,CAACd,KAAtB,GAA8Bc,MAAlD;AACA,YAAME,WAAW,GAAGF,MAAM,CAACG,KAAP,GAAeH,MAAM,CAACG,KAAtB,GAA8BH,MAAlD;AACA,4BACEI;AAEE,UAAA,KAAK,EAAEH,WAFT;AAAA,qBAIGC,WAJH,EAKGd,IAAI,GAAGA,IAAH,GAAU,EALjB;AAAA,WACOa,WADP,CADF;AASD,OAZA;AALH;AADF,IADF;AAuBD,CA/CD;;AAiDAnB,QAAQ,CAACuB,SAAT,GAAqB;AACnBtB,EAAAA,MAAM,EAAEuB,SAAS,CAACC,KAAV,CAAgB;AACtBd,IAAAA,IAAI,EAAEa,SAAS,CAACE,MADM;AAEtBX,IAAAA,GAAG,EAAES,SAAS,CAACE,MAFO;AAGtBrB,IAAAA,OAAO,EAAEmB,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,GAA5B,CAHa;AAItBtB,IAAAA,IAAI,EAAEkB,SAAS,CAACE;AAJM,GAAhB,CADW;AAOnBxB,EAAAA,IAAI,EAAEsB,SAAS,CAACC,KAAV,CAAgB;AACpBX,IAAAA,EAAE,EAAEU,SAAS,CAACE;AADM,GAAhB,CAPa;AAUnBvB,EAAAA,YAAY,EAAEqB,SAAS,CAACK,IAVL;AAWnBzB,EAAAA,KAAK,EAAEoB,SAAS,CAACM,SAAV,CAAoB,CACzBN,SAAS,CAACE,MADe,EAEzBF,SAAS,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,IAAI,CAACjC,QAAD,CAAnB;;;;"}

package/lib/esm/components/Settings/ImagePicker/EnterURL.js CHANGED Viewed

@@ -16,7 +16,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/esm/components/Settings/ImagePicker/EnterURL.js.map CHANGED Viewed

	@@ -1 +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~~,QAAQ,CAAC,EAAD,~~CADa~~;AAAA;AAAA,~~MACpCC~~,~~GADoC~~;AAAA,~~MAC/BC~~,~~MAD+B~~;;~~AAAA~~,~~mBAETF~~,QAAQ,CAAC,KAAD,~~CAFC~~;AAAA;AAAA,~~MAEpCG~~,~~SAFoC~~;AAAA,~~MAEzBC~~,~~YAFyB~~;;~~AAAA~~,~~4BAGtBC~~,kBAAkB,~~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,IAAC,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,SAAS,CAACC,KAAV,CAAgB;AACpBT,IAAAA,EAAE,EAAEQ,SAAS,CAACE;AADM,GAAhB,CADa;AAInB1B,EAAAA,YAAY,EAAEwB,SAAS,CAACG;AAJL,CAArB;AAOA7B,QAAQ,CAAC8B,YAAT,GAAwB;AACtB7B,EAAAA,IAAI,EAAE,EADgB;AAEtBC,EAAAA,YAAY,EAAE,wBAAM;AAFE,CAAxB;;;;"}
1	+ {"version":3,"file":"EnterURL.js","sources":["../../../../../src/components/Settings/ImagePicker/EnterURL.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Textbox from '../Textbox';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst imageRegex = new RegExp('jpg\|jpeg\|png\|gif', 'i');\n\nconst EnterURL = ({ item, onItemChange }) => {\n const [url, setUrl] = useState('');\n const [isErrored, setIsErrored] = useState(false);\n const { ADD_LINK } = useTranslatedTexts();\n\n const onURLChange = (_, v) => {\n if (isErrored) {\n setIsErrored(false);\n }\n setUrl(v.url);\n };\n\n const onSubmitURL = () => {\n setIsErrored(false);\n const extension = url.split('.').pop();\n if (imageRegex.test(extension)) {\n setIsErrored(false);\n onItemChange(\n { id: item.id },\n { url },\n );\n } else {\n setIsErrored(true);\n }\n };\n\n return (\n <div className=\"fileUploader-url\">\n <Textbox\n config={{ key: 'url' }}\n itemID={item.id}\n onItemChange={onURLChange}\n placeholder=\"https://\"\n value={url}\n />\n <button\n className=\"jfReportButton isSuccess\"\n disabled={!url}\n onClick={onSubmitURL}\n type=\"button\"\n >\n {ADD_LINK}\n </button>\n {isErrored && (\n <div\n className=\"uploadInfo isError\"\n style={{\n color: '#ff0000',\n marginTop: '10px',\n textAlign: 'center',\n }}\n >\n Only jpg, jpeg, png and gif images are supported\n </div>\n )}\n </div>\n );\n};\n\nEnterURL.propTypes = {\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n};\n\nEnterURL.defaultProps = {\n item: '',\n onItemChange: () => {},\n};\n\nexport default EnterURL;\n"],"names":["imageRegex","RegExp","EnterURL","item","onItemChange","useState","url","setUrl","isErrored","setIsErrored","useTranslatedTexts","ADD_LINK","onURLChange","_","v","onSubmitURL","extension","split","pop","test","id","_jsxs","_jsx","key","color","marginTop","textAlign","propTypes","PropTypes","shape","string","func","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,UAAU,GAAG,IAAIC,MAAJ,CAAW,kBAAX,EAA+B,GAA/B,CAAnB;;IAEMC,QAAQ,GAAG,SAAXA,QAAW,OAA4B;AAAA,MAAzBC,IAAyB,QAAzBA,IAAyB;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;;AAC3C,kBAAsBC,QAAQ,CAAC,EAAD,CAA9B;AAAA;AAAA,MAAOC,GAAP;AAAA,MAAYC,MAAZ;;AACA,mBAAkCF,QAAQ,CAAC,KAAD,CAA1C;AAAA;AAAA,MAAOG,SAAP;AAAA,MAAkBC,YAAlB;;AACA,4BAAqBC,kBAAkB,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,IAAC,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,SAAS,CAACC,KAAV,CAAgB;AACpBT,IAAAA,EAAE,EAAEQ,SAAS,CAACE;AADM,GAAhB,CADa;AAInB1B,EAAAA,YAAY,EAAEwB,SAAS,CAACG;AAJL,CAArB;AAOA7B,QAAQ,CAAC8B,YAAT,GAAwB;AACtB7B,EAAAA,IAAI,EAAE,EADgB;AAEtBC,EAAAA,YAAY,EAAE,wBAAM;AAFE,CAAxB;;;;"}

package/lib/esm/components/Settings/ImageUrl.js.map CHANGED Viewed

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

package/lib/esm/components/Settings/LayoutSizeSettings.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import SvgLock from '../../assets/svg/settings/lock.svg.js';
 import SvgUnlock from '../../assets/svg/settings/unlock.svg.js';
-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; }
@@ -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; }

package/lib/esm/components/Settings/LayoutSizeSettings.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAoC;AAAA,MAAjCC,MAAiC,QAAjCA,MAAiC;AAAA,MAAzBC,IAAyB,QAAzBA,IAAyB;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;;~~AAAA~~,~~kBACzBC~~,QAAQ,CAAC,IAAD,~~CADiB~~;AAAA;AAAA,~~MACtDC~~,~~UADsD~~;AAAA,~~MAC1CC~~,~~aAD0C~~;;~~AAAA~~,~~4BAEnCC~~,kBAAkB,~~EAFiB~~;AAAA,~~MAErDC~~,~~MAFqD~~,~~uBAErDA~~,~~MAFqD~~;AAAA,~~MAE7CC~~,~~KAF6C~~,~~uBAE7CA~~,~~KAF6C~~;;~~AAAA~~,~~MAIjCC~~,~~YAJiC~~,~~GAIgBR~~,~~IAJhB~~,~~CAIrDS~~,~~kBAJqD~~;AAAA,~~MAIAC~~,~~WAJA~~,~~GAIgBV~~,~~IAJhB~~,~~CAInBW~~,~~iBAJmB~~;~~AAM7D~~,MAAMC,YAAY,GAAGC,QAAQ,CAACH,WAAD,EAAc,EAAd,CAA7B;AACA,MAAMI,aAAa,GAAGD,QAAQ,CAACL,YAAD,EAAe,EAAf,CAA9B;;~~AAP6D~~,~~mBASnCN~~,QAAQ,CAAC;AACjCa,IAAAA,MAAM,EAAED,aADyB;AAEjCE,IAAAA,KAAK,EAAEJ;AAF0B,GAAD,~~CAT2B~~;AAAA;AAAA,~~MAStDK~~,~~KATsD~~;AAAA,~~MAS/CC~~,~~QAT+C~~;;~~AAc7D~~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"}
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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"}

package/lib/esm/components/Settings/Orientation.js CHANGED Viewed

@@ -17,7 +17,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/esm/components/Settings/Orientation.js.map CHANGED Viewed

	@@ -1 +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","charAt","toUpperCase","slice","label","propTypes","PropTypes","shape","string","bool","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAEd;AAAA,MADJC,MACI,QADJA,MACI;AAAA,MADIC,IACJ,QADIA,IACJ;AAAA,MADUC,YACV,QADUA,YACV;AAAA,MADwBC,KACxB,QADwBA,KACxB;~~AAAA~~,~~MACIC~~,~~cADJ~~,~~GACgDJ~~,~~MADhD~~,~~CACII~~,~~cADJ~~;AAAA,~~MACoBC~~,~~OADpB~~,~~GACgDL~~,~~MADhD~~,~~CACoBK~~,~~OADpB~~;AAAA,~~MAC6BC~~,~~cAD7B~~,~~GACgDN~~,~~MADhD~~,~~CAC6BM~~,~~cAD7B~~;~~AAEJ~~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"}
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","charAt","toUpperCase","slice","label","propTypes","PropTypes","shape","string","bool","arrayOf","any","func","defaultProps","memo"],"mappings":"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"}

package/lib/esm/components/Settings/PageLayer/LayerItem.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;AAMA,IAAMA,UAAU,GAAGC,cAAc,CAAC;AAAA,sBAChCC;AAAM,IAAA,SAAS,EAAC,2BAAhB;AAAA,2BACEA,IAACC,OAAD;AAAY,MAAA,SAAS,EAAC;AAAtB;AADF,IADgC;AAAA,CAAD,CAAjC;AAMA,IAAMC,SAAS,GAAGC,eAAe,CAAC,gBAM5B;AAAA,MALEC,IAKF,QALJC,IAKI;AAAA,MAJJC,IAII,QAJJA,IAII;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,gBACI,QADJA,gBACI;~~AAAA~~,~~MACIC~~,~~EADJ~~,~~GACsBJ~~,~~IADtB~~,~~CACII~~,~~EADJ~~;AAAA,~~MACQC~~,~~SADR~~,~~GACsBL~~,~~IADtB~~,~~CACQK~~,~~SADR~~;~~AAEJ~~,MAAMC,OAAO,GAAGD,SAAS,KAAKE,SAAd,GAA0BF,SAA1B,GAAsC,IAAtD;AACA,MAAMG,cAAc,GAAGC,WAAW,CAAC,iBAAgB;AAAA,QAAbC,MAAa,SAAbA,MAAa;AACjDT,IAAAA,YAAY,CAAC;AAAEG,MAAAA,EAAE,EAAFA;AAAF,KAAD,EAAS;AAAEC,MAAAA,SAAS,EAAEK,MAAM,CAACC;AAApB,KAAT,CAAZ;AACD,GAFiC,EAE/B,CAACP,EAAD,CAF+B,CAAlC;;AAIA,MAAMQ,QAAQ,GAAG,SAAXA,QAAW,CAAAC,UAAU,EAAI;AAC7B,QAAIA,UAAU,CAACC,QAAX,KAAwB,QAA5B,EAAsC;AACpC,aAAOC,UAAU,CAACF,UAAU,CAACG,SAAX,IAAwB,WAAzB,CAAjB;AACD;;AACD,QAAIH,UAAU,CAACC,QAAX,KAAwB,OAA5B,EAAqC;AACnC,aAAOD,UAAU,CAACI,IAAX,IAAmB,eAA1B;AACD;;AACD,QAAIJ,UAAU,CAACC,QAAX,KAAwB,QAA5B,EAAsC;AACpC,aAAOD,UAAU,CAACK,UAAX,IAAyB,sBAAhC;AACD;;AACD,QAAIL,UAAU,CAACC,QAAX,KAAwB,MAA5B,EAAoC;AAClC,aAAOD,UAAU,CAACM,KAAX,GAAmBC,SAAS,CAACP,UAAU,CAACM,KAAZ,CAA5B,GAAiD,oBAAxD;AACD;;AACD,WAAOJ,UAAU,CAACF,UAAU,CAACC,QAAX,IAAuB,cAAxB,CAAjB;AACD,GAdD;;AAeA,MAAMO,OAAO,gBACXC;AAAK,IAAA,SAAS,EAAC,sBAAf;AAAA,4BACE5B;AAAK,MAAA,SAAS,EAAC,2BAAf;AAAA,6BACEA,IAAC,IAAD;AADF,MADF,eAIEA;AAAK,MAAA,SAAS,EAAC,2BAAf;AAAA,gBACGkB,QAAQ,CAACZ,IAAD;AADX,MAJF;AAAA,IADF;;AAWA,sBACEsB;AACE,IAAA,SAAS,EAAEC,UAAU,CAAC,sBAAD,EAAyB;AAC5CC,MAAAA,UAAU,EAAElB;AADgC,KAAzB,CADvB;AAIE,IAAA,OAAO,EAAE;AAAA,aAAMH,gBAAgB,CAACC,EAAD,EAAK,KAAL,CAAtB;AAAA,KAJX;AAKE,IAAA,SAAS,EAAE,qBAAM,EALnB;AAAA,4BAOEV;AAAK,MAAA,SAAS,EAAC,iCAAf;AAAA,6BACE4B;AACE,QAAA,SAAS,EAAC,mCADZ;AAEE,QAAA,OAAO,EAAEpB,SAFX;AAAA,gCAIER;AACE,UAAA,OAAO,EAAEY,OADX;AAEE,UAAA,SAAS,EAAC,sBAFZ;AAGE,6BAAiBJ,SAHnB;AAIE,UAAA,EAAE,EAAEA,SAJN;AAKE,UAAA,QAAQ,EAAEM,cALZ;AAME,UAAA,IAAI,EAAC;AANP,UAJF,eAYEd;AAAK,UAAA,SAAS,EAAC,0BAAf;AAAA,iCACEA;AAAK,YAAA,SAAS,EAAC;AAAf;AADF,UAZF;AAAA;AADF,MAPF,eAyBE4B;AACE,MAAA,SAAS,EAAC,2BADZ;AAAA;AAAA,8BAIE5B,IAAC,UAAD,KAJF,EAKG2B,OALH;AAAA,MAzBF;AAAA,IADF;AAmCD,CA1EgC,CAAjC;AA4EA,+BAAeI,IAAI,CAAC7B,SAAD,CAAnB;;;;"}
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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"}

package/lib/esm/components/Settings/PageLayer/PageLayer.js CHANGED Viewed

@@ -14,7 +14,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); }