@jotforminc/dnd-builder 3.2.1 → 3.4.0

package/lib/esm/components/Panels/SlidesPanel/ListWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListWrapper.js","sources":["../../../../../src/components/Panels/SlidesPanel/ListWrapper.js"],"sourcesContent":["import {\n  memo, useCallback, useRef, useState, useMemo, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\nimport { usePropStore } from '../../../contexts/PropContext';\n\nconst ListWrapper = ({\n  component: Component = null,\n  onSortEnd = () => {},\n  pageGetter = () => {},\n}) => {\n  const pages = usePropStore(state => state.pages);\n  const pageCount = useMemo(() => pages.length, [pages]);\n  const onPageAdd = usePropStore(state => state.onPageAdd);\n  const onPageDuplicate = usePropStore(state => state.onPageDuplicate);\n  const onPageRemove = usePropStore(state => state.onPageRemove);\n  const reportSettings = usePropStore(state => state.settings);\n\n  const listRef = useRef(null);\n  const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n  const {\n    reportBackgroundColor,\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = reportSettings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  const { left, scale, top } = getScaleForPageThumbnail(width, height);\n\n  const pageContainerStyles = useMemo(() => ({\n    backgroundColor: reportBackgroundColor || '#fff',\n    height: height,\n    left,\n    top,\n    transform: `scale(${scale})`,\n    transformOrigin: '0 0',\n    width: width,\n  }), [height, left, scale, top, width, reportBackgroundColor]);\n\n  const _onSortEnd = useCallback(({ newIndex, oldIndex }) => {\n    if (onSortEnd) {\n      onSortEnd({ newIndex, oldIndex }, null, listRef.current);\n    }\n  }, [onSortEnd]);\n\n  const refSetter = useCallback(outerRef => {\n    if (outerRef) {\n      listRef.current = outerRef;\n    }\n  }, []);\n\n  usePageVisibility(index => {\n    if (index && !Number.isNaN(index)) {\n      if (listRef.current?.scrollToIndex) {\n        listRef.current.scrollToIndex(index, 'center');\n      }\n\n      const prevSelectedThumbnail = document.querySelector('.thumbnailWrapper.isSelected');\n      if (prevSelectedThumbnail) {\n        prevSelectedThumbnail.classList.remove('isSelected');\n      }\n\n      const nextSelectedThumbnail = document\n        .querySelector(`.thumbnailWrapper[data-order=\"${index}\"]`);\n      if (nextSelectedThumbnail) {\n        nextSelectedThumbnail.classList.add('isSelected');\n      }\n    }\n  }, pageCount, selectedPageIndex);\n\n  // TODO: could be better than now. scrollend listener is a choice for some cases\n  const resetSelectedPageIndex = useCallback(() => {\n    setTimeout(() => {\n      setSelectedPageIndex(-1);\n    }, 1000);\n  }, []);\n\n  const onPageClick = useCallback(e => {\n    const order = e.target.getAttribute('data-order');\n    setSelectedPageIndex(parseInt(order, 10));\n    if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n      scrollToTarget(`pageActions-id-${order}`);\n    }\n    resetSelectedPageIndex();\n  }, [resetSelectedPageIndex]);\n\n  const handlePageAdd = useCallback(index => {\n    setSelectedPageIndex(index);\n    onPageAdd(index);\n  }, [onPageAdd]);\n\n  const handlePageDuplicate = useCallback(index => {\n    setSelectedPageIndex(index);\n    onPageDuplicate(index);\n  }, [onPageDuplicate]);\n\n  const handlePageRemove = useCallback(index => {\n    setSelectedPageIndex(index);\n    onPageRemove(index);\n  }, [onPageRemove]);\n\n  useEffect(() => { // after new page added\n    scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, { behavior: 'smooth' });\n    resetSelectedPageIndex();\n  }, [resetSelectedPageIndex, selectedPageIndex]);\n\n  return (\n    <>\n      <div\n        style={{\n          height: '100%', margin: '25px 10px', position: 'relative', width: '100%',\n        }}\n      >\n        <Component\n          ref={refSetter}\n          height=\"100%\"\n          onPageAdd={handlePageAdd}\n          onPageClick={onPageClick}\n          onPageDuplicate={handlePageDuplicate}\n          onPageRemove={handlePageRemove}\n          onSortEnd={_onSortEnd}\n          pageContainerStyle={pageContainerStyles}\n          pageCount={pageCount}\n          pageGetter={pageGetter}\n          width=\"100%\"\n        />\n      </div>\n      <div className=\"jfReport-pane-footer\">\n        <PageAdder additionalClass=\"forOptions\" />\n      </div>\n    </>\n  );\n};\n\nListWrapper.propTypes = {\n  component: PropTypes.any,\n  onSortEnd: PropTypes.func,\n  pageGetter: PropTypes.func,\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","component","Component","onSortEnd","pageGetter","pages","usePropStore","state","pageCount","useMemo","length","onPageAdd","onPageDuplicate","onPageRemove","reportSettings","settings","listRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","backgroundColor","transform","transformOrigin","_onSortEnd","useCallback","newIndex","oldIndex","current","refSetter","outerRef","usePageVisibility","index","Number","isNaN","scrollToIndex","prevSelectedThumbnail","document","querySelector","classList","remove","nextSelectedThumbnail","add","resetSelectedPageIndex","setTimeout","onPageClick","e","order","target","getAttribute","contains","scrollToTarget","handlePageAdd","handlePageDuplicate","handlePageRemove","useEffect","behavior","_jsxs","_jsx","margin","position","propTypes","PropTypes","any","func","memo"],"mappings":"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"}
+{"version":3,"file":"ListWrapper.js","sources":["../../../../../src/components/Panels/SlidesPanel/ListWrapper.js"],"sourcesContent":["import {\n  memo, useCallback, useRef, useState, useMemo, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\nimport { usePropStore } from '../../../contexts/PropContext';\n\nconst ListWrapper = ({\n  component: Component = null,\n  onSortEnd = () => {},\n  pageGetter = () => {},\n}) => {\n  const pageCount = usePropStore(state => state.pages.length);\n  const onPageAdd = usePropStore(state => state.onPageAdd);\n  const onPageDuplicate = usePropStore(state => state.onPageDuplicate);\n  const onPageRemove = usePropStore(state => state.onPageRemove);\n  const reportSettings = usePropStore(state => state.settings);\n  const onPageVisibilityChanged = usePropStore(state => state.onPageVisibilityChanged);\n\n  const listRef = useRef(null);\n  const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n  const {\n    reportBackgroundColor,\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = reportSettings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  const { left, scale, top } = getScaleForPageThumbnail(width, height);\n\n  const pageContainerStyles = useMemo(() => ({\n    backgroundColor: reportBackgroundColor || '#fff',\n    height: height,\n    left,\n    top,\n    transform: `scale(${scale})`,\n    transformOrigin: '0 0',\n    width: width,\n  }), [height, left, scale, top, width, reportBackgroundColor]);\n\n  const _onSortEnd = useCallback(({ newIndex, oldIndex }) => {\n    if (onSortEnd) {\n      onSortEnd({ newIndex, oldIndex }, null, listRef.current);\n    }\n  }, [onSortEnd]);\n\n  const refSetter = useCallback(outerRef => {\n    if (outerRef) {\n      listRef.current = outerRef;\n    }\n  }, []);\n\n  const handlePageVisibility = useCallback(index => {\n    if (index && !Number.isNaN(index)) {\n      if (listRef.current?.scrollToIndex) {\n        listRef.current.scrollToIndex(index, 'center');\n      }\n\n      const prevSelectedThumbnail = document.querySelector('.thumbnailWrapper.isSelected');\n      if (prevSelectedThumbnail) {\n        prevSelectedThumbnail.classList.remove('isSelected');\n      }\n\n      const nextSelectedThumbnail = document\n        .querySelector(`.thumbnailWrapper[data-order=\"${index}\"]`);\n      if (nextSelectedThumbnail) {\n        nextSelectedThumbnail.classList.add('isSelected');\n        onPageVisibilityChanged(index);\n      }\n    }\n  }, [onPageVisibilityChanged]);\n\n  usePageVisibility(handlePageVisibility, pageCount, selectedPageIndex);\n\n  // TODO: could be better than now. scrollend listener is a choice for some cases\n  const resetSelectedPageIndex = useCallback(() => {\n    setTimeout(() => {\n      setSelectedPageIndex(-1);\n    }, 1000);\n  }, []);\n\n  const onPageClick = useCallback(e => {\n    const order = e.target.getAttribute('data-order');\n    setSelectedPageIndex(parseInt(order, 10));\n    if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n      scrollToTarget(`pageActions-id-${order}`);\n    }\n    resetSelectedPageIndex();\n  }, [resetSelectedPageIndex]);\n\n  const handlePageAdd = useCallback(index => {\n    setSelectedPageIndex(index);\n    onPageAdd(index);\n  }, [onPageAdd]);\n\n  const handlePageDuplicate = useCallback(index => {\n    setSelectedPageIndex(index);\n    onPageDuplicate(index);\n  }, [onPageDuplicate]);\n\n  const handlePageRemove = useCallback(index => {\n    setSelectedPageIndex(index);\n    onPageRemove(index);\n  }, [onPageRemove]);\n\n  useEffect(() => { // after new page added\n    scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, { behavior: 'smooth' });\n    resetSelectedPageIndex();\n  }, [resetSelectedPageIndex, selectedPageIndex]);\n\n  return (\n    <>\n      <div\n        style={{\n          height: '100%', margin: '25px 10px', position: 'relative', width: '100%',\n        }}\n      >\n        <Component\n          ref={refSetter}\n          height=\"100%\"\n          onPageAdd={handlePageAdd}\n          onPageClick={onPageClick}\n          onPageDuplicate={handlePageDuplicate}\n          onPageRemove={handlePageRemove}\n          onSortEnd={_onSortEnd}\n          pageContainerStyle={pageContainerStyles}\n          pageCount={pageCount}\n          pageGetter={pageGetter}\n          width=\"100%\"\n        />\n      </div>\n      <div className=\"jfReport-pane-footer\">\n        <PageAdder additionalClass=\"forOptions\" />\n      </div>\n    </>\n  );\n};\n\nListWrapper.propTypes = {\n  component: PropTypes.any,\n  onSortEnd: PropTypes.func,\n  pageGetter: PropTypes.func,\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","component","Component","onSortEnd","pageGetter","pageCount","usePropStore","state","pages","length","onPageAdd","onPageDuplicate","onPageRemove","reportSettings","settings","onPageVisibilityChanged","listRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","useCallback","newIndex","oldIndex","current","refSetter","outerRef","handlePageVisibility","index","Number","isNaN","scrollToIndex","prevSelectedThumbnail","document","querySelector","classList","remove","nextSelectedThumbnail","add","usePageVisibility","resetSelectedPageIndex","setTimeout","onPageClick","e","order","target","getAttribute","contains","scrollToTarget","handlePageAdd","handlePageDuplicate","handlePageRemove","useEffect","behavior","_jsxs","_jsx","margin","position","propTypes","PropTypes","any","func","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
     };
   });

package/lib/esm/contexts/BuilderContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"BuilderContext.js","sources":["../../../src/contexts/BuilderContext.js"],"sourcesContent":["import { createContext, useContext, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { createStore, useStore } from 'zustand';\n\nconst builderStore = props => {\n  return createStore((set, get) => ({\n    activeElements: props.activeElement || [],\n    activeTab: props.activeTab || { left: 0, right: 0 },\n    contextMenuProps: props.contextMenuProps || false,\n    editedElement: props.editedElement || 'l_layout',\n    guides: {},\n    isAllSlidesPanelOpen: props.isAllSlidesPanelOpen || false,\n    isLeftPanelOpen: props.isLeftPanelOpen || false,\n    isResize: false,\n    isRightPanelOpen: props.isRightPanelOpen || false,\n    isSlidesPanelOpen: props.isSlidesPanelOpen || false,\n    isTextEditorOpen: props.isTextEditorOpen || false,\n    lastScrollPosition: props.lastScrollPosition || 0,\n    matches: {},\n    onRightPanelsToggled: props.onRightPanelsToggled || (() => {}),\n    resetActiveElements: props.resetActiveElements || (() => {\n      set({ activeElements: [], editedElement: 'l_layout' });\n    }),\n    setActiveElements: props.setActiveElements || ((itemID, edit = true, replace = true) => {\n      const { activeElements } = get();\n      set({\n        activeElements: replace ? [itemID] : [...activeElements, itemID],\n        ...edit ? { editedElement: !itemID ? 'l_layout' : `i_${itemID}` } : {},\n      });\n    }),\n    setActiveElementsSelection: props.setActiveElementsSelection || (itemIDs => {\n      if (!itemIDs || itemIDs.length === 0) {\n        set({ activeElements: [], editedElement: 'l_layout' });\n      } else if (itemIDs.length === 1) {\n        set({\n          activeElements: itemIDs,\n          editedElement: `i_${itemIDs[0]}`,\n        });\n      } else {\n        set({ activeElements: itemIDs });\n      }\n    }),\n    setActiveTab: props.setActiveTab || ((panel, tabIndex) => {\n      const { activeTab } = get();\n      set({ activeTab: { ...activeTab, [panel]: tabIndex } });\n    }),\n    setContextMenuProps: status => {\n      set({ contextMenuProps: status });\n    },\n    setEditedElement: id => {\n      set({ editedElement: id });\n    },\n    setGuides: guides => {\n      set({ guides });\n    },\n    setIsAllSlidesPanelOpen: status => {\n      set({ isAllSlidesPanelOpen: status });\n    },\n    setIsLeftPanelOpen: props.setIsLeftPanelOpen || (status => {\n      const { isEnoughCanvasSize } = get();\n      set({\n        isLeftPanelOpen: status,\n        ...status && !isEnoughCanvasSize && { isRightPanelOpen: false },\n      });\n    }),\n    setIsResize: status => {\n      set({ isResize: status });\n    },\n    setIsRightPanelOpen: props.setIsRightPanelOpen || (status => {\n      const { isEnoughCanvasSize, onRightPanelsToggled } = get();\n      set({\n        isRightPanelOpen: status,\n        ...status && !isEnoughCanvasSize && { isLeftPanelOpen: false },\n        ...status && { isSlidesPanelOpen: false },\n      });\n      onRightPanelsToggled(status);\n    }),\n    setIsSlidesPanelOpen: props.setIsSlidesPanelOpen || (status => {\n      const { isEnoughCanvasSize, onRightPanelsToggled } = get();\n      set({\n        isSlidesPanelOpen: status,\n        ...status && !isEnoughCanvasSize && { isLeftPanelOpen: false },\n        ...status && { isRightPanelOpen: false },\n      });\n      onRightPanelsToggled(status);\n    }),\n    setIsTextEditorOpen: status => {\n      set({ isTextEditorOpen: status });\n    },\n    setMatches: matches => {\n      set({ matches });\n    },\n    setZoom: (zoom, layoutWidth) => {\n      set({ zoom });\n      if (layoutWidth) {\n        const { clientWidth: paneWidth } = document.querySelector('.jfReport-pane .toolItemWrapper');\n        const sceneWidth = parseInt(layoutWidth, 10) * zoom;\n        if (window.innerWidth - sceneWidth + 100 > (paneWidth * 2)) {\n          set({ isEnoughCanvasSize: true });\n        } else {\n          set({\n            isEnoughCanvasSize: false,\n            isLeftPanelOpen: false,\n          });\n        }\n      }\n    },\n    zoom: 1,\n  }));\n};\n\nconst BuilderContext = createContext(null);\n\nexport const BuilderProvider = ({ children, value, ...props }) => {\n  const storeRef = useRef();\n  if (!storeRef.current) {\n    storeRef.current = builderStore(props);\n  }\n\n  return (\n    <BuilderContext.Provider value={storeRef.current}>\n      {children}\n    </BuilderContext.Provider>\n  );\n};\n\nBuilderProvider.propTypes = {\n  children: PropTypes.any,\n  value: PropTypes.object,\n};\n\nexport const BuilderConsumer = BuilderContext.Consumer;\n\nexport const useBuilderStore = selector => {\n  const context = useContext(BuilderContext);\n  if (!context) {\n    throw new Error('useBuilderStore must be used with BuilderProvider!');\n  }\n  return useStore(context, selector);\n};\n"],"names":["builderStore","props","createStore","set","get","activeElements","activeElement","activeTab","left","right","contextMenuProps","editedElement","guides","isAllSlidesPanelOpen","isLeftPanelOpen","isResize","isRightPanelOpen","isSlidesPanelOpen","isTextEditorOpen","lastScrollPosition","matches","onRightPanelsToggled","resetActiveElements","setActiveElements","itemID","edit","replace","setActiveElementsSelection","itemIDs","length","setActiveTab","panel","tabIndex","setContextMenuProps","status","setEditedElement","id","setGuides","setIsAllSlidesPanelOpen","setIsLeftPanelOpen","isEnoughCanvasSize","setIsResize","setIsRightPanelOpen","setIsSlidesPanelOpen","setIsTextEditorOpen","setMatches","setZoom","zoom","layoutWidth","document","querySelector","paneWidth","clientWidth","sceneWidth","parseInt","window","innerWidth","BuilderContext","createContext","BuilderProvider","children","value","storeRef","useRef","current","_jsx","propTypes","PropTypes","any","object","Consumer","useBuilderStore","selector","context","useContext","Error","useStore"],"mappings":"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"}
+{"version":3,"file":"BuilderContext.js","sources":["../../../src/contexts/BuilderContext.js"],"sourcesContent":["import { createContext, useContext, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { createStore, useStore } from 'zustand';\n\nconst builderStore = props => {\n  return createStore((set, get) => ({\n    activeElements: props.activeElement || [],\n    activeTab: props.activeTab || { left: 0, right: 0 },\n    contextMenuProps: props.contextMenuProps || false,\n    editedElement: props.editedElement || 'l_layout',\n    guides: {},\n    isAllSlidesPanelOpen: props.isAllSlidesPanelOpen || false,\n    isLeftPanelOpen: props.isLeftPanelOpen || false,\n    isResize: false,\n    isRightPanelOpen: props.isRightPanelOpen || false,\n    isSlidesPanelOpen: props.isSlidesPanelOpen || false,\n    isTextEditorOpen: props.isTextEditorOpen || false,\n    lastScrollPosition: props.lastScrollPosition || 0,\n    matches: {},\n    onRightPanelsToggled: props.onRightPanelsToggled || (() => {}),\n    resetActiveElements: props.resetActiveElements || (() => {\n      set({ activeElements: [], editedElement: 'l_layout' });\n    }),\n    setActiveElements: props.setActiveElements || ((itemID, edit = true, replace = true) => {\n      const { activeElements } = get();\n      set({\n        activeElements: replace ? [itemID] : [...activeElements, itemID],\n        ...edit ? { editedElement: !itemID ? 'l_layout' : `i_${itemID}` } : {},\n      });\n    }),\n    setActiveElementsSelection: props.setActiveElementsSelection || (itemIDs => {\n      if (!itemIDs || itemIDs.length === 0) {\n        set({ activeElements: [], editedElement: 'l_layout' });\n      } else if (itemIDs.length === 1) {\n        set({\n          activeElements: itemIDs,\n          editedElement: `i_${itemIDs[0]}`,\n        });\n      } else {\n        set({ activeElements: itemIDs });\n      }\n    }),\n    setActiveTab: props.setActiveTab || ((panel, tabIndex) => {\n      const { activeTab } = get();\n      set({ activeTab: { ...activeTab, [panel]: tabIndex } });\n    }),\n    setContextMenuProps: status => {\n      set({ contextMenuProps: status });\n    },\n    setEditedElement: id => {\n      set({ editedElement: id });\n    },\n    setGuides: guides => {\n      set({ guides });\n    },\n    setIsAllSlidesPanelOpen: status => {\n      set({ isAllSlidesPanelOpen: status });\n    },\n    setIsLeftPanelOpen: props.setIsLeftPanelOpen || (status => {\n      const { isEnoughCanvasSize } = get();\n      set({\n        isLeftPanelOpen: status,\n        ...status && !isEnoughCanvasSize && { isRightPanelOpen: false },\n      });\n    }),\n    setIsResize: status => {\n      set({ isResize: status });\n    },\n    setIsRightPanelOpen: props.setIsRightPanelOpen || (status => {\n      const { isEnoughCanvasSize, onRightPanelsToggled } = get();\n      set({\n        isRightPanelOpen: status,\n        ...status && !isEnoughCanvasSize && { isLeftPanelOpen: false },\n        ...status && { isSlidesPanelOpen: false },\n      });\n      onRightPanelsToggled(status);\n    }),\n    setIsSlidesPanelOpen: props.setIsSlidesPanelOpen || (status => {\n      const { isEnoughCanvasSize, onRightPanelsToggled } = get();\n      set({\n        isSlidesPanelOpen: status,\n        ...status && !isEnoughCanvasSize && { isLeftPanelOpen: false },\n        ...status && { isRightPanelOpen: false },\n      });\n      onRightPanelsToggled(status);\n    }),\n    setIsTextEditorOpen: status => {\n      set({ isTextEditorOpen: status });\n    },\n    setMatches: matches => {\n      set({ matches });\n    },\n    setZoom: (zoom, layoutWidth) => {\n      set({ zoom });\n      if (layoutWidth) {\n        const { clientWidth: paneWidth } = document.querySelector('.jfReport-pane .toolItemWrapper');\n        const sceneWidth = parseInt(layoutWidth, 10) * zoom;\n        if (window.innerWidth - sceneWidth + 100 > (paneWidth * 2)) {\n          set({ isEnoughCanvasSize: true });\n        } else {\n          set({\n            isEnoughCanvasSize: false,\n            isLeftPanelOpen: false,\n          });\n        }\n      }\n    },\n    shouldShowRightPanelInitially: props.shouldShowRightPanelInitially ?? true,\n    zoom: 1,\n  }));\n};\n\nconst BuilderContext = createContext(null);\n\nexport const BuilderProvider = ({ children, value, ...props }) => {\n  const storeRef = useRef();\n  if (!storeRef.current) {\n    storeRef.current = builderStore(props);\n  }\n\n  return (\n    <BuilderContext.Provider value={storeRef.current}>\n      {children}\n    </BuilderContext.Provider>\n  );\n};\n\nBuilderProvider.propTypes = {\n  children: PropTypes.any,\n  value: PropTypes.object,\n};\n\nexport const BuilderConsumer = BuilderContext.Consumer;\n\nexport const useBuilderStore = selector => {\n  const context = useContext(BuilderContext);\n  if (!context) {\n    throw new Error('useBuilderStore must be used with BuilderProvider!');\n  }\n  return useStore(context, selector);\n};\n"],"names":["builderStore","props","createStore","set","get","activeElements","activeElement","activeTab","left","right","contextMenuProps","editedElement","guides","isAllSlidesPanelOpen","isLeftPanelOpen","isResize","isRightPanelOpen","isSlidesPanelOpen","isTextEditorOpen","lastScrollPosition","matches","onRightPanelsToggled","resetActiveElements","setActiveElements","itemID","edit","replace","setActiveElementsSelection","itemIDs","length","setActiveTab","panel","tabIndex","setContextMenuProps","status","setEditedElement","id","setGuides","setIsAllSlidesPanelOpen","setIsLeftPanelOpen","isEnoughCanvasSize","setIsResize","setIsRightPanelOpen","setIsSlidesPanelOpen","setIsTextEditorOpen","setMatches","setZoom","zoom","layoutWidth","document","querySelector","paneWidth","clientWidth","sceneWidth","parseInt","window","innerWidth","shouldShowRightPanelInitially","BuilderContext","createContext","BuilderProvider","children","value","storeRef","useRef","current","_jsx","propTypes","PropTypes","any","object","Consumer","useBuilderStore","selector","context","useContext","Error","useStore"],"mappings":"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"}

package/lib/esm/contexts/PropContext.js

@@ -1,5 +1,6 @@
 import { useRef, useEffect, createContext, useContext } from 'react';
 import PropTypes from 'prop-types';
+import isEqual from 'lodash.isequal';
 import { createStore, useStore } from 'zustand';
 import { jsx } from 'react/jsx-runtime';
 
@@ -32,6 +33,8 @@ var propStore = function propStore(props) {
       onPageDuplicate: props.onPageDuplicate || fn,
       onPageOrdersChange: props.onPageOrdersChange || fn,
       onPageRemove: props.onPageRemove || fn,
+      onPageVisibilityChanged: props.onPageVisibilityChanged || fn,
+      onSelectedItemsChanged: props.onSelectedItemsChanged || fn,
       onSettingChange: props.onSettingChange || fn,
       pages: props.pages || [],
       setAcceptedItems: function setAcceptedItems(acceptedItems) {
@@ -79,34 +82,25 @@ var PropProvider = function PropProvider(_ref) {
       pages = props.pages,
       settings = props.settings;
   useEffect(function () {
-    var _storeRef$current$get = storeRef.current.getState(),
-        setPages = _storeRef$current$get.setPages;
-
-    if (pages) {
-      setPages(pages);
-    }
+    var state = storeRef.current.getState();
+    if (!pages || isEqual(state.pages, pages)) return;
+    state.setPages(pages);
   }, [pages]);
   useEffect(function () {
-    var _storeRef$current$get2 = storeRef.current.getState(),
-        setItemAccessor = _storeRef$current$get2.setItemAccessor;
+    var _storeRef$current$get = storeRef.current.getState(),
+        setItemAccessor = _storeRef$current$get.setItemAccessor;
 
     setItemAccessor(itemAccessor);
   }, [itemAccessor]);
   useEffect(function () {
-    var _storeRef$current$get3 = storeRef.current.getState(),
-        setAcceptedItems = _storeRef$current$get3.setAcceptedItems;
-
-    if (acceptedItems) {
-      setAcceptedItems(acceptedItems);
-    }
+    var state = storeRef.current.getState();
+    if (!acceptedItems || isEqual(state.acceptedItems, acceptedItems)) return;
+    state.setAcceptedItems(acceptedItems);
   }, [acceptedItems]);
   useEffect(function () {
-    var _storeRef$current$get4 = storeRef.current.getState(),
-        setSettings = _storeRef$current$get4.setSettings;
-
-    if (settings) {
-      setSettings(settings);
-    }
+    var state = storeRef.current.getState();
+    if (!settings || isEqual(state.settings, settings)) return;
+    state.setSettings(settings);
   }, [settings]);
   return /*#__PURE__*/jsx(PropContext.Provider, {
     value: storeRef.current,

package/lib/esm/contexts/PropContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropContext.js","sources":["../../../src/contexts/PropContext.js"],"sourcesContent":["import {\n  createContext, useContext, useEffect, useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { createStore, useStore } from 'zustand';\n\nconst fn = () => {};\n\nconst propStore = props => {\n  // eslint-disable-next-line complexity\n  return createStore(set => ({\n    acceptedItems: props.acceptedItems || {},\n    additionalPageItems: props.additionalPageItems || [],\n    disableInteraction: props.disableInteraction || [],\n    itemAccessor: props.itemAccessor || fn,\n    leftPanelConfig: props.leftPanelConfig || [],\n    onAnEventTrigger: props.onAnEventTrigger || (() => {}),\n    onItemAdd: props.onItemAdd || fn,\n    onItemChange: props.onItemChange || fn,\n    onItemMove: props.onItemMove || fn,\n    onItemRemove: props.onItemRemove || fn,\n    onItemResize: props.onItemResize || fn,\n    onItemsMove: props.onItemsMove || fn,\n    onPageAdd: props.onPageAdd || fn,\n    onPageChange: props.onPageChange || fn,\n    onPageDuplicate: props.onPageDuplicate || fn,\n    onPageOrdersChange: props.onPageOrdersChange || fn,\n    onPageRemove: props.onPageRemove || fn,\n    onSettingChange: props.onSettingChange || fn,\n    pages: props.pages || [],\n    setAcceptedItems: acceptedItems => { set({ acceptedItems }); },\n    setItemAccessor: itemAccessor => { set({ itemAccessor }); },\n    setPages: pages => { set({ pages }); },\n    setSettings: settings => { set({ settings }); },\n    settings: props.settings || {\n      reportLayout: 'A4 Landscape',\n    },\n    theme: props.theme || 'lightMode',\n    useExperimentalFeatures: props.useExperimentalFeatures || false,\n  }));\n};\n\nconst PropContext = createContext(null);\n\nexport const PropProvider = ({ children, ...props }) => {\n  const storeRef = useRef();\n  if (!storeRef.current) {\n    storeRef.current = propStore(props);\n  }\n\n  const {\n    acceptedItems, itemAccessor, pages, settings,\n  } = props;\n\n  useEffect(() => {\n    const { setPages } = storeRef.current.getState();\n    if (pages) {\n      setPages(pages);\n    }\n  }, [pages]);\n\n  useEffect(() => {\n    const { setItemAccessor } = storeRef.current.getState();\n    setItemAccessor(itemAccessor);\n  }, [itemAccessor]);\n\n  useEffect(() => {\n    const { setAcceptedItems } = storeRef.current.getState();\n    if (acceptedItems) {\n      setAcceptedItems(acceptedItems);\n    }\n  }, [acceptedItems]);\n\n  useEffect(() => {\n    const { setSettings } = storeRef.current.getState();\n    if (settings) {\n      setSettings(settings);\n    }\n  }, [settings]);\n\n  return (\n    <PropContext.Provider value={storeRef.current}>\n      {children}\n    </PropContext.Provider>\n  );\n};\n\nPropProvider.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  children: PropTypes.any,\n  itemAccessor: PropTypes.func,\n  pages: PropTypes.arrayOf(PropTypes.object),\n  settings: PropTypes.shape({}),\n};\n\nexport const PropConsumer = PropContext.Consumer;\n\nexport const usePropStore = selector => {\n  const context = useContext(PropContext);\n  if (!context) {\n    throw new Error('usePropStore must be used with PropProvider!');\n  }\n  return useStore(context, selector);\n};\n"],"names":["fn","propStore","props","createStore","set","acceptedItems","additionalPageItems","disableInteraction","itemAccessor","leftPanelConfig","onAnEventTrigger","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onSettingChange","pages","setAcceptedItems","setItemAccessor","setPages","setSettings","settings","reportLayout","theme","useExperimentalFeatures","PropContext","createContext","PropProvider","children","storeRef","useRef","current","useEffect","getState","_jsx","propTypes","PropTypes","shape","any","func","arrayOf","object","Consumer","usePropStore","selector","context","useContext","Error","useStore"],"mappings":"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"}
+{"version":3,"file":"PropContext.js","sources":["../../../src/contexts/PropContext.js"],"sourcesContent":["import {\n  createContext, useContext, useEffect, useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport isEqual from 'lodash.isequal';\nimport { createStore, useStore } from 'zustand';\n\nconst fn = () => {};\n\nconst propStore = props => {\n  // eslint-disable-next-line complexity\n  return createStore(set => ({\n    acceptedItems: props.acceptedItems || {},\n    additionalPageItems: props.additionalPageItems || [],\n    disableInteraction: props.disableInteraction || [],\n    itemAccessor: props.itemAccessor || fn,\n    leftPanelConfig: props.leftPanelConfig || [],\n    onAnEventTrigger: props.onAnEventTrigger || (() => {}),\n    onItemAdd: props.onItemAdd || fn,\n    onItemChange: props.onItemChange || fn,\n    onItemMove: props.onItemMove || fn,\n    onItemRemove: props.onItemRemove || fn,\n    onItemResize: props.onItemResize || fn,\n    onItemsMove: props.onItemsMove || fn,\n    onPageAdd: props.onPageAdd || fn,\n    onPageChange: props.onPageChange || fn,\n    onPageDuplicate: props.onPageDuplicate || fn,\n    onPageOrdersChange: props.onPageOrdersChange || fn,\n    onPageRemove: props.onPageRemove || fn,\n    onPageVisibilityChanged: props.onPageVisibilityChanged || fn,\n    onSelectedItemsChanged: props.onSelectedItemsChanged || fn,\n    onSettingChange: props.onSettingChange || fn,\n    pages: props.pages || [],\n    setAcceptedItems: acceptedItems => { set({ acceptedItems }); },\n    setItemAccessor: itemAccessor => { set({ itemAccessor }); },\n    setPages: pages => { set({ pages }); },\n    setSettings: settings => { set({ settings }); },\n    settings: props.settings || {\n      reportLayout: 'A4 Landscape',\n    },\n    theme: props.theme || 'lightMode',\n    useExperimentalFeatures: props.useExperimentalFeatures || false,\n  }));\n};\n\nconst PropContext = createContext(null);\n\nexport const PropProvider = ({ children, ...props }) => {\n  const storeRef = useRef();\n  if (!storeRef.current) {\n    storeRef.current = propStore(props);\n  }\n\n  const {\n    acceptedItems, itemAccessor, pages, settings,\n  } = props;\n\n  useEffect(() => {\n    const state = storeRef.current.getState();\n    if (!pages || isEqual(state.pages, pages)) return;\n    state.setPages(pages);\n  }, [pages]);\n\n  useEffect(() => {\n    const { setItemAccessor } = storeRef.current.getState();\n    setItemAccessor(itemAccessor);\n  }, [itemAccessor]);\n\n  useEffect(() => {\n    const state = storeRef.current.getState();\n    if (!acceptedItems || isEqual(state.acceptedItems, acceptedItems)) return;\n    state.setAcceptedItems(acceptedItems);\n  }, [acceptedItems]);\n\n  useEffect(() => {\n    const state = storeRef.current.getState();\n    if (!settings || isEqual(state.settings, settings)) return;\n    state.setSettings(settings);\n  }, [settings]);\n\n  return (\n    <PropContext.Provider value={storeRef.current}>\n      {children}\n    </PropContext.Provider>\n  );\n};\n\nPropProvider.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  children: PropTypes.any,\n  itemAccessor: PropTypes.func,\n  pages: PropTypes.arrayOf(PropTypes.object),\n  settings: PropTypes.shape({}),\n};\n\nexport const PropConsumer = PropContext.Consumer;\n\nexport const usePropStore = selector => {\n  const context = useContext(PropContext);\n  if (!context) {\n    throw new Error('usePropStore must be used with PropProvider!');\n  }\n  return useStore(context, selector);\n};\n"],"names":["fn","propStore","props","createStore","set","acceptedItems","additionalPageItems","disableInteraction","itemAccessor","leftPanelConfig","onAnEventTrigger","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onPageVisibilityChanged","onSelectedItemsChanged","onSettingChange","pages","setAcceptedItems","setItemAccessor","setPages","setSettings","settings","reportLayout","theme","useExperimentalFeatures","PropContext","createContext","PropProvider","children","storeRef","useRef","current","useEffect","state","getState","isEqual","_jsx","propTypes","PropTypes","shape","any","func","arrayOf","object","Consumer","usePropStore","selector","context","useContext","Error","useStore"],"mappings":"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"}

package/lib/esm/contexts/Providers.js

@@ -4,7 +4,7 @@ import { PresentationProvider } from './PresentationContext.js';
 import { PropProvider } from './PropContext.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children", "lastScrollPosition", "mode", "onRightPanelsToggled", "presentationBarActions", "useFixedPresentationBar"];
+var _excluded = ["children", "lastScrollPosition", "mode", "onRightPanelsToggled", "presentationBarActions", "shouldShowRightPanelInitially", "useFixedPresentationBar"];
 
 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; }
 
@@ -22,12 +22,14 @@ var Providers = function Providers(_ref) {
       mode = _ref.mode,
       onRightPanelsToggled = _ref.onRightPanelsToggled,
       presentationBarActions = _ref.presentationBarActions,
+      shouldShowRightPanelInitially = _ref.shouldShowRightPanelInitially,
       useFixedPresentationBar = _ref.useFixedPresentationBar,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/jsx(BuilderProvider, {
     lastScrollPosition: lastScrollPosition,
     onRightPanelsToggled: onRightPanelsToggled,
+    shouldShowRightPanelInitially: shouldShowRightPanelInitially,
     children: /*#__PURE__*/jsx(PropProvider, _objectSpread(_objectSpread({}, props), {}, {
       children: mode === 'customize' ? children : /*#__PURE__*/jsx(PresentationProvider, {
         presentationBarActions: presentationBarActions,
@@ -57,6 +59,9 @@ Providers.propTypes = {
   presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),
 
   /** Flag for fixed action bar */
+  shouldShowRightPanelInitially: PropTypes.bool,
+
+  /** Flag for whether to show the right panel initially */
   useFixedPresentationBar: PropTypes.bool
 };
 

package/lib/esm/contexts/Providers.js.map

@@ -1 +1 @@
-{"version":3,"file":"Providers.js","sources":["../../../src/contexts/Providers.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { BuilderProvider } from './BuilderContext';\nimport { PresentationProvider } from './PresentationContext';\nimport { PropProvider } from './PropContext';\n\nconst Providers = ({\n  children,\n  lastScrollPosition,\n  mode,\n  onRightPanelsToggled,\n  presentationBarActions,\n  useFixedPresentationBar,\n  ...props\n}) => {\n  return (\n    <BuilderProvider\n      lastScrollPosition={lastScrollPosition}\n      onRightPanelsToggled={onRightPanelsToggled}\n    >\n      <PropProvider {...props}>\n        {mode === 'customize' ? children : (\n          <PresentationProvider\n            presentationBarActions={presentationBarActions}\n            useFixedPresentationBar={useFixedPresentationBar}\n          >\n            {children}\n          </PresentationProvider>\n        )}\n      </PropProvider>\n    </BuilderProvider>\n  );\n};\n\nProviders.propTypes = {\n  children: PropTypes.node.isRequired,\n  /** Last scroll position */\n  lastScrollPosition: PropTypes.number,\n  /** Mode of the report */\n  mode: PropTypes.oneOf(['customize', 'presentation', 'preview', 'print']),\n  /** Function called when the slides or the right panel is\n   * toggled takes a boolean value to indicate whether or\n   * not the panel is toggled open.\n   */\n  onRightPanelsToggled: PropTypes.func,\n  /** To pass in action definitions that will be rendered as buttons */\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  /** Flag for fixed action bar */\n  useFixedPresentationBar: PropTypes.bool,\n};\n\nexport default Providers;\n"],"names":["Providers","children","lastScrollPosition","mode","onRightPanelsToggled","presentationBarActions","useFixedPresentationBar","props","_jsx","propTypes","PropTypes","node","isRequired","number","oneOf","func","arrayOf","shape","bool"],"mappings":";;;;;;;;;;;;;;;;;;IAKMA,SAAS,GAAG,SAAZA,SAAY,OAQZ;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,kBAMI,QANJA,kBAMI;AAAA,MALJC,IAKI,QALJA,IAKI;AAAA,MAJJC,oBAII,QAJJA,oBAII;AAAA,MAHJC,sBAGI,QAHJA,sBAGI;AAAA,MAFJC,uBAEI,QAFJA,uBAEI;AAAA,MADDC,KACC;;AACJ,sBACEC,IAAC,eAAD;AACE,IAAA,kBAAkB,EAAEN,kBADtB;AAEE,IAAA,oBAAoB,EAAEE,oBAFxB;AAAA,2BAIEI,IAAC,YAAD,kCAAkBD,KAAlB;AAAA,gBACGJ,IAAI,KAAK,WAAT,GAAuBF,QAAvB,gBACCO,IAAC,oBAAD;AACE,QAAA,sBAAsB,EAAEH,sBAD1B;AAEE,QAAA,uBAAuB,EAAEC,uBAF3B;AAAA,kBAIGL;AAJH;AAFJ;AAJF,IADF;AAiBD;;AAEDD,SAAS,CAACS,SAAV,GAAsB;AACpBR,EAAAA,QAAQ,EAAES,SAAS,CAACC,IAAV,CAAeC,UADL;;AAEpB;AACAV,EAAAA,kBAAkB,EAAEQ,SAAS,CAACG,MAHV;;AAIpB;AACAV,EAAAA,IAAI,EAAEO,SAAS,CAACI,KAAV,CAAgB,CAAC,WAAD,EAAc,cAAd,EAA8B,SAA9B,EAAyC,OAAzC,CAAhB,CALc;;AAMpB;AACF;AACA;AACA;AACEV,EAAAA,oBAAoB,EAAEM,SAAS,CAACK,IAVZ;;AAWpB;AACAV,EAAAA,sBAAsB,EAAEK,SAAS,CAACM,OAAV,CAAkBN,SAAS,CAACO,KAAV,CAAgB,EAAhB,CAAlB,CAZJ;;AAapB;AACAX,EAAAA,uBAAuB,EAAEI,SAAS,CAACQ;AAdf,CAAtB;;;;"}
+{"version":3,"file":"Providers.js","sources":["../../../src/contexts/Providers.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { BuilderProvider } from './BuilderContext';\nimport { PresentationProvider } from './PresentationContext';\nimport { PropProvider } from './PropContext';\n\nconst Providers = ({\n  children,\n  lastScrollPosition,\n  mode,\n  onRightPanelsToggled,\n  presentationBarActions,\n  shouldShowRightPanelInitially,\n  useFixedPresentationBar,\n  ...props\n}) => {\n  return (\n    <BuilderProvider\n      lastScrollPosition={lastScrollPosition}\n      onRightPanelsToggled={onRightPanelsToggled}\n      shouldShowRightPanelInitially={shouldShowRightPanelInitially}\n    >\n      <PropProvider {...props}>\n        {mode === 'customize' ? children : (\n          <PresentationProvider\n            presentationBarActions={presentationBarActions}\n            useFixedPresentationBar={useFixedPresentationBar}\n          >\n            {children}\n          </PresentationProvider>\n        )}\n      </PropProvider>\n    </BuilderProvider>\n  );\n};\n\nProviders.propTypes = {\n  children: PropTypes.node.isRequired,\n  /** Last scroll position */\n  lastScrollPosition: PropTypes.number,\n  /** Mode of the report */\n  mode: PropTypes.oneOf(['customize', 'presentation', 'preview', 'print']),\n  /** Function called when the slides or the right panel is\n   * toggled takes a boolean value to indicate whether or\n   * not the panel is toggled open.\n   */\n  onRightPanelsToggled: PropTypes.func,\n  /** To pass in action definitions that will be rendered as buttons */\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  /** Flag for fixed action bar */\n  shouldShowRightPanelInitially: PropTypes.bool,\n  /** Flag for whether to show the right panel initially */\n  useFixedPresentationBar: PropTypes.bool,\n};\n\nexport default Providers;\n"],"names":["Providers","children","lastScrollPosition","mode","onRightPanelsToggled","presentationBarActions","shouldShowRightPanelInitially","useFixedPresentationBar","props","_jsx","propTypes","PropTypes","node","isRequired","number","oneOf","func","arrayOf","shape","bool"],"mappings":";;;;;;;;;;;;;;;;;;IAKMA,SAAS,GAAG,SAAZA,SAAY,OASZ;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,kBAOI,QAPJA,kBAOI;AAAA,MANJC,IAMI,QANJA,IAMI;AAAA,MALJC,oBAKI,QALJA,oBAKI;AAAA,MAJJC,sBAII,QAJJA,sBAII;AAAA,MAHJC,6BAGI,QAHJA,6BAGI;AAAA,MAFJC,uBAEI,QAFJA,uBAEI;AAAA,MADDC,KACC;;AACJ,sBACEC,IAAC,eAAD;AACE,IAAA,kBAAkB,EAAEP,kBADtB;AAEE,IAAA,oBAAoB,EAAEE,oBAFxB;AAGE,IAAA,6BAA6B,EAAEE,6BAHjC;AAAA,2BAKEG,IAAC,YAAD,kCAAkBD,KAAlB;AAAA,gBACGL,IAAI,KAAK,WAAT,GAAuBF,QAAvB,gBACCQ,IAAC,oBAAD;AACE,QAAA,sBAAsB,EAAEJ,sBAD1B;AAEE,QAAA,uBAAuB,EAAEE,uBAF3B;AAAA,kBAIGN;AAJH;AAFJ;AALF,IADF;AAkBD;;AAEDD,SAAS,CAACU,SAAV,GAAsB;AACpBT,EAAAA,QAAQ,EAAEU,SAAS,CAACC,IAAV,CAAeC,UADL;;AAEpB;AACAX,EAAAA,kBAAkB,EAAES,SAAS,CAACG,MAHV;;AAIpB;AACAX,EAAAA,IAAI,EAAEQ,SAAS,CAACI,KAAV,CAAgB,CAAC,WAAD,EAAc,cAAd,EAA8B,SAA9B,EAAyC,OAAzC,CAAhB,CALc;;AAMpB;AACF;AACA;AACA;AACEX,EAAAA,oBAAoB,EAAEO,SAAS,CAACK,IAVZ;;AAWpB;AACAX,EAAAA,sBAAsB,EAAEM,SAAS,CAACM,OAAV,CAAkBN,SAAS,CAACO,KAAV,CAAgB,EAAhB,CAAlB,CAZJ;;AAapB;AACAZ,EAAAA,6BAA6B,EAAEK,SAAS,CAACQ,IAdrB;;AAepB;AACAZ,EAAAA,uBAAuB,EAAEI,SAAS,CAACQ;AAhBf,CAAtB;;;;"}