@jotforminc/dnd-builder 3.3.0 → 3.4.1

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

@@ -0,0 +1,81 @@
+'use strict';
+
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/es.regexp.to-string.js');
+var PropTypes = require('prop-types');
+var close = require('../../assets/svg/close.svg.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+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__*/jsxRuntime.jsx("div", {
+    className: "errorBoundary-details-overlay",
+    onClick: handleCloseDetails,
+    role: "presentation",
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "errorBoundary-details-wrapper",
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      role: "presentation",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "errorBoundary-details-header",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          style: {
+            marginRight: '24px',
+            minWidth: '0'
+          },
+          children: [/*#__PURE__*/jsxRuntime.jsx("h2", {
+            children: "Error Details"
+          }), /*#__PURE__*/jsxRuntime.jsx("p", {
+            style: {
+              color: '#6C73A8',
+              fontSize: '14px',
+              lineHeight: '20px',
+              marginTop: '8px',
+              whiteSpace: 'pre-wrap'
+            },
+            children: error && error.toString()
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx("button", {
+          "aria-label": "Close Button",
+          className: "errorBoundary-details-close-button",
+          onClick: handleCloseDetails,
+          type: "button",
+          children: /*#__PURE__*/jsxRuntime.jsx(close, {
+            style: {
+              height: '24px',
+              width: '24px'
+            }
+          })
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "errorBoundary-details-content",
+        children: /*#__PURE__*/jsxRuntime.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__default['default'].instanceOf(Error),
+  errorInfo: PropTypes__default['default'].shape({
+    componentStack: PropTypes__default['default'].string
+  }),
+  handleCloseDetails: PropTypes__default['default'].func
+};
+
+module.exports = ErrorDetails;
+//# sourceMappingURL=ErrorDetails.js.map

package/lib/cjs/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,eAACY,KAAD;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,6BAAS,CAACC,UAAV,CAAqBC,KAArB,CADgB;AAEvBrB,EAAAA,SAAS,EAAEmB,6BAAS,CAACG,KAAV,CAAgB;AACzBL,IAAAA,cAAc,EAAEE,6BAAS,CAACI;AADD,GAAhB,CAFY;AAKvBtB,EAAAA,kBAAkB,EAAEkB,6BAAS,CAACK;AALP,CAAzB;;;;"}

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

@@ -0,0 +1,122 @@
+'use strict';
+
+require('core-js/modules/es.symbol.js');
+require('core-js/modules/es.symbol.description.js');
+var PropTypes = require('prop-types');
+var reactDom = require('react-dom');
+var React = require('react');
+var ErrorDetails = require('./ErrorDetails.js');
+var jsxRuntime = require('react/jsx-runtime');
+var exclamation = require('../../assets/svg/exclamation.svg.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+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,
+      _ref$textConfig = _ref.textConfig,
+      textConfig = _ref$textConfig === void 0 ? {
+    item: {
+      description: '',
+      title: ''
+    },
+    page: {
+      description: '',
+      title: ''
+    }
+  } : _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 = React.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__*/jsxRuntime.jsxs("div", {
+    className: "errorBoundary-wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsx(exclamation, {
+      className: isStatic ? 'errorBoundary-icon-static' : 'errorBoundary-icon'
+    }), /*#__PURE__*/jsxRuntime.jsx("strong", {
+      style: {
+        fontSize: !isStatic ? '20px' : '12px'
+      },
+      children: title
+    }), !isStatic && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [item && /*#__PURE__*/jsxRuntime.jsxs("span", {
+        children: ["Item:", ' ', item.itemType || 'unknown', ' ', item.id ? "(".concat(item.id, ")") : '']
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        children: description
+      }), /*#__PURE__*/jsxRuntime.jsx("button", {
+        className: "errorBoundary-view-details-button",
+        onClick: handleOpenDetails,
+        type: "button",
+        children: "View"
+      }), isDetailsOpen && /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/jsxRuntime.jsx(ErrorDetails, {
+        error: error,
+        errorInfo: errorInfo,
+        handleCloseDetails: handleCloseDetails
+      }), document.body)]
+    })]
+  });
+};
+
+ErrorFallbackWrapper.propTypes = {
+  error: PropTypes__default['default'].instanceOf(Error),
+  errorInfo: PropTypes__default['default'].shape({
+    componentStack: PropTypes__default['default'].string
+  }),
+  isStatic: PropTypes__default['default'].bool,
+  item: PropTypes__default['default'].shape({
+    id: PropTypes__default['default'].string,
+    itemType: PropTypes__default['default'].string
+  }),
+  level: PropTypes__default['default'].oneOf(['item', 'page']),
+  textConfig: PropTypes__default['default'].shape({
+    item: PropTypes__default['default'].shape({
+      description: PropTypes__default['default'].string,
+      title: PropTypes__default['default'].string
+    }),
+    page: PropTypes__default['default'].shape({
+      description: PropTypes__default['default'].string,
+      title: PropTypes__default['default'].string
+    })
+  })
+};
+
+module.exports = ErrorFallbackWrapper;
+//# sourceMappingURL=ErrorFallbackWrapper.js.map

package/lib/cjs/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    item: {\n      description: '',\n      title: '',\n    },\n    page: {\n      description: '',\n      title: '',\n    },\n  },\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\nexport default ErrorFallbackWrapper;\n"],"names":["ErrorFallbackWrapper","error","errorInfo","isStatic","item","level","textConfig","description","title","page","useState","isDetailsOpen","setIsDetailsOpen","handleOpenDetails","handleCloseDetails","_jsxs","_jsx","ExclamationIcon","fontSize","itemType","id","createPortal","document","body","propTypes","PropTypes","instanceOf","Error","shape","componentStack","string","bool","oneOf"],"mappings":"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"}

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

@@ -11,7 +11,7 @@ var BuilderContext = require('../../../contexts/BuilderContext.js');
 var PropContext = require('../../../contexts/PropContext.js');
 var SettingsItemRenderer = require('../../Settings/SettingsItemRenderer.js');
 var functions = require('../../../utils/functions.js');
-var ErrorBoundary = require('../../ErrorBoundary.js');
+var ErrorBoundary = require('../../ErrorBoundary/ErrorBoundary.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -69,6 +69,8 @@ var Settings = function Settings(_ref) {
           settingValue: computedValue,
           children: function children(SettingItem) {
             return /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
+              item: newItem,
+              level: "settings",
               children: /*#__PURE__*/jsxRuntime.jsx(SettingItem, {
                 config: setting,
                 item: newItem,

package/lib/cjs/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","onChangeFunction","toString","id","uniqueId","propTypes","PropTypes","shape","func","arrayOf","string","memo"],"mappings":"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"}
+{"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/cjs/components/Preview/StaticItem.js

@@ -6,7 +6,7 @@ var classNames$1 = require('classnames');
 var classNames = require('../../constants/classNames.js');
 var functions = require('../../utils/functions.js');
 var ItemPositioner = require('../ItemPositioner.js');
-var ErrorBoundary = require('../ErrorBoundary.js');
+var ErrorBoundary = require('../ErrorBoundary/ErrorBoundary.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -33,12 +33,15 @@ var StaticItem = function StaticItem(_ref) {
       left = item.left,
       top = item.top,
       width = item.width;
-  return /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
-    children: /*#__PURE__*/jsxRuntime.jsx(ItemPositioner, {
-      style: _objectSpread(_objectSpread({}, functions.getStyles(left, top, false)), {}, {
-        height: height,
-        width: width
-      }),
+  return /*#__PURE__*/jsxRuntime.jsx(ItemPositioner, {
+    style: _objectSpread(_objectSpread({}, functions.getStyles(left, top, false)), {}, {
+      height: height,
+      width: width
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
+      isStatic: true,
+      item: item,
+      level: "item",
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
         className: classNames.reportItemWrapper,
         children: /*#__PURE__*/jsxRuntime.jsx("div", {

package/lib/cjs/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","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,eAAC,aAAD;AAAA,2BACEA,eAAC,cAAD;AACE,MAAA,KAAK,kCACAC,mBAAS,CAACH,IAAD,EAAOC,GAAP,EAAY,KAAZ,CADT;AAEHN,QAAAA,MAAM,EAANA,MAFG;AAGHC,QAAAA,KAAK,EAALA;AAHG,QADP;AAAA,6BAOEM;AACE,QAAA,SAAS,EAAEE,4BADb;AAAA,+BAGEF;AACE,UAAA,SAAS,EAAEG,8BAAE,WACRD,qBADQ,GAEX;AAAEE,YAAAA,QAAQ,EAAEP,IAAI,CAACQ,QAAL,KAAkB;AAA9B,WAFW,CADf;AAKE,UAAA,KAAK,EAAEb,YALT;AAAA,oBAOGI;AAPH;AAHF;AAPF;AADF,IADF;AAyBD,CAnCD;;AAqCAD,UAAU,CAACW,SAAX,GAAuB;AACrBV,EAAAA,QAAQ,EAAEW,6BAAS,CAACC,GADC;AAErBX,EAAAA,IAAI,EAAEU,6BAAS,CAACE,KAAV,CAAgB;AACpBhB,IAAAA,MAAM,EAAEc,6BAAS,CAACG,SAAV,CAAoB,CAC1BH,6BAAS,CAACI,MADgB,EAE1BJ,6BAAS,CAACK,MAFgB,CAApB,CADY;AAKpBC,IAAAA,EAAE,EAAEN,6BAAS,CAACK,MALM;AAMpBP,IAAAA,QAAQ,EAAEE,6BAAS,CAACK,MANA;AAOpBd,IAAAA,IAAI,EAAES,6BAAS,CAACG,SAAV,CAAoB,CACxBH,6BAAS,CAACI,MADc,EAExBJ,6BAAS,CAACK,MAFc,CAApB,CAPc;AAWpBE,IAAAA,MAAM,EAAEP,6BAAS,CAACK,MAXE;AAYpBb,IAAAA,GAAG,EAAEQ,6BAAS,CAACG,SAAV,CAAoB,CACvBH,6BAAS,CAACI,MADa,EAEvBJ,6BAAS,CAACK,MAFa,CAApB,CAZe;AAgBpBlB,IAAAA,KAAK,EAAEa,6BAAS,CAACG,SAAV,CAAoB,CACzBH,6BAAS,CAACI,MADe,EAEzBJ,6BAAS,CAACK,MAFe,CAApB;AAhBa,GAAhB;AAFe,CAAvB;AAyBA,gCAAeG,UAAI,CAACpB,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,eAAC,cAAD;AACE,IAAA,KAAK,kCACAC,mBAAS,CAACH,IAAD,EAAOC,GAAP,EAAY,KAAZ,CADT;AAEHN,MAAAA,MAAM,EAANA,MAFG;AAGHC,MAAAA,KAAK,EAALA;AAHG,MADP;AAAA,2BAOEM,eAAC,aAAD;AACE,MAAA,QAAQ,EAAE,IADZ;AAEE,MAAA,IAAI,EAAEH,IAFR;AAGE,MAAA,KAAK,EAAC,MAHR;AAAA,6BAKEG;AACE,QAAA,SAAS,EAAEE,4BADb;AAAA,+BAGEF;AACE,UAAA,SAAS,EAAEG,8BAAE,WACRD,qBADQ,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,6BAAS,CAACC,GADC;AAErBX,EAAAA,IAAI,EAAEU,6BAAS,CAACE,KAAV,CAAgB;AACpBhB,IAAAA,MAAM,EAAEc,6BAAS,CAACG,SAAV,CAAoB,CAC1BH,6BAAS,CAACI,MADgB,EAE1BJ,6BAAS,CAACK,MAFgB,CAApB,CADY;AAKpBC,IAAAA,EAAE,EAAEN,6BAAS,CAACK,MALM;AAMpBP,IAAAA,QAAQ,EAAEE,6BAAS,CAACK,MANA;AAOpBd,IAAAA,IAAI,EAAES,6BAAS,CAACG,SAAV,CAAoB,CACxBH,6BAAS,CAACI,MADc,EAExBJ,6BAAS,CAACK,MAFc,CAApB,CAPc;AAWpBE,IAAAA,MAAM,EAAEP,6BAAS,CAACK,MAXE;AAYpBb,IAAAA,GAAG,EAAEQ,6BAAS,CAACG,SAAV,CAAoB,CACvBH,6BAAS,CAACI,MADa,EAEvBJ,6BAAS,CAACK,MAFa,CAApB,CAZe;AAgBpBlB,IAAAA,KAAK,EAAEa,6BAAS,CAACG,SAAV,CAAoB,CACzBH,6BAAS,CAACI,MADe,EAEzBJ,6BAAS,CAACK,MAFe,CAApB;AAhBa,GAAhB;AAFe,CAAvB;AAyBA,gCAAeG,UAAI,CAACpB,UAAD,CAAnB;;;;"}

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

@@ -9,6 +9,7 @@ var PropTypes = require('prop-types');
 var classNames = require('../../constants/classNames.js');
 var ReportItemRenderer = require('../Builder/ReportItemRenderer.js');
 var StaticItem = require('./StaticItem.js');
+var ErrorBoundary = require('../ErrorBoundary/ErrorBoundary.js');
 var withZoomPanPinchHOC = require('../withZoomPanPinchHOC.js');
 var PropContext = require('../../contexts/PropContext.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -30,28 +31,32 @@ var StaticPage = function StaticPage(_ref) {
   var additionalPageItems = PropContext.usePropStore(function (state) {
     return state.additionalPageItems;
   });
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classNames.pageContainer,
-    style: style,
-    children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(StaticItem, {
-          item: item,
-          children: /*#__PURE__*/jsxRuntime.jsx(ReportItemRenderer, {
+  return /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
+    isStatic: true,
+    level: "page",
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: classNames.pageContainer,
+      style: style,
+      children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(StaticItem, {
             item: item,
-            children: function children(ReportItem, mergedItem) {
-              return /*#__PURE__*/jsxRuntime.jsx(ReportItem, {
-                isThumbnail: isThumbnail,
-                item: mergedItem,
-                itemAccessor: itemAccessor
-              });
-            }
-          })
-        }, item.id);
-      }), additionalPageItems]
+            children: /*#__PURE__*/jsxRuntime.jsx(ReportItemRenderer, {
+              item: item,
+              children: function children(ReportItem, mergedItem) {
+                return /*#__PURE__*/jsxRuntime.jsx(ReportItem, {
+                  isThumbnail: isThumbnail,
+                  item: mergedItem,
+                  itemAccessor: itemAccessor
+                });
+              }
+            })
+          }, item.id);
+        }), additionalPageItems]
+      })
     })
   });
 };

package/lib/cjs/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,wBAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,YAAV;AAAA,GAAN,CAAjC;AACA,MAAMG,mBAAmB,GAAGF,wBAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,mBAAV;AAAA,GAAN,CAAxC;AACA,sBACEC;AACE,IAAA,SAAS,EAAEC,wBADb;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,eAAC,UAAD;AAEE,UAAA,IAAI,EAAEI,IAFR;AAAA,iCAIEJ,eAAC,kBAAD;AACE,YAAA,IAAI,EAAEI,IADR;AAAA,sBAGG,kBAACI,UAAD,EAAaC,UAAb;AAAA,kCACCT,eAAC,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,6BAAS,CAACC,IADF;AAErBnB,EAAAA,KAAK,EAAEkB,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,CAFc;AAGrBpB,EAAAA,KAAK,EAAEiB,6BAAS,CAACG,KAAV,CAAgB,EAAhB;AAHc,CAAvB;AAMA,gCAAeC,UAAI,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,wBAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,YAAV;AAAA,GAAN,CAAjC;AACA,MAAMG,mBAAmB,GAAGF,wBAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,mBAAV;AAAA,GAAN,CAAxC;AACA,sBACEC,eAAC,aAAD;AACE,IAAA,QAAQ,EAAE,IADZ;AAEE,IAAA,KAAK,EAAC,MAFR;AAAA,2BAIEA;AACE,MAAA,SAAS,EAAEC,wBADb;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,eAAC,UAAD;AAEE,YAAA,IAAI,EAAEI,IAFR;AAAA,mCAIEJ,eAAC,kBAAD;AACE,cAAA,IAAI,EAAEI,IADR;AAAA,wBAGG,kBAACI,UAAD,EAAaC,UAAb;AAAA,oCACCT,eAAC,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,6BAAS,CAACC,IADF;AAErBnB,EAAAA,KAAK,EAAEkB,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,CAFc;AAGrBpB,EAAAA,KAAK,EAAEiB,6BAAS,CAACG,KAAV,CAAgB,EAAhB;AAHc,CAAvB;AAMA,gCAAeC,UAAI,CAACxB,UAAD,CAAnB;IACayB,0BAA0B,GAAGC,mBAAmB,CAAC1B,UAAD;;;;;"}

package/lib/cjs/components/TextEditor/QuillEditor.js

@@ -58,12 +58,10 @@ var QuillEditor = /*#__PURE__*/function (_React$PureComponent) {
 
     _this = _super.call(this, props);
 
-    _defineProperty(_assertThisInitialized(_this), "saveAndQuit", function () {
+    _defineProperty(_assertThisInitialized(_this), "save", function () {
       var _this$props = _this.props,
           content = _this$props.content,
-          handleSave = _this$props.handleSave,
-          setIsTextEditorOpen = _this$props.setIsTextEditorOpen;
-      setIsTextEditorOpen(false);
+          handleSave = _this$props.handleSave;
       handleSave(content);
     });
 
@@ -71,7 +69,11 @@ var QuillEditor = /*#__PURE__*/function (_React$PureComponent) {
       e.stopPropagation();
 
       if (e.keyCode === 27) {
-        _this.saveAndQuit();
+        var onClose = _this.props.onClose;
+
+        _this.save();
+
+        onClose === null || onClose === void 0 ? void 0 : onClose();
       }
     });
 
@@ -98,7 +100,7 @@ var QuillEditor = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      this.saveAndQuit();
+      this.save();
     }
   }, {
     key: "render",
@@ -130,9 +132,9 @@ QuillEditor.formats = textEditorConstants.formats;
 QuillEditor.propTypes = {
   content: PropTypes__default['default'].string,
   handleSave: PropTypes__default['default'].func,
+  onClose: PropTypes__default['default'].func,
   placeholder: PropTypes__default['default'].string.isRequired,
-  setContent: PropTypes__default['default'].func,
-  setIsTextEditorOpen: PropTypes__default['default'].func
+  setContent: PropTypes__default['default'].func
 };
 
 module.exports = QuillEditor;

package/lib/cjs/components/TextEditor/QuillEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuillEditor.js","sources":["../../../../src/components/TextEditor/QuillEditor.js"],"sourcesContent":["import React from 'react';\nimport ReactQuill from 'react-quill';\nimport domPurify from 'dompurify';\nimport PropTypes from 'prop-types';\nimport { formats, modules } from './textEditorConstants';\nimport { fontSizes } from '../../constants/fonts';\nimport 'react-quill/dist/quill.snow.css';\n\nconst Size = ReactQuill.Quill.import('attributors/style/size');\nSize.whitelist = fontSizes.map(s => `${s}px`);\nReactQuill.Quill.register(Size, true);\n\nclass QuillEditor extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.quill = React.createRef();\n  }\n\n  componentDidMount() {\n    if (this.quill.current !== null) {\n      const { content } = this.props;\n      const editor = this.quill.current.getEditor();\n      editor.setSelection(0, content.length);\n    }\n  }\n\n  componentWillUnmount() {\n    this.saveAndQuit();\n  }\n\n  saveAndQuit = () => {\n    const { content, handleSave, setIsTextEditorOpen } = this.props;\n    setIsTextEditorOpen(false);\n    handleSave(content);\n  }\n\n  handleKeyDown = e => {\n    e.stopPropagation();\n    if (e.keyCode === 27) {\n      this.saveAndQuit();\n    }\n  }\n\n  handleSetContent = (value, delta, source) => {\n    if (source === 'user') {\n      const { setContent } = this.props;\n      setContent(domPurify.sanitize(value));\n    }\n  }\n\n  render() {\n    const { content, placeholder } = this.props;\n\n    return (\n      <div\n        className=\"f-all\"\n        onKeyDown={this.handleKeyDown}\n      >\n        <ReactQuill\n          ref={this.quill}\n          formats={QuillEditor.formats}\n          modules={QuillEditor.modules}\n          onChange={this.handleSetContent}\n          placeholder={placeholder}\n          preserveWhitespace\n          value={content}\n        />\n      </div>\n    );\n  }\n}\n\nQuillEditor.modules = modules;\nQuillEditor.formats = formats;\n\nQuillEditor.propTypes = {\n  content: PropTypes.string,\n  handleSave: PropTypes.func,\n  placeholder: PropTypes.string.isRequired,\n  setContent: PropTypes.func,\n  setIsTextEditorOpen: PropTypes.func,\n};\n\nexport default QuillEditor;\n"],"names":["Size","ReactQuill","Quill","import","whitelist","fontSizes","map","s","register","QuillEditor","props","content","handleSave","setIsTextEditorOpen","e","stopPropagation","keyCode","saveAndQuit","value","delta","source","setContent","domPurify","sanitize","quill","React","createRef","current","editor","getEditor","setSelection","length","placeholder","_jsx","handleKeyDown","formats","modules","handleSetContent","PureComponent","propTypes","PropTypes","string","func","isRequired"],"mappings":"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"}
+{"version":3,"file":"QuillEditor.js","sources":["../../../../src/components/TextEditor/QuillEditor.js"],"sourcesContent":["import React from 'react';\nimport ReactQuill from 'react-quill';\nimport domPurify from 'dompurify';\nimport PropTypes from 'prop-types';\nimport { formats, modules } from './textEditorConstants';\nimport { fontSizes } from '../../constants/fonts';\nimport 'react-quill/dist/quill.snow.css';\n\nconst Size = ReactQuill.Quill.import('attributors/style/size');\nSize.whitelist = fontSizes.map(s => `${s}px`);\nReactQuill.Quill.register(Size, true);\n\nclass QuillEditor extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.quill = React.createRef();\n  }\n\n  componentDidMount() {\n    if (this.quill.current !== null) {\n      const { content } = this.props;\n      const editor = this.quill.current.getEditor();\n      editor.setSelection(0, content.length);\n    }\n  }\n\n  componentWillUnmount() {\n    this.save();\n  }\n\n  save = () => {\n    const { content, handleSave } = this.props;\n    handleSave(content);\n  }\n\n  handleKeyDown = e => {\n    e.stopPropagation();\n    if (e.keyCode === 27) {\n      const { onClose } = this.props;\n      this.save();\n      onClose?.();\n    }\n  }\n\n  handleSetContent = (value, delta, source) => {\n    if (source === 'user') {\n      const { setContent } = this.props;\n      setContent(domPurify.sanitize(value));\n    }\n  }\n\n  render() {\n    const { content, placeholder } = this.props;\n\n    return (\n      <div\n        className=\"f-all\"\n        onKeyDown={this.handleKeyDown}\n      >\n        <ReactQuill\n          ref={this.quill}\n          formats={QuillEditor.formats}\n          modules={QuillEditor.modules}\n          onChange={this.handleSetContent}\n          placeholder={placeholder}\n          preserveWhitespace\n          value={content}\n        />\n      </div>\n    );\n  }\n}\n\nQuillEditor.modules = modules;\nQuillEditor.formats = formats;\n\nQuillEditor.propTypes = {\n  content: PropTypes.string,\n  handleSave: PropTypes.func,\n  onClose: PropTypes.func,\n  placeholder: PropTypes.string.isRequired,\n  setContent: PropTypes.func,\n};\n\nexport default QuillEditor;\n"],"names":["Size","ReactQuill","Quill","import","whitelist","fontSizes","map","s","register","QuillEditor","props","content","handleSave","e","stopPropagation","keyCode","onClose","save","value","delta","source","setContent","domPurify","sanitize","quill","React","createRef","current","editor","getEditor","setSelection","length","placeholder","_jsx","handleKeyDown","formats","modules","handleSetContent","PureComponent","propTypes","PropTypes","string","func","isRequired"],"mappings":"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"}

package/lib/cjs/components/TextEditor/TextEditor.js

@@ -5,6 +5,7 @@ var PropTypes = require('prop-types');
 var domPurify = require('dompurify');
 var QuillEditor = require('./QuillEditor.js');
 var BuilderContext = require('../../contexts/BuilderContext.js');
+var hooks = require('../../utils/hooks.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -35,10 +36,10 @@ var TextEditor = function TextEditor(_ref) {
       isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
       placeholder = _ref.placeholder;
 
-  var _useState = React.useState(domPurify__default['default'].sanitize(content)),
-      _useState2 = _slicedToArray(_useState, 2),
-      _content = _useState2[0],
-      setContent = _useState2[1];
+  var _usePropState = hooks.usePropState(content, domPurify__default['default'].sanitize),
+      _usePropState2 = _slicedToArray(_usePropState, 2),
+      _content = _usePropState2[0],
+      setContent = _usePropState2[1];
 
   var isTextEditorOpen = BuilderContext.useBuilderStore(function (state) {
     return state.isTextEditorOpen;
@@ -46,11 +47,19 @@ var TextEditor = function TextEditor(_ref) {
   var setIsTextEditorOpen = BuilderContext.useBuilderStore(function (state) {
     return state.setIsTextEditorOpen;
   });
+  React.useEffect(function () {
+    if (isTextEditorOpen && !isSelected) {
+      setIsTextEditorOpen(false);
+    }
+  }, [isSelected, isTextEditorOpen, setIsTextEditorOpen]);
   var onClick = React.useCallback(function () {
     if (isSelected && !isLocked) {
       setIsTextEditorOpen(true);
     }
   }, [isSelected, isLocked, setIsTextEditorOpen]);
+  var onClose = React.useCallback(function () {
+    setIsTextEditorOpen(false);
+  }, [setIsTextEditorOpen]);
   var isNotEmpty = React.useMemo(function () {
     var el = document.createElement('div');
     el.innerHTML = _content;
@@ -59,9 +68,9 @@ var TextEditor = function TextEditor(_ref) {
   return isSelected && isTextEditorOpen ? /*#__PURE__*/jsxRuntime.jsx(QuillEditor, {
     content: _content,
     handleSave: handleSave,
+    onClose: onClose,
     placeholder: placeholder,
-    setContent: setContent,
-    setIsTextEditorOpen: setIsTextEditorOpen
+    setContent: setContent
   }) : /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "f-all ql-editor".concat(isNotEmpty ? '' : ' isEmptyTextElement'),
     dangerouslySetInnerHTML: {

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

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.js","sources":["../../../../src/components/TextEditor/TextEditor.js"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport domPurify from 'dompurify';\nimport QuillEditor from './QuillEditor';\nimport { useBuilderStore } from '../../contexts/BuilderContext';\n\nconst TextEditor = ({\n  content = '',\n  handleSave = () => {},\n  isLocked = false,\n  isSelected = false,\n  placeholder,\n}) => {\n  const [_content, setContent] = useState(domPurify.sanitize(content));\n\n  const isTextEditorOpen = useBuilderStore(state => state.isTextEditorOpen);\n  const setIsTextEditorOpen = useBuilderStore(state => state.setIsTextEditorOpen);\n\n  const onClick = useCallback(() => {\n    if (isSelected && !isLocked) {\n      setIsTextEditorOpen(true);\n    }\n  }, [isSelected, isLocked, setIsTextEditorOpen]);\n\n  const isNotEmpty = useMemo(() => {\n    const el = document.createElement('div');\n    el.innerHTML = _content;\n    return !!el.innerText;\n  }, [_content]);\n\n  return isSelected && isTextEditorOpen ? (\n    <QuillEditor\n      content={_content}\n      handleSave={handleSave}\n      placeholder={placeholder}\n      setContent={setContent}\n      setIsTextEditorOpen={setIsTextEditorOpen}\n    />\n  ) : (\n    <div\n      className={`f-all ql-editor${isNotEmpty ? '' : ' isEmptyTextElement'}`}\n      dangerouslySetInnerHTML={{\n        __html: isNotEmpty ? _content : placeholder,\n      }}\n      onClick={onClick}\n      onKeyDown={() => {}}\n    />\n  );\n};\n\nTextEditor.propTypes = {\n  content: PropTypes.string,\n  handleSave: PropTypes.func,\n  isLocked: PropTypes.bool,\n  isSelected: PropTypes.bool,\n  placeholder: PropTypes.string.isRequired,\n};\n\nexport default TextEditor;\n"],"names":["TextEditor","content","handleSave","isLocked","isSelected","placeholder","useState","domPurify","sanitize","_content","setContent","isTextEditorOpen","useBuilderStore","state","setIsTextEditorOpen","onClick","useCallback","isNotEmpty","useMemo","el","document","createElement","innerHTML","innerText","_jsx","__html","propTypes","PropTypes","string","func","bool","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAMMA,UAAU,GAAG,SAAbA,UAAa,OAMb;AAAA,0BALJC,OAKI;AAAA,MALJA,OAKI,6BALM,EAKN;AAAA,6BAJJC,UAII;AAAA,MAJJA,UAII,gCAJS,YAAM,EAIf;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,KAGP;AAAA,6BAFJC,UAEI;AAAA,MAFJA,UAEI,gCAFS,KAET;AAAA,MADJC,WACI,QADJA,WACI;;AACJ,kBAA+BC,cAAQ,CAACC,6BAAS,CAACC,QAAV,CAAmBP,OAAnB,CAAD,CAAvC;AAAA;AAAA,MAAOQ,QAAP;AAAA,MAAiBC,UAAjB;;AAEA,MAAMC,gBAAgB,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,gBAAV;AAAA,GAAN,CAAxC;AACA,MAAMG,mBAAmB,GAAGF,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,mBAAV;AAAA,GAAN,CAA3C;AAEA,MAAMC,OAAO,GAAGC,iBAAW,CAAC,YAAM;AAChC,QAAIZ,UAAU,IAAI,CAACD,QAAnB,EAA6B;AAC3BW,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD;AACF,GAJ0B,EAIxB,CAACV,UAAD,EAAaD,QAAb,EAAuBW,mBAAvB,CAJwB,CAA3B;AAMA,MAAMG,UAAU,GAAGC,aAAO,CAAC,YAAM;AAC/B,QAAMC,EAAE,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAX;AACAF,IAAAA,EAAE,CAACG,SAAH,GAAeb,QAAf;AACA,WAAO,CAAC,CAACU,EAAE,CAACI,SAAZ;AACD,GAJyB,EAIvB,CAACd,QAAD,CAJuB,CAA1B;AAMA,SAAOL,UAAU,IAAIO,gBAAd,gBACLa,eAAC,WAAD;AACE,IAAA,OAAO,EAAEf,QADX;AAEE,IAAA,UAAU,EAAEP,UAFd;AAGE,IAAA,WAAW,EAAEG,WAHf;AAIE,IAAA,UAAU,EAAEK,UAJd;AAKE,IAAA,mBAAmB,EAAEI;AALvB,IADK,gBASLU;AACE,IAAA,SAAS,2BAAoBP,UAAU,GAAG,EAAH,GAAQ,qBAAtC,CADX;AAEE,IAAA,uBAAuB,EAAE;AACvBQ,MAAAA,MAAM,EAAER,UAAU,GAAGR,QAAH,GAAcJ;AADT,KAF3B;AAKE,IAAA,OAAO,EAAEU,OALX;AAME,IAAA,SAAS,EAAE,qBAAM;AANnB,IATF;AAkBD;;AAEDf,UAAU,CAAC0B,SAAX,GAAuB;AACrBzB,EAAAA,OAAO,EAAE0B,6BAAS,CAACC,MADE;AAErB1B,EAAAA,UAAU,EAAEyB,6BAAS,CAACE,IAFD;AAGrB1B,EAAAA,QAAQ,EAAEwB,6BAAS,CAACG,IAHC;AAIrB1B,EAAAA,UAAU,EAAEuB,6BAAS,CAACG,IAJD;AAKrBzB,EAAAA,WAAW,EAAEsB,6BAAS,CAACC,MAAV,CAAiBG;AALT,CAAvB;;;;"}
+{"version":3,"file":"TextEditor.js","sources":["../../../../src/components/TextEditor/TextEditor.js"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n  useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport domPurify from 'dompurify';\nimport QuillEditor from './QuillEditor';\nimport { useBuilderStore } from '../../contexts/BuilderContext';\nimport { usePropState } from '../../utils/hooks';\n\nconst TextEditor = ({\n  content = '',\n  handleSave = () => {},\n  isLocked = false,\n  isSelected = false,\n  placeholder,\n}) => {\n  const [_content, setContent] = usePropState(content, domPurify.sanitize);\n\n  const isTextEditorOpen = useBuilderStore(state => state.isTextEditorOpen);\n  const setIsTextEditorOpen = useBuilderStore(state => state.setIsTextEditorOpen);\n\n  useEffect(() => {\n    if (isTextEditorOpen && !isSelected) {\n      setIsTextEditorOpen(false);\n    }\n  }, [isSelected, isTextEditorOpen, setIsTextEditorOpen]);\n\n  const onClick = useCallback(() => {\n    if (isSelected && !isLocked) {\n      setIsTextEditorOpen(true);\n    }\n  }, [isSelected, isLocked, setIsTextEditorOpen]);\n\n  const onClose = useCallback(() => {\n    setIsTextEditorOpen(false);\n  }, [setIsTextEditorOpen]);\n\n  const isNotEmpty = useMemo(() => {\n    const el = document.createElement('div');\n    el.innerHTML = _content;\n    return !!el.innerText;\n  }, [_content]);\n\n  return isSelected && isTextEditorOpen ? (\n    <QuillEditor\n      content={_content}\n      handleSave={handleSave}\n      onClose={onClose}\n      placeholder={placeholder}\n      setContent={setContent}\n    />\n  ) : (\n    <div\n      className={`f-all ql-editor${isNotEmpty ? '' : ' isEmptyTextElement'}`}\n      dangerouslySetInnerHTML={{\n        __html: isNotEmpty ? _content : placeholder,\n      }}\n      onClick={onClick}\n      onKeyDown={() => {}}\n    />\n  );\n};\n\nTextEditor.propTypes = {\n  content: PropTypes.string,\n  handleSave: PropTypes.func,\n  isLocked: PropTypes.bool,\n  isSelected: PropTypes.bool,\n  placeholder: PropTypes.string.isRequired,\n};\n\nexport default TextEditor;\n"],"names":["TextEditor","content","handleSave","isLocked","isSelected","placeholder","usePropState","domPurify","sanitize","_content","setContent","isTextEditorOpen","useBuilderStore","state","setIsTextEditorOpen","useEffect","onClick","useCallback","onClose","isNotEmpty","useMemo","el","document","createElement","innerHTML","innerText","_jsx","__html","propTypes","PropTypes","string","func","bool","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAWMA,UAAU,GAAG,SAAbA,UAAa,OAMb;AAAA,0BALJC,OAKI;AAAA,MALJA,OAKI,6BALM,EAKN;AAAA,6BAJJC,UAII;AAAA,MAJJA,UAII,gCAJS,YAAM,EAIf;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,KAGP;AAAA,6BAFJC,UAEI;AAAA,MAFJA,UAEI,gCAFS,KAET;AAAA,MADJC,WACI,QADJA,WACI;;AACJ,sBAA+BC,kBAAY,CAACL,OAAD,EAAUM,6BAAS,CAACC,QAApB,CAA3C;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,UAAjB;;AAEA,MAAMC,gBAAgB,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,gBAAV;AAAA,GAAN,CAAxC;AACA,MAAMG,mBAAmB,GAAGF,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,mBAAV;AAAA,GAAN,CAA3C;AAEAC,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIJ,gBAAgB,IAAI,CAACP,UAAzB,EAAqC;AACnCU,MAAAA,mBAAmB,CAAC,KAAD,CAAnB;AACD;AACF,GAJQ,EAIN,CAACV,UAAD,EAAaO,gBAAb,EAA+BG,mBAA/B,CAJM,CAAT;AAMA,MAAME,OAAO,GAAGC,iBAAW,CAAC,YAAM;AAChC,QAAIb,UAAU,IAAI,CAACD,QAAnB,EAA6B;AAC3BW,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD;AACF,GAJ0B,EAIxB,CAACV,UAAD,EAAaD,QAAb,EAAuBW,mBAAvB,CAJwB,CAA3B;AAMA,MAAMI,OAAO,GAAGD,iBAAW,CAAC,YAAM;AAChCH,IAAAA,mBAAmB,CAAC,KAAD,CAAnB;AACD,GAF0B,EAExB,CAACA,mBAAD,CAFwB,CAA3B;AAIA,MAAMK,UAAU,GAAGC,aAAO,CAAC,YAAM;AAC/B,QAAMC,EAAE,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAX;AACAF,IAAAA,EAAE,CAACG,SAAH,GAAef,QAAf;AACA,WAAO,CAAC,CAACY,EAAE,CAACI,SAAZ;AACD,GAJyB,EAIvB,CAAChB,QAAD,CAJuB,CAA1B;AAMA,SAAOL,UAAU,IAAIO,gBAAd,gBACLe,eAAC,WAAD;AACE,IAAA,OAAO,EAAEjB,QADX;AAEE,IAAA,UAAU,EAAEP,UAFd;AAGE,IAAA,OAAO,EAAEgB,OAHX;AAIE,IAAA,WAAW,EAAEb,WAJf;AAKE,IAAA,UAAU,EAAEK;AALd,IADK,gBASLgB;AACE,IAAA,SAAS,2BAAoBP,UAAU,GAAG,EAAH,GAAQ,qBAAtC,CADX;AAEE,IAAA,uBAAuB,EAAE;AACvBQ,MAAAA,MAAM,EAAER,UAAU,GAAGV,QAAH,GAAcJ;AADT,KAF3B;AAKE,IAAA,OAAO,EAAEW,OALX;AAME,IAAA,SAAS,EAAE,qBAAM;AANnB,IATF;AAkBD;;AAEDhB,UAAU,CAAC4B,SAAX,GAAuB;AACrB3B,EAAAA,OAAO,EAAE4B,6BAAS,CAACC,MADE;AAErB5B,EAAAA,UAAU,EAAE2B,6BAAS,CAACE,IAFD;AAGrB5B,EAAAA,QAAQ,EAAE0B,6BAAS,CAACG,IAHC;AAIrB5B,EAAAA,UAAU,EAAEyB,6BAAS,CAACG,IAJD;AAKrB3B,EAAAA,WAAW,EAAEwB,6BAAS,CAACC,MAAV,CAAiBG;AALT,CAAvB;;;;"}

package/lib/cjs/constants/texts.js

@@ -23,6 +23,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',
@@ -51,12 +55,14 @@ var ALL_TEXTS = {
   REMOVE_PAGE: 'Remove Slide',
   SEARCH: 'Search',
   SETTINGS: 'Settings',
+  SHAPES_SETTINGS: 'Shape Settings',
   SHOW_ALL: 'Show All',
   SLIDES: 'Slides',
   TEXT_SETTINGS: 'Text Settings',
   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'