@jotforminc/dnd-builder 2.0.0-beta.0 → 2.0.0

package/lib/cjs/assets/svg/toolbox/text_element.svg.js

@@ -2,17 +2,17 @@
 
 var React = require('react');
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _path;
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M14.49.75l.2 4.252h-.93l-.029-.217c-.083-.634-.194-1.081-.326-1.33-.221-.415-.51-.715-.87-.907-.366-.195-.86-.295-1.482-.295H9.05v11.974c0 .923.1 1.495.254 1.673.247.272.64.413 1.196.413h.804v.937H4.018v-.937h.817c.6 0 1.002-.17 1.233-.505.135-.195.216-.734.216-1.58V2.252H4.61c-.722 0-1.23.053-1.508.15-.357.13-.666.384-.93.768-.263.385-.423.917-.475 1.6l-.018.231H.737L.951.75H14.49zm10.315 5.068l.15 3.047h-.798l-.03-.217c-.057-.42-.134-.715-.22-.873a1.392 1.392 0 00-.585-.584C23.074 7.065 22.735 7 22.304 7H20.96v8.047c0 .605.068.978.158 1.077.159.169.418.258.795.258h.642v.797h-5.301v-.797h.65c.406 0 .669-.107.816-.312.082-.113.137-.466.137-1.023V6.999h-1.11c-.505 0-.858.035-1.045.098-.24.083-.446.246-.623.494-.177.247-.286.594-.321 1.043l-.019.23h-.811l.16-3.046h9.718z"
-});
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function SvgTextElement(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 25 18"
-  }, props), _ref);
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M14.49.75l.2 4.252h-.93l-.029-.217c-.083-.634-.194-1.081-.326-1.33-.221-.415-.51-.715-.87-.907-.366-.195-.86-.295-1.482-.295H9.05v11.974c0 .923.1 1.495.254 1.673.247.272.64.413 1.196.413h.804v.937H4.018v-.937h.817c.6 0 1.002-.17 1.233-.505.135-.195.216-.734.216-1.58V2.252H4.61c-.722 0-1.23.053-1.508.15-.357.13-.666.384-.93.768-.263.385-.423.917-.475 1.6l-.018.231H.737L.951.75H14.49zm10.315 5.068l.15 3.047h-.798l-.03-.217c-.057-.42-.134-.715-.22-.873a1.392 1.392 0 00-.585-.584C23.074 7.065 22.735 7 22.304 7H20.96v8.047c0 .605.068.978.158 1.077.159.169.418.258.795.258h.642v.797h-5.301v-.797h.65c.406 0 .669-.107.816-.312.082-.113.137-.466.137-1.023V6.999h-1.11c-.505 0-.858.035-1.045.098-.24.083-.446.246-.623.494-.177.247-.286.594-.321 1.043l-.019.23h-.811l.16-3.046h9.718z"
+  })));
 }
 
 module.exports = SvgTextElement;

package/lib/cjs/assets/svg/trash.svg.js

@@ -2,17 +2,17 @@
 
 var React = require('react');
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _path;
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M11.534 4v11.207c0 1.039-.722 1.793-1.706 1.793H3.29c-.984 0-1.706-.765-1.706-1.793V4h9.95zM9.03 6.591H7.62c-.23 0-.23 0-.23.252v7.544h1.64V6.59zm-3.55 0H4.07v7.796h1.64v-7.62c-.002-.132-.015-.165-.108-.173l-.053-.002zM8.16 0c.076 0 .175.044.241.11.22.244.417.51.648.742a.424.424 0 00.296.144h3.239V3h-12V1.007l3.25-.01A.47.47 0 004.13.851c.22-.232.417-.498.637-.73A.345.345 0 015.019 0h3.14z"
-});
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function SvgTrash(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 13 17"
-  }, props), _ref);
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M11.534 4v11.207c0 1.039-.722 1.793-1.706 1.793H3.29c-.984 0-1.706-.765-1.706-1.793V4h9.95zM9.03 6.591H7.62c-.23 0-.23 0-.23.252v7.544h1.64V6.59zm-3.55 0H4.07v7.796h1.64v-7.62c-.002-.132-.015-.165-.108-.173l-.053-.002zM8.16 0c.076 0 .175.044.241.11.22.244.417.51.648.742a.424.424 0 00.296.144h3.239V3h-12V1.007l3.25-.01A.47.47 0 004.13.851c.22-.232.417-.498.637-.73A.345.345 0 015.019 0h3.14z"
+  })));
 }
 
 module.exports = SvgTrash;

package/lib/cjs/components/AlignmentGuides.js

@@ -2,7 +2,6 @@
 
 require('core-js/modules/es.array.concat.js');
 require('core-js/modules/es.array.map.js');
-require('core-js/modules/es.array.reduce.js');
 require('core-js/modules/es.object.keys.js');
 require('core-js/modules/es.object.to-string.js');
 require('core-js/modules/es.regexp.to-string.js');

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

@@ -1 +1 @@
-{"version":3,"file":"AlignmentGuides.js","sources":["../../../src/components/AlignmentGuides.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst AlignmentGuides = ({\n  axis,\n  guides,\n  matches,\n  show,\n  zoom,\n}) => {\n  if (Object.keys(matches).length === 0) return null;\n  const styleKey = axis === 'x' ? 'left' : 'top';\n\n  return Object.keys(guides).reduce((result, box) => {\n    const guideClassNames = show ? `guide ${axis}Axis active` : `guide ${axis}Axis`;\n    const yAxisGuidesForCurrentBox = guides[box][axis].map((position, index) => {\n      if (\n        show\n        && matches\n        && matches[axis]\n        && matches[axis].intersection\n        && matches[axis].intersection === position\n      ) {\n        return (\n          <div\n            key={`${position}-${index.toString()}-${box}`}\n            className={guideClassNames}\n            style={{ [styleKey]: position / zoom }}\n          />\n        );\n      }\n      return null;\n    });\n\n    return result.concat(yAxisGuidesForCurrentBox);\n  }, []);\n};\n\nAlignmentGuides.propTypes = {\n  axis: PropTypes.oneOf(['x', 'y']).isRequired,\n  guides: PropTypes.shape({}),\n  matches: PropTypes.shape({}),\n  show: PropTypes.bool,\n  zoom: PropTypes.number,\n};\n\nAlignmentGuides.defaultProps = {\n  guides: {},\n  matches: {},\n  show: false,\n  zoom: 1,\n};\n\nexport default memo(AlignmentGuides);\n"],"names":["AlignmentGuides","axis","guides","matches","show","zoom","Object","keys","length","styleKey","reduce","result","box","guideClassNames","yAxisGuidesForCurrentBox","map","position","index","intersection","_jsx","toString","concat","propTypes","PropTypes","oneOf","isRequired","shape","bool","number","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAGA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAMlB;AAAA,MALJC,IAKI,QALJA,IAKI;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADJC,IACI,QADJA,IACI;AACJ,MAAIC,MAAM,CAACC,IAAP,CAAYJ,OAAZ,EAAqBK,MAArB,KAAgC,CAApC,EAAuC,OAAO,IAAP;AACvC,MAAMC,QAAQ,GAAGR,IAAI,KAAK,GAAT,GAAe,MAAf,GAAwB,KAAzC;AAEA,SAAOK,MAAM,CAACC,IAAP,CAAYL,MAAZ,EAAoBQ,MAApB,CAA2B,UAACC,MAAD,EAASC,GAAT,EAAiB;AACjD,QAAMC,eAAe,GAAGT,IAAI,mBAAYH,IAAZ,mCAAyCA,IAAzC,SAA5B;AACA,QAAMa,wBAAwB,GAAGZ,MAAM,CAACU,GAAD,CAAN,CAAYX,IAAZ,EAAkBc,GAAlB,CAAsB,UAACC,QAAD,EAAWC,KAAX,EAAqB;AAC1E,UACEb,IAAI,IACDD,OADH,IAEGA,OAAO,CAACF,IAAD,CAFV,IAGGE,OAAO,CAACF,IAAD,CAAP,CAAciB,YAHjB,IAIGf,OAAO,CAACF,IAAD,CAAP,CAAciB,YAAd,KAA+BF,QALpC,EAME;AACA,4BACEG;AAEE,UAAA,SAAS,EAAEN,eAFb;AAGE,UAAA,KAAK,sBAAKJ,QAAL,EAAgBO,QAAQ,GAAGX,IAA3B;AAHP,qBACUW,QADV,cACsBC,KAAK,CAACG,QAAN,EADtB,cAC0CR,GAD1C,EADF;AAOD;;AACD,aAAO,IAAP;AACD,KAjBgC,CAAjC;AAmBA,WAAOD,MAAM,CAACU,MAAP,CAAcP,wBAAd,CAAP;AACD,GAtBM,EAsBJ,EAtBI,CAAP;AAuBD,CAjCD;;AAmCAd,eAAe,CAACsB,SAAhB,GAA4B;AAC1BrB,EAAAA,IAAI,EAAEsB,6BAAS,CAACC,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BC,UADR;AAE1BvB,EAAAA,MAAM,EAAEqB,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAFkB;AAG1BvB,EAAAA,OAAO,EAAEoB,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAHiB;AAI1BtB,EAAAA,IAAI,EAAEmB,6BAAS,CAACI,IAJU;AAK1BtB,EAAAA,IAAI,EAAEkB,6BAAS,CAACK;AALU,CAA5B;AAQA5B,eAAe,CAAC6B,YAAhB,GAA+B;AAC7B3B,EAAAA,MAAM,EAAE,EADqB;AAE7BC,EAAAA,OAAO,EAAE,EAFoB;AAG7BC,EAAAA,IAAI,EAAE,KAHuB;AAI7BC,EAAAA,IAAI,EAAE;AAJuB,CAA/B;AAOA,qCAAeyB,UAAI,CAAC9B,eAAD,CAAnB;;;;"}
+{"version":3,"file":"AlignmentGuides.js","sources":["../../../src/components/AlignmentGuides.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst AlignmentGuides = ({\n  axis,\n  guides,\n  matches,\n  show,\n  zoom,\n}) => {\n  if (Object.keys(matches).length === 0) return null;\n  const styleKey = axis === 'x' ? 'left' : 'top';\n\n  return Object.keys(guides).reduce((result, box) => {\n    const guideClassNames = show ? `guide ${axis}Axis active` : `guide ${axis}Axis`;\n    const yAxisGuidesForCurrentBox = guides[box][axis].map((position, index) => {\n      if (\n        show\n        && matches\n        && matches[axis]\n        && matches[axis].intersection\n        && matches[axis].intersection === position\n      ) {\n        return (\n          <div\n            key={`${position}-${index.toString()}-${box}`}\n            className={guideClassNames}\n            style={{ [styleKey]: position / zoom }}\n          />\n        );\n      }\n      return null;\n    });\n\n    return result.concat(yAxisGuidesForCurrentBox);\n  }, []);\n};\n\nAlignmentGuides.propTypes = {\n  axis: PropTypes.oneOf(['x', 'y']).isRequired,\n  guides: PropTypes.shape({}),\n  matches: PropTypes.shape({}),\n  show: PropTypes.bool,\n  zoom: PropTypes.number,\n};\n\nAlignmentGuides.defaultProps = {\n  guides: {},\n  matches: {},\n  show: false,\n  zoom: 1,\n};\n\nexport default memo(AlignmentGuides);\n"],"names":["AlignmentGuides","axis","guides","matches","show","zoom","Object","keys","length","styleKey","reduce","result","box","guideClassNames","yAxisGuidesForCurrentBox","map","position","index","intersection","_jsx","toString","concat","propTypes","PropTypes","oneOf","isRequired","shape","bool","number","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAMlB;AAAA,MALJC,IAKI,QALJA,IAKI;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADJC,IACI,QADJA,IACI;AACJ,MAAIC,MAAM,CAACC,IAAP,CAAYJ,OAAZ,EAAqBK,MAArB,KAAgC,CAApC,EAAuC,OAAO,IAAP;AACvC,MAAMC,QAAQ,GAAGR,IAAI,KAAK,GAAT,GAAe,MAAf,GAAwB,KAAzC;AAEA,SAAOK,MAAM,CAACC,IAAP,CAAYL,MAAZ,EAAoBQ,MAApB,CAA2B,UAACC,MAAD,EAASC,GAAT,EAAiB;AACjD,QAAMC,eAAe,GAAGT,IAAI,mBAAYH,IAAZ,mCAAyCA,IAAzC,SAA5B;AACA,QAAMa,wBAAwB,GAAGZ,MAAM,CAACU,GAAD,CAAN,CAAYX,IAAZ,EAAkBc,GAAlB,CAAsB,UAACC,QAAD,EAAWC,KAAX,EAAqB;AAC1E,UACEb,IAAI,IACDD,OADH,IAEGA,OAAO,CAACF,IAAD,CAFV,IAGGE,OAAO,CAACF,IAAD,CAAP,CAAciB,YAHjB,IAIGf,OAAO,CAACF,IAAD,CAAP,CAAciB,YAAd,KAA+BF,QALpC,EAME;AACA,4BACEG;AAEE,UAAA,SAAS,EAAEN,eAFb;AAGE,UAAA,KAAK,sBAAKJ,QAAL,EAAgBO,QAAQ,GAAGX,IAA3B;AAHP,qBACUW,QADV,cACsBC,KAAK,CAACG,QAAN,EADtB,cAC0CR,GAD1C,EADF;AAOD;;AACD,aAAO,IAAP;AACD,KAjBgC,CAAjC;AAmBA,WAAOD,MAAM,CAACU,MAAP,CAAcP,wBAAd,CAAP;AACD,GAtBM,EAsBJ,EAtBI,CAAP;AAuBD,CAjCD;;AAmCAd,eAAe,CAACsB,SAAhB,GAA4B;AAC1BrB,EAAAA,IAAI,EAAEsB,6BAAS,CAACC,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BC,UADR;AAE1BvB,EAAAA,MAAM,EAAEqB,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAFkB;AAG1BvB,EAAAA,OAAO,EAAEoB,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAHiB;AAI1BtB,EAAAA,IAAI,EAAEmB,6BAAS,CAACI,IAJU;AAK1BtB,EAAAA,IAAI,EAAEkB,6BAAS,CAACK;AALU,CAA5B;AAQA5B,eAAe,CAAC6B,YAAhB,GAA+B;AAC7B3B,EAAAA,MAAM,EAAE,EADqB;AAE7BC,EAAAA,OAAO,EAAE,EAFoB;AAG7BC,EAAAA,IAAI,EAAE,KAHuB;AAI7BC,EAAAA,IAAI,EAAE;AAJuB,CAA/B;AAOA,qCAAeyB,UAAI,CAAC9B,eAAD,CAAnB;;;;"}

package/lib/cjs/components/Builder/Builder.js

@@ -1,7 +1,5 @@
 'use strict';
 
-require('core-js/modules/es.array.index-of.js');
-require('core-js/modules/es.object.keys.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var objectHash = require('object-hash');
@@ -24,6 +22,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var objectHash__default = /*#__PURE__*/_interopDefaultLegacy(objectHash);
 
+var _excluded = ["acceptedItems", "additionalPageItems", "disableInteraction", "itemAccessor", "lastScrollPosition", "leftPanelConfig", "onAnEventTrigger", "onItemAdd", "onItemChange", "onItemMove", "onItemRemove", "onItemResize", "onItemsMove", "onPageAdd", "onPageChange", "onPageDuplicate", "onPageOrdersChange", "onPageRemove", "onSettingChange", "pages", "settings", "theme", "useExperimentalFeatures"];
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -52,7 +52,7 @@ var Builder = function Builder(_ref) {
       settings = _ref.settings,
       theme = _ref.theme,
       useExperimentalFeatures = _ref.useExperimentalFeatures,
-      otherProps = _objectWithoutProperties(_ref, ["acceptedItems", "additionalPageItems", "disableInteraction", "itemAccessor", "lastScrollPosition", "leftPanelConfig", "onAnEventTrigger", "onItemAdd", "onItemChange", "onItemMove", "onItemRemove", "onItemResize", "onItemsMove", "onPageAdd", "onPageChange", "onPageDuplicate", "onPageOrdersChange", "onPageRemove", "onSettingChange", "pages", "settings", "theme", "useExperimentalFeatures"]);
+      otherProps = _objectWithoutProperties(_ref, _excluded);
 
   var hashCode = objectHash__default['default'](otherProps);
   return /*#__PURE__*/jsxRuntime.jsx(React.StrictMode, {
@@ -177,7 +177,7 @@ Builder.propTypes = {
   settings: PropTypes__default['default'].shape({}),
 
   /** Theme */
-  theme: PropTypes__default['default'].string,
+  theme: PropTypes__default['default'].oneOf(['lightMode', 'darkMode']),
   useExperimentalFeatures: PropTypes__default['default'].bool
 };
 Builder.defaultProps = {

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

@@ -1 +1 @@
-{"version":3,"file":"Builder.js","sources":["../../../../src/components/Builder/Builder.js"],"sourcesContent":["import { StrictMode } from 'react';\nimport PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport DndWrapper from './DndWrapper';\nimport { BuilderProvider } from '../../utils/builderContext';\nimport { PropProvider } from '../../utils/propContext';\nimport ReportWrapper from '../ReportWrapper';\nimport Scene from './Scene';\nimport RightPanel from '../Panels/RightPanel';\nimport LeftPanel from '../Panels/LeftPanel';\nimport SlidesPanel from '../Panels/SlidesPanel';\nimport AllSlidesPanel from '../Panels/AllSlidesPanel';\nimport { leftPanelConfigPropType } from '../../constants/propTypes';\n\nimport 'intersection-observer';\nimport '../../styles/jfReportsBundle.scss';\n\nconst Builder = ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  itemAccessor,\n  lastScrollPosition,\n  leftPanelConfig,\n  onAnEventTrigger,\n  onItemAdd,\n  onItemChange,\n  onItemMove,\n  onItemRemove,\n  onItemResize,\n  onItemsMove,\n  onPageAdd,\n  onPageChange,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  onSettingChange,\n  pages,\n  settings,\n  theme,\n  useExperimentalFeatures,\n  ...otherProps\n}) => {\n  const hashCode = objectHash(otherProps);\n\n  return (\n    <StrictMode>\n      <BuilderProvider>\n        <PropProvider\n          acceptedItems={acceptedItems}\n          disableInteraction={disableInteraction}\n          onAnEventTrigger={onAnEventTrigger}\n          settings={settings}\n          useExperimentalFeatures={useExperimentalFeatures}\n        >\n          <ReportWrapper\n            mode=\"customize\"\n            pageCount={pages.length}\n            theme={theme}\n          >\n            <DndWrapper>\n              <LeftPanel\n                leftPanelConfig={leftPanelConfig}\n                onItemAdd={onItemAdd}\n              />\n              <Scene\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                lastScrollPosition={lastScrollPosition}\n                onItemAdd={onItemAdd}\n                onItemChange={onItemChange}\n                onItemMove={onItemMove}\n                onItemRemove={onItemRemove}\n                onItemResize={onItemResize}\n                onItemsMove={onItemsMove}\n                onPageAdd={onPageAdd}\n                onPageChange={onPageChange}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            </DndWrapper>\n            <RightPanel\n              itemAccessor={itemAccessor}\n              onItemChange={onItemChange}\n              onPageChange={onPageChange}\n              onSettingChange={onSettingChange}\n              pages={pages}\n            />\n            <SlidesPanel\n              additionalPageItems={additionalPageItems}\n              hashCode={hashCode}\n              itemAccessor={itemAccessor}\n              onPageAdd={onPageAdd}\n              onPageDuplicate={onPageDuplicate}\n              onPageOrdersChange={onPageOrdersChange}\n              onPageRemove={onPageRemove}\n              pages={pages}\n            />\n            {useExperimentalFeatures && (\n              <AllSlidesPanel\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                onPageAdd={onPageAdd}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            )}\n          </ReportWrapper>\n        </PropProvider>\n      </BuilderProvider>\n    </StrictMode>\n  );\n};\n\nBuilder.propTypes = {\n  /** Items for to render in the report */\n  acceptedItems: PropTypes.shape({}),\n  /** Array of React components to render statically on each page (eg. watermark) */\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  /** To pass in extra props to items selectively */\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  leftPanelConfig: leftPanelConfigPropType,\n  /** To track and log user actions */\n  onAnEventTrigger: PropTypes.func,\n  /** Function called upon adding an item */\n  onItemAdd: PropTypes.func,\n  /** Function called upon editing an item */\n  onItemChange: PropTypes.func,\n  /** Function called upon moving an item */\n  onItemMove: PropTypes.func,\n  /** Function called upon removing an item */\n  onItemRemove: PropTypes.func,\n  /** Function called upon resizing an item */\n  onItemResize: PropTypes.func,\n  onItemsMove: PropTypes.func,\n  /** Function called upon adding a page */\n  onPageAdd: PropTypes.func,\n  /** Function called upon editing a page */\n  onPageChange: PropTypes.func,\n  /** Function called upon duplicating a page */\n  onPageDuplicate: PropTypes.func,\n  /** Function called upon reordering pages */\n  onPageOrdersChange: PropTypes.func,\n  /** Function called upon removing a page */\n  onPageRemove: PropTypes.func,\n  /** Function called upon editing a general report setting */\n  onSettingChange: PropTypes.func,\n  /** Array of pages with their settings and items */\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  /** General report settings such as layout size and background color */\n  settings: PropTypes.shape({}),\n  /** Theme */\n  theme: PropTypes.string,\n  useExperimentalFeatures: PropTypes.bool,\n};\n\nBuilder.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  disableInteraction: [],\n  itemAccessor: () => {},\n  lastScrollPosition: 0,\n  leftPanelConfig: [],\n  onAnEventTrigger: () => {},\n  onItemAdd: () => {},\n  onItemChange: () => {},\n  onItemMove: () => {},\n  onItemRemove: () => {},\n  onItemResize: () => {},\n  onItemsMove: () => {},\n  onPageAdd: () => {},\n  onPageChange: () => {},\n  onPageDuplicate: () => {},\n  onPageOrdersChange: () => {},\n  onPageRemove: () => {},\n  onSettingChange: () => {},\n  pages: [],\n  settings: {},\n  theme: 'lightMode',\n  useExperimentalFeatures: false,\n};\n\nexport default Builder;\n"],"names":["Builder","acceptedItems","additionalPageItems","disableInteraction","itemAccessor","lastScrollPosition","leftPanelConfig","onAnEventTrigger","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onSettingChange","pages","settings","theme","useExperimentalFeatures","otherProps","hashCode","objectHash","_jsx","StrictMode","BuilderProvider","PropProvider","_jsxs","length","propTypes","PropTypes","shape","arrayOf","node","string","func","number","leftPanelConfigPropType","bool","defaultProps"],"mappings":"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"}
+{"version":3,"file":"Builder.js","sources":["../../../../src/components/Builder/Builder.js"],"sourcesContent":["import { StrictMode } from 'react';\nimport PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport DndWrapper from './DndWrapper';\nimport { BuilderProvider } from '../../utils/builderContext';\nimport { PropProvider } from '../../utils/propContext';\nimport ReportWrapper from '../ReportWrapper';\nimport Scene from './Scene';\nimport RightPanel from '../Panels/RightPanel';\nimport LeftPanel from '../Panels/LeftPanel';\nimport SlidesPanel from '../Panels/SlidesPanel';\nimport AllSlidesPanel from '../Panels/AllSlidesPanel';\nimport { leftPanelConfigPropType } from '../../constants/propTypes';\n\nimport 'intersection-observer';\nimport '../../styles/jfReportsBundle.scss';\n\nconst Builder = ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  itemAccessor,\n  lastScrollPosition,\n  leftPanelConfig,\n  onAnEventTrigger,\n  onItemAdd,\n  onItemChange,\n  onItemMove,\n  onItemRemove,\n  onItemResize,\n  onItemsMove,\n  onPageAdd,\n  onPageChange,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  onSettingChange,\n  pages,\n  settings,\n  theme,\n  useExperimentalFeatures,\n  ...otherProps\n}) => {\n  const hashCode = objectHash(otherProps);\n\n  return (\n    <StrictMode>\n      <BuilderProvider>\n        <PropProvider\n          acceptedItems={acceptedItems}\n          disableInteraction={disableInteraction}\n          onAnEventTrigger={onAnEventTrigger}\n          settings={settings}\n          useExperimentalFeatures={useExperimentalFeatures}\n        >\n          <ReportWrapper\n            mode=\"customize\"\n            pageCount={pages.length}\n            theme={theme}\n          >\n            <DndWrapper>\n              <LeftPanel\n                leftPanelConfig={leftPanelConfig}\n                onItemAdd={onItemAdd}\n              />\n              <Scene\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                lastScrollPosition={lastScrollPosition}\n                onItemAdd={onItemAdd}\n                onItemChange={onItemChange}\n                onItemMove={onItemMove}\n                onItemRemove={onItemRemove}\n                onItemResize={onItemResize}\n                onItemsMove={onItemsMove}\n                onPageAdd={onPageAdd}\n                onPageChange={onPageChange}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            </DndWrapper>\n            <RightPanel\n              itemAccessor={itemAccessor}\n              onItemChange={onItemChange}\n              onPageChange={onPageChange}\n              onSettingChange={onSettingChange}\n              pages={pages}\n            />\n            <SlidesPanel\n              additionalPageItems={additionalPageItems}\n              hashCode={hashCode}\n              itemAccessor={itemAccessor}\n              onPageAdd={onPageAdd}\n              onPageDuplicate={onPageDuplicate}\n              onPageOrdersChange={onPageOrdersChange}\n              onPageRemove={onPageRemove}\n              pages={pages}\n            />\n            {useExperimentalFeatures && (\n              <AllSlidesPanel\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                onPageAdd={onPageAdd}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            )}\n          </ReportWrapper>\n        </PropProvider>\n      </BuilderProvider>\n    </StrictMode>\n  );\n};\n\nBuilder.propTypes = {\n  /** Items for to render in the report */\n  acceptedItems: PropTypes.shape({}),\n  /** Array of React components to render statically on each page (eg. watermark) */\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  /** To pass in extra props to items selectively */\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  leftPanelConfig: leftPanelConfigPropType,\n  /** To track and log user actions */\n  onAnEventTrigger: PropTypes.func,\n  /** Function called upon adding an item */\n  onItemAdd: PropTypes.func,\n  /** Function called upon editing an item */\n  onItemChange: PropTypes.func,\n  /** Function called upon moving an item */\n  onItemMove: PropTypes.func,\n  /** Function called upon removing an item */\n  onItemRemove: PropTypes.func,\n  /** Function called upon resizing an item */\n  onItemResize: PropTypes.func,\n  onItemsMove: PropTypes.func,\n  /** Function called upon adding a page */\n  onPageAdd: PropTypes.func,\n  /** Function called upon editing a page */\n  onPageChange: PropTypes.func,\n  /** Function called upon duplicating a page */\n  onPageDuplicate: PropTypes.func,\n  /** Function called upon reordering pages */\n  onPageOrdersChange: PropTypes.func,\n  /** Function called upon removing a page */\n  onPageRemove: PropTypes.func,\n  /** Function called upon editing a general report setting */\n  onSettingChange: PropTypes.func,\n  /** Array of pages with their settings and items */\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  /** General report settings such as layout size and background color */\n  settings: PropTypes.shape({}),\n  /** Theme */\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n  useExperimentalFeatures: PropTypes.bool,\n};\n\nBuilder.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  disableInteraction: [],\n  itemAccessor: () => {},\n  lastScrollPosition: 0,\n  leftPanelConfig: [],\n  onAnEventTrigger: () => {},\n  onItemAdd: () => {},\n  onItemChange: () => {},\n  onItemMove: () => {},\n  onItemRemove: () => {},\n  onItemResize: () => {},\n  onItemsMove: () => {},\n  onPageAdd: () => {},\n  onPageChange: () => {},\n  onPageDuplicate: () => {},\n  onPageOrdersChange: () => {},\n  onPageRemove: () => {},\n  onSettingChange: () => {},\n  pages: [],\n  settings: {},\n  theme: 'lightMode',\n  useExperimentalFeatures: false,\n};\n\nexport default Builder;\n"],"names":["Builder","acceptedItems","additionalPageItems","disableInteraction","itemAccessor","lastScrollPosition","leftPanelConfig","onAnEventTrigger","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onSettingChange","pages","settings","theme","useExperimentalFeatures","otherProps","hashCode","objectHash","_jsx","StrictMode","BuilderProvider","PropProvider","_jsxs","length","propTypes","PropTypes","shape","arrayOf","node","string","func","number","leftPanelConfigPropType","oneOf","bool","defaultProps"],"mappings":"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"}

package/lib/cjs/components/Builder/ContextMenu.js

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

package/lib/cjs/components/Builder/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/Builder/ContextMenu.js"],"sourcesContent":["import {\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { useEventListener, useTranslatedTexts } from '../../utils/hooks';\nimport {\n  collisionCheck,\n  getContainerPositions,\n  moveArrayItem,\n} from '../../utils/functions';\nimport * as icons from '../../utils/icons';\n\nimport withClickOutside from '../withClickOutside';\n\nconst ContextMenu = ({\n  height,\n  item,\n  items,\n  onAnEventTrigger,\n  onClickOutside,\n  onItemChange,\n  onItemRemove,\n  onPageChange,\n  position,\n  width,\n}) => {\n  const [positions, setPositions] = useState(position);\n  const container = useRef(null);\n  const itemIndex = items.findIndex(_item => _item.id === item.id);\n  // Will be mutated.\n  const orderArray = items.map(_item => _item.id);\n\n  const removeFunc = () => {\n    // TODO :: should listen to scroll event, not wheel\n    onClickOutside();\n  };\n\n  useEventListener('wheel', removeFunc);\n\n  useLayoutEffect(() => {\n    const newPosition = getContainerPositions(container.current, positions);\n    setPositions({\n      x: newPosition.x,\n      y: newPosition.y,\n    });\n  }, []);\n\n  const moveToFront = () => {\n    if (items.length !== itemIndex + 1) {\n      moveArrayItem(orderArray, itemIndex, items.length - 1);\n      onPageChange({\n        id: item.pageID,\n      }, { items: JSON.stringify(orderArray) });\n    }\n    onClickOutside();\n  };\n\n  const moveToBack = () => {\n    if (itemIndex !== 0) {\n      moveArrayItem(orderArray, itemIndex, 0);\n      onPageChange({\n        id: item.pageID,\n      }, { items: JSON.stringify(orderArray) });\n    }\n    onClickOutside();\n  };\n\n  const moveForward = () => {\n    if (items.length !== itemIndex + 1) {\n      const colluddedItemIndex = collisionCheck(item, items, itemIndex, 1);\n      if (colluddedItemIndex !== null) {\n        moveArrayItem(orderArray, itemIndex, colluddedItemIndex);\n      } else {\n        moveArrayItem(orderArray, itemIndex, itemIndex + 1);\n      }\n      onPageChange({\n        id: item.pageID,\n      }, { items: JSON.stringify(orderArray) });\n    }\n    onClickOutside();\n  };\n\n  const moveBackward = () => {\n    if (itemIndex !== 0) {\n      const colluddedItemIndex = collisionCheck(item, items, itemIndex, -1);\n      if (colluddedItemIndex) {\n        moveArrayItem(orderArray, itemIndex, colluddedItemIndex);\n      } else {\n        moveArrayItem(orderArray, itemIndex, itemIndex - 1);\n      }\n      onPageChange({\n        id: item.pageID,\n      }, { items: JSON.stringify(orderArray) });\n    }\n\n    onClickOutside();\n  };\n\n  const deleteItem = () => {\n    onItemRemove(item);\n    onClickOutside();\n    onAnEventTrigger('removeItem', item.itemType);\n  };\n\n  const lockOrUnlockItem = () => {\n    onItemChange({ id: item.id }, { isLocked: item.isLocked ? false : true });\n    onClickOutside();\n  };\n\n  const fitToPage = () => {\n    let _height = height;\n    let _width = width;\n    // Keep image ratio on fit\n    if (item.itemType === 'image') {\n      if (item.height > item.width) {\n        _width = (item.width * _height) / item.height;\n      } else if (item.width > item.height) {\n        _height = (item.height * _width) / item.width;\n      }\n    }\n\n    onItemChange({ id: item.id }, {\n      height: _height,\n      left: 0,\n      top: 0,\n      width: _width,\n    });\n\n    onClickOutside();\n    onAnEventTrigger('fitToPage', item.itemType);\n  };\n\n  const {\n    DELETE, FIT_TO_PAGE, LOCK_ITEM,\n    MOVE_BACKWARDS, MOVE_FORWARDS,\n    MOVE_TO_BACK, MOVE_TO_FRONT, UNLOCK_ITEM,\n  } = useTranslatedTexts();\n\n  const menuItems = [\n    { func: moveToFront, icon: <icons.moveToFront />, text: MOVE_TO_FRONT },\n    { func: moveForward, icon: <icons.moveToForward />, text: MOVE_FORWARDS },\n    { func: moveBackward, icon: <icons.moveToBackward />, text: MOVE_BACKWARDS },\n    { func: moveToBack, icon: <icons.moveToBack />, text: MOVE_TO_BACK },\n    {\n      func: lockOrUnlockItem,\n      icon: item.isLocked ? (\n        <icons.unlock className=\"icon-lock\" />\n      ) : (\n        <icons.lock className=\"icon-lock\" />\n      ),\n      text: item.isLocked ? UNLOCK_ITEM : LOCK_ITEM,\n    },\n    {\n      func: fitToPage, icon: <icons.enterFullscreen className=\"icon-lock\" />, text: FIT_TO_PAGE,\n    },\n    {\n      class: ' isDanger', func: deleteItem, icon: <icons.trash />, text: DELETE,\n    },\n  ];\n\n  return (\n    <div\n      ref={container}\n      className=\"contextMenu-wrapper\"\n      style={{\n        left: positions.x,\n        top: positions.y,\n      }}\n    >\n      {menuItems.map(menuItem => {\n        const btnClass = `contextMenu-button jfReportButton${menuItem.class ? menuItem.class : ''}`;\n        return (\n          <button\n            key={menuItem.text}\n            className={btnClass}\n            onClick={menuItem.func}\n            type=\"button\"\n          >\n            <span className=\"contextMenu-icon\">\n              {menuItem.icon}\n            </span>\n            {menuItem.text}\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n\nContextMenu.propTypes = {\n  height: PropTypes.number,\n  item: PropTypes.shape({\n    height: PropTypes.number,\n    id: PropTypes.string,\n    isLocked: PropTypes.bool,\n    itemType: PropTypes.string,\n    left: PropTypes.number,\n    pageID: PropTypes.string,\n    top: PropTypes.number,\n    width: PropTypes.number,\n  }),\n  items: PropTypes.arrayOf(PropTypes.shape({\n    height: PropTypes.number,\n    // id: PropTypes.string,\n    left: PropTypes.number,\n    top: PropTypes.number,\n    width: PropTypes.number,\n  })),\n  onAnEventTrigger: PropTypes.func,\n  onClickOutside: PropTypes.func,\n  onItemChange: PropTypes.func,\n  onItemRemove: PropTypes.func,\n  onPageChange: PropTypes.func,\n  position: PropTypes.shape({}),\n  width: PropTypes.number,\n};\n\nContextMenu.defaultProps = {\n  height: 1,\n  item: {},\n  items: [],\n  onAnEventTrigger: () => {},\n  onClickOutside: () => {},\n  onItemChange: () => {},\n  onItemRemove: () => {},\n  onPageChange: () => {},\n  position: {},\n  width: 1,\n};\n\nconst PortalContext = props => createPortal(<ContextMenu {...props} />, document.body);\n\nexport default withClickOutside(PortalContext);\n"],"names":["ContextMenu","height","item","items","onAnEventTrigger","onClickOutside","onItemChange","onItemRemove","onPageChange","position","width","useState","positions","setPositions","container","useRef","itemIndex","findIndex","_item","id","orderArray","map","removeFunc","useEventListener","useLayoutEffect","newPosition","getContainerPositions","current","x","y","moveToFront","length","moveArrayItem","pageID","JSON","stringify","moveToBack","moveForward","colluddedItemIndex","collisionCheck","moveBackward","deleteItem","itemType","lockOrUnlockItem","isLocked","fitToPage","_height","_width","left","top","useTranslatedTexts","DELETE","FIT_TO_PAGE","LOCK_ITEM","MOVE_BACKWARDS","MOVE_FORWARDS","MOVE_TO_BACK","MOVE_TO_FRONT","UNLOCK_ITEM","menuItems","func","icon","_jsx","icons.moveToFront","text","icons.moveToForward","icons.moveToBackward","icons.moveToBack","icons.unlock","icons.lock","icons.enterFullscreen","class","icons.trash","menuItem","btnClass","_jsxs","propTypes","PropTypes","number","shape","string","bool","arrayOf","defaultProps","PortalContext","props","createPortal","document","body","withClickOutside"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/Builder/ContextMenu.js"],"sourcesContent":["import {\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { useEventListener, useTranslatedTexts } from '../../utils/hooks';\nimport {\n  collisionCheck,\n  getContainerPositions,\n  moveArrayItem,\n} from '../../utils/functions';\nimport * as icons from '../../utils/icons';\n\nimport withClickOutside from '../withClickOutside';\n\nconst ContextMenu = ({\n  height,\n  item,\n  items,\n  onAnEventTrigger,\n  onClickOutside,\n  onItemChange,\n  onItemRemove,\n  onPageChange,\n  position,\n  width,\n}) => {\n  const [positions, setPositions] = useState(position);\n  const container = useRef(null);\n  const itemIndex = items.findIndex(_item => _item.id === item.id);\n  // Will be mutated.\n  const orderArray = items.map(_item => _item.id);\n\n  const removeFunc = () => {\n    // TODO :: should listen to scroll event, not wheel\n    onClickOutside();\n  };\n\n  useEventListener('wheel', removeFunc);\n\n  useLayoutEffect(() => {\n    const newPosition = getContainerPositions(container.current, positions);\n    setPositions({\n      x: newPosition.x,\n      y: newPosition.y,\n    });\n  }, []);\n\n  const moveToFront = () => {\n    if (items.length !== itemIndex + 1) {\n      moveArrayItem(orderArray, itemIndex, items.length - 1);\n      onPageChange({\n        id: item.pageID,\n      }, { items: JSON.stringify(orderArray) });\n    }\n    onClickOutside();\n  };\n\n  const moveToBack = () => {\n    if (itemIndex !== 0) {\n      moveArrayItem(orderArray, itemIndex, 0);\n      onPageChange({\n        id: item.pageID,\n      }, { items: JSON.stringify(orderArray) });\n    }\n    onClickOutside();\n  };\n\n  const moveForward = () => {\n    if (items.length !== itemIndex + 1) {\n      const colluddedItemIndex = collisionCheck(item, items, itemIndex, 1);\n      if (colluddedItemIndex !== null) {\n        moveArrayItem(orderArray, itemIndex, colluddedItemIndex);\n      } else {\n        moveArrayItem(orderArray, itemIndex, itemIndex + 1);\n      }\n      onPageChange({\n        id: item.pageID,\n      }, { items: JSON.stringify(orderArray) });\n    }\n    onClickOutside();\n  };\n\n  const moveBackward = () => {\n    if (itemIndex !== 0) {\n      const colluddedItemIndex = collisionCheck(item, items, itemIndex, -1);\n      if (colluddedItemIndex) {\n        moveArrayItem(orderArray, itemIndex, colluddedItemIndex);\n      } else {\n        moveArrayItem(orderArray, itemIndex, itemIndex - 1);\n      }\n      onPageChange({\n        id: item.pageID,\n      }, { items: JSON.stringify(orderArray) });\n    }\n\n    onClickOutside();\n  };\n\n  const deleteItem = () => {\n    onItemRemove(item);\n    onClickOutside();\n    onAnEventTrigger('removeItem', item.itemType);\n  };\n\n  const lockOrUnlockItem = () => {\n    onItemChange({ id: item.id }, { isLocked: item.isLocked ? false : true });\n    onClickOutside();\n  };\n\n  const fitToPage = () => {\n    let _height = height;\n    let _width = width;\n    // Keep image ratio on fit\n    if (item.itemType === 'image') {\n      if (item.height > item.width) {\n        _width = (item.width * _height) / item.height;\n      } else if (item.width > item.height) {\n        _height = (item.height * _width) / item.width;\n      }\n    }\n\n    onItemChange({ id: item.id }, {\n      height: _height,\n      left: 0,\n      top: 0,\n      width: _width,\n    });\n\n    onClickOutside();\n    onAnEventTrigger('fitToPage', item.itemType);\n  };\n\n  const {\n    DELETE, FIT_TO_PAGE, LOCK_ITEM,\n    MOVE_BACKWARDS, MOVE_FORWARDS,\n    MOVE_TO_BACK, MOVE_TO_FRONT, UNLOCK_ITEM,\n  } = useTranslatedTexts();\n\n  const menuItems = [\n    { func: moveToFront, icon: <icons.moveToFront />, text: MOVE_TO_FRONT },\n    { func: moveForward, icon: <icons.moveToForward />, text: MOVE_FORWARDS },\n    { func: moveBackward, icon: <icons.moveToBackward />, text: MOVE_BACKWARDS },\n    { func: moveToBack, icon: <icons.moveToBack />, text: MOVE_TO_BACK },\n    {\n      func: lockOrUnlockItem,\n      icon: item.isLocked ? (\n        <icons.unlock className=\"icon-lock\" />\n      ) : (\n        <icons.lock className=\"icon-lock\" />\n      ),\n      text: item.isLocked ? UNLOCK_ITEM : LOCK_ITEM,\n    },\n    {\n      func: fitToPage, icon: <icons.enterFullscreen className=\"icon-lock\" />, text: FIT_TO_PAGE,\n    },\n    {\n      class: ' isDanger', func: deleteItem, icon: <icons.trash />, text: DELETE,\n    },\n  ];\n\n  return (\n    <div\n      ref={container}\n      className=\"contextMenu-wrapper\"\n      style={{\n        left: positions.x,\n        top: positions.y,\n      }}\n    >\n      {menuItems.map(menuItem => {\n        const btnClass = `contextMenu-button jfReportButton${menuItem.class ? menuItem.class : ''}`;\n        return (\n          <button\n            key={menuItem.text}\n            className={btnClass}\n            onClick={menuItem.func}\n            type=\"button\"\n          >\n            <span className=\"contextMenu-icon\">\n              {menuItem.icon}\n            </span>\n            {menuItem.text}\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n\nContextMenu.propTypes = {\n  height: PropTypes.number,\n  item: PropTypes.shape({\n    height: PropTypes.number,\n    id: PropTypes.string,\n    isLocked: PropTypes.bool,\n    itemType: PropTypes.string,\n    left: PropTypes.number,\n    pageID: PropTypes.string,\n    top: PropTypes.number,\n    width: PropTypes.number,\n  }),\n  items: PropTypes.arrayOf(PropTypes.shape({\n    height: PropTypes.number,\n    // id: PropTypes.string,\n    left: PropTypes.number,\n    top: PropTypes.number,\n    width: PropTypes.number,\n  })),\n  onAnEventTrigger: PropTypes.func,\n  onClickOutside: PropTypes.func,\n  onItemChange: PropTypes.func,\n  onItemRemove: PropTypes.func,\n  onPageChange: PropTypes.func,\n  position: PropTypes.shape({}),\n  width: PropTypes.number,\n};\n\nContextMenu.defaultProps = {\n  height: 1,\n  item: {},\n  items: [],\n  onAnEventTrigger: () => {},\n  onClickOutside: () => {},\n  onItemChange: () => {},\n  onItemRemove: () => {},\n  onPageChange: () => {},\n  position: {},\n  width: 1,\n};\n\nconst PortalContext = props => createPortal(<ContextMenu {...props} />, document.body);\n\nexport default withClickOutside(PortalContext);\n"],"names":["ContextMenu","height","item","items","onAnEventTrigger","onClickOutside","onItemChange","onItemRemove","onPageChange","position","width","useState","positions","setPositions","container","useRef","itemIndex","findIndex","_item","id","orderArray","map","removeFunc","useEventListener","useLayoutEffect","newPosition","getContainerPositions","current","x","y","moveToFront","length","moveArrayItem","pageID","JSON","stringify","moveToBack","moveForward","colluddedItemIndex","collisionCheck","moveBackward","deleteItem","itemType","lockOrUnlockItem","isLocked","fitToPage","_height","_width","left","top","useTranslatedTexts","DELETE","FIT_TO_PAGE","LOCK_ITEM","MOVE_BACKWARDS","MOVE_FORWARDS","MOVE_TO_BACK","MOVE_TO_FRONT","UNLOCK_ITEM","menuItems","func","icon","_jsx","icons.moveToFront","text","icons.moveToForward","icons.moveToBackward","icons.moveToBack","icons.unlock","icons.lock","icons.enterFullscreen","class","icons.trash","menuItem","btnClass","_jsxs","propTypes","PropTypes","number","shape","string","bool","arrayOf","defaultProps","PortalContext","props","createPortal","document","body","withClickOutside"],"mappings":"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"}

package/lib/cjs/components/Builder/Element.js

@@ -1,7 +1,5 @@
 'use strict';
 
-require('core-js/modules/es.array.index-of.js');
-require('core-js/modules/es.object.keys.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var reactDndCjs = require('react-dnd-cjs');
@@ -17,7 +15,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+var _excluded = ["acceptedItems", "icon", "iconType", "itemType", "onAnEventTrigger", "onItemAdd", "setActiveElement", "setIsRightPanelOpen", "title", "zoom"];
+
+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; }
 
@@ -31,7 +31,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; }
 
@@ -50,7 +50,7 @@ var Element = function Element(_ref) {
       setIsRightPanelOpen = _ref.setIsRightPanelOpen,
       title = _ref.title,
       zoom = _ref.zoom,
-      additionalData = _objectWithoutProperties(_ref, ["acceptedItems", "icon", "iconType", "itemType", "onAnEventTrigger", "onItemAdd", "setActiveElement", "setIsRightPanelOpen", "title", "zoom"]);
+      additionalData = _objectWithoutProperties(_ref, _excluded);
 
   var _useDrag = reactDndCjs.useDrag({
     collect: function collect(monitor) {

package/lib/cjs/components/Builder/Element.js.map

@@ -1 +1 @@
-{"version":3,"file":"Element.js","sources":["../../../../src/components/Builder/Element.js"],"sourcesContent":["import { useEffect, memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDrag } from 'react-dnd-cjs';\nimport { getEmptyImage } from 'react-dnd-html5-backend-cjs';\nimport { DROPPABLE_ITEM_TYPE } from '../../constants/itemTypes';\nimport {\n  getMostVisiblePage, getExactIconType, getAvailableCoordinate,\n} from '../../utils/functions';\nimport generateId from '../../utils/generateId';\nimport * as icons from '../../utils/icons';\n\nconst Element = ({\n  acceptedItems,\n  icon,\n  iconType,\n  itemType,\n  onAnEventTrigger,\n  onItemAdd,\n  setActiveElement,\n  setIsRightPanelOpen,\n  title,\n  zoom,\n  ...additionalData\n}) => {\n  const [{ isDragging }, drag, preview] = useDrag({\n    collect: monitor => ({\n      isDragging: monitor.isDragging(),\n    }),\n    item: {\n      itemType,\n      type: DROPPABLE_ITEM_TYPE,\n      ...additionalData,\n    },\n  });\n\n  useEffect(() => {\n    preview(getEmptyImage(), { captureDraggingState: true });\n  });\n\n  const onElementClick = () => {\n    const itemID = generateId();\n    const page = getMostVisiblePage();\n    let left = 0;\n    let top = 0;\n    if (page) { // for test\n      [left, top] = getAvailableCoordinate(page, zoom);\n    }\n    onItemAdd({\n      ...acceptedItems[itemType].details,\n      ...additionalData,\n      id: itemID,\n      left,\n      pageID: page.id,\n      top,\n    });\n    onAnEventTrigger('reportItemAdd', itemType);\n    setActiveElement(itemID);\n    setIsRightPanelOpen(true);\n  };\n\n  const onElementOtherActions = () => {};\n\n  const exactIconType = getExactIconType(iconType);\n  const Icon = icons[exactIconType] ? icons[exactIconType] : icons.label;\n  return (\n    <>\n      <div\n        ref={drag}\n        className=\"toolItem d-flex a-center js-toolItem\"\n        onClick={onElementClick}\n        onKeyDown={onElementOtherActions}\n        style={{ opacity: isDragging ? 0.5 : 1 }}\n        title={title}\n      >\n        <span className=\"toolItem-icon d-flex j-center a-center\">\n          {icon ? icon : (\n            <Icon className={`jfReportSVG icon-question icon-${iconType}`} />\n          )}\n        </span>\n        <span className=\"js-toolItemName toolItem-name d-flex a-center\">\n          { title }\n        </span>\n      </div>\n    </>\n  );\n};\n\nElement.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n  iconType: PropTypes.string,\n  itemType: PropTypes.string,\n  onAnEventTrigger: PropTypes.func,\n  onItemAdd: PropTypes.func,\n  setActiveElement: PropTypes.func,\n  setIsRightPanelOpen: PropTypes.func,\n  title: PropTypes.string,\n  zoom: PropTypes.number,\n};\n\nElement.defaultProps = {\n  acceptedItems: {},\n  icon: null,\n  iconType: '',\n  itemType: '',\n  onAnEventTrigger: () => {},\n  onItemAdd: () => {},\n  setActiveElement: () => {},\n  setIsRightPanelOpen: () => {},\n  title: '',\n  zoom: 1,\n};\n\nexport default memo(Element);\n"],"names":["Element","acceptedItems","icon","iconType","itemType","onAnEventTrigger","onItemAdd","setActiveElement","setIsRightPanelOpen","title","zoom","additionalData","useDrag","collect","monitor","isDragging","item","type","DROPPABLE_ITEM_TYPE","drag","preview","useEffect","getEmptyImage","captureDraggingState","onElementClick","itemID","generateId","page","getMostVisiblePage","left","top","getAvailableCoordinate","details","id","pageID","onElementOtherActions","exactIconType","getExactIconType","Icon","icons","_jsx","_jsxs","opacity","propTypes","PropTypes","shape","oneOfType","element","func","string","number","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Element.js","sources":["../../../../src/components/Builder/Element.js"],"sourcesContent":["import { useEffect, memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDrag } from 'react-dnd-cjs';\nimport { getEmptyImage } from 'react-dnd-html5-backend-cjs';\nimport { DROPPABLE_ITEM_TYPE } from '../../constants/itemTypes';\nimport {\n  getMostVisiblePage, getExactIconType, getAvailableCoordinate,\n} from '../../utils/functions';\nimport generateId from '../../utils/generateId';\nimport * as icons from '../../utils/icons';\n\nconst Element = ({\n  acceptedItems,\n  icon,\n  iconType,\n  itemType,\n  onAnEventTrigger,\n  onItemAdd,\n  setActiveElement,\n  setIsRightPanelOpen,\n  title,\n  zoom,\n  ...additionalData\n}) => {\n  const [{ isDragging }, drag, preview] = useDrag({\n    collect: monitor => ({\n      isDragging: monitor.isDragging(),\n    }),\n    item: {\n      itemType,\n      type: DROPPABLE_ITEM_TYPE,\n      ...additionalData,\n    },\n  });\n\n  useEffect(() => {\n    preview(getEmptyImage(), { captureDraggingState: true });\n  });\n\n  const onElementClick = () => {\n    const itemID = generateId();\n    const page = getMostVisiblePage();\n    let left = 0;\n    let top = 0;\n    if (page) { // for test\n      [left, top] = getAvailableCoordinate(page, zoom);\n    }\n    onItemAdd({\n      ...acceptedItems[itemType].details,\n      ...additionalData,\n      id: itemID,\n      left,\n      pageID: page.id,\n      top,\n    });\n    onAnEventTrigger('reportItemAdd', itemType);\n    setActiveElement(itemID);\n    setIsRightPanelOpen(true);\n  };\n\n  const onElementOtherActions = () => {};\n\n  const exactIconType = getExactIconType(iconType);\n  const Icon = icons[exactIconType] ? icons[exactIconType] : icons.label;\n  return (\n    <>\n      <div\n        ref={drag}\n        className=\"toolItem d-flex a-center js-toolItem\"\n        onClick={onElementClick}\n        onKeyDown={onElementOtherActions}\n        style={{ opacity: isDragging ? 0.5 : 1 }}\n        title={title}\n      >\n        <span className=\"toolItem-icon d-flex j-center a-center\">\n          {icon ? icon : (\n            <Icon className={`jfReportSVG icon-question icon-${iconType}`} />\n          )}\n        </span>\n        <span className=\"js-toolItemName toolItem-name d-flex a-center\">\n          { title }\n        </span>\n      </div>\n    </>\n  );\n};\n\nElement.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n  iconType: PropTypes.string,\n  itemType: PropTypes.string,\n  onAnEventTrigger: PropTypes.func,\n  onItemAdd: PropTypes.func,\n  setActiveElement: PropTypes.func,\n  setIsRightPanelOpen: PropTypes.func,\n  title: PropTypes.string,\n  zoom: PropTypes.number,\n};\n\nElement.defaultProps = {\n  acceptedItems: {},\n  icon: null,\n  iconType: '',\n  itemType: '',\n  onAnEventTrigger: () => {},\n  onItemAdd: () => {},\n  setActiveElement: () => {},\n  setIsRightPanelOpen: () => {},\n  title: '',\n  zoom: 1,\n};\n\nexport default memo(Element);\n"],"names":["Element","acceptedItems","icon","iconType","itemType","onAnEventTrigger","onItemAdd","setActiveElement","setIsRightPanelOpen","title","zoom","additionalData","useDrag","collect","monitor","isDragging","item","type","DROPPABLE_ITEM_TYPE","drag","preview","useEffect","getEmptyImage","captureDraggingState","onElementClick","itemID","generateId","page","getMostVisiblePage","left","top","getAvailableCoordinate","details","id","pageID","onElementOtherActions","exactIconType","getExactIconType","Icon","icons","_jsx","_jsxs","opacity","propTypes","PropTypes","shape","oneOfType","element","func","string","number","defaultProps","memo"],"mappings":"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"}

package/lib/cjs/components/Builder/Page.js

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

package/lib/cjs/components/Builder/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sources":["../../../../src/components/Builder/Page.js"],"sourcesContent":["import {\n  useState,\n  useRef,\n  memo,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { useDrop } from 'react-dnd-cjs';\nimport { ACCEPTED_TYPES } from '../../constants/itemTypes';\nimport AlignmentGuides from '../AlignmentGuides';\nimport ReportItemsWrapper from '../ReportItemsWrapper';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { usePropContext } from '../../utils/propContext';\nimport {\n  proximityListener,\n  calculateGuidePositions,\n  getCorrectDroppedOffsetValue,\n} from '../../utils/functions';\nimport * as classNames from '../../constants/classNames';\n\nconst emptyObject = {};\n\nconst Page = ({\n  activeElement,\n  additionalPageItems,\n  guides,\n  hashCode,\n  itemAccessor,\n  items,\n  onDrop,\n  onItemAdd,\n  onItemChange,\n  onItemRemove,\n  onItemResize,\n  page,\n  pageRef,\n  style,\n}) => {\n  const {\n    isRightPanelOpen,\n    isTextEditorOpen,\n    setActiveElement,\n    setContextMenuProps,\n    setIsRightPanelOpen,\n    zoom,\n  } = useBuilderContext();\n  const { acceptedItems, onAnEventTrigger, settings } = usePropContext();\n  const [matches, setMatches] = useState({});\n  const [isResize, setIsResize] = useState(false);\n  const requestRef = useRef();\n\n  const drawAlignmentGuides = (item, monitor) => {\n    return () => {\n      try {\n        if (!monitor || monitor.getSourceClientOffset() === null) {\n          requestRef.current = undefined;\n          return;\n        }\n        const coords = getCorrectDroppedOffsetValue(\n          monitor,\n          pageRef.current.getBoundingClientRect(),\n          zoom,\n        );\n        const activeItem = {\n          ...item, ...coords,\n        };\n        const _guides = {\n          ...guides,\n          [item.id]: {\n            ...guides[item.id],\n            x: calculateGuidePositions(activeItem, 'x', zoom),\n            y: calculateGuidePositions(activeItem, 'y', zoom),\n          },\n        };\n        const match = proximityListener(item.id, _guides);\n        setMatches(match);\n        requestRef.current = undefined;\n      } catch (error) {\n        setMatches({});\n      }\n    };\n  };\n\n  const onHover = (item, monitor) => {\n    if (!requestRef.current) {\n      requestRef.current = global.requestAnimationFrame(drawAlignmentGuides(item, monitor));\n    }\n  };\n\n  const [{ isOver }, drop] = useDrop({\n    accept: ACCEPTED_TYPES,\n    collect: monitor => {\n      return {\n        isOver: monitor.isOver(),\n      };\n    },\n    drop: onDrop,\n    hover: onHover,\n  });\n\n  const { reportBackgroundColor } = settings;\n  const { backgroundColor } = page;\n  const bgColor = backgroundColor ? backgroundColor : reportBackgroundColor || '#fff';\n\n  return (\n    <>\n      <div\n        ref={drop}\n        className={classNames.pageContainer}\n        style={{\n          backgroundColor: bgColor,\n          ...style,\n        }}\n      >\n        <div className=\"jfReport-hider o-hidden f-all p-relative\">\n          <ReportItemsWrapper\n            acceptedItems={acceptedItems}\n            activeElement={activeElement}\n            guides={guides}\n            hashCode={hashCode}\n            isResize={isResize}\n            isRightPanelOpen={isRightPanelOpen}\n            isTextEditorOpen={isTextEditorOpen}\n            itemAccessor={itemAccessor}\n          // if we send matches all the time, DraggableItems are also rendered on dragging\n            items={items}\n            matches={isResize ? matches : emptyObject}\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          {additionalPageItems}\n          <AlignmentGuides\n            axis=\"x\"\n            guides={guides}\n            matches={matches}\n            show={(isOver || isResize)}\n            zoom={zoom}\n          />\n          <AlignmentGuides\n            axis=\"y\"\n            guides={guides}\n            matches={matches}\n            show={(isOver || isResize)}\n            zoom={zoom}\n          />\n        </div>\n      </div>\n    </>\n  );\n};\n\nPage.propTypes = {\n  activeElement: PropTypes.arrayOf(PropTypes.string),\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  guides: PropTypes.shape({}),\n  hashCode: PropTypes.string,\n  itemAccessor: PropTypes.func,\n  items: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  onDrop: PropTypes.func,\n  onItemAdd: PropTypes.func,\n  onItemChange: PropTypes.func,\n  onItemRemove: PropTypes.func,\n  onItemResize: PropTypes.func,\n  page: PropTypes.shape({\n    backgroundColor: PropTypes.string,\n  }),\n  pageRef: PropTypes.shape({\n    current: PropTypes.any,\n  }),\n  style: PropTypes.shape({}),\n};\n\nPage.defaultProps = {\n  activeElement: null,\n  additionalPageItems: [],\n  guides: {},\n  hashCode: '',\n  itemAccessor: () => {},\n  items: [],\n  onDrop: () => {},\n  onItemAdd: () => {},\n  onItemChange: () => {},\n  onItemRemove: () => {},\n  onItemResize: () => {},\n  page: {},\n  pageRef: {},\n  style: {},\n};\n\nexport default memo(Page);\n"],"names":["emptyObject","Page","activeElement","additionalPageItems","guides","hashCode","itemAccessor","items","onDrop","onItemAdd","onItemChange","onItemRemove","onItemResize","page","pageRef","style","useBuilderContext","isRightPanelOpen","isTextEditorOpen","setActiveElement","setContextMenuProps","setIsRightPanelOpen","zoom","usePropContext","acceptedItems","onAnEventTrigger","settings","useState","matches","setMatches","isResize","setIsResize","requestRef","useRef","drawAlignmentGuides","item","monitor","getSourceClientOffset","current","undefined","coords","getCorrectDroppedOffsetValue","getBoundingClientRect","activeItem","_guides","id","x","calculateGuidePositions","y","match","proximityListener","error","onHover","global","requestAnimationFrame","useDrop","accept","ACCEPTED_TYPES","collect","isOver","drop","hover","reportBackgroundColor","backgroundColor","bgColor","_jsx","classNames","_jsxs","propTypes","PropTypes","arrayOf","string","node","shape","func","any","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Page.js","sources":["../../../../src/components/Builder/Page.js"],"sourcesContent":["import {\n  useState,\n  useRef,\n  memo,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { useDrop } from 'react-dnd-cjs';\nimport { ACCEPTED_TYPES } from '../../constants/itemTypes';\nimport AlignmentGuides from '../AlignmentGuides';\nimport ReportItemsWrapper from '../ReportItemsWrapper';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { usePropContext } from '../../utils/propContext';\nimport {\n  proximityListener,\n  calculateGuidePositions,\n  getCorrectDroppedOffsetValue,\n} from '../../utils/functions';\nimport * as classNames from '../../constants/classNames';\n\nconst emptyObject = {};\n\nconst Page = ({\n  activeElement,\n  additionalPageItems,\n  guides,\n  hashCode,\n  itemAccessor,\n  items,\n  onDrop,\n  onItemAdd,\n  onItemChange,\n  onItemRemove,\n  onItemResize,\n  page,\n  pageRef,\n  style,\n}) => {\n  const {\n    isRightPanelOpen,\n    isTextEditorOpen,\n    setActiveElement,\n    setContextMenuProps,\n    setIsRightPanelOpen,\n    zoom,\n  } = useBuilderContext();\n  const { acceptedItems, onAnEventTrigger, settings } = usePropContext();\n  const [matches, setMatches] = useState({});\n  const [isResize, setIsResize] = useState(false);\n  const requestRef = useRef();\n\n  const drawAlignmentGuides = (item, monitor) => {\n    return () => {\n      try {\n        if (!monitor || monitor.getSourceClientOffset() === null) {\n          requestRef.current = undefined;\n          return;\n        }\n        const coords = getCorrectDroppedOffsetValue(\n          monitor,\n          pageRef.current.getBoundingClientRect(),\n          zoom,\n        );\n        const activeItem = {\n          ...item, ...coords,\n        };\n        const _guides = {\n          ...guides,\n          [item.id]: {\n            ...guides[item.id],\n            x: calculateGuidePositions(activeItem, 'x', zoom),\n            y: calculateGuidePositions(activeItem, 'y', zoom),\n          },\n        };\n        const match = proximityListener(item.id, _guides);\n        setMatches(match);\n        requestRef.current = undefined;\n      } catch (error) {\n        setMatches({});\n      }\n    };\n  };\n\n  const onHover = (item, monitor) => {\n    if (!requestRef.current) {\n      requestRef.current = global.requestAnimationFrame(drawAlignmentGuides(item, monitor));\n    }\n  };\n\n  const [{ isOver }, drop] = useDrop({\n    accept: ACCEPTED_TYPES,\n    collect: monitor => {\n      return {\n        isOver: monitor.isOver(),\n      };\n    },\n    drop: onDrop,\n    hover: onHover,\n  });\n\n  const { reportBackgroundColor } = settings;\n  const { backgroundColor } = page;\n  const bgColor = backgroundColor ? backgroundColor : reportBackgroundColor || '#fff';\n\n  return (\n    <>\n      <div\n        ref={drop}\n        className={classNames.pageContainer}\n        style={{\n          backgroundColor: bgColor,\n          ...style,\n        }}\n      >\n        <div className=\"jfReport-hider o-hidden f-all p-relative\">\n          <ReportItemsWrapper\n            acceptedItems={acceptedItems}\n            activeElement={activeElement}\n            guides={guides}\n            hashCode={hashCode}\n            isResize={isResize}\n            isRightPanelOpen={isRightPanelOpen}\n            isTextEditorOpen={isTextEditorOpen}\n            itemAccessor={itemAccessor}\n          // if we send matches all the time, DraggableItems are also rendered on dragging\n            items={items}\n            matches={isResize ? matches : emptyObject}\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          {additionalPageItems}\n          <AlignmentGuides\n            axis=\"x\"\n            guides={guides}\n            matches={matches}\n            show={(isOver || isResize)}\n            zoom={zoom}\n          />\n          <AlignmentGuides\n            axis=\"y\"\n            guides={guides}\n            matches={matches}\n            show={(isOver || isResize)}\n            zoom={zoom}\n          />\n        </div>\n      </div>\n    </>\n  );\n};\n\nPage.propTypes = {\n  activeElement: PropTypes.arrayOf(PropTypes.string),\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  guides: PropTypes.shape({}),\n  hashCode: PropTypes.string,\n  itemAccessor: PropTypes.func,\n  items: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  onDrop: PropTypes.func,\n  onItemAdd: PropTypes.func,\n  onItemChange: PropTypes.func,\n  onItemRemove: PropTypes.func,\n  onItemResize: PropTypes.func,\n  page: PropTypes.shape({\n    backgroundColor: PropTypes.string,\n  }),\n  pageRef: PropTypes.shape({\n    current: PropTypes.any,\n  }),\n  style: PropTypes.shape({}),\n};\n\nPage.defaultProps = {\n  activeElement: null,\n  additionalPageItems: [],\n  guides: {},\n  hashCode: '',\n  itemAccessor: () => {},\n  items: [],\n  onDrop: () => {},\n  onItemAdd: () => {},\n  onItemChange: () => {},\n  onItemRemove: () => {},\n  onItemResize: () => {},\n  page: {},\n  pageRef: {},\n  style: {},\n};\n\nexport default memo(Page);\n"],"names":["emptyObject","Page","activeElement","additionalPageItems","guides","hashCode","itemAccessor","items","onDrop","onItemAdd","onItemChange","onItemRemove","onItemResize","page","pageRef","style","useBuilderContext","isRightPanelOpen","isTextEditorOpen","setActiveElement","setContextMenuProps","setIsRightPanelOpen","zoom","usePropContext","acceptedItems","onAnEventTrigger","settings","useState","matches","setMatches","isResize","setIsResize","requestRef","useRef","drawAlignmentGuides","item","monitor","getSourceClientOffset","current","undefined","coords","getCorrectDroppedOffsetValue","getBoundingClientRect","activeItem","_guides","id","x","calculateGuidePositions","y","match","proximityListener","error","onHover","global","requestAnimationFrame","useDrop","accept","ACCEPTED_TYPES","collect","isOver","drop","hover","reportBackgroundColor","backgroundColor","bgColor","_jsx","classNames","_jsxs","propTypes","PropTypes","arrayOf","string","node","shape","func","any","defaultProps","memo"],"mappings":"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"}

package/lib/cjs/components/Builder/PageActions.js

@@ -2,8 +2,6 @@
 
 require('core-js/modules/es.array.find.js');
 require('core-js/modules/es.array.find-index.js');
-require('core-js/modules/es.array.index-of.js');
-require('core-js/modules/es.array.reduce.js');
 var PropTypes = require('prop-types');
 var functions = require('../../utils/functions.js');
 var hooks = require('../../utils/hooks.js');

package/lib/cjs/components/Builder/PageActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageActions.js","sources":["../../../../src/components/Builder/PageActions.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { moveItemInArrayFromIndexToIndex, scrollToTarget } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst PageActions = ({\n  disableInteraction,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  order,\n  pageCount,\n  pageID,\n  pages,\n  setEditedElement,\n  setIsRightPanelOpen,\n}) => {\n  const pageSettings = () => {\n    setEditedElement(`p_${pageID}`);\n    setIsRightPanelOpen(true);\n  };\n\n  const onPageAddClick = () => {\n    const newPageIndex = order + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n    onAnEventTrigger('addNewPage', newPageIndex);\n  };\n\n  const onPageRemoveClick = () => {\n    onPageRemove(pageID);\n    onAnEventTrigger('removePage', pageID);\n  };\n\n  const changeOrder = direction => {\n    return () => {\n      const pageIndex = pages.findIndex(page => page.id === pageID);\n      const editedPages = moveItemInArrayFromIndexToIndex(\n        pages,\n        pageIndex,\n        pageIndex + direction,\n      );\n      const pageOrders = editedPages.reduce((acc, page, index) => {\n        const newOrder = index + 1;\n        acc[page.id] = {\n          order: newOrder,\n        };\n        return acc;\n      }, {});\n      onPageOrdersChange(pageOrders);\n      scrollToTarget(`pageActions-id-${order + direction}`);\n      onAnEventTrigger('changePageOrder', direction);\n    };\n  };\n\n  const onPageDuplicateClick = () => {\n    const foundPage = pages.find(page => page.id === pageID);\n    onPageDuplicate(foundPage);\n    scrollToTarget(`pageActions-id-${order + 1}`, 350);\n    onAnEventTrigger('duplicatePage', order + 1);\n  };\n\n  const {\n    ADD_NEW_PAGE, DUPLICATE_PAGE, MOVE_PAGE_DOWNWARDS,\n    MOVE_PAGE_UPWARDS, PAGE_SETTINGS, REMOVE_PAGE,\n  } = useTranslatedTexts();\n  return (\n    <div\n      className=\"jfReport-pageInfo d-flex j-center\"\n      id={`pageActions-id-${order}`}\n    >\n      <div className=\"pageCounter p-relative d-flex\">\n        {`${order}`}\n      </div>\n      <div className=\"floatingController forPageAction\">\n        <div className=\"floatingController-container hasGroup\">\n          <button\n            key=\"Slide Settings\"\n            className=\"controllerItem pageSettingSideBtn js-pageSetting\"\n            onClick={pageSettings}\n            title={PAGE_SETTINGS}\n            type=\"button\"\n          >\n            <icons.pageSettings className=\"jfReportSVG icon-pageSettings\" />\n          </button>\n          <button\n            key=\"Duplicate Page\"\n            className=\"controllerItem js-duplicatePage\"\n            disabled={disableInteraction.indexOf('duplicate') > -1}\n            onClick={onPageDuplicateClick}\n            title={DUPLICATE_PAGE}\n            type=\"button\"\n          >\n            <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n          </button>\n          <button\n            key=\"Remove Slide\"\n            className=\"controllerItem isDanger js-removePage\"\n            disabled={disableInteraction.indexOf('remove') > -1}\n            onClick={onPageRemoveClick}\n            title={REMOVE_PAGE}\n            type=\"button\"\n          >\n            <icons.trash className=\"jfReportSVG icon-trashLine\" />\n          </button>\n        </div>\n        <div className=\"floatingController-container hasGroup\">\n          <button\n            key=\"Move Page Upwards\"\n            className={`js-changeOrderUp controllerItem${order === 1 ? ' disabled' : ''}`}\n            onClick={changeOrder(-1)}\n            title={MOVE_PAGE_UPWARDS}\n            type=\"button\"\n          >\n            <icons.arrowUp className=\"jfReportSVG icon-arrow isTick\" />\n          </button>\n          <button\n            key=\"Move Page Downwards\"\n            className={`js-changeOrderDown controllerItem${order === pageCount ? ' disabled' : ''}`}\n            onClick={changeOrder(1)}\n            title={MOVE_PAGE_DOWNWARDS}\n            type=\"button\"\n          >\n            <icons.arrowDown className=\"jfReportSVG icon-arrow isTick\" />\n          </button>\n        </div>\n        <div className=\"floatingController-container\">\n          <button\n            key=\"Add Slide\"\n            className=\"js-addNewPage controllerItem\"\n            disabled={disableInteraction.indexOf('add') > -1}\n            onClick={onPageAddClick}\n            title={ADD_NEW_PAGE}\n            type=\"button\"\n          >\n            <icons.plus className=\"jfReportSVG icon-plus\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPageActions.propTypes = {\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  onAnEventTrigger: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageOrdersChange: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  order: PropTypes.number,\n  pageCount: PropTypes.number,\n  pageID: PropTypes.string,\n  pages: PropTypes.arrayOf(PropTypes.shape({})),\n  setEditedElement: PropTypes.func,\n  setIsRightPanelOpen: PropTypes.func,\n};\n\nPageActions.defaultProps = {\n  disableInteraction: [],\n  onAnEventTrigger: () => {},\n  onPageAdd: () => {},\n  onPageDuplicate: () => {},\n  onPageOrdersChange: () => {},\n  onPageRemove: () => {},\n  order: 0,\n  pageCount: 1,\n  pageID: '',\n  pages: [],\n  setEditedElement: () => {},\n  setIsRightPanelOpen: () => {},\n};\n\nexport default PageActions;\n"],"names":["PageActions","disableInteraction","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageOrdersChange","onPageRemove","order","pageCount","pageID","pages","setEditedElement","setIsRightPanelOpen","pageSettings","onPageAddClick","newPageIndex","scrollToTarget","onPageRemoveClick","changeOrder","direction","pageIndex","findIndex","page","id","editedPages","moveItemInArrayFromIndexToIndex","pageOrders","reduce","acc","index","newOrder","onPageDuplicateClick","foundPage","find","useTranslatedTexts","ADD_NEW_PAGE","DUPLICATE_PAGE","MOVE_PAGE_DOWNWARDS","MOVE_PAGE_UPWARDS","PAGE_SETTINGS","REMOVE_PAGE","_jsxs","_jsx","icons.pageSettings","indexOf","icons.duplicate","icons.trash","icons.arrowUp","icons.arrowDown","icons.plus","propTypes","PropTypes","arrayOf","string","func","number","shape","defaultProps"],"mappings":"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"}
+{"version":3,"file":"PageActions.js","sources":["../../../../src/components/Builder/PageActions.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { moveItemInArrayFromIndexToIndex, scrollToTarget } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst PageActions = ({\n  disableInteraction,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  order,\n  pageCount,\n  pageID,\n  pages,\n  setEditedElement,\n  setIsRightPanelOpen,\n}) => {\n  const pageSettings = () => {\n    setEditedElement(`p_${pageID}`);\n    setIsRightPanelOpen(true);\n  };\n\n  const onPageAddClick = () => {\n    const newPageIndex = order + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n    onAnEventTrigger('addNewPage', newPageIndex);\n  };\n\n  const onPageRemoveClick = () => {\n    onPageRemove(pageID);\n    onAnEventTrigger('removePage', pageID);\n  };\n\n  const changeOrder = direction => {\n    return () => {\n      const pageIndex = pages.findIndex(page => page.id === pageID);\n      const editedPages = moveItemInArrayFromIndexToIndex(\n        pages,\n        pageIndex,\n        pageIndex + direction,\n      );\n      const pageOrders = editedPages.reduce((acc, page, index) => {\n        const newOrder = index + 1;\n        acc[page.id] = {\n          order: newOrder,\n        };\n        return acc;\n      }, {});\n      onPageOrdersChange(pageOrders);\n      scrollToTarget(`pageActions-id-${order + direction}`);\n      onAnEventTrigger('changePageOrder', direction);\n    };\n  };\n\n  const onPageDuplicateClick = () => {\n    const foundPage = pages.find(page => page.id === pageID);\n    onPageDuplicate(foundPage);\n    scrollToTarget(`pageActions-id-${order + 1}`, 350);\n    onAnEventTrigger('duplicatePage', order + 1);\n  };\n\n  const {\n    ADD_NEW_PAGE, DUPLICATE_PAGE, MOVE_PAGE_DOWNWARDS,\n    MOVE_PAGE_UPWARDS, PAGE_SETTINGS, REMOVE_PAGE,\n  } = useTranslatedTexts();\n  return (\n    <div\n      className=\"jfReport-pageInfo d-flex j-center\"\n      id={`pageActions-id-${order}`}\n    >\n      <div className=\"pageCounter p-relative d-flex\">\n        {`${order}`}\n      </div>\n      <div className=\"floatingController forPageAction\">\n        <div className=\"floatingController-container hasGroup\">\n          <button\n            key=\"Slide Settings\"\n            className=\"controllerItem pageSettingSideBtn js-pageSetting\"\n            onClick={pageSettings}\n            title={PAGE_SETTINGS}\n            type=\"button\"\n          >\n            <icons.pageSettings className=\"jfReportSVG icon-pageSettings\" />\n          </button>\n          <button\n            key=\"Duplicate Page\"\n            className=\"controllerItem js-duplicatePage\"\n            disabled={disableInteraction.indexOf('duplicate') > -1}\n            onClick={onPageDuplicateClick}\n            title={DUPLICATE_PAGE}\n            type=\"button\"\n          >\n            <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n          </button>\n          <button\n            key=\"Remove Slide\"\n            className=\"controllerItem isDanger js-removePage\"\n            disabled={disableInteraction.indexOf('remove') > -1}\n            onClick={onPageRemoveClick}\n            title={REMOVE_PAGE}\n            type=\"button\"\n          >\n            <icons.trash className=\"jfReportSVG icon-trashLine\" />\n          </button>\n        </div>\n        <div className=\"floatingController-container hasGroup\">\n          <button\n            key=\"Move Page Upwards\"\n            className={`js-changeOrderUp controllerItem${order === 1 ? ' disabled' : ''}`}\n            onClick={changeOrder(-1)}\n            title={MOVE_PAGE_UPWARDS}\n            type=\"button\"\n          >\n            <icons.arrowUp className=\"jfReportSVG icon-arrow isTick\" />\n          </button>\n          <button\n            key=\"Move Page Downwards\"\n            className={`js-changeOrderDown controllerItem${order === pageCount ? ' disabled' : ''}`}\n            onClick={changeOrder(1)}\n            title={MOVE_PAGE_DOWNWARDS}\n            type=\"button\"\n          >\n            <icons.arrowDown className=\"jfReportSVG icon-arrow isTick\" />\n          </button>\n        </div>\n        <div className=\"floatingController-container\">\n          <button\n            key=\"Add Slide\"\n            className=\"js-addNewPage controllerItem\"\n            disabled={disableInteraction.indexOf('add') > -1}\n            onClick={onPageAddClick}\n            title={ADD_NEW_PAGE}\n            type=\"button\"\n          >\n            <icons.plus className=\"jfReportSVG icon-plus\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPageActions.propTypes = {\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  onAnEventTrigger: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageOrdersChange: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  order: PropTypes.number,\n  pageCount: PropTypes.number,\n  pageID: PropTypes.string,\n  pages: PropTypes.arrayOf(PropTypes.shape({})),\n  setEditedElement: PropTypes.func,\n  setIsRightPanelOpen: PropTypes.func,\n};\n\nPageActions.defaultProps = {\n  disableInteraction: [],\n  onAnEventTrigger: () => {},\n  onPageAdd: () => {},\n  onPageDuplicate: () => {},\n  onPageOrdersChange: () => {},\n  onPageRemove: () => {},\n  order: 0,\n  pageCount: 1,\n  pageID: '',\n  pages: [],\n  setEditedElement: () => {},\n  setIsRightPanelOpen: () => {},\n};\n\nexport default PageActions;\n"],"names":["PageActions","disableInteraction","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageOrdersChange","onPageRemove","order","pageCount","pageID","pages","setEditedElement","setIsRightPanelOpen","pageSettings","onPageAddClick","newPageIndex","scrollToTarget","onPageRemoveClick","changeOrder","direction","pageIndex","findIndex","page","id","editedPages","moveItemInArrayFromIndexToIndex","pageOrders","reduce","acc","index","newOrder","onPageDuplicateClick","foundPage","find","useTranslatedTexts","ADD_NEW_PAGE","DUPLICATE_PAGE","MOVE_PAGE_DOWNWARDS","MOVE_PAGE_UPWARDS","PAGE_SETTINGS","REMOVE_PAGE","_jsxs","_jsx","icons.pageSettings","indexOf","icons.duplicate","icons.trash","icons.arrowUp","icons.arrowDown","icons.plus","propTypes","PropTypes","arrayOf","string","func","number","shape","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;IAKMA,WAAW,GAAG,SAAdA,WAAc,OAad;AAAA,MAZJC,kBAYI,QAZJA,kBAYI;AAAA,MAXJC,gBAWI,QAXJA,gBAWI;AAAA,MAVJC,SAUI,QAVJA,SAUI;AAAA,MATJC,eASI,QATJA,eASI;AAAA,MARJC,kBAQI,QARJA,kBAQI;AAAA,MAPJC,YAOI,QAPJA,YAOI;AAAA,MANJC,KAMI,QANJA,KAMI;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,gBAEI,QAFJA,gBAEI;AAAA,MADJC,mBACI,QADJA,mBACI;;AACJ,MAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;AACzBF,IAAAA,gBAAgB,aAAMF,MAAN,EAAhB;AACAG,IAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD,GAHD;;AAKA,MAAME,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAMC,YAAY,GAAGR,KAAK,GAAG,CAA7B;AACAJ,IAAAA,SAAS,CAACY,YAAD,CAAT;AACAC,IAAAA,wBAAc,0BAAmBD,YAAnB,GAAmC,GAAnC,CAAd;AACAb,IAAAA,gBAAgB,CAAC,YAAD,EAAea,YAAf,CAAhB;AACD,GALD;;AAOA,MAAME,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC9BX,IAAAA,YAAY,CAACG,MAAD,CAAZ;AACAP,IAAAA,gBAAgB,CAAC,YAAD,EAAeO,MAAf,CAAhB;AACD,GAHD;;AAKA,MAAMS,WAAW,GAAG,SAAdA,WAAc,CAAAC,SAAS,EAAI;AAC/B,WAAO,YAAM;AACX,UAAMC,SAAS,GAAGV,KAAK,CAACW,SAAN,CAAgB,UAAAC,IAAI;AAAA,eAAIA,IAAI,CAACC,EAAL,KAAYd,MAAhB;AAAA,OAApB,CAAlB;AACA,UAAMe,WAAW,GAAGC,yCAA+B,CACjDf,KADiD,EAEjDU,SAFiD,EAGjDA,SAAS,GAAGD,SAHqC,CAAnD;AAKA,UAAMO,UAAU,GAAGF,WAAW,CAACG,MAAZ,CAAmB,UAACC,GAAD,EAAMN,IAAN,EAAYO,KAAZ,EAAsB;AAC1D,YAAMC,QAAQ,GAAGD,KAAK,GAAG,CAAzB;AACAD,QAAAA,GAAG,CAACN,IAAI,CAACC,EAAN,CAAH,GAAe;AACbhB,UAAAA,KAAK,EAAEuB;AADM,SAAf;AAGA,eAAOF,GAAP;AACD,OANkB,EAMhB,EANgB,CAAnB;AAOAvB,MAAAA,kBAAkB,CAACqB,UAAD,CAAlB;AACAV,MAAAA,wBAAc,0BAAmBT,KAAK,GAAGY,SAA3B,EAAd;AACAjB,MAAAA,gBAAgB,CAAC,iBAAD,EAAoBiB,SAApB,CAAhB;AACD,KAjBD;AAkBD,GAnBD;;AAqBA,MAAMY,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjC,QAAMC,SAAS,GAAGtB,KAAK,CAACuB,IAAN,CAAW,UAAAX,IAAI;AAAA,aAAIA,IAAI,CAACC,EAAL,KAAYd,MAAhB;AAAA,KAAf,CAAlB;AACAL,IAAAA,eAAe,CAAC4B,SAAD,CAAf;AACAhB,IAAAA,wBAAc,0BAAmBT,KAAK,GAAG,CAA3B,GAAgC,GAAhC,CAAd;AACAL,IAAAA,gBAAgB,CAAC,eAAD,EAAkBK,KAAK,GAAG,CAA1B,CAAhB;AACD,GALD;;AAOA,4BAGI2B,wBAAkB,EAHtB;AAAA,MACEC,YADF,uBACEA,YADF;AAAA,MACgBC,cADhB,uBACgBA,cADhB;AAAA,MACgCC,mBADhC,uBACgCA,mBADhC;AAAA,MAEEC,iBAFF,uBAEEA,iBAFF;AAAA,MAEqBC,aAFrB,uBAEqBA,aAFrB;AAAA,MAEoCC,WAFpC,uBAEoCA,WAFpC;;AAIA,sBACEC;AACE,IAAA,SAAS,EAAC,mCADZ;AAEE,IAAA,EAAE,2BAAoBlC,KAApB,CAFJ;AAAA,4BAIEmC;AAAK,MAAA,SAAS,EAAC,+BAAf;AAAA,0BACMnC,KADN;AAAA,MAJF,eAOEkC;AAAK,MAAA,SAAS,EAAC,kCAAf;AAAA,8BACEA;AAAK,QAAA,SAAS,EAAC,uCAAf;AAAA,gCACEC;AAEE,UAAA,SAAS,EAAC,kDAFZ;AAGE,UAAA,OAAO,EAAE7B,YAHX;AAIE,UAAA,KAAK,EAAE0B,aAJT;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEG,eAACC,aAAD;AAAoB,YAAA,SAAS,EAAC;AAA9B;AAPF,WACM,gBADN,CADF,eAUED;AAEE,UAAA,SAAS,EAAC,iCAFZ;AAGE,UAAA,QAAQ,EAAEzC,kBAAkB,CAAC2C,OAAnB,CAA2B,WAA3B,IAA0C,CAAC,CAHvD;AAIE,UAAA,OAAO,EAAEb,oBAJX;AAKE,UAAA,KAAK,EAAEK,cALT;AAME,UAAA,IAAI,EAAC,QANP;AAAA,iCAQEM,eAACG,SAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B;AARF,WACM,gBADN,CAVF,eAoBEH;AAEE,UAAA,SAAS,EAAC,uCAFZ;AAGE,UAAA,QAAQ,EAAEzC,kBAAkB,CAAC2C,OAAnB,CAA2B,QAA3B,IAAuC,CAAC,CAHpD;AAIE,UAAA,OAAO,EAAE3B,iBAJX;AAKE,UAAA,KAAK,EAAEuB,WALT;AAME,UAAA,IAAI,EAAC,QANP;AAAA,iCAQEE,eAACI,KAAD;AAAa,YAAA,SAAS,EAAC;AAAvB;AARF,WACM,cADN,CApBF;AAAA,QADF,eAgCEL;AAAK,QAAA,SAAS,EAAC,uCAAf;AAAA,gCACEC;AAEE,UAAA,SAAS,2CAAoCnC,KAAK,KAAK,CAAV,GAAc,WAAd,GAA4B,EAAhE,CAFX;AAGE,UAAA,OAAO,EAAEW,WAAW,CAAC,CAAC,CAAF,CAHtB;AAIE,UAAA,KAAK,EAAEoB,iBAJT;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEI,eAACK,QAAD;AAAe,YAAA,SAAS,EAAC;AAAzB;AAPF,WACM,mBADN,CADF,eAUEL;AAEE,UAAA,SAAS,6CAAsCnC,KAAK,KAAKC,SAAV,GAAsB,WAAtB,GAAoC,EAA1E,CAFX;AAGE,UAAA,OAAO,EAAEU,WAAW,CAAC,CAAD,CAHtB;AAIE,UAAA,KAAK,EAAEmB,mBAJT;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEK,eAACM,UAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B;AAPF,WACM,qBADN,CAVF;AAAA,QAhCF,eAoDEN;AAAK,QAAA,SAAS,EAAC,8BAAf;AAAA,+BACEA;AAEE,UAAA,SAAS,EAAC,8BAFZ;AAGE,UAAA,QAAQ,EAAEzC,kBAAkB,CAAC2C,OAAnB,CAA2B,KAA3B,IAAoC,CAAC,CAHjD;AAIE,UAAA,OAAO,EAAE9B,cAJX;AAKE,UAAA,KAAK,EAAEqB,YALT;AAME,UAAA,IAAI,EAAC,QANP;AAAA,iCAQEO,eAACO,IAAD;AAAY,YAAA,SAAS,EAAC;AAAtB;AARF,WACM,WADN;AADF,QApDF;AAAA,MAPF;AAAA,IADF;AA2ED;;AAEDjD,WAAW,CAACkD,SAAZ,GAAwB;AACtBjD,EAAAA,kBAAkB,EAAEkD,6BAAS,CAACC,OAAV,CAAkBD,6BAAS,CAACE,MAA5B,CADE;AAEtBnD,EAAAA,gBAAgB,EAAEiD,6BAAS,CAACG,IAFN;AAGtBnD,EAAAA,SAAS,EAAEgD,6BAAS,CAACG,IAHC;AAItBlD,EAAAA,eAAe,EAAE+C,6BAAS,CAACG,IAJL;AAKtBjD,EAAAA,kBAAkB,EAAE8C,6BAAS,CAACG,IALR;AAMtBhD,EAAAA,YAAY,EAAE6C,6BAAS,CAACG,IANF;AAOtB/C,EAAAA,KAAK,EAAE4C,6BAAS,CAACI,MAPK;AAQtB/C,EAAAA,SAAS,EAAE2C,6BAAS,CAACI,MARC;AAStB9C,EAAAA,MAAM,EAAE0C,6BAAS,CAACE,MATI;AAUtB3C,EAAAA,KAAK,EAAEyC,6BAAS,CAACC,OAAV,CAAkBD,6BAAS,CAACK,KAAV,CAAgB,EAAhB,CAAlB,CAVe;AAWtB7C,EAAAA,gBAAgB,EAAEwC,6BAAS,CAACG,IAXN;AAYtB1C,EAAAA,mBAAmB,EAAEuC,6BAAS,CAACG;AAZT,CAAxB;AAeAtD,WAAW,CAACyD,YAAZ,GAA2B;AACzBxD,EAAAA,kBAAkB,EAAE,EADK;AAEzBC,EAAAA,gBAAgB,EAAE,4BAAM,EAFC;AAGzBC,EAAAA,SAAS,EAAE,qBAAM,EAHQ;AAIzBC,EAAAA,eAAe,EAAE,2BAAM,EAJE;AAKzBC,EAAAA,kBAAkB,EAAE,8BAAM,EALD;AAMzBC,EAAAA,YAAY,EAAE,wBAAM,EANK;AAOzBC,EAAAA,KAAK,EAAE,CAPkB;AAQzBC,EAAAA,SAAS,EAAE,CARc;AASzBC,EAAAA,MAAM,EAAE,EATiB;AAUzBC,EAAAA,KAAK,EAAE,EAVkB;AAWzBC,EAAAA,gBAAgB,EAAE,4BAAM,EAXC;AAYzBC,EAAAA,mBAAmB,EAAE,+BAAM;AAZF,CAA3B;;;;"}

package/lib/cjs/components/Builder/PageAdder.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageAdder.js","sources":["../../../../src/components/Builder/PageAdder.js"],"sourcesContent":["import { func, number, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { scrollToTarget } from '../../utils/functions';\nimport * as icons from '../../utils/icons';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst PageAdder = ({\n  additionalClass,\n  onPageAdd,\n  pageCount,\n}) => {\n  const onPageAddClick = () => {\n    const newPageIndex = pageCount + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n  };\n\n  const { ADD_NEW_PAGE } = useTranslatedTexts();\n  return (\n    <button\n      className={classNames('pageAdder', additionalClass)}\n      onClick={onPageAddClick}\n      type=\"button\"\n    >\n      <icons.plus className=\"jfReportSVG icon-plus\" />\n      <span>{ADD_NEW_PAGE}</span>\n    </button>\n  );\n};\n\nPageAdder.propTypes = {\n  additionalClass: string,\n  onPageAdd: func,\n  pageCount: number,\n};\n\nPageAdder.defaultProps = {\n  additionalClass: '',\n  onPageAdd: () => {},\n  pageCount: 1,\n};\n\nexport default PageAdder;\n"],"names":["PageAdder","additionalClass","onPageAdd","pageCount","onPageAddClick","newPageIndex","scrollToTarget","useTranslatedTexts","ADD_NEW_PAGE","_jsxs","classNames","_jsx","icons.plus","propTypes","string","func","number","defaultProps"],"mappings":";;;;;;;;;;;;;IAMMA,SAAS,GAAG,SAAZA,SAAY,OAIZ;AAAA,MAHJC,eAGI,QAHJA,eAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,SACI,QADJA,SACI;;AACJ,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAMC,YAAY,GAAGF,SAAS,GAAG,CAAjC;AACAD,IAAAA,SAAS,CAACG,YAAD,CAAT;AACAC,IAAAA,wBAAc,0BAAmBD,YAAnB,GAAmC,GAAnC,CAAd;AACD,GAJD;;AADI,4BAOqBE,wBAAkB,EAPvC;AAAA,MAOIC,YAPJ,uBAOIA,YAPJ;;AAQJ,sBACEC;AACE,IAAA,SAAS,EAAEC,8BAAU,CAAC,WAAD,EAAcT,eAAd,CADvB;AAEE,IAAA,OAAO,EAAEG,cAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,4BAKEO,eAACC,IAAD;AAAY,MAAA,SAAS,EAAC;AAAtB,MALF,eAMED;AAAA,gBAAOH;AAAP,MANF;AAAA,IADF;AAUD;;AAEDR,SAAS,CAACa,SAAV,GAAsB;AACpBZ,EAAAA,eAAe,EAAEa,gBADG;AAEpBZ,EAAAA,SAAS,EAAEa,cAFS;AAGpBZ,EAAAA,SAAS,EAAEa;AAHS,CAAtB;AAMAhB,SAAS,CAACiB,YAAV,GAAyB;AACvBhB,EAAAA,eAAe,EAAE,EADM;AAEvBC,EAAAA,SAAS,EAAE,qBAAM,EAFM;AAGvBC,EAAAA,SAAS,EAAE;AAHY,CAAzB;;;;"}
+{"version":3,"file":"PageAdder.js","sources":["../../../../src/components/Builder/PageAdder.js"],"sourcesContent":["import { func, number, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { scrollToTarget } from '../../utils/functions';\nimport * as icons from '../../utils/icons';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst PageAdder = ({\n  additionalClass,\n  onPageAdd,\n  pageCount,\n}) => {\n  const onPageAddClick = () => {\n    const newPageIndex = pageCount + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n  };\n\n  const { ADD_NEW_PAGE } = useTranslatedTexts();\n  return (\n    <button\n      className={classNames('pageAdder', additionalClass)}\n      onClick={onPageAddClick}\n      type=\"button\"\n    >\n      <icons.plus className=\"jfReportSVG icon-plus\" />\n      <span>{ADD_NEW_PAGE}</span>\n    </button>\n  );\n};\n\nPageAdder.propTypes = {\n  additionalClass: string,\n  onPageAdd: func,\n  pageCount: number,\n};\n\nPageAdder.defaultProps = {\n  additionalClass: '',\n  onPageAdd: () => {},\n  pageCount: 1,\n};\n\nexport default PageAdder;\n"],"names":["PageAdder","additionalClass","onPageAdd","pageCount","onPageAddClick","newPageIndex","scrollToTarget","useTranslatedTexts","ADD_NEW_PAGE","_jsxs","classNames","_jsx","icons.plus","propTypes","string","func","number","defaultProps"],"mappings":";;;;;;;;;;;;;IAMMA,SAAS,GAAG,SAAZA,SAAY,OAIZ;AAAA,MAHJC,eAGI,QAHJA,eAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,SACI,QADJA,SACI;;AACJ,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAMC,YAAY,GAAGF,SAAS,GAAG,CAAjC;AACAD,IAAAA,SAAS,CAACG,YAAD,CAAT;AACAC,IAAAA,wBAAc,0BAAmBD,YAAnB,GAAmC,GAAnC,CAAd;AACD,GAJD;;AAMA,4BAAyBE,wBAAkB,EAA3C;AAAA,MAAQC,YAAR,uBAAQA,YAAR;;AACA,sBACEC;AACE,IAAA,SAAS,EAAEC,8BAAU,CAAC,WAAD,EAAcT,eAAd,CADvB;AAEE,IAAA,OAAO,EAAEG,cAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,4BAKEO,eAACC,IAAD;AAAY,MAAA,SAAS,EAAC;AAAtB,MALF,eAMED;AAAA,gBAAOH;AAAP,MANF;AAAA,IADF;AAUD;;AAEDR,SAAS,CAACa,SAAV,GAAsB;AACpBZ,EAAAA,eAAe,EAAEa,gBADG;AAEpBZ,EAAAA,SAAS,EAAEa,cAFS;AAGpBZ,EAAAA,SAAS,EAAEa;AAHS,CAAtB;AAMAhB,SAAS,CAACiB,YAAV,GAAyB;AACvBhB,EAAAA,eAAe,EAAE,EADM;AAEvBC,EAAAA,SAAS,EAAE,qBAAM,EAFM;AAGvBC,EAAAA,SAAS,EAAE;AAHY,CAAzB;;;;"}

package/lib/cjs/components/Builder/Panel.js

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

package/lib/cjs/components/Builder/ReportItemRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReportItemRenderer.js","sources":["../../../../src/components/Builder/ReportItemRenderer.js"],"sourcesContent":["import { memo } from 'react';\nimport { usePropContext } from '../../utils/propContext';\n\nconst getItemComponent = (elementName, Elements) => {\n  return Elements[elementName] && Elements[elementName].Component\n    ? Elements[elementName].Component\n    : Elements.text.Component;\n};\n\nconst ReportItemRenderer = ({\n  children,\n  item,\n}) => {\n  const { acceptedItems } = usePropContext();\n  return children(getItemComponent(item.itemType, acceptedItems), item);\n};\n\nexport default memo(ReportItemRenderer);\n"],"names":["getItemComponent","elementName","Elements","Component","text","ReportItemRenderer","children","item","usePropContext","acceptedItems","itemType","memo"],"mappings":";;;;;AAGA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,WAAD,EAAcC,QAAd,EAA2B;AAClD,SAAOA,QAAQ,CAACD,WAAD,CAAR,IAAyBC,QAAQ,CAACD,WAAD,CAAR,CAAsBE,SAA/C,GACHD,QAAQ,CAACD,WAAD,CAAR,CAAsBE,SADnB,GAEHD,QAAQ,CAACE,IAAT,CAAcD,SAFlB;AAGD,CAJD;;AAMA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,OAGrB;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,IACI,QADJA,IACI;;AAAA,wBACsBC,0BAAc,EADpC;AAAA,MACIC,aADJ,mBACIA,aADJ;;AAEJ,SAAOH,QAAQ,CAACN,gBAAgB,CAACO,IAAI,CAACG,QAAN,EAAgBD,aAAhB,CAAjB,EAAiDF,IAAjD,CAAf;AACD,CAND;;AAQA,wCAAeI,UAAI,CAACN,kBAAD,CAAnB;;;;"}
+{"version":3,"file":"ReportItemRenderer.js","sources":["../../../../src/components/Builder/ReportItemRenderer.js"],"sourcesContent":["import { memo } from 'react';\nimport { usePropContext } from '../../utils/propContext';\n\nconst getItemComponent = (elementName, Elements) => {\n  return Elements[elementName] && Elements[elementName].Component\n    ? Elements[elementName].Component\n    : Elements.text.Component;\n};\n\nconst ReportItemRenderer = ({\n  children,\n  item,\n}) => {\n  const { acceptedItems } = usePropContext();\n  return children(getItemComponent(item.itemType, acceptedItems), item);\n};\n\nexport default memo(ReportItemRenderer);\n"],"names":["getItemComponent","elementName","Elements","Component","text","ReportItemRenderer","children","item","usePropContext","acceptedItems","itemType","memo"],"mappings":";;;;;AAGA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,WAAD,EAAcC,QAAd,EAA2B;AAClD,SAAOA,QAAQ,CAACD,WAAD,CAAR,IAAyBC,QAAQ,CAACD,WAAD,CAAR,CAAsBE,SAA/C,GACHD,QAAQ,CAACD,WAAD,CAAR,CAAsBE,SADnB,GAEHD,QAAQ,CAACE,IAAT,CAAcD,SAFlB;AAGD,CAJD;;AAMA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,OAGrB;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,IACI,QADJA,IACI;;AACJ,wBAA0BC,0BAAc,EAAxC;AAAA,MAAQC,aAAR,mBAAQA,aAAR;;AACA,SAAOH,QAAQ,CAACN,gBAAgB,CAACO,IAAI,CAACG,QAAN,EAAgBD,aAAhB,CAAjB,EAAiDF,IAAjD,CAAf;AACD,CAND;;AAQA,wCAAeI,UAAI,CAACN,kBAAD,CAAnB;;;;"}