@jotforminc/dnd-builder 3.0.0-alpha.2 → 3.1.0

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

@@ -3,6 +3,8 @@ import 'core-js/modules/es.array.find-index.js';
 import PropTypes from 'prop-types';
 import { moveItemInArrayFromIndexToIndex, scrollToTarget } from '../../utils/functions.js';
 import { useTranslatedTexts } from '../../utils/hooks.js';
+import { useBuilderStore } from '../../contexts/BuilderContext.js';
+import { usePropStore } from '../../contexts/PropContext.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import SvgPageSettings from '../../assets/svg/page_settings.svg.js';
 import SvgDuplicate from '../../assets/svg/duplicate.svg.js';
@@ -12,18 +14,38 @@ import SvgArrowDown from '../../assets/svg/arrow_down.svg.js';
 import SvgPlus from '../../assets/svg/plus.svg.js';
 
 var PageActions = function PageActions(_ref) {
-  var disableInteraction = _ref.disableInteraction,
-      onAnEventTrigger = _ref.onAnEventTrigger,
-      onPageAdd = _ref.onPageAdd,
-      onPageDuplicate = _ref.onPageDuplicate,
-      onPageOrdersChange = _ref.onPageOrdersChange,
-      onPageRemove = _ref.onPageRemove,
-      order = _ref.order,
-      pageCount = _ref.pageCount,
-      pageID = _ref.pageID,
-      pages = _ref.pages,
-      setEditedElement = _ref.setEditedElement,
-      setIsRightPanelOpen = _ref.setIsRightPanelOpen;
+  var _ref$order = _ref.order,
+      order = _ref$order === void 0 ? 0 : _ref$order,
+      _ref$pageID = _ref.pageID,
+      pageID = _ref$pageID === void 0 ? '' : _ref$pageID;
+  var pages = usePropStore(function (state) {
+    return state.pages;
+  });
+  var pageCount = pages.length;
+  var onAnEventTrigger = usePropStore(function (state) {
+    return state.onAnEventTrigger;
+  });
+  var onPageAdd = usePropStore(function (state) {
+    return state.onPageAdd;
+  });
+  var onPageDuplicate = usePropStore(function (state) {
+    return state.onPageDuplicate;
+  });
+  var onPageOrdersChange = usePropStore(function (state) {
+    return state.onPageOrdersChange;
+  });
+  var onPageRemove = usePropStore(function (state) {
+    return state.onPageRemove;
+  });
+  var disableInteraction = usePropStore(function (state) {
+    return state.disableInteraction;
+  });
+  var setIsRightPanelOpen = useBuilderStore(function (state) {
+    return state.setIsRightPanelOpen;
+  });
+  var setEditedElement = useBuilderStore(function (state) {
+    return state.setEditedElement;
+  });
 
   var pageSettings = function pageSettings() {
     setEditedElement("p_".concat(pageID));
@@ -152,32 +174,8 @@ var PageActions = function PageActions(_ref) {
 };
 
 PageActions.propTypes = {
-  disableInteraction: PropTypes.arrayOf(PropTypes.string),
-  onAnEventTrigger: PropTypes.func,
-  onPageAdd: PropTypes.func,
-  onPageDuplicate: PropTypes.func,
-  onPageOrdersChange: PropTypes.func,
-  onPageRemove: PropTypes.func,
   order: PropTypes.number,
-  pageCount: PropTypes.number,
-  pageID: PropTypes.string,
-  pages: PropTypes.arrayOf(PropTypes.shape({})),
-  setEditedElement: PropTypes.func,
-  setIsRightPanelOpen: PropTypes.func
-};
-PageActions.defaultProps = {
-  disableInteraction: [],
-  onAnEventTrigger: function onAnEventTrigger() {},
-  onPageAdd: function onPageAdd() {},
-  onPageDuplicate: function onPageDuplicate() {},
-  onPageOrdersChange: function onPageOrdersChange() {},
-  onPageRemove: function onPageRemove() {},
-  order: 0,
-  pageCount: 1,
-  pageID: '',
-  pages: [],
-  setEditedElement: function setEditedElement() {},
-  setIsRightPanelOpen: function setIsRightPanelOpen() {}
+  pageID: PropTypes.string
 };
 
 export default PageActions;

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

@@ -1 +1 @@
-{"version":3,"file":"PageActions.js","sources":["../../../../src/components/Builder/PageActions.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { moveItemInArrayFromIndexToIndex, scrollToTarget } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst PageActions = ({\n  disableInteraction,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  order,\n  pageCount,\n  pageID,\n  pages,\n  setEditedElement,\n  setIsRightPanelOpen,\n}) => {\n  const pageSettings = () => {\n    setEditedElement(`p_${pageID}`);\n    setIsRightPanelOpen(true);\n  };\n\n  const onPageAddClick = () => {\n    const newPageIndex = order + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n    onAnEventTrigger('addNewPage', newPageIndex);\n  };\n\n  const onPageRemoveClick = () => {\n    onPageRemove(pageID);\n    onAnEventTrigger('removePage', pageID);\n  };\n\n  const changeOrder = direction => {\n    return () => {\n      const pageIndex = pages.findIndex(page => page.id === pageID);\n      const editedPages = moveItemInArrayFromIndexToIndex(\n        pages,\n        pageIndex,\n        pageIndex + direction,\n      );\n      const pageOrders = editedPages.reduce((acc, page, index) => {\n        const newOrder = index + 1;\n        acc[page.id] = {\n          order: newOrder,\n        };\n        return acc;\n      }, {});\n      onPageOrdersChange(pageOrders);\n      scrollToTarget(`pageActions-id-${order + direction}`);\n      onAnEventTrigger('changePageOrder', direction);\n    };\n  };\n\n  const onPageDuplicateClick = () => {\n    const foundPage = pages.find(page => page.id === pageID);\n    onPageDuplicate(foundPage);\n    scrollToTarget(`pageActions-id-${order + 1}`, 350);\n    onAnEventTrigger('duplicatePage', order + 1);\n  };\n\n  const {\n    ADD_NEW_PAGE, DUPLICATE_PAGE, MOVE_PAGE_DOWNWARDS,\n    MOVE_PAGE_UPWARDS, PAGE_SETTINGS, REMOVE_PAGE,\n  } = useTranslatedTexts();\n  return (\n    <div\n      className=\"jfReport-pageInfo d-flex j-center\"\n      id={`pageActions-id-${order}`}\n    >\n      <div className=\"pageCounter p-relative d-flex\">\n        {`${order}`}\n      </div>\n      <div className=\"floatingController forPageAction\">\n        <div className=\"floatingController-container hasGroup\">\n          <button\n            key=\"Slide Settings\"\n            className=\"controllerItem pageSettingSideBtn js-pageSetting\"\n            onClick={pageSettings}\n            title={PAGE_SETTINGS}\n            type=\"button\"\n          >\n            <icons.pageSettings className=\"jfReportSVG icon-pageSettings\" />\n          </button>\n          <button\n            key=\"Duplicate Page\"\n            className=\"controllerItem js-duplicatePage\"\n            disabled={disableInteraction.indexOf('duplicate') > -1}\n            onClick={onPageDuplicateClick}\n            title={DUPLICATE_PAGE}\n            type=\"button\"\n          >\n            <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n          </button>\n          <button\n            key=\"Remove Slide\"\n            className=\"controllerItem isDanger js-removePage\"\n            disabled={disableInteraction.indexOf('remove') > -1}\n            onClick={onPageRemoveClick}\n            title={REMOVE_PAGE}\n            type=\"button\"\n          >\n            <icons.trash className=\"jfReportSVG icon-trashLine\" />\n          </button>\n        </div>\n        <div className=\"floatingController-container hasGroup\">\n          <button\n            key=\"Move Page Upwards\"\n            className={`js-changeOrderUp controllerItem${order === 1 ? ' disabled' : ''}`}\n            onClick={changeOrder(-1)}\n            title={MOVE_PAGE_UPWARDS}\n            type=\"button\"\n          >\n            <icons.arrowUp className=\"jfReportSVG icon-arrow isTick\" />\n          </button>\n          <button\n            key=\"Move Page Downwards\"\n            className={`js-changeOrderDown controllerItem${order === pageCount ? ' disabled' : ''}`}\n            onClick={changeOrder(1)}\n            title={MOVE_PAGE_DOWNWARDS}\n            type=\"button\"\n          >\n            <icons.arrowDown className=\"jfReportSVG icon-arrow isTick\" />\n          </button>\n        </div>\n        <div className=\"floatingController-container\">\n          <button\n            key=\"Add Slide\"\n            className=\"js-addNewPage controllerItem\"\n            disabled={disableInteraction.indexOf('add') > -1}\n            onClick={onPageAddClick}\n            title={ADD_NEW_PAGE}\n            type=\"button\"\n          >\n            <icons.plus className=\"jfReportSVG icon-plus\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPageActions.propTypes = {\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  onAnEventTrigger: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageOrdersChange: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  order: PropTypes.number,\n  pageCount: PropTypes.number,\n  pageID: PropTypes.string,\n  pages: PropTypes.arrayOf(PropTypes.shape({})),\n  setEditedElement: PropTypes.func,\n  setIsRightPanelOpen: PropTypes.func,\n};\n\nPageActions.defaultProps = {\n  disableInteraction: [],\n  onAnEventTrigger: () => {},\n  onPageAdd: () => {},\n  onPageDuplicate: () => {},\n  onPageOrdersChange: () => {},\n  onPageRemove: () => {},\n  order: 0,\n  pageCount: 1,\n  pageID: '',\n  pages: [],\n  setEditedElement: () => {},\n  setIsRightPanelOpen: () => {},\n};\n\nexport default PageActions;\n"],"names":["PageActions","disableInteraction","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageOrdersChange","onPageRemove","order","pageCount","pageID","pages","setEditedElement","setIsRightPanelOpen","pageSettings","onPageAddClick","newPageIndex","scrollToTarget","onPageRemoveClick","changeOrder","direction","pageIndex","findIndex","page","id","editedPages","moveItemInArrayFromIndexToIndex","pageOrders","reduce","acc","index","newOrder","onPageDuplicateClick","foundPage","find","useTranslatedTexts","ADD_NEW_PAGE","DUPLICATE_PAGE","MOVE_PAGE_DOWNWARDS","MOVE_PAGE_UPWARDS","PAGE_SETTINGS","REMOVE_PAGE","_jsxs","_jsx","icons.pageSettings","indexOf","icons.duplicate","icons.trash","icons.arrowUp","icons.arrowDown","icons.plus","propTypes","PropTypes","arrayOf","string","func","number","shape","defaultProps"],"mappings":"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"}
+{"version":3,"file":"PageActions.js","sources":["../../../../src/components/Builder/PageActions.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { moveItemInArrayFromIndexToIndex, scrollToTarget } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\nimport { useBuilderStore } from '../../contexts/BuilderContext';\nimport { usePropStore } from '../../contexts/PropContext';\n\nconst PageActions = ({\n  order = 0,\n  pageID = '',\n}) => {\n  const pages = usePropStore(state => state.pages);\n  const pageCount = pages.length;\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n  const onPageAdd = usePropStore(state => state.onPageAdd);\n  const onPageDuplicate = usePropStore(state => state.onPageDuplicate);\n  const onPageOrdersChange = usePropStore(state => state.onPageOrdersChange);\n  const onPageRemove = usePropStore(state => state.onPageRemove);\n  const disableInteraction = usePropStore(state => state.disableInteraction);\n\n  const setIsRightPanelOpen = useBuilderStore(state => state.setIsRightPanelOpen);\n  const setEditedElement = useBuilderStore(state => state.setEditedElement);\n\n  const pageSettings = () => {\n    setEditedElement(`p_${pageID}`);\n    setIsRightPanelOpen(true);\n  };\n\n  const onPageAddClick = () => {\n    const newPageIndex = order + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n    onAnEventTrigger('addNewPage', newPageIndex);\n  };\n\n  const onPageRemoveClick = () => {\n    onPageRemove(pageID);\n    onAnEventTrigger('removePage', pageID);\n  };\n\n  const changeOrder = direction => {\n    return () => {\n      const pageIndex = pages.findIndex(page => page.id === pageID);\n      const editedPages = moveItemInArrayFromIndexToIndex(\n        pages,\n        pageIndex,\n        pageIndex + direction,\n      );\n      const pageOrders = editedPages.reduce((acc, page, index) => {\n        const newOrder = index + 1;\n        acc[page.id] = {\n          order: newOrder,\n        };\n        return acc;\n      }, {});\n      onPageOrdersChange(pageOrders);\n      scrollToTarget(`pageActions-id-${order + direction}`);\n      onAnEventTrigger('changePageOrder', direction);\n    };\n  };\n\n  const onPageDuplicateClick = () => {\n    const foundPage = pages.find(page => page.id === pageID);\n    onPageDuplicate(foundPage);\n    scrollToTarget(`pageActions-id-${order + 1}`, 350);\n    onAnEventTrigger('duplicatePage', order + 1);\n  };\n\n  const {\n    ADD_NEW_PAGE, DUPLICATE_PAGE, MOVE_PAGE_DOWNWARDS,\n    MOVE_PAGE_UPWARDS, PAGE_SETTINGS, REMOVE_PAGE,\n  } = useTranslatedTexts();\n  return (\n    <div\n      className=\"jfReport-pageInfo d-flex j-center\"\n      id={`pageActions-id-${order}`}\n    >\n      <div className=\"pageCounter p-relative d-flex\">\n        {`${order}`}\n      </div>\n      <div className=\"floatingController forPageAction\">\n        <div className=\"floatingController-container hasGroup\">\n          <button\n            key=\"Slide Settings\"\n            className=\"controllerItem pageSettingSideBtn js-pageSetting\"\n            onClick={pageSettings}\n            title={PAGE_SETTINGS}\n            type=\"button\"\n          >\n            <icons.pageSettings className=\"jfReportSVG icon-pageSettings\" />\n          </button>\n          <button\n            key=\"Duplicate Page\"\n            className=\"controllerItem js-duplicatePage\"\n            disabled={disableInteraction.indexOf('duplicate') > -1}\n            onClick={onPageDuplicateClick}\n            title={DUPLICATE_PAGE}\n            type=\"button\"\n          >\n            <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n          </button>\n          <button\n            key=\"Remove Slide\"\n            className=\"controllerItem isDanger js-removePage\"\n            disabled={disableInteraction.indexOf('remove') > -1}\n            onClick={onPageRemoveClick}\n            title={REMOVE_PAGE}\n            type=\"button\"\n          >\n            <icons.trash className=\"jfReportSVG icon-trashLine\" />\n          </button>\n        </div>\n        <div className=\"floatingController-container hasGroup\">\n          <button\n            key=\"Move Page Upwards\"\n            className={`js-changeOrderUp controllerItem${order === 1 ? ' disabled' : ''}`}\n            onClick={changeOrder(-1)}\n            title={MOVE_PAGE_UPWARDS}\n            type=\"button\"\n          >\n            <icons.arrowUp className=\"jfReportSVG icon-arrow isTick\" />\n          </button>\n          <button\n            key=\"Move Page Downwards\"\n            className={`js-changeOrderDown controllerItem${order === pageCount ? ' disabled' : ''}`}\n            onClick={changeOrder(1)}\n            title={MOVE_PAGE_DOWNWARDS}\n            type=\"button\"\n          >\n            <icons.arrowDown className=\"jfReportSVG icon-arrow isTick\" />\n          </button>\n        </div>\n        <div className=\"floatingController-container\">\n          <button\n            key=\"Add Slide\"\n            className=\"js-addNewPage controllerItem\"\n            disabled={disableInteraction.indexOf('add') > -1}\n            onClick={onPageAddClick}\n            title={ADD_NEW_PAGE}\n            type=\"button\"\n          >\n            <icons.plus className=\"jfReportSVG icon-plus\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPageActions.propTypes = {\n  order: PropTypes.number,\n  pageID: PropTypes.string,\n};\n\nexport default PageActions;\n"],"names":["PageActions","order","pageID","pages","usePropStore","state","pageCount","length","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageOrdersChange","onPageRemove","disableInteraction","setIsRightPanelOpen","useBuilderStore","setEditedElement","pageSettings","onPageAddClick","newPageIndex","scrollToTarget","onPageRemoveClick","changeOrder","direction","pageIndex","findIndex","page","id","editedPages","moveItemInArrayFromIndexToIndex","pageOrders","reduce","acc","index","newOrder","onPageDuplicateClick","foundPage","find","useTranslatedTexts","ADD_NEW_PAGE","DUPLICATE_PAGE","MOVE_PAGE_DOWNWARDS","MOVE_PAGE_UPWARDS","PAGE_SETTINGS","REMOVE_PAGE","_jsxs","_jsx","icons.pageSettings","indexOf","icons.duplicate","icons.trash","icons.arrowUp","icons.arrowDown","icons.plus","propTypes","PropTypes","number","string"],"mappings":"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"}

package/lib/esm/components/Builder/PageAdder.js

@@ -1,14 +1,20 @@
-import { string, func, number } from 'prop-types';
+import { string } from 'prop-types';
 import classNames from 'classnames';
 import { scrollToTarget } from '../../utils/functions.js';
 import { useTranslatedTexts } from '../../utils/hooks.js';
+import { usePropStore } from '../../contexts/PropContext.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import SvgPlus from '../../assets/svg/plus.svg.js';
 
 var PageAdder = function PageAdder(_ref) {
-  var additionalClass = _ref.additionalClass,
-      onPageAdd = _ref.onPageAdd,
-      pageCount = _ref.pageCount;
+  var _ref$additionalClass = _ref.additionalClass,
+      additionalClass = _ref$additionalClass === void 0 ? '' : _ref$additionalClass;
+  var pageCount = usePropStore(function (state) {
+    return state.pages.length;
+  });
+  var onPageAdd = usePropStore(function (state) {
+    return state.onPageAdd;
+  });
 
   var onPageAddClick = function onPageAddClick() {
     var newPageIndex = pageCount + 1;
@@ -32,14 +38,7 @@ var PageAdder = function PageAdder(_ref) {
 };
 
 PageAdder.propTypes = {
-  additionalClass: string,
-  onPageAdd: func,
-  pageCount: number
-};
-PageAdder.defaultProps = {
-  additionalClass: '',
-  onPageAdd: function onPageAdd() {},
-  pageCount: 1
+  additionalClass: string
 };
 
 export default PageAdder;

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

@@ -1 +1 @@
-{"version":3,"file":"PageAdder.js","sources":["../../../../src/components/Builder/PageAdder.js"],"sourcesContent":["import { func, number, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { scrollToTarget } from '../../utils/functions';\nimport * as icons from '../../utils/icons';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst PageAdder = ({\n  additionalClass,\n  onPageAdd,\n  pageCount,\n}) => {\n  const onPageAddClick = () => {\n    const newPageIndex = pageCount + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n  };\n\n  const { ADD_NEW_PAGE } = useTranslatedTexts();\n  return (\n    <button\n      className={classNames('pageAdder', additionalClass)}\n      onClick={onPageAddClick}\n      type=\"button\"\n    >\n      <icons.plus className=\"jfReportSVG icon-plus\" />\n      <span>{ADD_NEW_PAGE}</span>\n    </button>\n  );\n};\n\nPageAdder.propTypes = {\n  additionalClass: string,\n  onPageAdd: func,\n  pageCount: number,\n};\n\nPageAdder.defaultProps = {\n  additionalClass: '',\n  onPageAdd: () => {},\n  pageCount: 1,\n};\n\nexport default PageAdder;\n"],"names":["PageAdder","additionalClass","onPageAdd","pageCount","onPageAddClick","newPageIndex","scrollToTarget","useTranslatedTexts","ADD_NEW_PAGE","_jsxs","classNames","_jsx","icons.plus","propTypes","string","func","number","defaultProps"],"mappings":";;;;;;;IAMMA,SAAS,GAAG,SAAZA,SAAY,OAIZ;AAAA,MAHJC,eAGI,QAHJA,eAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,SACI,QADJA,SACI;;AACJ,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAMC,YAAY,GAAGF,SAAS,GAAG,CAAjC;AACAD,IAAAA,SAAS,CAACG,YAAD,CAAT;AACAC,IAAAA,cAAc,0BAAmBD,YAAnB,GAAmC,GAAnC,CAAd;AACD,GAJD;;AAMA,4BAAyBE,kBAAkB,EAA3C;AAAA,MAAQC,YAAR,uBAAQA,YAAR;;AACA,sBACEC;AACE,IAAA,SAAS,EAAEC,UAAU,CAAC,WAAD,EAAcT,eAAd,CADvB;AAEE,IAAA,OAAO,EAAEG,cAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,4BAKEO,IAACC,OAAD;AAAY,MAAA,SAAS,EAAC;AAAtB,MALF,eAMED;AAAA,gBAAOH;AAAP,MANF;AAAA,IADF;AAUD;;AAEDR,SAAS,CAACa,SAAV,GAAsB;AACpBZ,EAAAA,eAAe,EAAEa,MADG;AAEpBZ,EAAAA,SAAS,EAAEa,IAFS;AAGpBZ,EAAAA,SAAS,EAAEa;AAHS,CAAtB;AAMAhB,SAAS,CAACiB,YAAV,GAAyB;AACvBhB,EAAAA,eAAe,EAAE,EADM;AAEvBC,EAAAA,SAAS,EAAE,qBAAM,EAFM;AAGvBC,EAAAA,SAAS,EAAE;AAHY,CAAzB;;;;"}
+{"version":3,"file":"PageAdder.js","sources":["../../../../src/components/Builder/PageAdder.js"],"sourcesContent":["import { string } from 'prop-types';\nimport classNames from 'classnames';\nimport { scrollToTarget } from '../../utils/functions';\nimport * as icons from '../../utils/icons';\nimport { useTranslatedTexts } from '../../utils/hooks';\nimport { usePropStore } from '../../contexts/PropContext';\n\nconst PageAdder = ({\n  additionalClass = '',\n}) => {\n  const pageCount = usePropStore(state => state.pages.length);\n  const onPageAdd = usePropStore(state => state.onPageAdd);\n  const onPageAddClick = () => {\n    const newPageIndex = pageCount + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n  };\n\n  const { ADD_NEW_PAGE } = useTranslatedTexts();\n  return (\n    <button\n      className={classNames('pageAdder', additionalClass)}\n      onClick={onPageAddClick}\n      type=\"button\"\n    >\n      <icons.plus className=\"jfReportSVG icon-plus\" />\n      <span>{ADD_NEW_PAGE}</span>\n    </button>\n  );\n};\n\nPageAdder.propTypes = {\n  additionalClass: string,\n};\n\nexport default PageAdder;\n"],"names":["PageAdder","additionalClass","pageCount","usePropStore","state","pages","length","onPageAdd","onPageAddClick","newPageIndex","scrollToTarget","useTranslatedTexts","ADD_NEW_PAGE","_jsxs","classNames","_jsx","icons.plus","propTypes","string"],"mappings":";;;;;;;;IAOMA,SAAS,GAAG,SAAZA,SAAY,OAEZ;AAAA,kCADJC,eACI;AAAA,MADJA,eACI,qCADc,EACd;AACJ,MAAMC,SAAS,GAAGC,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,KAAN,CAAYC,MAAhB;AAAA,GAAN,CAA9B;AACA,MAAMC,SAAS,GAAGJ,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACG,SAAV;AAAA,GAAN,CAA9B;;AACA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAMC,YAAY,GAAGP,SAAS,GAAG,CAAjC;AACAK,IAAAA,SAAS,CAACE,YAAD,CAAT;AACAC,IAAAA,cAAc,0BAAmBD,YAAnB,GAAmC,GAAnC,CAAd;AACD,GAJD;;AAMA,4BAAyBE,kBAAkB,EAA3C;AAAA,MAAQC,YAAR,uBAAQA,YAAR;;AACA,sBACEC;AACE,IAAA,SAAS,EAAEC,UAAU,CAAC,WAAD,EAAcb,eAAd,CADvB;AAEE,IAAA,OAAO,EAAEO,cAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,4BAKEO,IAACC,OAAD;AAAY,MAAA,SAAS,EAAC;AAAtB,MALF,eAMED;AAAA,gBAAOH;AAAP,MANF;AAAA,IADF;AAUD;;AAEDZ,SAAS,CAACiB,SAAV,GAAsB;AACpBhB,EAAAA,eAAe,EAAEiB;AADG,CAAtB;;;;"}

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

@@ -9,10 +9,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var Panel = function Panel(_ref) {
-  var additionalClassName = _ref.additionalClassName,
-      children = _ref.children,
-      innerRef = _ref.innerRef,
-      onAnimationEnd = _ref.onAnimationEnd;
+  var _ref$additionalClassN = _ref.additionalClassName,
+      additionalClassName = _ref$additionalClassN === void 0 ? '' : _ref$additionalClassN,
+      _ref$children = _ref.children,
+      children = _ref$children === void 0 ? null : _ref$children,
+      _ref$innerRef = _ref.innerRef,
+      innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
+      _ref$onAnimationEnd = _ref.onAnimationEnd,
+      onAnimationEnd = _ref$onAnimationEnd === void 0 ? function () {} : _ref$onAnimationEnd;
   return /*#__PURE__*/jsx("aside", {
     ref: innerRef,
     className: "jfReport-col jfReport-pane ".concat(additionalClassName),
@@ -29,12 +33,6 @@ Panel.propTypes = {
   })]),
   onAnimationEnd: PropTypes.func
 };
-Panel.defaultProps = {
-  additionalClassName: '',
-  children: null,
-  innerRef: null,
-  onAnimationEnd: function onAnimationEnd() {}
-};
 var MemoizedPanel = /*#__PURE__*/memo(Panel);
 var Panel$1 = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/jsx(MemoizedPanel, _objectSpread({

package/lib/esm/components/Builder/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sources":["../../../../src/components/Builder/Panel.js"],"sourcesContent":["/* global Element */\nimport { forwardRef, memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Panel = ({\n  additionalClassName, children, innerRef, onAnimationEnd,\n}) => {\n  return (\n    <aside\n      ref={innerRef}\n      className={`jfReport-col jfReport-pane ${additionalClassName}`}\n      onAnimationEnd={onAnimationEnd}\n    >\n      {children}\n    </aside>\n  );\n};\n\nPanel.propTypes = {\n  additionalClassName: PropTypes.string,\n  children: PropTypes.any,\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.instanceOf(Element) }),\n  ]),\n  onAnimationEnd: PropTypes.func,\n};\n\nPanel.defaultProps = {\n  additionalClassName: '',\n  children: null,\n  innerRef: null,\n  onAnimationEnd: () => {},\n};\n\nconst MemoizedPanel = memo(Panel);\n\nexport default forwardRef((props, ref) => (\n  <MemoizedPanel\n    innerRef={ref}\n    {...props}\n  />\n));\n"],"names":["Panel","additionalClassName","children","innerRef","onAnimationEnd","_jsx","propTypes","PropTypes","string","any","oneOfType","func","shape","current","instanceOf","Element","defaultProps","MemoizedPanel","memo","forwardRef","props","ref"],"mappings":";;;;;;;;;;AAIA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAER;AAAA,MADJC,mBACI,QADJA,mBACI;AAAA,MADiBC,QACjB,QADiBA,QACjB;AAAA,MAD2BC,QAC3B,QAD2BA,QAC3B;AAAA,MADqCC,cACrC,QADqCA,cACrC;AACJ,sBACEC;AACE,IAAA,GAAG,EAAEF,QADP;AAEE,IAAA,SAAS,uCAAgCF,mBAAhC,CAFX;AAGE,IAAA,cAAc,EAAEG,cAHlB;AAAA,cAKGF;AALH,IADF;AASD,CAZD;;AAcAF,KAAK,CAACM,SAAN,GAAkB;AAChBL,EAAAA,mBAAmB,EAAEM,SAAS,CAACC,MADf;AAEhBN,EAAAA,QAAQ,EAAEK,SAAS,CAACE,GAFJ;AAGhBN,EAAAA,QAAQ,EAAEI,SAAS,CAACG,SAAV,CAAoB,CAC5BH,SAAS,CAACI,IADkB,EAE5BJ,SAAS,CAACK,KAAV,CAAgB;AAAEC,IAAAA,OAAO,EAAEN,SAAS,CAACO,UAAV,CAAqBC,OAArB;AAAX,GAAhB,CAF4B,CAApB,CAHM;AAOhBX,EAAAA,cAAc,EAAEG,SAAS,CAACI;AAPV,CAAlB;AAUAX,KAAK,CAACgB,YAAN,GAAqB;AACnBf,EAAAA,mBAAmB,EAAE,EADF;AAEnBC,EAAAA,QAAQ,EAAE,IAFS;AAGnBC,EAAAA,QAAQ,EAAE,IAHS;AAInBC,EAAAA,cAAc,EAAE,0BAAM;AAJH,CAArB;AAOA,IAAMa,aAAa,gBAAGC,IAAI,CAAClB,KAAD,CAA1B;AAEA,2BAAemB,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR;AAAA,sBACxBhB,IAAC,aAAD;AACE,IAAA,QAAQ,EAAEgB;AADZ,KAEMD,KAFN,EADwB;AAAA,CAAD,CAAzB;;;;"}
+{"version":3,"file":"Panel.js","sources":["../../../../src/components/Builder/Panel.js"],"sourcesContent":["/* global Element */\nimport { forwardRef, memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Panel = ({\n  additionalClassName = '',\n  children = null,\n  innerRef = null,\n  onAnimationEnd = () => {},\n}) => {\n  return (\n    <aside\n      ref={innerRef}\n      className={`jfReport-col jfReport-pane ${additionalClassName}`}\n      onAnimationEnd={onAnimationEnd}\n    >\n      {children}\n    </aside>\n  );\n};\n\nPanel.propTypes = {\n  additionalClassName: PropTypes.string,\n  children: PropTypes.any,\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.instanceOf(Element) }),\n  ]),\n  onAnimationEnd: PropTypes.func,\n};\n\nconst MemoizedPanel = memo(Panel);\n\nexport default forwardRef((props, ref) => (\n  <MemoizedPanel\n    innerRef={ref}\n    {...props}\n  />\n));\n"],"names":["Panel","additionalClassName","children","innerRef","onAnimationEnd","_jsx","propTypes","PropTypes","string","any","oneOfType","func","shape","current","instanceOf","Element","MemoizedPanel","memo","forwardRef","props","ref"],"mappings":";;;;;;;;;;AAIA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAKR;AAAA,mCAJJC,mBAII;AAAA,MAJJA,mBAII,sCAJkB,EAIlB;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,IAGP;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,IAEP;AAAA,iCADJC,cACI;AAAA,MADJA,cACI,oCADa,YAAM,EACnB;AACJ,sBACEC;AACE,IAAA,GAAG,EAAEF,QADP;AAEE,IAAA,SAAS,uCAAgCF,mBAAhC,CAFX;AAGE,IAAA,cAAc,EAAEG,cAHlB;AAAA,cAKGF;AALH,IADF;AASD,CAfD;;AAiBAF,KAAK,CAACM,SAAN,GAAkB;AAChBL,EAAAA,mBAAmB,EAAEM,SAAS,CAACC,MADf;AAEhBN,EAAAA,QAAQ,EAAEK,SAAS,CAACE,GAFJ;AAGhBN,EAAAA,QAAQ,EAAEI,SAAS,CAACG,SAAV,CAAoB,CAC5BH,SAAS,CAACI,IADkB,EAE5BJ,SAAS,CAACK,KAAV,CAAgB;AAAEC,IAAAA,OAAO,EAAEN,SAAS,CAACO,UAAV,CAAqBC,OAArB;AAAX,GAAhB,CAF4B,CAApB,CAHM;AAOhBX,EAAAA,cAAc,EAAEG,SAAS,CAACI;AAPV,CAAlB;AAUA,IAAMK,aAAa,gBAAGC,IAAI,CAACjB,KAAD,CAA1B;AAEA,2BAAekB,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR;AAAA,sBACxBf,IAAC,aAAD;AACE,IAAA,QAAQ,EAAEe;AADZ,KAEMD,KAFN,EADwB;AAAA,CAAD,CAAzB;;;;"}

package/lib/esm/components/Builder/ReportItemRenderer.js

@@ -1,5 +1,6 @@
 import { memo } from 'react';
-import { usePropContext } from '../../utils/propContext.js';
+import { usePropStore } from '../../contexts/PropContext.js';
+import getMergedItem from '../../utils/getMergedItem.js';
 
 var getItemComponent = function getItemComponent(elementName, Elements) {
   return Elements[elementName] && Elements[elementName].Component ? Elements[elementName].Component : Elements.text.Component;
@@ -8,11 +9,11 @@ var getItemComponent = function getItemComponent(elementName, Elements) {
 var ReportItemRenderer = function ReportItemRenderer(_ref) {
   var children = _ref.children,
       item = _ref.item;
-
-  var _usePropContext = usePropContext(),
-      acceptedItems = _usePropContext.acceptedItems;
-
-  return children(getItemComponent(item.itemType, acceptedItems), item);
+  var acceptedItems = usePropStore(function (state) {
+    return state.acceptedItems;
+  });
+  var mergedItem = getMergedItem(item, acceptedItems);
+  return children(getItemComponent(item.itemType, acceptedItems), mergedItem);
 };
 
 var ReportItemRenderer$1 = /*#__PURE__*/memo(ReportItemRenderer);

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

@@ -1 +1 @@
-{"version":3,"file":"ReportItemRenderer.js","sources":["../../../../src/components/Builder/ReportItemRenderer.js"],"sourcesContent":["import { memo } from 'react';\nimport { usePropContext } from '../../utils/propContext';\n\nconst getItemComponent = (elementName, Elements) => {\n  return Elements[elementName] && Elements[elementName].Component\n    ? Elements[elementName].Component\n    : Elements.text.Component;\n};\n\nconst ReportItemRenderer = ({\n  children,\n  item,\n}) => {\n  const { acceptedItems } = usePropContext();\n  return children(getItemComponent(item.itemType, acceptedItems), item);\n};\n\nexport default memo(ReportItemRenderer);\n"],"names":["getItemComponent","elementName","Elements","Component","text","ReportItemRenderer","children","item","usePropContext","acceptedItems","itemType","memo"],"mappings":";;;AAGA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,WAAD,EAAcC,QAAd,EAA2B;AAClD,SAAOA,QAAQ,CAACD,WAAD,CAAR,IAAyBC,QAAQ,CAACD,WAAD,CAAR,CAAsBE,SAA/C,GACHD,QAAQ,CAACD,WAAD,CAAR,CAAsBE,SADnB,GAEHD,QAAQ,CAACE,IAAT,CAAcD,SAFlB;AAGD,CAJD;;AAMA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,OAGrB;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,IACI,QADJA,IACI;;AACJ,wBAA0BC,cAAc,EAAxC;AAAA,MAAQC,aAAR,mBAAQA,aAAR;;AACA,SAAOH,QAAQ,CAACN,gBAAgB,CAACO,IAAI,CAACG,QAAN,EAAgBD,aAAhB,CAAjB,EAAiDF,IAAjD,CAAf;AACD,CAND;;AAQA,wCAAeI,IAAI,CAACN,kBAAD,CAAnB;;;;"}
+{"version":3,"file":"ReportItemRenderer.js","sources":["../../../../src/components/Builder/ReportItemRenderer.js"],"sourcesContent":["import { memo } from 'react';\nimport { usePropStore } from '../../contexts/PropContext';\nimport getMergedItem from '../../utils/getMergedItem';\n\nconst getItemComponent = (elementName, Elements) => {\n  return Elements[elementName] && Elements[elementName].Component\n    ? Elements[elementName].Component\n    : Elements.text.Component;\n};\n\nconst ReportItemRenderer = ({\n  children,\n  item,\n}) => {\n  const acceptedItems = usePropStore(state => state.acceptedItems);\n  const mergedItem = getMergedItem(item, acceptedItems);\n  return children(getItemComponent(item.itemType, acceptedItems), mergedItem);\n};\n\nexport default memo(ReportItemRenderer);\n"],"names":["getItemComponent","elementName","Elements","Component","text","ReportItemRenderer","children","item","acceptedItems","usePropStore","state","mergedItem","getMergedItem","itemType","memo"],"mappings":";;;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,WAAD,EAAcC,QAAd,EAA2B;AAClD,SAAOA,QAAQ,CAACD,WAAD,CAAR,IAAyBC,QAAQ,CAACD,WAAD,CAAR,CAAsBE,SAA/C,GACHD,QAAQ,CAACD,WAAD,CAAR,CAAsBE,SADnB,GAEHD,QAAQ,CAACE,IAAT,CAAcD,SAFlB;AAGD,CAJD;;AAMA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,OAGrB;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,IACI,QADJA,IACI;AACJ,MAAMC,aAAa,GAAGC,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,aAAV;AAAA,GAAN,CAAlC;AACA,MAAMG,UAAU,GAAGC,aAAa,CAACL,IAAD,EAAOC,aAAP,CAAhC;AACA,SAAOF,QAAQ,CAACN,gBAAgB,CAACO,IAAI,CAACM,QAAN,EAAgBL,aAAhB,CAAjB,EAAiDG,UAAjD,CAAf;AACD,CAPD;;AASA,wCAAeG,IAAI,CAACT,kBAAD,CAAnB;;;;"}