@jotforminc/dnd-builder 3.3.0 → 3.4.0

package/lib/esm/components/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,88 @@
+import { useState } from 'react';
+import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
+import PropTypes from 'prop-types';
+import { useTranslatedTexts } from '../../utils/hooks.js';
+import ErrorFallbackWrapper from './ErrorFallbackWrapper.js';
+import { jsx } from 'react/jsx-runtime';
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _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) { 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; }
+
+function ErrorBoundary(_ref) {
+  var children = _ref.children,
+      isStatic = _ref.isStatic,
+      item = _ref.item,
+      level = _ref.level;
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      errorInfo = _useState2[0],
+      setErrorInfo = _useState2[1];
+
+  var _useTranslatedTexts = useTranslatedTexts(),
+      ERROR_BOUNDARY_DESCRIPTION = _useTranslatedTexts.ERROR_BOUNDARY_DESCRIPTION,
+      ERROR_BOUNDARY_ITEM_DESCRIPTION = _useTranslatedTexts.ERROR_BOUNDARY_ITEM_DESCRIPTION,
+      ERROR_BOUNDARY_PAGE_DESCRIPTION = _useTranslatedTexts.ERROR_BOUNDARY_PAGE_DESCRIPTION,
+      ERROR_BOUNDARY_TITLE = _useTranslatedTexts.ERROR_BOUNDARY_TITLE;
+
+  var TEXT_CONFIG = {
+    item: {
+      description: ERROR_BOUNDARY_ITEM_DESCRIPTION,
+      title: ERROR_BOUNDARY_TITLE
+    },
+    page: {
+      description: ERROR_BOUNDARY_PAGE_DESCRIPTION,
+      title: ERROR_BOUNDARY_TITLE
+    },
+    settings: {
+      description: ERROR_BOUNDARY_DESCRIPTION,
+      title: ERROR_BOUNDARY_TITLE
+    }
+  };
+  return /*#__PURE__*/jsx(ErrorBoundary$1, {
+    fallbackRender: function fallbackRender(_ref2) {
+      var error = _ref2.error;
+      return /*#__PURE__*/jsx(ErrorFallbackWrapper, {
+        error: error,
+        errorInfo: errorInfo,
+        isStatic: isStatic,
+        item: item,
+        level: level,
+        textConfig: TEXT_CONFIG
+      });
+    },
+    onError: function onError(error, info) {
+      if (error && info) {
+        setErrorInfo(info);
+      }
+    },
+    children: children
+  });
+}
+
+ErrorBoundary.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
+  isStatic: PropTypes.bool,
+  item: PropTypes.shape({
+    id: PropTypes.string,
+    itemType: PropTypes.string
+  }),
+  level: PropTypes.oneOf(['item', 'page'])
+};
+ErrorBoundary.defaultProps = {
+  isStatic: false,
+  item: null,
+  level: 'page'
+};
+
+export default ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.js.map

package/lib/esm/components/ErrorBoundary/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sources":["../../../../src/components/ErrorBoundary/ErrorBoundary.js"],"sourcesContent":["import { useState } from 'react';\nimport { ErrorBoundary as ReactErrorBoundary } from 'react-error-boundary';\nimport PropTypes from 'prop-types';\nimport { useTranslatedTexts } from '../../utils/hooks';\nimport ErrorFallbackWrapper from './ErrorFallbackWrapper';\n\nfunction ErrorBoundary({\n  children, isStatic, item, level,\n}) {\n  const [errorInfo, setErrorInfo] = useState(null);\n  const {\n    ERROR_BOUNDARY_DESCRIPTION,\n    ERROR_BOUNDARY_ITEM_DESCRIPTION,\n    ERROR_BOUNDARY_PAGE_DESCRIPTION,\n    ERROR_BOUNDARY_TITLE,\n  } = useTranslatedTexts();\n\n  const TEXT_CONFIG = {\n    item: {\n      description: ERROR_BOUNDARY_ITEM_DESCRIPTION,\n      title: ERROR_BOUNDARY_TITLE,\n    },\n    page: {\n      description: ERROR_BOUNDARY_PAGE_DESCRIPTION,\n      title: ERROR_BOUNDARY_TITLE,\n    },\n    settings: {\n      description: ERROR_BOUNDARY_DESCRIPTION,\n      title: ERROR_BOUNDARY_TITLE,\n    },\n  };\n  return (\n    <ReactErrorBoundary\n      fallbackRender={({ error }) => (\n        <ErrorFallbackWrapper\n          error={error}\n          errorInfo={errorInfo}\n          isStatic={isStatic}\n          item={item}\n          level={level}\n          textConfig={TEXT_CONFIG}\n        />\n      )}\n      onError={(error, info) => {\n        if (error && info) {\n          setErrorInfo(info);\n        }\n      }}\n    >\n      {children}\n    </ReactErrorBoundary>\n  );\n}\n\nErrorBoundary.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]).isRequired,\n  isStatic: PropTypes.bool,\n  item: PropTypes.shape({\n    id: PropTypes.string,\n    itemType: PropTypes.string,\n  }),\n  level: PropTypes.oneOf(['item', 'page']),\n};\n\nErrorBoundary.defaultProps = {\n  isStatic: false,\n  item: null,\n  level: 'page',\n};\n\nexport default ErrorBoundary;\n"],"names":["ErrorBoundary","children","isStatic","item","level","useState","errorInfo","setErrorInfo","useTranslatedTexts","ERROR_BOUNDARY_DESCRIPTION","ERROR_BOUNDARY_ITEM_DESCRIPTION","ERROR_BOUNDARY_PAGE_DESCRIPTION","ERROR_BOUNDARY_TITLE","TEXT_CONFIG","description","title","page","settings","_jsx","ReactErrorBoundary","error","info","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","bool","shape","id","string","itemType","oneOf","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,SAASA,aAAT,OAEG;AAAA,MADDC,QACC,QADDA,QACC;AAAA,MADSC,QACT,QADSA,QACT;AAAA,MADmBC,IACnB,QADmBA,IACnB;AAAA,MADyBC,KACzB,QADyBA,KACzB;;AACD,kBAAkCC,QAAQ,CAAC,IAAD,CAA1C;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACA,4BAKIC,kBAAkB,EALtB;AAAA,MACEC,0BADF,uBACEA,0BADF;AAAA,MAEEC,+BAFF,uBAEEA,+BAFF;AAAA,MAGEC,+BAHF,uBAGEA,+BAHF;AAAA,MAIEC,oBAJF,uBAIEA,oBAJF;;AAOA,MAAMC,WAAW,GAAG;AAClBV,IAAAA,IAAI,EAAE;AACJW,MAAAA,WAAW,EAAEJ,+BADT;AAEJK,MAAAA,KAAK,EAAEH;AAFH,KADY;AAKlBI,IAAAA,IAAI,EAAE;AACJF,MAAAA,WAAW,EAAEH,+BADT;AAEJI,MAAAA,KAAK,EAAEH;AAFH,KALY;AASlBK,IAAAA,QAAQ,EAAE;AACRH,MAAAA,WAAW,EAAEL,0BADL;AAERM,MAAAA,KAAK,EAAEH;AAFC;AATQ,GAApB;AAcA,sBACEM,IAACC,eAAD;AACE,IAAA,cAAc,EAAE;AAAA,UAAGC,KAAH,SAAGA,KAAH;AAAA,0BACdF,IAAC,oBAAD;AACE,QAAA,KAAK,EAAEE,KADT;AAEE,QAAA,SAAS,EAAEd,SAFb;AAGE,QAAA,QAAQ,EAAEJ,QAHZ;AAIE,QAAA,IAAI,EAAEC,IAJR;AAKE,QAAA,KAAK,EAAEC,KALT;AAME,QAAA,UAAU,EAAES;AANd,QADc;AAAA,KADlB;AAWE,IAAA,OAAO,EAAE,iBAACO,KAAD,EAAQC,IAAR,EAAiB;AACxB,UAAID,KAAK,IAAIC,IAAb,EAAmB;AACjBd,QAAAA,YAAY,CAACc,IAAD,CAAZ;AACD;AACF,KAfH;AAAA,cAiBGpB;AAjBH,IADF;AAqBD;;AAEDD,aAAa,CAACsB,SAAd,GAA0B;AACxBrB,EAAAA,QAAQ,EAAEsB,SAAS,CAACC,SAAV,CAAoB,CAC5BD,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACG,IAA5B,CAD4B,EAE5BH,SAAS,CAACG,IAFkB,CAApB,EAGPC,UAJqB;AAKxBzB,EAAAA,QAAQ,EAAEqB,SAAS,CAACK,IALI;AAMxBzB,EAAAA,IAAI,EAAEoB,SAAS,CAACM,KAAV,CAAgB;AACpBC,IAAAA,EAAE,EAAEP,SAAS,CAACQ,MADM;AAEpBC,IAAAA,QAAQ,EAAET,SAAS,CAACQ;AAFA,GAAhB,CANkB;AAUxB3B,EAAAA,KAAK,EAAEmB,SAAS,CAACU,KAAV,CAAgB,CAAC,MAAD,EAAS,MAAT,CAAhB;AAViB,CAA1B;AAaAjC,aAAa,CAACkC,YAAd,GAA6B;AAC3BhC,EAAAA,QAAQ,EAAE,KADiB;AAE3BC,EAAAA,IAAI,EAAE,IAFqB;AAG3BC,EAAAA,KAAK,EAAE;AAHoB,CAA7B;;;;"}

package/lib/esm/components/ErrorBoundary/ErrorDetails.js

@@ -0,0 +1,75 @@
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import PropTypes from 'prop-types';
+import SvgClose from '../../assets/svg/close.svg.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ErrorDetails = function ErrorDetails(_ref) {
+  var _ref$error = _ref.error,
+      error = _ref$error === void 0 ? null : _ref$error,
+      _ref$errorInfo = _ref.errorInfo,
+      errorInfo = _ref$errorInfo === void 0 ? null : _ref$errorInfo,
+      _ref$handleCloseDetai = _ref.handleCloseDetails,
+      handleCloseDetails = _ref$handleCloseDetai === void 0 ? function () {} : _ref$handleCloseDetai;
+  return /*#__PURE__*/jsx("div", {
+    className: "errorBoundary-details-overlay",
+    onClick: handleCloseDetails,
+    role: "presentation",
+    children: /*#__PURE__*/jsxs("div", {
+      className: "errorBoundary-details-wrapper",
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      role: "presentation",
+      children: [/*#__PURE__*/jsxs("div", {
+        className: "errorBoundary-details-header",
+        children: [/*#__PURE__*/jsxs("div", {
+          style: {
+            marginRight: '24px',
+            minWidth: '0'
+          },
+          children: [/*#__PURE__*/jsx("h2", {
+            children: "Error Details"
+          }), /*#__PURE__*/jsx("p", {
+            style: {
+              color: '#6C73A8',
+              fontSize: '14px',
+              lineHeight: '20px',
+              marginTop: '8px',
+              whiteSpace: 'pre-wrap'
+            },
+            children: error && error.toString()
+          })]
+        }), /*#__PURE__*/jsx("button", {
+          "aria-label": "Close Button",
+          className: "errorBoundary-details-close-button",
+          onClick: handleCloseDetails,
+          type: "button",
+          children: /*#__PURE__*/jsx(SvgClose, {
+            style: {
+              height: '24px',
+              width: '24px'
+            }
+          })
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: "errorBoundary-details-content",
+        children: /*#__PURE__*/jsxs("div", {
+          className: "errorBoundary-details-content-inner",
+          children: [error && error.toString(), errorInfo && (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.componentStack)]
+        })
+      })]
+    })
+  });
+};
+
+ErrorDetails.propTypes = {
+  error: PropTypes.instanceOf(Error),
+  errorInfo: PropTypes.shape({
+    componentStack: PropTypes.string
+  }),
+  handleCloseDetails: PropTypes.func
+};
+
+export default ErrorDetails;
+//# sourceMappingURL=ErrorDetails.js.map

package/lib/esm/components/ErrorBoundary/ErrorDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorDetails.js","sources":["../../../../src/components/ErrorBoundary/ErrorDetails.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport CrossIcon from '../../assets/svg/close.svg';\n\nconst ErrorDetails = ({\n  error = null,\n  errorInfo = null,\n  handleCloseDetails = () => {},\n}) => {\n  return (\n    <div\n      className=\"errorBoundary-details-overlay\"\n      onClick={handleCloseDetails}\n      role=\"presentation\"\n    >\n      <div\n        className=\"errorBoundary-details-wrapper\"\n        onClick={e => e.stopPropagation()}\n        role=\"presentation\"\n      >\n        <div className=\"errorBoundary-details-header\">\n          <div style={{ marginRight: '24px', minWidth: '0' }}>\n            <h2>Error Details</h2>\n            <p\n              style={{\n                color: '#6C73A8',\n                fontSize: '14px',\n                lineHeight: '20px',\n                marginTop: '8px',\n                whiteSpace: 'pre-wrap',\n              }}\n            >\n              {error && error.toString()}\n            </p>\n          </div>\n          <button\n            aria-label=\"Close Button\"\n            className=\"errorBoundary-details-close-button\"\n            onClick={handleCloseDetails}\n            type=\"button\"\n          >\n            <CrossIcon style={{ height: '24px', width: '24px' }} />\n          </button>\n        </div>\n        <div\n          className=\"errorBoundary-details-content\"\n        >\n          <div className=\"errorBoundary-details-content-inner\">\n            {error && error.toString()}\n            {errorInfo && errorInfo?.componentStack}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nErrorDetails.propTypes = {\n  error: PropTypes.instanceOf(Error),\n  errorInfo: PropTypes.shape({\n    componentStack: PropTypes.string,\n  }),\n  handleCloseDetails: PropTypes.func,\n};\n\nexport default ErrorDetails;\n"],"names":["ErrorDetails","error","errorInfo","handleCloseDetails","_jsx","_jsxs","e","stopPropagation","marginRight","minWidth","color","fontSize","lineHeight","marginTop","whiteSpace","toString","CrossIcon","height","width","componentStack","propTypes","PropTypes","instanceOf","Error","shape","string","func"],"mappings":";;;;;;IAGMA,YAAY,GAAG,SAAfA,YAAe,OAIf;AAAA,wBAHJC,KAGI;AAAA,MAHJA,KAGI,2BAHI,IAGJ;AAAA,4BAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,IAER;AAAA,mCADJC,kBACI;AAAA,MADJA,kBACI,sCADiB,YAAM,EACvB;AACJ,sBACEC;AACE,IAAA,SAAS,EAAC,+BADZ;AAEE,IAAA,OAAO,EAAED,kBAFX;AAGE,IAAA,IAAI,EAAC,cAHP;AAAA,2BAKEE;AACE,MAAA,SAAS,EAAC,+BADZ;AAEE,MAAA,OAAO,EAAE,iBAAAC,CAAC;AAAA,eAAIA,CAAC,CAACC,eAAF,EAAJ;AAAA,OAFZ;AAGE,MAAA,IAAI,EAAC,cAHP;AAAA,8BAKEF;AAAK,QAAA,SAAS,EAAC,8BAAf;AAAA,gCACEA;AAAK,UAAA,KAAK,EAAE;AAAEG,YAAAA,WAAW,EAAE,MAAf;AAAuBC,YAAAA,QAAQ,EAAE;AAAjC,WAAZ;AAAA,kCACEL;AAAA;AAAA,YADF,eAEEA;AACE,YAAA,KAAK,EAAE;AACLM,cAAAA,KAAK,EAAE,SADF;AAELC,cAAAA,QAAQ,EAAE,MAFL;AAGLC,cAAAA,UAAU,EAAE,MAHP;AAILC,cAAAA,SAAS,EAAE,KAJN;AAKLC,cAAAA,UAAU,EAAE;AALP,aADT;AAAA,sBASGb,KAAK,IAAIA,KAAK,CAACc,QAAN;AATZ,YAFF;AAAA,UADF,eAeEX;AACE,wBAAW,cADb;AAEE,UAAA,SAAS,EAAC,oCAFZ;AAGE,UAAA,OAAO,EAAED,kBAHX;AAIE,UAAA,IAAI,EAAC,QAJP;AAAA,iCAMEC,IAACY,QAAD;AAAW,YAAA,KAAK,EAAE;AAAEC,cAAAA,MAAM,EAAE,MAAV;AAAkBC,cAAAA,KAAK,EAAE;AAAzB;AAAlB;AANF,UAfF;AAAA,QALF,eA6BEd;AACE,QAAA,SAAS,EAAC,+BADZ;AAAA,+BAGEC;AAAK,UAAA,SAAS,EAAC,qCAAf;AAAA,qBACGJ,KAAK,IAAIA,KAAK,CAACc,QAAN,EADZ,EAEGb,SAAS,KAAIA,SAAJ,aAAIA,SAAJ,uBAAIA,SAAS,CAAEiB,cAAf,CAFZ;AAAA;AAHF,QA7BF;AAAA;AALF,IADF;AA8CD;;AAEDnB,YAAY,CAACoB,SAAb,GAAyB;AACvBnB,EAAAA,KAAK,EAAEoB,SAAS,CAACC,UAAV,CAAqBC,KAArB,CADgB;AAEvBrB,EAAAA,SAAS,EAAEmB,SAAS,CAACG,KAAV,CAAgB;AACzBL,IAAAA,cAAc,EAAEE,SAAS,CAACI;AADD,GAAhB,CAFY;AAKvBtB,EAAAA,kBAAkB,EAAEkB,SAAS,CAACK;AALP,CAAzB;;;;"}

package/lib/esm/components/ErrorBoundary/ErrorFallbackWrapper.js

@@ -0,0 +1,123 @@
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import PropTypes from 'prop-types';
+import { createPortal } from 'react-dom';
+import { useState } from 'react';
+import ErrorDetails from './ErrorDetails.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import SvgExclamation from '../../assets/svg/exclamation.svg.js';
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _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) { 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 ErrorFallbackWrapper = function ErrorFallbackWrapper(_ref) {
+  var _ref$error = _ref.error,
+      error = _ref$error === void 0 ? null : _ref$error,
+      _ref$errorInfo = _ref.errorInfo,
+      errorInfo = _ref$errorInfo === void 0 ? null : _ref$errorInfo,
+      _ref$isStatic = _ref.isStatic,
+      isStatic = _ref$isStatic === void 0 ? false : _ref$isStatic,
+      _ref$item = _ref.item,
+      item = _ref$item === void 0 ? null : _ref$item,
+      _ref$level = _ref.level,
+      level = _ref$level === void 0 ? 'page' : _ref$level,
+      textConfig = _ref.textConfig;
+
+  var _ref2 = textConfig[level] || textConfig.page || {},
+      _ref2$description = _ref2.description,
+      description = _ref2$description === void 0 ? '' : _ref2$description,
+      _ref2$title = _ref2.title,
+      title = _ref2$title === void 0 ? '' : _ref2$title;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isDetailsOpen = _useState2[0],
+      setIsDetailsOpen = _useState2[1];
+
+  var handleOpenDetails = function handleOpenDetails() {
+    setIsDetailsOpen(true);
+  };
+
+  var handleCloseDetails = function handleCloseDetails() {
+    setIsDetailsOpen(false);
+  };
+
+  return /*#__PURE__*/jsxs("div", {
+    className: "errorBoundary-wrapper",
+    children: [/*#__PURE__*/jsx(SvgExclamation, {
+      className: isStatic ? 'errorBoundary-icon-static' : 'errorBoundary-icon'
+    }), /*#__PURE__*/jsx("strong", {
+      style: {
+        fontSize: !isStatic ? '20px' : '12px'
+      },
+      children: title
+    }), !isStatic && /*#__PURE__*/jsxs(Fragment, {
+      children: [item && /*#__PURE__*/jsxs("span", {
+        children: ["Item:", ' ', item.itemType || 'unknown', ' ', item.id ? "(".concat(item.id, ")") : '']
+      }), /*#__PURE__*/jsx("span", {
+        children: description
+      }), /*#__PURE__*/jsx("button", {
+        className: "errorBoundary-view-details-button",
+        onClick: handleOpenDetails,
+        type: "button",
+        children: "View"
+      }), isDetailsOpen && /*#__PURE__*/createPortal( /*#__PURE__*/jsx(ErrorDetails, {
+        error: error,
+        errorInfo: errorInfo,
+        handleCloseDetails: handleCloseDetails
+      }), document.body)]
+    })]
+  });
+};
+
+ErrorFallbackWrapper.propTypes = {
+  error: PropTypes.instanceOf(Error),
+  errorInfo: PropTypes.shape({
+    componentStack: PropTypes.string
+  }),
+  isStatic: PropTypes.bool,
+  item: PropTypes.shape({
+    id: PropTypes.string,
+    itemType: PropTypes.string
+  }),
+  level: PropTypes.oneOf(['item', 'page']),
+  textConfig: PropTypes.shape({
+    item: PropTypes.shape({
+      description: PropTypes.string,
+      title: PropTypes.string
+    }),
+    page: PropTypes.shape({
+      description: PropTypes.string,
+      title: PropTypes.string
+    })
+  })
+};
+ErrorFallbackWrapper.defaultProps = {
+  error: null,
+  errorInfo: null,
+  isStatic: false,
+  item: null,
+  level: 'page',
+  textConfig: {
+    item: {
+      description: '',
+      title: ''
+    },
+    page: {
+      description: '',
+      title: ''
+    }
+  }
+};
+
+export default ErrorFallbackWrapper;
+//# sourceMappingURL=ErrorFallbackWrapper.js.map

package/lib/esm/components/ErrorBoundary/ErrorFallbackWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorFallbackWrapper.js","sources":["../../../../src/components/ErrorBoundary/ErrorFallbackWrapper.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { createPortal } from 'react-dom';\nimport { useState } from 'react';\nimport { exclamationIcon as ExclamationIcon } from '../../utils/icons';\nimport ErrorDetails from './ErrorDetails';\n\nconst ErrorFallbackWrapper = ({\n  error = null,\n  errorInfo = null,\n  isStatic = false,\n  item = null,\n  level = 'page',\n  textConfig,\n}) => {\n  const { description = '', title = '' } = textConfig[level] || textConfig.page || {};\n  const [isDetailsOpen, setIsDetailsOpen] = useState(false);\n\n  const handleOpenDetails = () => {\n    setIsDetailsOpen(true);\n  };\n\n  const handleCloseDetails = () => {\n    setIsDetailsOpen(false);\n  };\n\n  return (\n    <div\n      className=\"errorBoundary-wrapper\"\n    >\n      <ExclamationIcon\n        className={isStatic ? 'errorBoundary-icon-static' : 'errorBoundary-icon'}\n      />\n      <strong style={{ fontSize: !isStatic ? '20px' : '12px' }}>{title}</strong>\n      {!isStatic && (\n        <>\n          {item && (\n            <span>\n              Item:\n              {' '}\n              {item.itemType || 'unknown'}\n              {' '}\n              {item.id ? `(${item.id})` : ''}\n            </span>\n          )}\n          <span>{description}</span>\n          <button\n            className=\"errorBoundary-view-details-button\"\n            onClick={handleOpenDetails}\n            type=\"button\"\n          >\n            View\n          </button>\n          {isDetailsOpen && createPortal(\n            <ErrorDetails\n              error={error}\n              errorInfo={errorInfo}\n              handleCloseDetails={handleCloseDetails}\n            />,\n            document.body,\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nErrorFallbackWrapper.propTypes = {\n  error: PropTypes.instanceOf(Error),\n  errorInfo: PropTypes.shape({\n    componentStack: PropTypes.string,\n  }),\n  isStatic: PropTypes.bool,\n  item: PropTypes.shape({\n    id: PropTypes.string,\n    itemType: PropTypes.string,\n  }),\n  level: PropTypes.oneOf(['item', 'page']),\n  textConfig: PropTypes.shape({\n    item: PropTypes.shape({\n      description: PropTypes.string,\n      title: PropTypes.string,\n    }),\n    page: PropTypes.shape({\n      description: PropTypes.string,\n      title: PropTypes.string,\n    }),\n  }),\n};\n\nErrorFallbackWrapper.defaultProps = {\n  error: null,\n  errorInfo: null,\n  isStatic: false,\n  item: null,\n  level: 'page',\n  textConfig: {\n    item: {\n      description: '',\n      title: '',\n    },\n    page: {\n      description: '',\n      title: '',\n    },\n  },\n};\n\nexport default ErrorFallbackWrapper;\n"],"names":["ErrorFallbackWrapper","error","errorInfo","isStatic","item","level","textConfig","page","description","title","useState","isDetailsOpen","setIsDetailsOpen","handleOpenDetails","handleCloseDetails","_jsxs","_jsx","ExclamationIcon","fontSize","itemType","id","createPortal","document","body","propTypes","PropTypes","instanceOf","Error","shape","componentStack","string","bool","oneOf","defaultProps"],"mappings":"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"}

package/lib/esm/components/Panels/RightPanel/Settings.js

@@ -9,7 +9,7 @@ import { useBuilderStore } from '../../../contexts/BuilderContext.js';
 import { usePropStore } from '../../../contexts/PropContext.js';
 import SettingsItemRenderer from '../../Settings/SettingsItemRenderer.js';
 import { onChangeFunction } from '../../../utils/functions.js';
-import ErrorBoundry from '../../ErrorBoundary.js';
+import ErrorBoundary from '../../ErrorBoundary/ErrorBoundary.js';
 import { jsx } from 'react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -61,7 +61,9 @@ var Settings = function Settings(_ref) {
           setting: setting,
           settingValue: computedValue,
           children: function children(SettingItem) {
-            return /*#__PURE__*/jsx(ErrorBoundry, {
+            return /*#__PURE__*/jsx(ErrorBoundary, {
+              item: newItem,
+              level: "settings",
               children: /*#__PURE__*/jsx(SettingItem, {
                 config: setting,
                 item: newItem,

package/lib/esm/components/Panels/RightPanel/Settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sources":["../../../../../src/components/Panels/RightPanel/Settings.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport { usePropStore } from '../../../contexts/PropContext';\nimport SettingsItemRenderer from '../../Settings/SettingsItemRenderer';\nimport { onChangeFunction } from '../../../utils/functions';\nimport ErrorBoundary from '../../ErrorBoundary';\n\nconst Settings = ({\n  element = {},\n  item = {},\n  onChange = () => {},\n  settings = {},\n  tabs = [],\n}) => {\n  const itemAccessor = usePropStore(state => state.itemAccessor);\n  const activeTab = useBuilderStore(state => state.activeTab);\n  const useExperimentalFeatures = usePropStore(state => state.useExperimentalFeatures);\n\n  return (tabs.map((tabKey, index) => {\n    return (\n      <div\n        key={index.toString()}\n        className={classNames(\n          'toolItem-tabContent',\n          { hidden: index !== activeTab.right },\n          { hasInnerScroll: tabKey === 'MY IMAGES' },\n        )}\n      >\n        {settings[tabKey].map((setting, itemIndex) => {\n          if (setting.experimental && !useExperimentalFeatures) {\n            return null;\n          }\n          const customUpdaterFunction = setting.onChange ? setting.onChange : false;\n          const defaultItem = element.defaultItem || {};\n          const value = (item[setting.key] || item[setting.key] === 0)\n            ? item[setting.key] : defaultItem[setting.key] || null;\n          const computedValue = setting.value ? setting.value(value, item, itemAccessor) : value;\n          const newItem = { ...defaultItem, ...item };\n          return (\n            <SettingsItemRenderer\n              key={`${itemIndex.toString()}_${item.id}_${setting.key}_${setting.uniqueId}`}\n              setting={setting}\n              settingValue={computedValue}\n            >\n              {SettingItem => {\n                return (\n                  <ErrorBoundary>\n                    <SettingItem\n                      config={setting}\n                      item={newItem}\n                      itemAccessor={itemAccessor}\n                      onItemChange={onChangeFunction(\n                        setting,\n                        onChange,\n                        newItem,\n                        customUpdaterFunction,\n                      )}\n                      value={computedValue}\n                    />\n                  </ErrorBoundary>\n                );\n              }}\n            </SettingsItemRenderer>\n          );\n        })}\n      </div>\n    );\n  }));\n};\n\nSettings.propTypes = {\n  element: PropTypes.shape({}),\n  item: PropTypes.shape({}),\n  onChange: PropTypes.func,\n  settings: PropTypes.shape({}),\n  tabs: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default memo(Settings);\n"],"names":["Settings","element","item","onChange","settings","tabs","itemAccessor","usePropStore","state","activeTab","useBuilderStore","useExperimentalFeatures","map","tabKey","index","_jsx","classNames","hidden","right","hasInnerScroll","setting","itemIndex","experimental","customUpdaterFunction","defaultItem","value","key","computedValue","newItem","SettingItem","ErrorBoundary","onChangeFunction","toString","id","uniqueId","propTypes","PropTypes","shape","func","arrayOf","string","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;AASA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAMX;AAAA,0BALJC,OAKI;AAAA,MALJA,OAKI,6BALM,EAKN;AAAA,uBAJJC,IAII;AAAA,MAJJA,IAII,0BAJG,EAIH;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,YAAM,EAGb;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,EAEP;AAAA,uBADJC,IACI;AAAA,MADJA,IACI,0BADG,EACH;AACJ,MAAMC,YAAY,GAAGC,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,YAAV;AAAA,GAAN,CAAjC;AACA,MAAMG,SAAS,GAAGC,eAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACC,SAAV;AAAA,GAAN,CAAjC;AACA,MAAME,uBAAuB,GAAGJ,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACG,uBAAV;AAAA,GAAN,CAA5C;AAEA,SAAQN,IAAI,CAACO,GAAL,CAAS,UAACC,MAAD,EAASC,KAAT,EAAmB;AAClC,wBACEC;AAEE,MAAA,SAAS,EAAEC,UAAU,CACnB,qBADmB,EAEnB;AAAEC,QAAAA,MAAM,EAAEH,KAAK,KAAKL,SAAS,CAACS;AAA9B,OAFmB,EAGnB;AAAEC,QAAAA,cAAc,EAAEN,MAAM,KAAK;AAA7B,OAHmB,CAFvB;AAAA,gBAQGT,QAAQ,CAACS,MAAD,CAAR,CAAiBD,GAAjB,CAAqB,UAACQ,OAAD,EAAUC,SAAV,EAAwB;AAC5C,YAAID,OAAO,CAACE,YAAR,IAAwB,CAACX,uBAA7B,EAAsD;AACpD,iBAAO,IAAP;AACD;;AACD,YAAMY,qBAAqB,GAAGH,OAAO,CAACjB,QAAR,GAAmBiB,OAAO,CAACjB,QAA3B,GAAsC,KAApE;AACA,YAAMqB,WAAW,GAAGvB,OAAO,CAACuB,WAAR,IAAuB,EAA3C;AACA,YAAMC,KAAK,GAAIvB,IAAI,CAACkB,OAAO,CAACM,GAAT,CAAJ,IAAqBxB,IAAI,CAACkB,OAAO,CAACM,GAAT,CAAJ,KAAsB,CAA5C,GACVxB,IAAI,CAACkB,OAAO,CAACM,GAAT,CADM,GACUF,WAAW,CAACJ,OAAO,CAACM,GAAT,CAAX,IAA4B,IADpD;AAEA,YAAMC,aAAa,GAAGP,OAAO,CAACK,KAAR,GAAgBL,OAAO,CAACK,KAAR,CAAcA,KAAd,EAAqBvB,IAArB,EAA2BI,YAA3B,CAAhB,GAA2DmB,KAAjF;;AACA,YAAMG,OAAO,mCAAQJ,WAAR,GAAwBtB,IAAxB,CAAb;;AACA,4BACEa,IAAC,oBAAD;AAEE,UAAA,OAAO,EAAEK,OAFX;AAGE,UAAA,YAAY,EAAEO,aAHhB;AAAA,oBAKG,kBAAAE,WAAW,EAAI;AACd,gCACEd,IAACe,YAAD;AAAA,qCACEf,IAAC,WAAD;AACE,gBAAA,MAAM,EAAEK,OADV;AAEE,gBAAA,IAAI,EAAEQ,OAFR;AAGE,gBAAA,YAAY,EAAEtB,YAHhB;AAIE,gBAAA,YAAY,EAAEyB,gBAAgB,CAC5BX,OAD4B,EAE5BjB,QAF4B,EAG5ByB,OAH4B,EAI5BL,qBAJ4B,CAJhC;AAUE,gBAAA,KAAK,EAAEI;AAVT;AADF,cADF;AAgBD;AAtBH,qBACUN,SAAS,CAACW,QAAV,EADV,cACkC9B,IAAI,CAAC+B,EADvC,cAC6Cb,OAAO,CAACM,GADrD,cAC4DN,OAAO,CAACc,QADpE,EADF;AA0BD,OApCA;AARH,OACOpB,KAAK,CAACkB,QAAN,EADP,CADF;AAgDD,GAjDO,CAAR;AAkDD,CA7DD;;AA+DAhC,QAAQ,CAACmC,SAAT,GAAqB;AACnBlC,EAAAA,OAAO,EAAEmC,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADU;AAEnBnC,EAAAA,IAAI,EAAEkC,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAFa;AAGnBlC,EAAAA,QAAQ,EAAEiC,SAAS,CAACE,IAHD;AAInBlC,EAAAA,QAAQ,EAAEgC,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAJS;AAKnBhC,EAAAA,IAAI,EAAE+B,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,MAA5B;AALa,CAArB;AAQA,8BAAeC,IAAI,CAACzC,QAAD,CAAnB;;;;"}
+{"version":3,"file":"Settings.js","sources":["../../../../../src/components/Panels/RightPanel/Settings.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport { usePropStore } from '../../../contexts/PropContext';\nimport SettingsItemRenderer from '../../Settings/SettingsItemRenderer';\nimport { onChangeFunction } from '../../../utils/functions';\nimport ErrorBoundary from '../../ErrorBoundary/ErrorBoundary';\n\nconst Settings = ({\n  element = {},\n  item = {},\n  onChange = () => {},\n  settings = {},\n  tabs = [],\n}) => {\n  const itemAccessor = usePropStore(state => state.itemAccessor);\n  const activeTab = useBuilderStore(state => state.activeTab);\n  const useExperimentalFeatures = usePropStore(state => state.useExperimentalFeatures);\n\n  return (tabs.map((tabKey, index) => {\n    return (\n      <div\n        key={index.toString()}\n        className={classNames(\n          'toolItem-tabContent',\n          { hidden: index !== activeTab.right },\n          { hasInnerScroll: tabKey === 'MY IMAGES' },\n        )}\n      >\n        {settings[tabKey].map((setting, itemIndex) => {\n          if (setting.experimental && !useExperimentalFeatures) {\n            return null;\n          }\n          const customUpdaterFunction = setting.onChange ? setting.onChange : false;\n          const defaultItem = element.defaultItem || {};\n          const value = (item[setting.key] || item[setting.key] === 0)\n            ? item[setting.key] : defaultItem[setting.key] || null;\n          const computedValue = setting.value ? setting.value(value, item, itemAccessor) : value;\n          const newItem = { ...defaultItem, ...item };\n          return (\n            <SettingsItemRenderer\n              key={`${itemIndex.toString()}_${item.id}_${setting.key}_${setting.uniqueId}`}\n              setting={setting}\n              settingValue={computedValue}\n            >\n              {SettingItem => {\n                return (\n                  <ErrorBoundary\n                    item={newItem}\n                    level=\"settings\"\n                  >\n                    <SettingItem\n                      config={setting}\n                      item={newItem}\n                      itemAccessor={itemAccessor}\n                      onItemChange={onChangeFunction(\n                        setting,\n                        onChange,\n                        newItem,\n                        customUpdaterFunction,\n                      )}\n                      value={computedValue}\n                    />\n                  </ErrorBoundary>\n                );\n              }}\n            </SettingsItemRenderer>\n          );\n        })}\n      </div>\n    );\n  }));\n};\n\nSettings.propTypes = {\n  element: PropTypes.shape({}),\n  item: PropTypes.shape({}),\n  onChange: PropTypes.func,\n  settings: PropTypes.shape({}),\n  tabs: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default memo(Settings);\n"],"names":["Settings","element","item","onChange","settings","tabs","itemAccessor","usePropStore","state","activeTab","useBuilderStore","useExperimentalFeatures","map","tabKey","index","_jsx","classNames","hidden","right","hasInnerScroll","setting","itemIndex","experimental","customUpdaterFunction","defaultItem","value","key","computedValue","newItem","SettingItem","onChangeFunction","toString","id","uniqueId","propTypes","PropTypes","shape","func","arrayOf","string","memo"],"mappings":"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"}

package/lib/esm/components/Preview/StaticItem.js

@@ -4,7 +4,7 @@ import classNames from 'classnames';
 import { reportItemWrapper, reportItem } from '../../constants/classNames.js';
 import { getStyles } from '../../utils/functions.js';
 import ItemPositioner from '../ItemPositioner.js';
-import ErrorBoundry from '../ErrorBoundary.js';
+import ErrorBoundary from '../ErrorBoundary/ErrorBoundary.js';
 import { jsx } from 'react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -26,12 +26,15 @@ var StaticItem = function StaticItem(_ref) {
       left = item.left,
       top = item.top,
       width = item.width;
-  return /*#__PURE__*/jsx(ErrorBoundry, {
-    children: /*#__PURE__*/jsx(ItemPositioner, {
-      style: _objectSpread(_objectSpread({}, getStyles(left, top, false)), {}, {
-        height: height,
-        width: width
-      }),
+  return /*#__PURE__*/jsx(ItemPositioner, {
+    style: _objectSpread(_objectSpread({}, getStyles(left, top, false)), {}, {
+      height: height,
+      width: width
+    }),
+    children: /*#__PURE__*/jsx(ErrorBoundary, {
+      isStatic: true,
+      item: item,
+      level: "item",
       children: /*#__PURE__*/jsx("div", {
         className: reportItemWrapper,
         children: /*#__PURE__*/jsx("div", {

package/lib/esm/components/Preview/StaticItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticItem.js","sources":["../../../../src/components/Preview/StaticItem.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\nimport * as classNames from '../../constants/classNames';\nimport { getStyles } from '../../utils/functions';\nimport ItemPositioner from '../ItemPositioner';\nimport ErrorBoundary from '../ErrorBoundary';\n\nconst elementStyle = {\n  height: '100%',\n  width: '100%',\n};\n\nconst StaticItem = ({\n  children = null,\n  item = {},\n}) => {\n  const {\n    height,\n    left,\n    top,\n    width,\n  } = item;\n  return (\n    <ErrorBoundary>\n      <ItemPositioner\n        style={{\n          ...getStyles(left, top, false),\n          height,\n          width,\n        }}\n      >\n        <div\n          className={classNames.reportItemWrapper}\n        >\n          <div\n            className={cn(\n              `${classNames.reportItem}`,\n              { hasChart: item.itemType === 'chart' },\n            )}\n            style={elementStyle}\n          >\n            {children}\n          </div>\n        </div>\n      </ItemPositioner>\n    </ErrorBoundary>\n  );\n};\n\nStaticItem.propTypes = {\n  children: PropTypes.any,\n  item: PropTypes.shape({\n    height: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    id: PropTypes.string,\n    itemType: PropTypes.string,\n    left: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    pageID: PropTypes.string,\n    top: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    width: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n  }),\n};\n\nexport default memo(StaticItem);\n"],"names":["elementStyle","height","width","StaticItem","children","item","left","top","_jsx","ErrorBoundary","getStyles","classNames","cn","hasChart","itemType","propTypes","PropTypes","any","shape","oneOfType","number","string","id","pageID","memo"],"mappings":";;;;;;;;;;;;;;AAQA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE,MADW;AAEnBC,EAAAA,KAAK,EAAE;AAFY,CAArB;;AAKA,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAGb;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,IAEP;AAAA,uBADJC,IACI;AAAA,MADJA,IACI,0BADG,EACH;AACJ,MACEJ,MADF,GAKII,IALJ,CACEJ,MADF;AAAA,MAEEK,IAFF,GAKID,IALJ,CAEEC,IAFF;AAAA,MAGEC,GAHF,GAKIF,IALJ,CAGEE,GAHF;AAAA,MAIEL,KAJF,GAKIG,IALJ,CAIEH,KAJF;AAMA,sBACEM,IAACC,YAAD;AAAA,2BACED,IAAC,cAAD;AACE,MAAA,KAAK,kCACAE,SAAS,CAACJ,IAAD,EAAOC,GAAP,EAAY,KAAZ,CADT;AAEHN,QAAAA,MAAM,EAANA,MAFG;AAGHC,QAAAA,KAAK,EAALA;AAHG,QADP;AAAA,6BAOEM;AACE,QAAA,SAAS,EAAEG,iBADb;AAAA,+BAGEH;AACE,UAAA,SAAS,EAAEI,UAAE,WACRD,UADQ,GAEX;AAAEE,YAAAA,QAAQ,EAAER,IAAI,CAACS,QAAL,KAAkB;AAA9B,WAFW,CADf;AAKE,UAAA,KAAK,EAAEd,YALT;AAAA,oBAOGI;AAPH;AAHF;AAPF;AADF,IADF;AAyBD,CAnCD;;AAqCAD,UAAU,CAACY,SAAX,GAAuB;AACrBX,EAAAA,QAAQ,EAAEY,SAAS,CAACC,GADC;AAErBZ,EAAAA,IAAI,EAAEW,SAAS,CAACE,KAAV,CAAgB;AACpBjB,IAAAA,MAAM,EAAEe,SAAS,CAACG,SAAV,CAAoB,CAC1BH,SAAS,CAACI,MADgB,EAE1BJ,SAAS,CAACK,MAFgB,CAApB,CADY;AAKpBC,IAAAA,EAAE,EAAEN,SAAS,CAACK,MALM;AAMpBP,IAAAA,QAAQ,EAAEE,SAAS,CAACK,MANA;AAOpBf,IAAAA,IAAI,EAAEU,SAAS,CAACG,SAAV,CAAoB,CACxBH,SAAS,CAACI,MADc,EAExBJ,SAAS,CAACK,MAFc,CAApB,CAPc;AAWpBE,IAAAA,MAAM,EAAEP,SAAS,CAACK,MAXE;AAYpBd,IAAAA,GAAG,EAAES,SAAS,CAACG,SAAV,CAAoB,CACvBH,SAAS,CAACI,MADa,EAEvBJ,SAAS,CAACK,MAFa,CAApB,CAZe;AAgBpBnB,IAAAA,KAAK,EAAEc,SAAS,CAACG,SAAV,CAAoB,CACzBH,SAAS,CAACI,MADe,EAEzBJ,SAAS,CAACK,MAFe,CAApB;AAhBa,GAAhB;AAFe,CAAvB;AAyBA,gCAAeG,IAAI,CAACrB,UAAD,CAAnB;;;;"}
+{"version":3,"file":"StaticItem.js","sources":["../../../../src/components/Preview/StaticItem.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\nimport * as classNames from '../../constants/classNames';\nimport { getStyles } from '../../utils/functions';\nimport ItemPositioner from '../ItemPositioner';\nimport ErrorBoundary from '../ErrorBoundary/ErrorBoundary';\n\nconst elementStyle = {\n  height: '100%',\n  width: '100%',\n};\n\nconst StaticItem = ({\n  children = null,\n  item = {},\n}) => {\n  const {\n    height,\n    left,\n    top,\n    width,\n  } = item;\n  return (\n    <ItemPositioner\n      style={{\n        ...getStyles(left, top, false),\n        height,\n        width,\n      }}\n    >\n      <ErrorBoundary\n        isStatic={true}\n        item={item}\n        level=\"item\"\n      >\n        <div\n          className={classNames.reportItemWrapper}\n        >\n          <div\n            className={cn(\n              `${classNames.reportItem}`,\n              { hasChart: item.itemType === 'chart' },\n            )}\n            style={elementStyle}\n          >\n            {children}\n          </div>\n        </div>\n      </ErrorBoundary>\n    </ItemPositioner>\n  );\n};\n\nStaticItem.propTypes = {\n  children: PropTypes.any,\n  item: PropTypes.shape({\n    height: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    id: PropTypes.string,\n    itemType: PropTypes.string,\n    left: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    pageID: PropTypes.string,\n    top: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    width: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n  }),\n};\n\nexport default memo(StaticItem);\n"],"names":["elementStyle","height","width","StaticItem","children","item","left","top","_jsx","getStyles","classNames","cn","hasChart","itemType","propTypes","PropTypes","any","shape","oneOfType","number","string","id","pageID","memo"],"mappings":";;;;;;;;;;;;;;AAQA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE,MADW;AAEnBC,EAAAA,KAAK,EAAE;AAFY,CAArB;;AAKA,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAGb;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,IAEP;AAAA,uBADJC,IACI;AAAA,MADJA,IACI,0BADG,EACH;AACJ,MACEJ,MADF,GAKII,IALJ,CACEJ,MADF;AAAA,MAEEK,IAFF,GAKID,IALJ,CAEEC,IAFF;AAAA,MAGEC,GAHF,GAKIF,IALJ,CAGEE,GAHF;AAAA,MAIEL,KAJF,GAKIG,IALJ,CAIEH,KAJF;AAMA,sBACEM,IAAC,cAAD;AACE,IAAA,KAAK,kCACAC,SAAS,CAACH,IAAD,EAAOC,GAAP,EAAY,KAAZ,CADT;AAEHN,MAAAA,MAAM,EAANA,MAFG;AAGHC,MAAAA,KAAK,EAALA;AAHG,MADP;AAAA,2BAOEM,IAAC,aAAD;AACE,MAAA,QAAQ,EAAE,IADZ;AAEE,MAAA,IAAI,EAAEH,IAFR;AAGE,MAAA,KAAK,EAAC,MAHR;AAAA,6BAKEG;AACE,QAAA,SAAS,EAAEE,iBADb;AAAA,+BAGEF;AACE,UAAA,SAAS,EAAEG,UAAE,WACRD,UADQ,GAEX;AAAEE,YAAAA,QAAQ,EAAEP,IAAI,CAACQ,QAAL,KAAkB;AAA9B,WAFW,CADf;AAKE,UAAA,KAAK,EAAEb,YALT;AAAA,oBAOGI;AAPH;AAHF;AALF;AAPF,IADF;AA6BD,CAvCD;;AAyCAD,UAAU,CAACW,SAAX,GAAuB;AACrBV,EAAAA,QAAQ,EAAEW,SAAS,CAACC,GADC;AAErBX,EAAAA,IAAI,EAAEU,SAAS,CAACE,KAAV,CAAgB;AACpBhB,IAAAA,MAAM,EAAEc,SAAS,CAACG,SAAV,CAAoB,CAC1BH,SAAS,CAACI,MADgB,EAE1BJ,SAAS,CAACK,MAFgB,CAApB,CADY;AAKpBC,IAAAA,EAAE,EAAEN,SAAS,CAACK,MALM;AAMpBP,IAAAA,QAAQ,EAAEE,SAAS,CAACK,MANA;AAOpBd,IAAAA,IAAI,EAAES,SAAS,CAACG,SAAV,CAAoB,CACxBH,SAAS,CAACI,MADc,EAExBJ,SAAS,CAACK,MAFc,CAApB,CAPc;AAWpBE,IAAAA,MAAM,EAAEP,SAAS,CAACK,MAXE;AAYpBb,IAAAA,GAAG,EAAEQ,SAAS,CAACG,SAAV,CAAoB,CACvBH,SAAS,CAACI,MADa,EAEvBJ,SAAS,CAACK,MAFa,CAApB,CAZe;AAgBpBlB,IAAAA,KAAK,EAAEa,SAAS,CAACG,SAAV,CAAoB,CACzBH,SAAS,CAACI,MADe,EAEzBJ,SAAS,CAACK,MAFe,CAApB;AAhBa,GAAhB;AAFe,CAAvB;AAyBA,gCAAeG,IAAI,CAACpB,UAAD,CAAnB;;;;"}

package/lib/esm/components/Preview/StaticPage.js

@@ -5,6 +5,7 @@ import PropTypes from 'prop-types';
 import { pageContainer } from '../../constants/classNames.js';
 import ReportItemRenderer from '../Builder/ReportItemRenderer.js';
 import StaticItem from './StaticItem.js';
+import ErrorBoundary from '../ErrorBoundary/ErrorBoundary.js';
 import withZoomPanPinchHOC from '../withZoomPanPinchHOC.js';
 import { usePropStore } from '../../contexts/PropContext.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -22,28 +23,32 @@ var StaticPage = function StaticPage(_ref) {
   var additionalPageItems = usePropStore(function (state) {
     return state.additionalPageItems;
   });
-  return /*#__PURE__*/jsx("div", {
-    className: pageContainer,
-    style: style,
-    children: /*#__PURE__*/jsxs("div", {
-      className: "jfReport-hider o-hidden f-all p-relative",
-      children: [items.filter(function (item) {
-        return item.isVisible !== undefined ? item.isVisible : true;
-      }).map(function (item) {
-        return /*#__PURE__*/jsx(StaticItem, {
-          item: item,
-          children: /*#__PURE__*/jsx(ReportItemRenderer, {
+  return /*#__PURE__*/jsx(ErrorBoundary, {
+    isStatic: true,
+    level: "page",
+    children: /*#__PURE__*/jsx("div", {
+      className: pageContainer,
+      style: style,
+      children: /*#__PURE__*/jsxs("div", {
+        className: "jfReport-hider o-hidden f-all p-relative",
+        children: [items.filter(function (item) {
+          return item.isVisible !== undefined ? item.isVisible : true;
+        }).map(function (item) {
+          return /*#__PURE__*/jsx(StaticItem, {
             item: item,
-            children: function children(ReportItem, mergedItem) {
-              return /*#__PURE__*/jsx(ReportItem, {
-                isThumbnail: isThumbnail,
-                item: mergedItem,
-                itemAccessor: itemAccessor
-              });
-            }
-          })
-        }, item.id);
-      }), additionalPageItems]
+            children: /*#__PURE__*/jsx(ReportItemRenderer, {
+              item: item,
+              children: function children(ReportItem, mergedItem) {
+                return /*#__PURE__*/jsx(ReportItem, {
+                  isThumbnail: isThumbnail,
+                  item: mergedItem,
+                  itemAccessor: itemAccessor
+                });
+              }
+            })
+          }, item.id);
+        }), additionalPageItems]
+      })
     })
   });
 };

package/lib/esm/components/Preview/StaticPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticPage.js","sources":["../../../../src/components/Preview/StaticPage.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as classNames from '../../constants/classNames';\nimport ReportItemRenderer from '../Builder/ReportItemRenderer';\nimport StaticItem from './StaticItem';\nimport withZoomPanPinchHOC from '../withZoomPanPinchHOC';\nimport { usePropStore } from '../../contexts/PropContext';\n\nconst StaticPage = ({\n  isThumbnail = false,\n  items = [],\n  style = {},\n}) => {\n  const itemAccessor = usePropStore(state => state.itemAccessor);\n  const additionalPageItems = usePropStore(state => state.additionalPageItems);\n  return (\n    <div\n      className={classNames.pageContainer}\n      style={style}\n    >\n      <div className=\"jfReport-hider o-hidden f-all p-relative\">\n        {items.filter(item => (\n          item.isVisible !== undefined\n            ? item.isVisible\n            : true\n        )).map(item => {\n          return (\n            <StaticItem\n              key={item.id}\n              item={item}\n            >\n              <ReportItemRenderer\n                item={item}\n              >\n                {(ReportItem, mergedItem) => (\n                  <ReportItem\n                    isThumbnail={isThumbnail}\n                    item={mergedItem}\n                    itemAccessor={itemAccessor}\n                  />\n                )}\n              </ReportItemRenderer>\n            </StaticItem>\n          );\n        })}\n        {additionalPageItems}\n      </div>\n    </div>\n  );\n};\n\nStaticPage.propTypes = {\n  isThumbnail: PropTypes.bool,\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  style: PropTypes.shape({}),\n};\n\nexport default memo(StaticPage);\nexport const StaticPageWithZoomPanPinch = withZoomPanPinchHOC(StaticPage);\n"],"names":["StaticPage","isThumbnail","items","style","itemAccessor","usePropStore","state","additionalPageItems","_jsx","classNames","_jsxs","filter","item","isVisible","undefined","map","ReportItem","mergedItem","id","propTypes","PropTypes","bool","arrayOf","shape","memo","StaticPageWithZoomPanPinch","withZoomPanPinchHOC"],"mappings":";;;;;;;;;;;AAQA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAIb;AAAA,8BAHJC,WAGI;AAAA,MAHJA,WAGI,iCAHU,KAGV;AAAA,wBAFJC,KAEI;AAAA,MAFJA,KAEI,2BAFI,EAEJ;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;AACJ,MAAMC,YAAY,GAAGC,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,YAAV;AAAA,GAAN,CAAjC;AACA,MAAMG,mBAAmB,GAAGF,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,mBAAV;AAAA,GAAN,CAAxC;AACA,sBACEC;AACE,IAAA,SAAS,EAAEC,aADb;AAEE,IAAA,KAAK,EAAEN,KAFT;AAAA,2BAIEO;AAAK,MAAA,SAAS,EAAC,0CAAf;AAAA,iBACGR,KAAK,CAACS,MAAN,CAAa,UAAAC,IAAI;AAAA,eAChBA,IAAI,CAACC,SAAL,KAAmBC,SAAnB,GACIF,IAAI,CAACC,SADT,GAEI,IAHY;AAAA,OAAjB,EAIEE,GAJF,CAIM,UAAAH,IAAI,EAAI;AACb,4BACEJ,IAAC,UAAD;AAEE,UAAA,IAAI,EAAEI,IAFR;AAAA,iCAIEJ,IAAC,kBAAD;AACE,YAAA,IAAI,EAAEI,IADR;AAAA,sBAGG,kBAACI,UAAD,EAAaC,UAAb;AAAA,kCACCT,IAAC,UAAD;AACE,gBAAA,WAAW,EAAEP,WADf;AAEE,gBAAA,IAAI,EAAEgB,UAFR;AAGE,gBAAA,YAAY,EAAEb;AAHhB,gBADD;AAAA;AAHH;AAJF,WACOQ,IAAI,CAACM,EADZ,CADF;AAkBD,OAvBA,CADH,EAyBGX,mBAzBH;AAAA;AAJF,IADF;AAkCD,CAzCD;;AA2CAP,UAAU,CAACmB,SAAX,GAAuB;AACrBlB,EAAAA,WAAW,EAAEmB,SAAS,CAACC,IADF;AAErBnB,EAAAA,KAAK,EAAEkB,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,CAFc;AAGrBpB,EAAAA,KAAK,EAAEiB,SAAS,CAACG,KAAV,CAAgB,EAAhB;AAHc,CAAvB;AAMA,gCAAeC,IAAI,CAACxB,UAAD,CAAnB;IACayB,0BAA0B,GAAGC,mBAAmB,CAAC1B,UAAD;;;;;"}
+{"version":3,"file":"StaticPage.js","sources":["../../../../src/components/Preview/StaticPage.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as classNames from '../../constants/classNames';\nimport ReportItemRenderer from '../Builder/ReportItemRenderer';\nimport StaticItem from './StaticItem';\nimport ErrorBoundary from '../ErrorBoundary/ErrorBoundary';\nimport withZoomPanPinchHOC from '../withZoomPanPinchHOC';\nimport { usePropStore } from '../../contexts/PropContext';\n\nconst StaticPage = ({\n  isThumbnail = false,\n  items = [],\n  style = {},\n}) => {\n  const itemAccessor = usePropStore(state => state.itemAccessor);\n  const additionalPageItems = usePropStore(state => state.additionalPageItems);\n  return (\n    <ErrorBoundary\n      isStatic={true}\n      level=\"page\"\n    >\n      <div\n        className={classNames.pageContainer}\n        style={style}\n      >\n        <div className=\"jfReport-hider o-hidden f-all p-relative\">\n          {items.filter(item => (\n            item.isVisible !== undefined\n              ? item.isVisible\n              : true\n          )).map(item => {\n            return (\n              <StaticItem\n                key={item.id}\n                item={item}\n              >\n                <ReportItemRenderer\n                  item={item}\n                >\n                  {(ReportItem, mergedItem) => (\n                    <ReportItem\n                      isThumbnail={isThumbnail}\n                      item={mergedItem}\n                      itemAccessor={itemAccessor}\n                    />\n                  )}\n                </ReportItemRenderer>\n              </StaticItem>\n            );\n          })}\n          {additionalPageItems}\n        </div>\n      </div>\n    </ErrorBoundary>\n  );\n};\n\nStaticPage.propTypes = {\n  isThumbnail: PropTypes.bool,\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  style: PropTypes.shape({}),\n};\n\nexport default memo(StaticPage);\nexport const StaticPageWithZoomPanPinch = withZoomPanPinchHOC(StaticPage);\n"],"names":["StaticPage","isThumbnail","items","style","itemAccessor","usePropStore","state","additionalPageItems","_jsx","classNames","_jsxs","filter","item","isVisible","undefined","map","ReportItem","mergedItem","id","propTypes","PropTypes","bool","arrayOf","shape","memo","StaticPageWithZoomPanPinch","withZoomPanPinchHOC"],"mappings":";;;;;;;;;;;;AASA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAIb;AAAA,8BAHJC,WAGI;AAAA,MAHJA,WAGI,iCAHU,KAGV;AAAA,wBAFJC,KAEI;AAAA,MAFJA,KAEI,2BAFI,EAEJ;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;AACJ,MAAMC,YAAY,GAAGC,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,YAAV;AAAA,GAAN,CAAjC;AACA,MAAMG,mBAAmB,GAAGF,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,mBAAV;AAAA,GAAN,CAAxC;AACA,sBACEC,IAAC,aAAD;AACE,IAAA,QAAQ,EAAE,IADZ;AAEE,IAAA,KAAK,EAAC,MAFR;AAAA,2BAIEA;AACE,MAAA,SAAS,EAAEC,aADb;AAEE,MAAA,KAAK,EAAEN,KAFT;AAAA,6BAIEO;AAAK,QAAA,SAAS,EAAC,0CAAf;AAAA,mBACGR,KAAK,CAACS,MAAN,CAAa,UAAAC,IAAI;AAAA,iBAChBA,IAAI,CAACC,SAAL,KAAmBC,SAAnB,GACIF,IAAI,CAACC,SADT,GAEI,IAHY;AAAA,SAAjB,EAIEE,GAJF,CAIM,UAAAH,IAAI,EAAI;AACb,8BACEJ,IAAC,UAAD;AAEE,YAAA,IAAI,EAAEI,IAFR;AAAA,mCAIEJ,IAAC,kBAAD;AACE,cAAA,IAAI,EAAEI,IADR;AAAA,wBAGG,kBAACI,UAAD,EAAaC,UAAb;AAAA,oCACCT,IAAC,UAAD;AACE,kBAAA,WAAW,EAAEP,WADf;AAEE,kBAAA,IAAI,EAAEgB,UAFR;AAGE,kBAAA,YAAY,EAAEb;AAHhB,kBADD;AAAA;AAHH;AAJF,aACOQ,IAAI,CAACM,EADZ,CADF;AAkBD,SAvBA,CADH,EAyBGX,mBAzBH;AAAA;AAJF;AAJF,IADF;AAuCD,CA9CD;;AAgDAP,UAAU,CAACmB,SAAX,GAAuB;AACrBlB,EAAAA,WAAW,EAAEmB,SAAS,CAACC,IADF;AAErBnB,EAAAA,KAAK,EAAEkB,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,CAFc;AAGrBpB,EAAAA,KAAK,EAAEiB,SAAS,CAACG,KAAV,CAAgB,EAAhB;AAHc,CAAvB;AAMA,gCAAeC,IAAI,CAACxB,UAAD,CAAnB;IACayB,0BAA0B,GAAGC,mBAAmB,CAAC1B,UAAD;;;;;"}

package/lib/esm/constants/texts.js

@@ -19,6 +19,10 @@ var ALL_TEXTS = {
   DUPLICATE_ITEM: 'Duplicate Item',
   DUPLICATE_PAGE: 'Duplicate Slide',
   ELEMENTS: 'Elements',
+  ERROR_BOUNDARY_DESCRIPTION: 'We\'ve been notified of the issue and aim to fix it shortly. Please try again later.',
+  ERROR_BOUNDARY_ITEM_DESCRIPTION: 'Please try removing and re-adding the item.',
+  ERROR_BOUNDARY_PAGE_DESCRIPTION: 'An unexpected error occurred on this page.',
+  ERROR_BOUNDARY_TITLE: 'Something went wrong!.',
   FIT_TO_PAGE: 'Fit to Slide',
   FIT_TO_SCENE: 'Fit to Screen',
   GENERAL: 'GENERAL',
@@ -53,6 +57,7 @@ var ALL_TEXTS = {
   TOGGLE_OFF: 'OFF',
   TOGGLE_ON: 'ON',
   UNLOCK_ITEM: 'Unlock Item',
+  VIEW_ERROR_DETAILS: 'View Details',
   WIDTH: 'Width',
   ZOOM_IN: 'Zoom In',
   ZOOM_OUT: 'Zoom Out'

package/lib/esm/constants/texts.js.map

@@ -1 +1 @@
-{"version":3,"file":"texts.js","sources":["../../../src/constants/texts.js"],"sourcesContent":["/* eslint-disable max-len */\nconst ALL_TEXTS = {\n  ADD_ELEMENT: 'Add Element',\n  ADD_LINK: 'ADD LINK',\n  ADD_NEW_PAGE: 'ADD SLIDE',\n  BACKGROUND_COLOR: 'Background Color',\n  CHART_ELEMENT: 'Chart Element',\n  CHART_SETTINGS: 'Chart Settings',\n  CLICK_TO_EDIT_HEADER: 'Click to edit header',\n  CLICK_TO_EDIT_TEXT: 'Click to edit text',\n  DELETE: 'Delete',\n  DELETE_ITEM: 'Delete Item',\n  DUPLICATE_ITEM: 'Duplicate Item',\n  DUPLICATE_PAGE: 'Duplicate Slide',\n  ELEMENTS: 'Elements',\n  FIT_TO_PAGE: 'Fit to Slide',\n  FIT_TO_SCENE: 'Fit to Screen',\n  GENERAL: 'GENERAL',\n  GRID_SETTINGS: 'Grid Settings',\n  HEADER_SETTINGS: 'Header Settings',\n  HEIGHT: 'Height',\n  ICON_SETTINGS: 'Icon Settings',\n  IMAGE_SETTINGS: 'Image Settings',\n  ITEM_SETTINGS: 'Item Settings',\n  LAYERS: 'Layers',\n  LAYOUT_SETTINGS: 'Layout Settings',\n  LOCK_ITEM: 'Lock Item',\n  MOVE_BACKWARDS: 'Move Backwards',\n  MOVE_FORWARDS: 'Move Forwards',\n  MOVE_PAGE_DOWNWARDS: 'Move Slide Downwards',\n  MOVE_PAGE_UPWARDS: 'Move Slide Upwards',\n  MOVE_TO_BACK: 'Move to Back',\n  MOVE_TO_FRONT: 'Move to Front',\n  NO_ELEMENT_IN_PAGE: 'There is no element on this slide. You can add a new element from side menu.',\n  NO_RESULT: 'No result was found',\n  ORIGINAL_SIZE: 'Original Size',\n  PAGE_ELEMENT: 'Page Element',\n  PAGE_SETTINGS: 'Slide Settings',\n  PAGE_STYLE: 'Slide Style',\n  RECTANGLE: 'Rectangle',\n  REMOVE_PAGE: 'Remove Slide',\n  SEARCH: 'Search',\n  SETTINGS: 'Settings',\n  SHOW_ALL: 'Show All',\n  SLIDES: 'Slides',\n  TEXT_SETTINGS: 'Text Settings',\n  TOGGLE_OFF: 'OFF',\n  TOGGLE_ON: 'ON',\n  UNLOCK_ITEM: 'Unlock Item',\n  WIDTH: 'Width',\n  ZOOM_IN: 'Zoom In',\n  ZOOM_OUT: 'Zoom Out',\n};\n\nclass ModuleTexts {\n  constructor(allTexts) {\n    this._texts = allTexts;\n  }\n\n  get Texts() {\n    return this._texts;\n  }\n\n  setTexts(allTexts) {\n    this._texts = allTexts;\n  }\n}\n\nexport const SharingTextsModule = new ModuleTexts(ALL_TEXTS);\nexport default ALL_TEXTS;\n"],"names":["ALL_TEXTS","ADD_ELEMENT","ADD_LINK","ADD_NEW_PAGE","BACKGROUND_COLOR","CHART_ELEMENT","CHART_SETTINGS","CLICK_TO_EDIT_HEADER","CLICK_TO_EDIT_TEXT","DELETE","DELETE_ITEM","DUPLICATE_ITEM","DUPLICATE_PAGE","ELEMENTS","FIT_TO_PAGE","FIT_TO_SCENE","GENERAL","GRID_SETTINGS","HEADER_SETTINGS","HEIGHT","ICON_SETTINGS","IMAGE_SETTINGS","ITEM_SETTINGS","LAYERS","LAYOUT_SETTINGS","LOCK_ITEM","MOVE_BACKWARDS","MOVE_FORWARDS","MOVE_PAGE_DOWNWARDS","MOVE_PAGE_UPWARDS","MOVE_TO_BACK","MOVE_TO_FRONT","NO_ELEMENT_IN_PAGE","NO_RESULT","ORIGINAL_SIZE","PAGE_ELEMENT","PAGE_SETTINGS","PAGE_STYLE","RECTANGLE","REMOVE_PAGE","SEARCH","SETTINGS","SHOW_ALL","SLIDES","TEXT_SETTINGS","TOGGLE_OFF","TOGGLE_ON","UNLOCK_ITEM","WIDTH","ZOOM_IN","ZOOM_OUT","ModuleTexts","allTexts","_texts","SharingTextsModule"],"mappings":";;;;;;AAAA;IACMA,SAAS,GAAG;AAChBC,EAAAA,WAAW,EAAE,aADG;AAEhBC,EAAAA,QAAQ,EAAE,UAFM;AAGhBC,EAAAA,YAAY,EAAE,WAHE;AAIhBC,EAAAA,gBAAgB,EAAE,kBAJF;AAKhBC,EAAAA,aAAa,EAAE,eALC;AAMhBC,EAAAA,cAAc,EAAE,gBANA;AAOhBC,EAAAA,oBAAoB,EAAE,sBAPN;AAQhBC,EAAAA,kBAAkB,EAAE,oBARJ;AAShBC,EAAAA,MAAM,EAAE,QATQ;AAUhBC,EAAAA,WAAW,EAAE,aAVG;AAWhBC,EAAAA,cAAc,EAAE,gBAXA;AAYhBC,EAAAA,cAAc,EAAE,iBAZA;AAahBC,EAAAA,QAAQ,EAAE,UAbM;AAchBC,EAAAA,WAAW,EAAE,cAdG;AAehBC,EAAAA,YAAY,EAAE,eAfE;AAgBhBC,EAAAA,OAAO,EAAE,SAhBO;AAiBhBC,EAAAA,aAAa,EAAE,eAjBC;AAkBhBC,EAAAA,eAAe,EAAE,iBAlBD;AAmBhBC,EAAAA,MAAM,EAAE,QAnBQ;AAoBhBC,EAAAA,aAAa,EAAE,eApBC;AAqBhBC,EAAAA,cAAc,EAAE,gBArBA;AAsBhBC,EAAAA,aAAa,EAAE,eAtBC;AAuBhBC,EAAAA,MAAM,EAAE,QAvBQ;AAwBhBC,EAAAA,eAAe,EAAE,iBAxBD;AAyBhBC,EAAAA,SAAS,EAAE,WAzBK;AA0BhBC,EAAAA,cAAc,EAAE,gBA1BA;AA2BhBC,EAAAA,aAAa,EAAE,eA3BC;AA4BhBC,EAAAA,mBAAmB,EAAE,sBA5BL;AA6BhBC,EAAAA,iBAAiB,EAAE,oBA7BH;AA8BhBC,EAAAA,YAAY,EAAE,cA9BE;AA+BhBC,EAAAA,aAAa,EAAE,eA/BC;AAgChBC,EAAAA,kBAAkB,EAAE,8EAhCJ;AAiChBC,EAAAA,SAAS,EAAE,qBAjCK;AAkChBC,EAAAA,aAAa,EAAE,eAlCC;AAmChBC,EAAAA,YAAY,EAAE,cAnCE;AAoChBC,EAAAA,aAAa,EAAE,gBApCC;AAqChBC,EAAAA,UAAU,EAAE,aArCI;AAsChBC,EAAAA,SAAS,EAAE,WAtCK;AAuChBC,EAAAA,WAAW,EAAE,cAvCG;AAwChBC,EAAAA,MAAM,EAAE,QAxCQ;AAyChBC,EAAAA,QAAQ,EAAE,UAzCM;AA0ChBC,EAAAA,QAAQ,EAAE,UA1CM;AA2ChBC,EAAAA,MAAM,EAAE,QA3CQ;AA4ChBC,EAAAA,aAAa,EAAE,eA5CC;AA6ChBC,EAAAA,UAAU,EAAE,KA7CI;AA8ChBC,EAAAA,SAAS,EAAE,IA9CK;AA+ChBC,EAAAA,WAAW,EAAE,aA/CG;AAgDhBC,EAAAA,KAAK,EAAE,OAhDS;AAiDhBC,EAAAA,OAAO,EAAE,SAjDO;AAkDhBC,EAAAA,QAAQ,EAAE;AAlDM;;IAqDZC;AACJ,uBAAYC,QAAZ,EAAsB;AAAA;;AACpB,SAAKC,MAAL,GAAcD,QAAd;AACD;;;;SAED,eAAY;AACV,aAAO,KAAKC,MAAZ;AACD;;;WAED,kBAASD,QAAT,EAAmB;AACjB,WAAKC,MAAL,GAAcD,QAAd;AACD;;;;;;IAGUE,kBAAkB,GAAG,IAAIH,WAAJ,CAAgBnD,SAAhB;;;;;"}
+{"version":3,"file":"texts.js","sources":["../../../src/constants/texts.js"],"sourcesContent":["/* eslint-disable max-len */\nconst ALL_TEXTS = {\n  ADD_ELEMENT: 'Add Element',\n  ADD_LINK: 'ADD LINK',\n  ADD_NEW_PAGE: 'ADD SLIDE',\n  BACKGROUND_COLOR: 'Background Color',\n  CHART_ELEMENT: 'Chart Element',\n  CHART_SETTINGS: 'Chart Settings',\n  CLICK_TO_EDIT_HEADER: 'Click to edit header',\n  CLICK_TO_EDIT_TEXT: 'Click to edit text',\n  DELETE: 'Delete',\n  DELETE_ITEM: 'Delete Item',\n  DUPLICATE_ITEM: 'Duplicate Item',\n  DUPLICATE_PAGE: 'Duplicate Slide',\n  ELEMENTS: 'Elements',\n  ERROR_BOUNDARY_DESCRIPTION: 'We\\'ve been notified of the issue and aim to fix it shortly. Please try again later.',\n  ERROR_BOUNDARY_ITEM_DESCRIPTION: 'Please try removing and re-adding the item.',\n  ERROR_BOUNDARY_PAGE_DESCRIPTION: 'An unexpected error occurred on this page.',\n  ERROR_BOUNDARY_TITLE: 'Something went wrong!.',\n  FIT_TO_PAGE: 'Fit to Slide',\n  FIT_TO_SCENE: 'Fit to Screen',\n  GENERAL: 'GENERAL',\n  GRID_SETTINGS: 'Grid Settings',\n  HEADER_SETTINGS: 'Header Settings',\n  HEIGHT: 'Height',\n  ICON_SETTINGS: 'Icon Settings',\n  IMAGE_SETTINGS: 'Image Settings',\n  ITEM_SETTINGS: 'Item Settings',\n  LAYERS: 'Layers',\n  LAYOUT_SETTINGS: 'Layout Settings',\n  LOCK_ITEM: 'Lock Item',\n  MOVE_BACKWARDS: 'Move Backwards',\n  MOVE_FORWARDS: 'Move Forwards',\n  MOVE_PAGE_DOWNWARDS: 'Move Slide Downwards',\n  MOVE_PAGE_UPWARDS: 'Move Slide Upwards',\n  MOVE_TO_BACK: 'Move to Back',\n  MOVE_TO_FRONT: 'Move to Front',\n  NO_ELEMENT_IN_PAGE: 'There is no element on this slide. You can add a new element from side menu.',\n  NO_RESULT: 'No result was found',\n  ORIGINAL_SIZE: 'Original Size',\n  PAGE_ELEMENT: 'Page Element',\n  PAGE_SETTINGS: 'Slide Settings',\n  PAGE_STYLE: 'Slide Style',\n  RECTANGLE: 'Rectangle',\n  REMOVE_PAGE: 'Remove Slide',\n  SEARCH: 'Search',\n  SETTINGS: 'Settings',\n  SHOW_ALL: 'Show All',\n  SLIDES: 'Slides',\n  TEXT_SETTINGS: 'Text Settings',\n  TOGGLE_OFF: 'OFF',\n  TOGGLE_ON: 'ON',\n  UNLOCK_ITEM: 'Unlock Item',\n  VIEW_ERROR_DETAILS: 'View Details',\n  WIDTH: 'Width',\n  ZOOM_IN: 'Zoom In',\n  ZOOM_OUT: 'Zoom Out',\n};\n\nclass ModuleTexts {\n  constructor(allTexts) {\n    this._texts = allTexts;\n  }\n\n  get Texts() {\n    return this._texts;\n  }\n\n  setTexts(allTexts) {\n    this._texts = allTexts;\n  }\n}\n\nexport const SharingTextsModule = new ModuleTexts(ALL_TEXTS);\nexport default ALL_TEXTS;\n"],"names":["ALL_TEXTS","ADD_ELEMENT","ADD_LINK","ADD_NEW_PAGE","BACKGROUND_COLOR","CHART_ELEMENT","CHART_SETTINGS","CLICK_TO_EDIT_HEADER","CLICK_TO_EDIT_TEXT","DELETE","DELETE_ITEM","DUPLICATE_ITEM","DUPLICATE_PAGE","ELEMENTS","ERROR_BOUNDARY_DESCRIPTION","ERROR_BOUNDARY_ITEM_DESCRIPTION","ERROR_BOUNDARY_PAGE_DESCRIPTION","ERROR_BOUNDARY_TITLE","FIT_TO_PAGE","FIT_TO_SCENE","GENERAL","GRID_SETTINGS","HEADER_SETTINGS","HEIGHT","ICON_SETTINGS","IMAGE_SETTINGS","ITEM_SETTINGS","LAYERS","LAYOUT_SETTINGS","LOCK_ITEM","MOVE_BACKWARDS","MOVE_FORWARDS","MOVE_PAGE_DOWNWARDS","MOVE_PAGE_UPWARDS","MOVE_TO_BACK","MOVE_TO_FRONT","NO_ELEMENT_IN_PAGE","NO_RESULT","ORIGINAL_SIZE","PAGE_ELEMENT","PAGE_SETTINGS","PAGE_STYLE","RECTANGLE","REMOVE_PAGE","SEARCH","SETTINGS","SHOW_ALL","SLIDES","TEXT_SETTINGS","TOGGLE_OFF","TOGGLE_ON","UNLOCK_ITEM","VIEW_ERROR_DETAILS","WIDTH","ZOOM_IN","ZOOM_OUT","ModuleTexts","allTexts","_texts","SharingTextsModule"],"mappings":";;;;;;AAAA;IACMA,SAAS,GAAG;AAChBC,EAAAA,WAAW,EAAE,aADG;AAEhBC,EAAAA,QAAQ,EAAE,UAFM;AAGhBC,EAAAA,YAAY,EAAE,WAHE;AAIhBC,EAAAA,gBAAgB,EAAE,kBAJF;AAKhBC,EAAAA,aAAa,EAAE,eALC;AAMhBC,EAAAA,cAAc,EAAE,gBANA;AAOhBC,EAAAA,oBAAoB,EAAE,sBAPN;AAQhBC,EAAAA,kBAAkB,EAAE,oBARJ;AAShBC,EAAAA,MAAM,EAAE,QATQ;AAUhBC,EAAAA,WAAW,EAAE,aAVG;AAWhBC,EAAAA,cAAc,EAAE,gBAXA;AAYhBC,EAAAA,cAAc,EAAE,iBAZA;AAahBC,EAAAA,QAAQ,EAAE,UAbM;AAchBC,EAAAA,0BAA0B,EAAE,sFAdZ;AAehBC,EAAAA,+BAA+B,EAAE,6CAfjB;AAgBhBC,EAAAA,+BAA+B,EAAE,4CAhBjB;AAiBhBC,EAAAA,oBAAoB,EAAE,wBAjBN;AAkBhBC,EAAAA,WAAW,EAAE,cAlBG;AAmBhBC,EAAAA,YAAY,EAAE,eAnBE;AAoBhBC,EAAAA,OAAO,EAAE,SApBO;AAqBhBC,EAAAA,aAAa,EAAE,eArBC;AAsBhBC,EAAAA,eAAe,EAAE,iBAtBD;AAuBhBC,EAAAA,MAAM,EAAE,QAvBQ;AAwBhBC,EAAAA,aAAa,EAAE,eAxBC;AAyBhBC,EAAAA,cAAc,EAAE,gBAzBA;AA0BhBC,EAAAA,aAAa,EAAE,eA1BC;AA2BhBC,EAAAA,MAAM,EAAE,QA3BQ;AA4BhBC,EAAAA,eAAe,EAAE,iBA5BD;AA6BhBC,EAAAA,SAAS,EAAE,WA7BK;AA8BhBC,EAAAA,cAAc,EAAE,gBA9BA;AA+BhBC,EAAAA,aAAa,EAAE,eA/BC;AAgChBC,EAAAA,mBAAmB,EAAE,sBAhCL;AAiChBC,EAAAA,iBAAiB,EAAE,oBAjCH;AAkChBC,EAAAA,YAAY,EAAE,cAlCE;AAmChBC,EAAAA,aAAa,EAAE,eAnCC;AAoChBC,EAAAA,kBAAkB,EAAE,8EApCJ;AAqChBC,EAAAA,SAAS,EAAE,qBArCK;AAsChBC,EAAAA,aAAa,EAAE,eAtCC;AAuChBC,EAAAA,YAAY,EAAE,cAvCE;AAwChBC,EAAAA,aAAa,EAAE,gBAxCC;AAyChBC,EAAAA,UAAU,EAAE,aAzCI;AA0ChBC,EAAAA,SAAS,EAAE,WA1CK;AA2ChBC,EAAAA,WAAW,EAAE,cA3CG;AA4ChBC,EAAAA,MAAM,EAAE,QA5CQ;AA6ChBC,EAAAA,QAAQ,EAAE,UA7CM;AA8ChBC,EAAAA,QAAQ,EAAE,UA9CM;AA+ChBC,EAAAA,MAAM,EAAE,QA/CQ;AAgDhBC,EAAAA,aAAa,EAAE,eAhDC;AAiDhBC,EAAAA,UAAU,EAAE,KAjDI;AAkDhBC,EAAAA,SAAS,EAAE,IAlDK;AAmDhBC,EAAAA,WAAW,EAAE,aAnDG;AAoDhBC,EAAAA,kBAAkB,EAAE,cApDJ;AAqDhBC,EAAAA,KAAK,EAAE,OArDS;AAsDhBC,EAAAA,OAAO,EAAE,SAtDO;AAuDhBC,EAAAA,QAAQ,EAAE;AAvDM;;IA0DZC;AACJ,uBAAYC,QAAZ,EAAsB;AAAA;;AACpB,SAAKC,MAAL,GAAcD,QAAd;AACD;;;;SAED,eAAY;AACV,aAAO,KAAKC,MAAZ;AACD;;;WAED,kBAASD,QAAT,EAAmB;AACjB,WAAKC,MAAL,GAAcD,QAAd;AACD;;;;;;IAGUE,kBAAkB,GAAG,IAAIH,WAAJ,CAAgBxD,SAAhB;;;;;"}

package/lib/esm/contexts/BuilderContext.js

@@ -30,6 +30,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var builderStore = function builderStore(props) {
   return createStore(function (set, get) {
+    var _props$shouldShowRigh;
+
     return {
       activeElements: props.activeElement || [],
       activeTab: props.activeTab || {
@@ -188,6 +190,7 @@ var builderStore = function builderStore(props) {
           }
         }
       },
+      shouldShowRightPanelInitially: (_props$shouldShowRigh = props.shouldShowRightPanelInitially) !== null && _props$shouldShowRigh !== void 0 ? _props$shouldShowRigh : true,
       zoom: 1
     };
   });