@jotforminc/dnd-builder 1.0.2 → 2.0.0-beta.4

package/lib/esm/components/Panels/AllSlidesPanel/PageActionsBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageActionsBar.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageActionsBar.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst PageActionsBar = ({\n  onPageDeselect,\n  onPageSelectAll,\n  pageCount,\n  selectedPagesCount,\n}) => {\n  // const onPageDuplicateClick = () => {\n  //   onPageDuplicate(page);\n  //   onAnEventTrigger('duplicatePage', order + 1);\n  // };\n\n  // const onPageRemoveClick = () => {\n  //   onPageRemove(page.id);\n  //   onAnEventTrigger('removePageFromSlides', page.id);\n  // };\n\n  return (\n    <div\n      className=\"pageActionsBar p-absolute d-flex j-between a-center\"\n    >\n      <div className=\"pageActionsBar-section\">\n        <span>\n          {`Total ${pageCount} Slides`}\n        </span>\n        <button\n          key=\"Select All\"\n          className=\"jfReportButton forPageActionsBar withRadius\"\n          onClick={onPageSelectAll}\n          title=\"Select All\"\n          type=\"button\"\n        >\n          Select All\n        </button>\n      </div>\n      {selectedPagesCount > 0 && (\n        <>\n          <div className=\"pageActionsBar-section\">\n            <span className=\"pageSummary\">{`${selectedPagesCount} Slides`}</span>\n            <span> selected</span>\n            <button\n              key=\"Deselect\"\n              className=\"jfReportButton forPageActionsBar withRadius forDeselect\"\n              onClick={onPageDeselect}\n              title=\"Deselect\"\n              type=\"button\"\n            >\n              <span>\n                Deselect\n              </span>\n              <icons.close className=\"jfReportSVG icon-duplicateLine\" />\n            </button>\n          </div>\n          <div className=\"pageActionsBar-section\">\n            <button\n              key=\"Duplicate Page\"\n              className=\"jfReportButton forPageActionsBar forDuplicate\"\n          // onClick={onPageDuplicateClick}\n              title=\"Duplicate Page\"\n              type=\"button\"\n            >\n              <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n              <span>Duplicate</span>\n            </button>\n            <button\n              key=\"Remove Page\"\n              className=\"jfReportButton isDanger\"\n          // onClick={onPageRemoveClick}\n              title=\"Remove Page\"\n              type=\"button\"\n            >\n              <icons.trash className=\"jfReportSVG icon-trashLine\" />\n              <span>Delete</span>\n            </button>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nPageActionsBar.propTypes = {\n  // onAnEventTrigger: PropTypes.func,\n  // onPageDuplicate: PropTypes.func,\n  // onPageRemove: PropTypes.func,\n  // order: PropTypes.string,\n  onPageDeselect: PropTypes.func,\n  onPageSelectAll: PropTypes.func,\n  page: PropTypes.shape({ id: PropTypes.string }),\n  pageCount: PropTypes.number,\n  selectedPagesCount: PropTypes.number,\n};\n\nPageActionsBar.defaultProps = {\n  // onAnEventTrigger: () => {},\n  // onPageDuplicate: () => {},\n  // onPageRemove: () => {},\n  // order: '',\n  onPageDeselect: () => {},\n  onPageSelectAll: () => {},\n  page: {},\n  pageCount: 0,\n  selectedPagesCount: 0,\n};\n\nexport default memo(PageActionsBar);\n"],"names":["PageActionsBar","onPageDeselect","onPageSelectAll","pageCount","selectedPagesCount","_jsxs","_jsx","icons.close","icons.duplicate","icons.trash","propTypes","PropTypes","func","page","shape","id","string","number","defaultProps","memo"],"mappings":";;;;;;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAKjB;AAAA,MAJJC,cAII,QAJJA,cAII;AAAA,MAHJC,eAGI,QAHJA,eAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,kBACI,QADJA,kBACI;AACJ;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA,sBACEC;AACE,IAAA,SAAS,EAAC,qDADZ;AAAA,4BAGEA;AAAK,MAAA,SAAS,EAAC,wBAAf;AAAA,8BACEC;AAAA,kCACYH,SADZ;AAAA,QADF,eAIEG;AAEE,QAAA,SAAS,EAAC,6CAFZ;AAGE,QAAA,OAAO,EAAEJ,eAHX;AAIE,QAAA,KAAK,EAAC,YAJR;AAKE,QAAA,IAAI,EAAC,QALP;AAAA;AAAA,SACM,YADN,CAJF;AAAA,MAHF,EAiBGE,kBAAkB,GAAG,CAArB,iBACCC;AAAA,8BACEA;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEC;AAAM,UAAA,SAAS,EAAC,aAAhB;AAAA,8BAAkCF,kBAAlC;AAAA,UADF,eAEEE;AAAA;AAAA,UAFF,eAGED;AAEE,UAAA,SAAS,EAAC,yDAFZ;AAGE,UAAA,OAAO,EAAEJ,cAHX;AAIE,UAAA,KAAK,EAAC,UAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEK;AAAA;AAAA,YAPF,eAUEA,IAACC,QAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAVF;AAAA,WACM,UADN,CAHF;AAAA,QADF,eAiBEF;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEA;AAEE,UAAA,SAAS,EAAC,+CAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,gBAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,IAACE,YAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B,YAPF,eAQEF;AAAA;AAAA,YARF;AAAA,WACM,gBADN,CADF,eAWED;AAEE,UAAA,SAAS,EAAC,yBAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,aAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,IAACG,QAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAPF,eAQEH;AAAA;AAAA,YARF;AAAA,WACM,aADN,CAXF;AAAA,QAjBF;AAAA,MAlBJ;AAAA,IADF;AA8DD,CA9ED;;AAgFAN,cAAc,CAACU,SAAf,GAA2B;AACzB;AACA;AACA;AACA;AACAT,EAAAA,cAAc,EAAEU,SAAS,CAACC,IALD;AAMzBV,EAAAA,eAAe,EAAES,SAAS,CAACC,IANF;AAOzBC,EAAAA,IAAI,EAAEF,SAAS,CAACG,KAAV,CAAgB;AAAEC,IAAAA,EAAE,EAAEJ,SAAS,CAACK;AAAhB,GAAhB,CAPmB;AAQzBb,EAAAA,SAAS,EAAEQ,SAAS,CAACM,MARI;AASzBb,EAAAA,kBAAkB,EAAEO,SAAS,CAACM;AATL,CAA3B;AAYAjB,cAAc,CAACkB,YAAf,GAA8B;AAC5B;AACA;AACA;AACA;AACAjB,EAAAA,cAAc,EAAE,0BAAM,EALM;AAM5BC,EAAAA,eAAe,EAAE,2BAAM,EANK;AAO5BW,EAAAA,IAAI,EAAE,EAPsB;AAQ5BV,EAAAA,SAAS,EAAE,CARiB;AAS5BC,EAAAA,kBAAkB,EAAE;AATQ,CAA9B;AAYA,oCAAee,IAAI,CAACnB,cAAD,CAAnB;;;;"}
+{"version":3,"file":"PageActionsBar.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageActionsBar.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst PageActionsBar = ({\n  onPageDeselect,\n  onPageSelectAll,\n  pageCount,\n  selectedPagesCount,\n}) => {\n  // const onPageDuplicateClick = () => {\n  //   onPageDuplicate(page);\n  //   onAnEventTrigger('duplicatePage', order + 1);\n  // };\n\n  // const onPageRemoveClick = () => {\n  //   onPageRemove(page.id);\n  //   onAnEventTrigger('removePageFromSlides', page.id);\n  // };\n\n  return (\n    <div\n      className=\"pageActionsBar p-absolute d-flex j-between a-center\"\n    >\n      <div className=\"pageActionsBar-section\">\n        <span>\n          {`Total ${pageCount} Slides`}\n        </span>\n        <button\n          key=\"Select All\"\n          className=\"jfReportButton forPageActionsBar withRadius\"\n          onClick={onPageSelectAll}\n          title=\"Select All\"\n          type=\"button\"\n        >\n          Select All\n        </button>\n      </div>\n      {selectedPagesCount > 0 && (\n        <>\n          <div className=\"pageActionsBar-section\">\n            <span className=\"pageSummary\">{`${selectedPagesCount} Slides`}</span>\n            <span> selected</span>\n            <button\n              key=\"Deselect\"\n              className=\"jfReportButton forPageActionsBar withRadius forDeselect\"\n              onClick={onPageDeselect}\n              title=\"Deselect\"\n              type=\"button\"\n            >\n              <span>\n                Deselect\n              </span>\n              <icons.close className=\"jfReportSVG icon-duplicateLine\" />\n            </button>\n          </div>\n          <div className=\"pageActionsBar-section\">\n            <button\n              key=\"Duplicate Page\"\n              className=\"jfReportButton forPageActionsBar forDuplicate\"\n          // onClick={onPageDuplicateClick}\n              title=\"Duplicate Page\"\n              type=\"button\"\n            >\n              <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n              <span>Duplicate</span>\n            </button>\n            <button\n              key=\"Remove Slide\"\n              className=\"jfReportButton isDanger\"\n          // onClick={onPageRemoveClick}\n              title=\"Remove Slide\"\n              type=\"button\"\n            >\n              <icons.trash className=\"jfReportSVG icon-trashLine\" />\n              <span>Delete</span>\n            </button>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nPageActionsBar.propTypes = {\n  // onAnEventTrigger: PropTypes.func,\n  // onPageDuplicate: PropTypes.func,\n  // onPageRemove: PropTypes.func,\n  // order: PropTypes.string,\n  onPageDeselect: PropTypes.func,\n  onPageSelectAll: PropTypes.func,\n  page: PropTypes.shape({ id: PropTypes.string }),\n  pageCount: PropTypes.number,\n  selectedPagesCount: PropTypes.number,\n};\n\nPageActionsBar.defaultProps = {\n  // onAnEventTrigger: () => {},\n  // onPageDuplicate: () => {},\n  // onPageRemove: () => {},\n  // order: '',\n  onPageDeselect: () => {},\n  onPageSelectAll: () => {},\n  page: {},\n  pageCount: 0,\n  selectedPagesCount: 0,\n};\n\nexport default memo(PageActionsBar);\n"],"names":["PageActionsBar","onPageDeselect","onPageSelectAll","pageCount","selectedPagesCount","_jsxs","_jsx","icons.close","icons.duplicate","icons.trash","propTypes","PropTypes","func","page","shape","id","string","number","defaultProps","memo"],"mappings":";;;;;;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAKjB;AAAA,MAJJC,cAII,QAJJA,cAII;AAAA,MAHJC,eAGI,QAHJA,eAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,kBACI,QADJA,kBACI;AACJ;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA,sBACEC;AACE,IAAA,SAAS,EAAC,qDADZ;AAAA,4BAGEA;AAAK,MAAA,SAAS,EAAC,wBAAf;AAAA,8BACEC;AAAA,kCACYH,SADZ;AAAA,QADF,eAIEG;AAEE,QAAA,SAAS,EAAC,6CAFZ;AAGE,QAAA,OAAO,EAAEJ,eAHX;AAIE,QAAA,KAAK,EAAC,YAJR;AAKE,QAAA,IAAI,EAAC,QALP;AAAA;AAAA,SACM,YADN,CAJF;AAAA,MAHF,EAiBGE,kBAAkB,GAAG,CAArB,iBACCC;AAAA,8BACEA;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEC;AAAM,UAAA,SAAS,EAAC,aAAhB;AAAA,8BAAkCF,kBAAlC;AAAA,UADF,eAEEE;AAAA;AAAA,UAFF,eAGED;AAEE,UAAA,SAAS,EAAC,yDAFZ;AAGE,UAAA,OAAO,EAAEJ,cAHX;AAIE,UAAA,KAAK,EAAC,UAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEK;AAAA;AAAA,YAPF,eAUEA,IAACC,QAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAVF;AAAA,WACM,UADN,CAHF;AAAA,QADF,eAiBEF;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEA;AAEE,UAAA,SAAS,EAAC,+CAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,gBAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,IAACE,YAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B,YAPF,eAQEF;AAAA;AAAA,YARF;AAAA,WACM,gBADN,CADF,eAWED;AAEE,UAAA,SAAS,EAAC,yBAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,cAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,IAACG,QAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAPF,eAQEH;AAAA;AAAA,YARF;AAAA,WACM,cADN,CAXF;AAAA,QAjBF;AAAA,MAlBJ;AAAA,IADF;AA8DD,CA9ED;;AAgFAN,cAAc,CAACU,SAAf,GAA2B;AACzB;AACA;AACA;AACA;AACAT,EAAAA,cAAc,EAAEU,SAAS,CAACC,IALD;AAMzBV,EAAAA,eAAe,EAAES,SAAS,CAACC,IANF;AAOzBC,EAAAA,IAAI,EAAEF,SAAS,CAACG,KAAV,CAAgB;AAAEC,IAAAA,EAAE,EAAEJ,SAAS,CAACK;AAAhB,GAAhB,CAPmB;AAQzBb,EAAAA,SAAS,EAAEQ,SAAS,CAACM,MARI;AASzBb,EAAAA,kBAAkB,EAAEO,SAAS,CAACM;AATL,CAA3B;AAYAjB,cAAc,CAACkB,YAAf,GAA8B;AAC5B;AACA;AACA;AACA;AACAjB,EAAAA,cAAc,EAAE,0BAAM,EALM;AAM5BC,EAAAA,eAAe,EAAE,2BAAM,EANK;AAO5BW,EAAAA,IAAI,EAAE,EAPsB;AAQ5BV,EAAAA,SAAS,EAAE,CARiB;AAS5BC,EAAAA,kBAAkB,EAAE;AATQ,CAA9B;AAYA,oCAAee,IAAI,CAACnB,cAAD,CAAnB;;;;"}

package/lib/esm/components/Panels/AllSlidesPanel/PageThumbnailActions.js

@@ -47,20 +47,20 @@ var PageThumbnailActions = function PageThumbnailActions(_ref) {
         }, "Duplicate Page"), /*#__PURE__*/jsx("button", {
           className: "controllerItem isDanger",
           onClick: onPageRemoveClick,
-          title: "Remove Page",
+          title: "Remove Slide",
           type: "button",
           children: /*#__PURE__*/jsx(SvgTrash, {
             className: "jfReportSVG icon-trashLine"
           })
-        }, "Remove Page"), /*#__PURE__*/jsx("button", {
+        }, "Remove Slide"), /*#__PURE__*/jsx("button", {
           className: "controllerItem",
           onClick: onPageAddClick,
-          title: "Add New Page",
+          title: "Add Slide",
           type: "button",
           children: /*#__PURE__*/jsx(SvgPlus, {
             className: "jfReportSVG icon-plus"
           })
-        }, "Add New Page")]
+        }, "Add Slide")]
       })
     })
   });

package/lib/esm/components/Panels/AllSlidesPanel/PageThumbnailActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageThumbnailActions.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageThumbnailActions.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst PageThumbnailActions = ({\n  onAnEventTrigger,\n  onPageAdd,\n  onPageDuplicate,\n  onPageRemove,\n  order,\n  page,\n}) => {\n  const onPageDuplicateClick = () => {\n    onPageDuplicate(page);\n    onAnEventTrigger('duplicatePage', order + 1);\n  };\n\n  const onPageRemoveClick = () => {\n    onPageRemove(page.id);\n    onAnEventTrigger('removePageFromSlides', page.id);\n  };\n\n  const onPageAddClick = () => {\n    const newPageIndex = order + 1;\n    onPageAdd(newPageIndex);\n    onAnEventTrigger('addNewPageFromSlides', newPageIndex);\n  };\n\n  return (\n    <div\n      className=\"thumbnailActions d-flex j-between f-width\"\n      id={`pageActions-id-${order}`}\n    >\n      <div className=\"floatingController forPageAction forSlides f-width\">\n        <div className=\"floatingController-container d-flex a-center j-around dir-row\">\n          <button\n            key=\"Duplicate Page\"\n            className=\"controllerItem\"\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 Page\"\n            className=\"controllerItem isDanger\"\n            onClick={onPageRemoveClick}\n            title=\"Remove Page\"\n            type=\"button\"\n          >\n            <icons.trash className=\"jfReportSVG icon-trashLine\" />\n          </button>\n          <button\n            key=\"Add New Page\"\n            className=\"controllerItem\"\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\nPageThumbnailActions.propTypes = {\n  onAnEventTrigger: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  order: PropTypes.number,\n  page: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n};\n\nPageThumbnailActions.defaultProps = {\n  onAnEventTrigger: () => {},\n  onPageAdd: () => {},\n  onPageDuplicate: () => {},\n  onPageRemove: () => {},\n  order: 0,\n  page: {},\n};\n\nexport default memo(PageThumbnailActions);\n"],"names":["PageThumbnailActions","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageRemove","order","page","onPageDuplicateClick","onPageRemoveClick","id","onPageAddClick","newPageIndex","_jsx","_jsxs","icons.duplicate","icons.trash","icons.plus","propTypes","PropTypes","func","number","shape","string","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"PageThumbnailActions.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageThumbnailActions.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst PageThumbnailActions = ({\n  onAnEventTrigger,\n  onPageAdd,\n  onPageDuplicate,\n  onPageRemove,\n  order,\n  page,\n}) => {\n  const onPageDuplicateClick = () => {\n    onPageDuplicate(page);\n    onAnEventTrigger('duplicatePage', order + 1);\n  };\n\n  const onPageRemoveClick = () => {\n    onPageRemove(page.id);\n    onAnEventTrigger('removePageFromSlides', page.id);\n  };\n\n  const onPageAddClick = () => {\n    const newPageIndex = order + 1;\n    onPageAdd(newPageIndex);\n    onAnEventTrigger('addNewPageFromSlides', newPageIndex);\n  };\n\n  return (\n    <div\n      className=\"thumbnailActions d-flex j-between f-width\"\n      id={`pageActions-id-${order}`}\n    >\n      <div className=\"floatingController forPageAction forSlides f-width\">\n        <div className=\"floatingController-container d-flex a-center j-around dir-row\">\n          <button\n            key=\"Duplicate Page\"\n            className=\"controllerItem\"\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\"\n            onClick={onPageRemoveClick}\n            title=\"Remove Slide\"\n            type=\"button\"\n          >\n            <icons.trash className=\"jfReportSVG icon-trashLine\" />\n          </button>\n          <button\n            key=\"Add Slide\"\n            className=\"controllerItem\"\n            onClick={onPageAddClick}\n            title=\"Add Slide\"\n            type=\"button\"\n          >\n            <icons.plus className=\"jfReportSVG icon-plus\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPageThumbnailActions.propTypes = {\n  onAnEventTrigger: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  order: PropTypes.number,\n  page: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n};\n\nPageThumbnailActions.defaultProps = {\n  onAnEventTrigger: () => {},\n  onPageAdd: () => {},\n  onPageDuplicate: () => {},\n  onPageRemove: () => {},\n  order: 0,\n  page: {},\n};\n\nexport default memo(PageThumbnailActions);\n"],"names":["PageThumbnailActions","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageRemove","order","page","onPageDuplicateClick","onPageRemoveClick","id","onPageAddClick","newPageIndex","_jsx","_jsxs","icons.duplicate","icons.trash","icons.plus","propTypes","PropTypes","func","number","shape","string","defaultProps","memo"],"mappings":"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"}

package/lib/esm/components/Panels/LeftPanel/Elements.js

@@ -1,13 +1,18 @@
 import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.object.keys.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.regexp.to-string.js';
-import { memo } from 'react';
+import { memo, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import SectionWithSearch from '../../Builder/SectionWithSearch.js';
+import Section from '../../Builder/Section.js';
 import Element from '../../Builder/Element.js';
 import { leftPanelConfigPropType } from '../../../constants/propTypes.js';
 import LeftPanelCloser from './LeftPanelCloser.js';
 import { useBuilderContext } from '../../../utils/builderContext.js';
+import Tabs from '../../Builder/Tabs.js';
+import { getTabsWithElements } from '../../../utils/functions.js';
+import { useTranslatedTexts } from '../../../utils/hooks.js';
+import SearchInput from '../../Builder/SearchInput.js';
 import { jsxs, 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; }
@@ -16,6 +21,18 @@ 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; }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var Elements = function Elements(_ref) {
   var acceptedItems = _ref.acceptedItems,
       leftPanelConfig = _ref.leftPanelConfig,
@@ -23,31 +40,68 @@ var Elements = function Elements(_ref) {
       onItemAdd = _ref.onItemAdd;
 
   var _useBuilderContext = useBuilderContext(),
+      activeTab = _useBuilderContext.activeTab,
       setActiveElement = _useBuilderContext.setActiveElement,
       setIsRightPanelOpen = _useBuilderContext.setIsRightPanelOpen,
       zoom = _useBuilderContext.zoom;
 
+  var _useTranslatedTexts = useTranslatedTexts(),
+      ADD_ELEMENT = _useTranslatedTexts.ADD_ELEMENT,
+      NO_RESULT = _useTranslatedTexts.NO_RESULT; // Tabs
+
+
+  var tabDetails = getTabsWithElements(leftPanelConfig);
+  var tabs = Object.keys(tabDetails);
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      searchElements = _useState2[0],
+      setSearchElements = _useState2[1];
+
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentTabInfo = _useState4[0],
+      setCurrentTabInfo = _useState4[1];
+
+  useEffect(function () {
+    setCurrentTabInfo(tabDetails[tabs[activeTab.left]]);
+  }, [activeTab.left]);
+
+  var _ref2 = currentTabInfo || {},
+      _ref2$elements = _ref2.elements,
+      elements = _ref2$elements === void 0 ? {} : _ref2$elements,
+      _ref2$hasSearch = _ref2.hasSearch,
+      hasSearch = _ref2$hasSearch === void 0 ? false : _ref2$hasSearch,
+      searchKeys = _ref2.searchKeys;
+
+  var elementWillBeUsed = hasSearch ? searchElements : elements;
   return /*#__PURE__*/jsxs("div", {
     className: "toolItemWrapper f-height d-flex dir-col o-auto p-relative",
-    children: [/*#__PURE__*/jsx(LeftPanelCloser, {}), leftPanelConfig.map(function (section) {
-      return /*#__PURE__*/jsx(SectionWithSearch, {
-        elements: section.elements,
-        hasSearch: section.hasSearch,
-        searchKeys: section.searchKeys,
-        title: section.title,
-        children: function children(elements) {
-          return elements.map(function (element, index) {
-            return /*#__PURE__*/jsx(Element, _objectSpread({
-              acceptedItems: acceptedItems,
-              onAnEventTrigger: onAnEventTrigger,
-              onItemAdd: onItemAdd,
-              setActiveElement: setActiveElement,
-              setIsRightPanelOpen: setIsRightPanelOpen,
-              zoom: zoom
-            }, element), index.toString());
-          });
-        }
-      }, section.title);
+    children: [/*#__PURE__*/jsx(LeftPanelCloser, {}), /*#__PURE__*/jsxs(Section, {
+      title: ADD_ELEMENT,
+      children: [/*#__PURE__*/jsx(Tabs, {
+        panel: "left",
+        tabs: tabs
+      }), hasSearch && /*#__PURE__*/jsx(SearchInput, {
+        elements: elements,
+        searchKeys: searchKeys,
+        setElements: setSearchElements
+      }), /*#__PURE__*/jsxs("div", {
+        className: "toolItem-tabContent",
+        children: [searchElements === 'noResult' && hasSearch && /*#__PURE__*/jsx("div", {
+          className: "no-search-result-text",
+          children: NO_RESULT
+        }), Array.isArray(elementWillBeUsed) && elementWillBeUsed.map(function (element, index) {
+          return /*#__PURE__*/jsx(Element, _objectSpread({
+            acceptedItems: acceptedItems,
+            onAnEventTrigger: onAnEventTrigger,
+            onItemAdd: onItemAdd,
+            setActiveElement: setActiveElement,
+            setIsRightPanelOpen: setIsRightPanelOpen,
+            zoom: zoom
+          }, element), index.toString());
+        })]
+      })]
     })]
   });
 };

package/lib/esm/components/Panels/LeftPanel/Elements.js.map

@@ -1 +1 @@
-{"version":3,"file":"Elements.js","sources":["../../../../../src/components/Panels/LeftPanel/Elements.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport SectionWithSearch from '../../Builder/SectionWithSearch';\nimport Element from '../../Builder/Element';\nimport { leftPanelConfigPropType } from '../../../constants/propTypes';\nimport LeftPanelCloser from './LeftPanelCloser';\nimport { useBuilderContext } from '../../../utils/builderContext';\n\nconst Elements = ({\n  acceptedItems,\n  leftPanelConfig,\n  onAnEventTrigger,\n  onItemAdd,\n}) => {\n  const {\n    setActiveElement,\n    setIsRightPanelOpen,\n    zoom,\n  } = useBuilderContext();\n\n  return (\n    <div className=\"toolItemWrapper f-height d-flex dir-col o-auto p-relative\">\n      <LeftPanelCloser />\n      {leftPanelConfig.map(section => (\n        <SectionWithSearch\n          key={section.title}\n          elements={section.elements}\n          hasSearch={section.hasSearch}\n          searchKeys={section.searchKeys}\n          title={section.title}\n        >\n          {elements => elements.map((element, index) => (\n            <Element\n              key={index.toString()}\n              acceptedItems={acceptedItems}\n              onAnEventTrigger={onAnEventTrigger}\n              onItemAdd={onItemAdd}\n              setActiveElement={setActiveElement}\n              setIsRightPanelOpen={setIsRightPanelOpen}\n              zoom={zoom}\n              {...element}\n            />\n          ))}\n        </SectionWithSearch>\n      ))}\n    </div>\n  );\n};\n\nElements.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  leftPanelConfig: leftPanelConfigPropType,\n  onAnEventTrigger: PropTypes.func,\n  onItemAdd: PropTypes.func,\n};\n\nElements.defaultProps = {\n  acceptedItems: {},\n  leftPanelConfig: [],\n  onAnEventTrigger: () => { },\n  onItemAdd: () => {},\n};\n\nexport default memo(Elements);\n"],"names":["Elements","acceptedItems","leftPanelConfig","onAnEventTrigger","onItemAdd","useBuilderContext","setActiveElement","setIsRightPanelOpen","zoom","_jsxs","_jsx","map","section","elements","hasSearch","searchKeys","title","element","index","toString","propTypes","PropTypes","shape","leftPanelConfigPropType","func","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAQA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAKX;AAAA,MAJJC,aAII,QAJJA,aAII;AAAA,MAHJC,eAGI,QAHJA,eAGI;AAAA,MAFJC,gBAEI,QAFJA,gBAEI;AAAA,MADJC,SACI,QADJA,SACI;;AAAA,2BAKAC,iBAAiB,EALjB;AAAA,MAEFC,gBAFE,sBAEFA,gBAFE;AAAA,MAGFC,mBAHE,sBAGFA,mBAHE;AAAA,MAIFC,IAJE,sBAIFA,IAJE;;AAOJ,sBACEC;AAAK,IAAA,SAAS,EAAC,2DAAf;AAAA,4BACEC,IAAC,eAAD,KADF,EAEGR,eAAe,CAACS,GAAhB,CAAoB,UAAAC,OAAO;AAAA,0BAC1BF,IAAC,iBAAD;AAEE,QAAA,QAAQ,EAAEE,OAAO,CAACC,QAFpB;AAGE,QAAA,SAAS,EAAED,OAAO,CAACE,SAHrB;AAIE,QAAA,UAAU,EAAEF,OAAO,CAACG,UAJtB;AAKE,QAAA,KAAK,EAAEH,OAAO,CAACI,KALjB;AAAA,kBAOG,kBAAAH,QAAQ;AAAA,iBAAIA,QAAQ,CAACF,GAAT,CAAa,UAACM,OAAD,EAAUC,KAAV;AAAA,gCACxBR,IAAC,OAAD;AAEE,cAAA,aAAa,EAAET,aAFjB;AAGE,cAAA,gBAAgB,EAAEE,gBAHpB;AAIE,cAAA,SAAS,EAAEC,SAJb;AAKE,cAAA,gBAAgB,EAAEE,gBALpB;AAME,cAAA,mBAAmB,EAAEC,mBANvB;AAOE,cAAA,IAAI,EAAEC;AAPR,eAQMS,OARN,GACOC,KAAK,CAACC,QAAN,EADP,CADwB;AAAA,WAAb,CAAJ;AAAA;AAPX,SACOP,OAAO,CAACI,KADf,CAD0B;AAAA,KAA3B,CAFH;AAAA,IADF;AA2BD,CAvCD;;AAyCAhB,QAAQ,CAACoB,SAAT,GAAqB;AACnBnB,EAAAA,aAAa,EAAEoB,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADI;AAEnBpB,EAAAA,eAAe,EAAEqB,uBAFE;AAGnBpB,EAAAA,gBAAgB,EAAEkB,SAAS,CAACG,IAHT;AAInBpB,EAAAA,SAAS,EAAEiB,SAAS,CAACG;AAJF,CAArB;AAOAxB,QAAQ,CAACyB,YAAT,GAAwB;AACtBxB,EAAAA,aAAa,EAAE,EADO;AAEtBC,EAAAA,eAAe,EAAE,EAFK;AAGtBC,EAAAA,gBAAgB,EAAE,4BAAM,EAHF;AAItBC,EAAAA,SAAS,EAAE,qBAAM;AAJK,CAAxB;AAOA,8BAAesB,IAAI,CAAC1B,QAAD,CAAnB;;;;"}
+{"version":3,"file":"Elements.js","sources":["../../../../../src/components/Panels/LeftPanel/Elements.js"],"sourcesContent":["import {\n  memo, useState, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Section from '../../Builder/Section';\nimport Element from '../../Builder/Element';\nimport { leftPanelConfigPropType } from '../../../constants/propTypes';\nimport LeftPanelCloser from './LeftPanelCloser';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport Tabs from '../../Builder/Tabs';\nimport { getTabsWithElements } from '../../../utils/functions';\nimport { useTranslatedTexts } from '../../../utils/hooks';\nimport SearchInput from '../../Builder/SearchInput';\n\nconst Elements = ({\n  acceptedItems,\n  leftPanelConfig,\n  onAnEventTrigger,\n  onItemAdd,\n}) => {\n  const {\n    activeTab,\n    setActiveElement,\n    setIsRightPanelOpen,\n    zoom,\n  } = useBuilderContext();\n  const { ADD_ELEMENT, NO_RESULT } = useTranslatedTexts();\n\n  // Tabs\n  const tabDetails = getTabsWithElements(leftPanelConfig);\n  const tabs = Object.keys(tabDetails);\n\n  const [searchElements, setSearchElements] = useState([]);\n  const [currentTabInfo, setCurrentTabInfo] = useState({});\n\n  useEffect(() => {\n    setCurrentTabInfo(tabDetails[tabs[activeTab.left]]);\n  }, [activeTab.left]);\n\n  const {\n    elements = {},\n    hasSearch = false,\n    searchKeys,\n  } = currentTabInfo || {};\n\n  const elementWillBeUsed = hasSearch ? searchElements : elements;\n  return (\n    <div className=\"toolItemWrapper f-height d-flex dir-col o-auto p-relative\">\n      <LeftPanelCloser />\n      <Section\n        title={ADD_ELEMENT}\n      >\n        <Tabs\n          panel=\"left\"\n          tabs={tabs}\n        />\n        {hasSearch && (\n          <SearchInput\n            elements={elements}\n            searchKeys={searchKeys}\n            setElements={setSearchElements}\n          />\n        ) }\n        <div className=\"toolItem-tabContent\">\n          { (searchElements === 'noResult' && hasSearch)\n            && <div className=\"no-search-result-text\">{NO_RESULT}</div>}\n          {Array.isArray(elementWillBeUsed) && elementWillBeUsed.map((element, index) => (\n            <Element\n              key={index.toString()}\n              acceptedItems={acceptedItems}\n              onAnEventTrigger={onAnEventTrigger}\n              onItemAdd={onItemAdd}\n              setActiveElement={setActiveElement}\n              setIsRightPanelOpen={setIsRightPanelOpen}\n              zoom={zoom}\n              {...element}\n            />\n          ))}\n        </div>\n      </Section>\n    </div>\n  );\n};\n\nElements.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  leftPanelConfig: leftPanelConfigPropType,\n  onAnEventTrigger: PropTypes.func,\n  onItemAdd: PropTypes.func,\n};\n\nElements.defaultProps = {\n  acceptedItems: {},\n  leftPanelConfig: [],\n  onAnEventTrigger: () => { },\n  onItemAdd: () => {},\n};\n\nexport default memo(Elements);\n"],"names":["Elements","acceptedItems","leftPanelConfig","onAnEventTrigger","onItemAdd","useBuilderContext","activeTab","setActiveElement","setIsRightPanelOpen","zoom","useTranslatedTexts","ADD_ELEMENT","NO_RESULT","tabDetails","getTabsWithElements","tabs","Object","keys","useState","searchElements","setSearchElements","currentTabInfo","setCurrentTabInfo","useEffect","left","elements","hasSearch","searchKeys","elementWillBeUsed","_jsxs","_jsx","Array","isArray","map","element","index","toString","propTypes","PropTypes","shape","leftPanelConfigPropType","func","defaultProps","memo"],"mappings":"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"}

package/lib/esm/components/Panels/LeftPanel/LeftPanelCloser.js

@@ -1,7 +1,7 @@
 import { memo } from 'react';
 import { useBuilderContext } from '../../../utils/builderContext.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
-import SvgArrowLeft from '../../../assets/svg/arrow_left.svg.js';
+import SvgClose from '../../../assets/svg/close.svg.js';
 
 var LeftPanelToggler = function LeftPanelToggler() {
   var _useBuilderContext = useBuilderContext(),
@@ -14,7 +14,7 @@ var LeftPanelToggler = function LeftPanelToggler() {
         setIsLeftPanelOpen(false);
       },
       type: "button",
-      children: /*#__PURE__*/jsx(SvgArrowLeft, {
+      children: /*#__PURE__*/jsx(SvgClose, {
         className: "jfReportSVG"
       })
     })

package/lib/esm/components/Panels/LeftPanel/LeftPanelCloser.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftPanelCloser.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanelCloser.js"],"sourcesContent":["import { memo } from 'react';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\n\nconst LeftPanelToggler = () => {\n  const { setIsLeftPanelOpen } = useBuilderContext();\n  return (\n    <>\n      <button\n        className=\"paneClose p-absolute\"\n        onClick={() => { setIsLeftPanelOpen(false); }}\n        type=\"button\"\n      >\n        <icons.arrowLeft className=\"jfReportSVG\" />\n      </button>\n    </>\n  );\n};\n\nexport default memo(LeftPanelToggler);\n"],"names":["LeftPanelToggler","useBuilderContext","setIsLeftPanelOpen","_jsx","icons.arrowLeft","memo"],"mappings":";;;;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAAA,2BACEC,iBAAiB,EADnB;AAAA,MACrBC,kBADqB,sBACrBA,kBADqB;;AAE7B,sBACEC;AAAA,2BACEA;AACE,MAAA,SAAS,EAAC,sBADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AAAED,QAAAA,kBAAkB,CAAC,KAAD,CAAlB;AAA4B,OAF/C;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEC,IAACC,YAAD;AAAiB,QAAA,SAAS,EAAC;AAA3B;AALF;AADF,IADF;AAWD,CAbD;;AAeA,mCAAeC,IAAI,CAACL,gBAAD,CAAnB;;;;"}
+{"version":3,"file":"LeftPanelCloser.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanelCloser.js"],"sourcesContent":["import { memo } from 'react';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\n\nconst LeftPanelToggler = () => {\n  const { setIsLeftPanelOpen } = useBuilderContext();\n  return (\n    <>\n      <button\n        className=\"paneClose p-absolute\"\n        onClick={() => { setIsLeftPanelOpen(false); }}\n        type=\"button\"\n      >\n        <icons.close className=\"jfReportSVG\" />\n      </button>\n    </>\n  );\n};\n\nexport default memo(LeftPanelToggler);\n"],"names":["LeftPanelToggler","useBuilderContext","setIsLeftPanelOpen","_jsx","icons.close","memo"],"mappings":";;;;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAAA,2BACEC,iBAAiB,EADnB;AAAA,MACrBC,kBADqB,sBACrBA,kBADqB;;AAE7B,sBACEC;AAAA,2BACEA;AACE,MAAA,SAAS,EAAC,sBADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AAAED,QAAAA,kBAAkB,CAAC,KAAD,CAAlB;AAA4B,OAF/C;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEC,IAACC,QAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF;AADF,IADF;AAWD,CAbD;;AAeA,mCAAeC,IAAI,CAACL,gBAAD,CAAnB;;;;"}

package/lib/esm/components/Panels/LeftPanel/LeftPanelOpener.js

@@ -1,7 +1,7 @@
 import { memo } from 'react';
 import { useBuilderContext } from '../../../utils/builderContext.js';
 import { useTranslatedTexts } from '../../../utils/hooks.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import SvgPlus from '../../../assets/svg/plus.svg.js';
 
 var LeftPanelToggler = function LeftPanelToggler() {
@@ -12,16 +12,18 @@ var LeftPanelToggler = function LeftPanelToggler() {
       ADD_ELEMENT = _useTranslatedTexts.ADD_ELEMENT;
 
   return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsx("button", {
-      className: "paneToggler",
+    children: /*#__PURE__*/jsxs("button", {
+      className: "paneToggler addElementToggle",
       onClick: function onClick() {
         setIsLeftPanelOpen(true);
       },
       title: ADD_ELEMENT,
       type: "button",
-      children: /*#__PURE__*/jsx(SvgPlus, {
+      children: [/*#__PURE__*/jsx("span", {
+        children: ADD_ELEMENT
+      }), /*#__PURE__*/jsx(SvgPlus, {
         className: "jfReportSVG isWhite"
-      })
+      })]
     })
   });
 };

package/lib/esm/components/Panels/LeftPanel/LeftPanelOpener.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftPanelOpener.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanelOpener.js"],"sourcesContent":["import { memo } from 'react';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst LeftPanelToggler = () => {\n  const { setIsLeftPanelOpen } = useBuilderContext();\n  const { ADD_ELEMENT } = useTranslatedTexts();\n  return (\n    <>\n      <button\n        className=\"paneToggler\"\n        onClick={() => { setIsLeftPanelOpen(true); }}\n        title={ADD_ELEMENT}\n        type=\"button\"\n      >\n        <icons.plus className=\"jfReportSVG isWhite\" />\n      </button>\n    </>\n  );\n};\n\nexport default memo(LeftPanelToggler);\n"],"names":["LeftPanelToggler","useBuilderContext","setIsLeftPanelOpen","useTranslatedTexts","ADD_ELEMENT","_jsx","icons.plus","memo"],"mappings":";;;;;;AAKA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAAA,2BACEC,iBAAiB,EADnB;AAAA,MACrBC,kBADqB,sBACrBA,kBADqB;;AAAA,4BAELC,kBAAkB,EAFb;AAAA,MAErBC,WAFqB,uBAErBA,WAFqB;;AAG7B,sBACEC;AAAA,2BACEA;AACE,MAAA,SAAS,EAAC,aADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AAAEH,QAAAA,kBAAkB,CAAC,IAAD,CAAlB;AAA2B,OAF9C;AAGE,MAAA,KAAK,EAAEE,WAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEC,IAACC,OAAD;AAAY,QAAA,SAAS,EAAC;AAAtB;AANF;AADF,IADF;AAYD,CAfD;;AAiBA,mCAAeC,IAAI,CAACP,gBAAD,CAAnB;;;;"}
+{"version":3,"file":"LeftPanelOpener.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanelOpener.js"],"sourcesContent":["import { memo } from 'react';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst LeftPanelToggler = () => {\n  const { setIsLeftPanelOpen } = useBuilderContext();\n  const { ADD_ELEMENT } = useTranslatedTexts();\n  return (\n    <>\n      <button\n        className=\"paneToggler addElementToggle\"\n        onClick={() => { setIsLeftPanelOpen(true); }}\n        title={ADD_ELEMENT}\n        type=\"button\"\n      >\n        <span>{ADD_ELEMENT}</span>\n        <icons.plus className=\"jfReportSVG isWhite\" />\n      </button>\n    </>\n  );\n};\n\nexport default memo(LeftPanelToggler);\n"],"names":["LeftPanelToggler","useBuilderContext","setIsLeftPanelOpen","useTranslatedTexts","ADD_ELEMENT","_jsx","_jsxs","icons.plus","memo"],"mappings":";;;;;;AAKA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAAA,2BACEC,iBAAiB,EADnB;AAAA,MACrBC,kBADqB,sBACrBA,kBADqB;;AAAA,4BAELC,kBAAkB,EAFb;AAAA,MAErBC,WAFqB,uBAErBA,WAFqB;;AAG7B,sBACEC;AAAA,2BACEC;AACE,MAAA,SAAS,EAAC,8BADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AAAEJ,QAAAA,kBAAkB,CAAC,IAAD,CAAlB;AAA2B,OAF9C;AAGE,MAAA,KAAK,EAAEE,WAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,8BAMEC;AAAA,kBAAOD;AAAP,QANF,eAOEC,IAACE,OAAD;AAAY,QAAA,SAAS,EAAC;AAAtB,QAPF;AAAA;AADF,IADF;AAaD,CAhBD;;AAkBA,mCAAeC,IAAI,CAACR,gBAAD,CAAnB;;;;"}

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

@@ -17,7 +17,7 @@ import { usePropContext } from '../../../utils/propContext.js';
 import { getTabsWithSettings, findItemById } from '../../../utils/functions.js';
 import { useTranslatedTexts } from '../../../utils/hooks.js';
 import { REPORT_SETTINGS_ITEM_TYPE, PAGE_SETTINGS_ITEM_TYPE } from '../../../constants/itemTypes.js';
-import SettingTabs from './SettingTabs.js';
+import Tabs from '../../Builder/Tabs.js';
 import Settings from './Settings.js';
 import RightPanelToggler from './RightPanelToggler.js';
 import { capitalize } from '../../../utils/string.js';
@@ -156,11 +156,11 @@ var RightPanel = function RightPanel(_ref) {
   var tabsWithSettings = getTabsWithSettings(element, selectedItem, itemAccessor);
   var tabs = Object.keys(tabsWithSettings);
   useEffect(function () {
-    var currentTab = tabs[activeTab];
+    var currentTab = tabs[activeTab.right];
 
     if (!tabsWithSettings[currentTab]) {
       // This is due to conditionaly hiding tabs
-      setActiveTab(0);
+      setActiveTab('right', 0);
     }
   }, [activeTab, tabs]); // Panel className
 
@@ -196,7 +196,8 @@ var RightPanel = function RightPanel(_ref) {
         className: "toolItemWrapper f-height d-flex dir-col",
         children: /*#__PURE__*/jsxs(Section, {
           title: title,
-          children: [/*#__PURE__*/jsx(SettingTabs, {
+          children: [/*#__PURE__*/jsx(Tabs, {
+            panel: "right",
             tabs: tabs
           }), /*#__PURE__*/jsx(Settings, {
             element: element,

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

@@ -1 +1 @@
-{"version":3,"file":"RightPanel.js","sources":["../../../../../src/components/Panels/RightPanel/RightPanel.js"],"sourcesContent":["import {\n  memo,\n  useEffect,\n  useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport Section from '../../Builder/Section';\nimport Layout from '../../../constants/reportSettings';\nimport Page from '../../../constants/pageSettings';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport { findItemById, getTabsWithSettings } from '../../../utils/functions';\nimport { useTranslatedTexts } from '../../../utils/hooks';\nimport {\n  REPORT_SETTINGS_ITEM_TYPE, PAGE_SETTINGS_ITEM_TYPE,\n} from '../../../constants/itemTypes';\nimport SettingTabs from './SettingTabs';\nimport Settings from './Settings';\nimport RightPanelToggler from './RightPanelToggler';\nimport { capitalize } from '../../../utils/string';\n\nconst exceptionalClasses = [\n  'pageSettingSideBtn', 'paneClose', 'paneToggler', 'forZoom', 'jSheetContextMenu',\n];\n\nconst RightPanel = ({\n  itemAccessor,\n  onItemChange,\n  onPageChange,\n  onSettingChange,\n  pages,\n}) => {\n  const {\n    activeTab,\n    editedElement,\n    isRightPanelOpen,\n    isSlidesPanelOpen,\n    setActiveElement,\n    setActiveTab,\n    setIsRightPanelOpen,\n  } = useBuilderContext();\n  const { acceptedItems, settings: layoutSettings } = usePropContext();\n  const panelRef = useRef(null);\n  const { LAYOUT_SETTINGS, PAGE_SETTINGS, SETTINGS } = useTranslatedTexts();\n  const settingMap = {\n    i_: {\n      details: id => {\n        const item = findItemById(id, pages);\n        return item;\n      },\n      settings: item => {\n        return acceptedItems[item.itemType];\n      },\n      title: item => {\n        return `${capitalize(acceptedItems[item.itemType].title || item.itemType)} ${SETTINGS}`;\n      },\n      updater: onItemChange,\n    },\n    l_: {\n      details: () => {\n        return {\n          ...layoutSettings,\n          id: REPORT_SETTINGS_ITEM_TYPE,\n          itemType: REPORT_SETTINGS_ITEM_TYPE,\n        };\n      },\n      settings: () => {\n        return acceptedItems[REPORT_SETTINGS_ITEM_TYPE] || Layout;\n      },\n      title: () => LAYOUT_SETTINGS,\n      updater: onSettingChange,\n    },\n    p_: {\n      details: id => {\n        return {\n          backgroundColor: layoutSettings.reportBackgroundColor,\n          ...pages.find(page => page.id === id),\n          itemType: PAGE_SETTINGS_ITEM_TYPE,\n        };\n      },\n      settings: () => {\n        const pageItem = acceptedItems[PAGE_SETTINGS_ITEM_TYPE] || Page;\n        return {\n          ...pageItem,\n          settings: pageItem.settings.map(setting => {\n            if (setting.key === 'pageLayer') {\n              return { ...setting, setActiveElement, updater: onItemChange };\n            }\n            return setting;\n          }) || Page.settings,\n        };\n      },\n      title: () => PAGE_SETTINGS,\n      updater: onPageChange,\n    },\n  };\n\n  let editedEl;\n  let editedElId;\n  let selectedItem;\n  let element;\n  let updateFunc;\n  let title;\n\n  const panelConfig = () => {\n    selectedItem = editedEl.details(editedElId);\n    element = editedEl.settings(selectedItem);\n    updateFunc = editedEl.updater;\n    title = editedEl.title(selectedItem);\n  };\n\n  const fallback = () => {\n    setActiveElement(null);\n    editedEl = settingMap.l_;\n    editedElId = editedElement.substr(2);\n    panelConfig();\n  };\n\n  try {\n    editedEl = settingMap[editedElement.substr(0, 2)];\n    editedElId = editedElement.substr(2);\n    const checkSelectedItem = editedEl.details(editedElId);\n    if (Object.keys(checkSelectedItem).length === 0) {\n      fallback();\n    } else {\n      panelConfig();\n    }\n  } catch (e) {\n    fallback();\n  }\n\n  // Tabs\n  const tabsWithSettings = getTabsWithSettings(element, selectedItem, itemAccessor);\n  const tabs = Object.keys(tabsWithSettings);\n\n  useEffect(() => {\n    const currentTab = tabs[activeTab];\n    if (!tabsWithSettings[currentTab]) {\n      // This is due to conditionaly hiding tabs\n      setActiveTab(0);\n    }\n  }, [activeTab, tabs]);\n\n  // Panel className\n  const panelAdditionalClassName = classNames(\n    'jfReport-settings forSettings f-height',\n    {\n      isIdle: !isRightPanelOpen,\n      otherOpened: isSlidesPanelOpen,\n    },\n  );\n\n  const onClickOutsideForPanel = e => {\n    if (editedElement.substr(0, 2) === 'i_'\n      || panelRef.current.contains(e.target)\n      || panelRef.current.contains(document.activeElement)\n      || Array.from(e.target.classList).some(xClass => exceptionalClasses.includes(xClass))\n      || exceptionalClasses.some(xClass => e.target.closest(`.${xClass}`))\n    ) {\n      return;\n    }\n    setIsRightPanelOpen(false);\n    setActiveElement(null);\n  };\n\n  useEffect(() => {\n    if (isRightPanelOpen) window.addEventListener('click', onClickOutsideForPanel, false);\n    return () => {\n      window.removeEventListener('click', onClickOutsideForPanel, false);\n    };\n  }, [isRightPanelOpen]);\n\n  return (\n    <>\n      <Panel\n        ref={panelRef}\n        additionalClassName={panelAdditionalClassName}\n      >\n        <RightPanelToggler />\n        <div className=\"toolItemWrapper f-height d-flex dir-col\">\n          <Section title={title}>\n            <SettingTabs tabs={tabs} />\n            <Settings\n              key={selectedItem.id}\n              element={element}\n              item={selectedItem}\n              itemAccessor={itemAccessor}\n              onChange={updateFunc}\n              settings={tabsWithSettings}\n              tabs={tabs}\n            />\n          </Section>\n        </div>\n      </Panel>\n    </>\n  );\n};\n\nRightPanel.propTypes = {\n  itemAccessor: PropTypes.func,\n  onItemChange: PropTypes.func,\n  onPageChange: PropTypes.func,\n  onSettingChange: PropTypes.func,\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n};\n\nRightPanel.defaultProps = {\n  itemAccessor: () => {},\n  onItemChange: () => {},\n  onPageChange: () => {},\n  onSettingChange: () => {},\n  pages: [],\n};\n\nexport default memo(RightPanel);\n"],"names":["exceptionalClasses","RightPanel","itemAccessor","onItemChange","onPageChange","onSettingChange","pages","useBuilderContext","activeTab","editedElement","isRightPanelOpen","isSlidesPanelOpen","setActiveElement","setActiveTab","setIsRightPanelOpen","usePropContext","acceptedItems","layoutSettings","settings","panelRef","useRef","useTranslatedTexts","LAYOUT_SETTINGS","PAGE_SETTINGS","SETTINGS","settingMap","i_","details","id","item","findItemById","itemType","title","capitalize","updater","l_","REPORT_SETTINGS_ITEM_TYPE","Layout","p_","backgroundColor","reportBackgroundColor","find","page","PAGE_SETTINGS_ITEM_TYPE","pageItem","Page","map","setting","key","editedEl","editedElId","selectedItem","element","updateFunc","panelConfig","fallback","substr","checkSelectedItem","Object","keys","length","e","tabsWithSettings","getTabsWithSettings","tabs","useEffect","currentTab","panelAdditionalClassName","classNames","isIdle","otherOpened","onClickOutsideForPanel","current","contains","target","document","activeElement","Array","from","classList","some","xClass","includes","closest","window","addEventListener","removeEventListener","_jsx","_jsxs","propTypes","PropTypes","func","arrayOf","shape","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"RightPanel.js","sources":["../../../../../src/components/Panels/RightPanel/RightPanel.js"],"sourcesContent":["import {\n  memo,\n  useEffect,\n  useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport Section from '../../Builder/Section';\nimport Layout from '../../../constants/reportSettings';\nimport Page from '../../../constants/pageSettings';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport { findItemById, getTabsWithSettings } from '../../../utils/functions';\nimport { useTranslatedTexts } from '../../../utils/hooks';\nimport {\n  REPORT_SETTINGS_ITEM_TYPE, PAGE_SETTINGS_ITEM_TYPE,\n} from '../../../constants/itemTypes';\nimport Tabs from '../../Builder/Tabs';\nimport Settings from './Settings';\nimport RightPanelToggler from './RightPanelToggler';\nimport { capitalize } from '../../../utils/string';\n\nconst exceptionalClasses = [\n  'pageSettingSideBtn', 'paneClose', 'paneToggler', 'forZoom', 'jSheetContextMenu',\n];\n\nconst RightPanel = ({\n  itemAccessor,\n  onItemChange,\n  onPageChange,\n  onSettingChange,\n  pages,\n}) => {\n  const {\n    activeTab,\n    editedElement,\n    isRightPanelOpen,\n    isSlidesPanelOpen,\n    setActiveElement,\n    setActiveTab,\n    setIsRightPanelOpen,\n  } = useBuilderContext();\n  const { acceptedItems, settings: layoutSettings } = usePropContext();\n  const panelRef = useRef(null);\n  const { LAYOUT_SETTINGS, PAGE_SETTINGS, SETTINGS } = useTranslatedTexts();\n  const settingMap = {\n    i_: {\n      details: id => {\n        const item = findItemById(id, pages);\n        return item;\n      },\n      settings: item => {\n        return acceptedItems[item.itemType];\n      },\n      title: item => {\n        return `${capitalize(acceptedItems[item.itemType].title || item.itemType)} ${SETTINGS}`;\n      },\n      updater: onItemChange,\n    },\n    l_: {\n      details: () => {\n        return {\n          ...layoutSettings,\n          id: REPORT_SETTINGS_ITEM_TYPE,\n          itemType: REPORT_SETTINGS_ITEM_TYPE,\n        };\n      },\n      settings: () => {\n        return acceptedItems[REPORT_SETTINGS_ITEM_TYPE] || Layout;\n      },\n      title: () => LAYOUT_SETTINGS,\n      updater: onSettingChange,\n    },\n    p_: {\n      details: id => {\n        return {\n          backgroundColor: layoutSettings.reportBackgroundColor,\n          ...pages.find(page => page.id === id),\n          itemType: PAGE_SETTINGS_ITEM_TYPE,\n        };\n      },\n      settings: () => {\n        const pageItem = acceptedItems[PAGE_SETTINGS_ITEM_TYPE] || Page;\n        return {\n          ...pageItem,\n          settings: pageItem.settings.map(setting => {\n            if (setting.key === 'pageLayer') {\n              return { ...setting, setActiveElement, updater: onItemChange };\n            }\n            return setting;\n          }) || Page.settings,\n        };\n      },\n      title: () => PAGE_SETTINGS,\n      updater: onPageChange,\n    },\n  };\n\n  let editedEl;\n  let editedElId;\n  let selectedItem;\n  let element;\n  let updateFunc;\n  let title;\n\n  const panelConfig = () => {\n    selectedItem = editedEl.details(editedElId);\n    element = editedEl.settings(selectedItem);\n    updateFunc = editedEl.updater;\n    title = editedEl.title(selectedItem);\n  };\n\n  const fallback = () => {\n    setActiveElement(null);\n    editedEl = settingMap.l_;\n    editedElId = editedElement.substr(2);\n    panelConfig();\n  };\n\n  try {\n    editedEl = settingMap[editedElement.substr(0, 2)];\n    editedElId = editedElement.substr(2);\n    const checkSelectedItem = editedEl.details(editedElId);\n    if (Object.keys(checkSelectedItem).length === 0) {\n      fallback();\n    } else {\n      panelConfig();\n    }\n  } catch (e) {\n    fallback();\n  }\n\n  // Tabs\n  const tabsWithSettings = getTabsWithSettings(element, selectedItem, itemAccessor);\n  const tabs = Object.keys(tabsWithSettings);\n\n  useEffect(() => {\n    const currentTab = tabs[activeTab.right];\n    if (!tabsWithSettings[currentTab]) {\n      // This is due to conditionaly hiding tabs\n      setActiveTab('right', 0);\n    }\n  }, [activeTab, tabs]);\n\n  // Panel className\n  const panelAdditionalClassName = classNames(\n    'jfReport-settings forSettings f-height',\n    {\n      isIdle: !isRightPanelOpen,\n      otherOpened: isSlidesPanelOpen,\n    },\n  );\n\n  const onClickOutsideForPanel = e => {\n    if (editedElement.substr(0, 2) === 'i_'\n      || panelRef.current.contains(e.target)\n      || panelRef.current.contains(document.activeElement)\n      || Array.from(e.target.classList).some(xClass => exceptionalClasses.includes(xClass))\n      || exceptionalClasses.some(xClass => e.target.closest(`.${xClass}`))\n    ) {\n      return;\n    }\n    setIsRightPanelOpen(false);\n    setActiveElement(null);\n  };\n\n  useEffect(() => {\n    if (isRightPanelOpen) window.addEventListener('click', onClickOutsideForPanel, false);\n    return () => {\n      window.removeEventListener('click', onClickOutsideForPanel, false);\n    };\n  }, [isRightPanelOpen]);\n\n  return (\n    <>\n      <Panel\n        ref={panelRef}\n        additionalClassName={panelAdditionalClassName}\n      >\n        <RightPanelToggler />\n        <div className=\"toolItemWrapper f-height d-flex dir-col\">\n          <Section title={title}>\n            <Tabs\n              panel=\"right\"\n              tabs={tabs}\n            />\n            <Settings\n              key={selectedItem.id}\n              element={element}\n              item={selectedItem}\n              itemAccessor={itemAccessor}\n              onChange={updateFunc}\n              settings={tabsWithSettings}\n              tabs={tabs}\n            />\n          </Section>\n        </div>\n      </Panel>\n    </>\n  );\n};\n\nRightPanel.propTypes = {\n  itemAccessor: PropTypes.func,\n  onItemChange: PropTypes.func,\n  onPageChange: PropTypes.func,\n  onSettingChange: PropTypes.func,\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n};\n\nRightPanel.defaultProps = {\n  itemAccessor: () => {},\n  onItemChange: () => {},\n  onPageChange: () => {},\n  onSettingChange: () => {},\n  pages: [],\n};\n\nexport default memo(RightPanel);\n"],"names":["exceptionalClasses","RightPanel","itemAccessor","onItemChange","onPageChange","onSettingChange","pages","useBuilderContext","activeTab","editedElement","isRightPanelOpen","isSlidesPanelOpen","setActiveElement","setActiveTab","setIsRightPanelOpen","usePropContext","acceptedItems","layoutSettings","settings","panelRef","useRef","useTranslatedTexts","LAYOUT_SETTINGS","PAGE_SETTINGS","SETTINGS","settingMap","i_","details","id","item","findItemById","itemType","title","capitalize","updater","l_","REPORT_SETTINGS_ITEM_TYPE","Layout","p_","backgroundColor","reportBackgroundColor","find","page","PAGE_SETTINGS_ITEM_TYPE","pageItem","Page","map","setting","key","editedEl","editedElId","selectedItem","element","updateFunc","panelConfig","fallback","substr","checkSelectedItem","Object","keys","length","e","tabsWithSettings","getTabsWithSettings","tabs","useEffect","currentTab","right","panelAdditionalClassName","classNames","isIdle","otherOpened","onClickOutsideForPanel","current","contains","target","document","activeElement","Array","from","classList","some","xClass","includes","closest","window","addEventListener","removeEventListener","_jsx","_jsxs","propTypes","PropTypes","func","arrayOf","shape","defaultProps","memo"],"mappings":"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"}

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

@@ -2,7 +2,7 @@ import { memo } from 'react';
 import { useBuilderContext } from '../../../utils/builderContext.js';
 import { useTranslatedTexts } from '../../../utils/hooks.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import SvgSettings from '../../../assets/svg/settings.svg.js';
+import SvgSettingsToggle from '../../../assets/svg/settings_toggle.svg.js';
 import SvgClose from '../../../assets/svg/close.svg.js';
 
 var RightPanelToggler = function RightPanelToggler() {
@@ -15,15 +15,15 @@ var RightPanelToggler = function RightPanelToggler() {
 
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx("button", {
-      className: "paneToggler js-openRightPanel",
+      className: "paneToggler js-openRightPanel settingsToggle",
       onClick: function onClick() {
         setActiveElement(null);
         setIsRightPanelOpen(true);
       },
       title: LAYOUT_SETTINGS,
       type: "button",
-      children: /*#__PURE__*/jsx(SvgSettings, {
-        className: "jfReportSVG isWhite isTick"
+      children: /*#__PURE__*/jsx(SvgSettingsToggle, {
+        className: "jfReportSVG isTick"
       })
     }), /*#__PURE__*/jsx("button", {
       className: "paneClose p-absolute js-closeRightPanel",

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

@@ -1 +1 @@
-{"version":3,"file":"RightPanelToggler.js","sources":["../../../../../src/components/Panels/RightPanel/RightPanelToggler.js"],"sourcesContent":["import { memo } from 'react';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst RightPanelToggler = () => {\n  const {\n    setActiveElement,\n    setIsRightPanelOpen,\n  } = useBuilderContext();\n  const { LAYOUT_SETTINGS } = useTranslatedTexts();\n\n  return (\n    <>\n      <button\n        className=\"paneToggler js-openRightPanel\"\n        onClick={() => {\n          setActiveElement(null);\n          setIsRightPanelOpen(true);\n        }}\n        title={LAYOUT_SETTINGS}\n        type=\"button\"\n      >\n        <icons.settings className=\"jfReportSVG isWhite isTick\" />\n      </button>\n      <button\n        className=\"paneClose p-absolute js-closeRightPanel\"\n        onClick={() => setIsRightPanelOpen(false)}\n        type=\"button\"\n      >\n        <icons.close className=\"jfReportSVG\" />\n      </button>\n    </>\n  );\n};\n\nexport default memo(RightPanelToggler);\n"],"names":["RightPanelToggler","useBuilderContext","setActiveElement","setIsRightPanelOpen","useTranslatedTexts","LAYOUT_SETTINGS","_jsxs","_jsx","icons.settings","icons.close","memo"],"mappings":";;;;;;;AAKA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAAA,2BAI1BC,iBAAiB,EAJS;AAAA,MAE5BC,gBAF4B,sBAE5BA,gBAF4B;AAAA,MAG5BC,mBAH4B,sBAG5BA,mBAH4B;;AAAA,4BAKFC,kBAAkB,EALhB;AAAA,MAKtBC,eALsB,uBAKtBA,eALsB;;AAO9B,sBACEC;AAAA,4BACEC;AACE,MAAA,SAAS,EAAC,+BADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AACbL,QAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACAC,QAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD,OALH;AAME,MAAA,KAAK,EAAEE,eANT;AAOE,MAAA,IAAI,EAAC,QAPP;AAAA,6BASEE,IAACC,WAAD;AAAgB,QAAA,SAAS,EAAC;AAA1B;AATF,MADF,eAYED;AACE,MAAA,SAAS,EAAC,yCADZ;AAEE,MAAA,OAAO,EAAE;AAAA,eAAMJ,mBAAmB,CAAC,KAAD,CAAzB;AAAA,OAFX;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEI,IAACE,QAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF,MAZF;AAAA,IADF;AAsBD,CA7BD;;AA+BA,uCAAeC,IAAI,CAACV,iBAAD,CAAnB;;;;"}
+{"version":3,"file":"RightPanelToggler.js","sources":["../../../../../src/components/Panels/RightPanel/RightPanelToggler.js"],"sourcesContent":["import { memo } from 'react';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst RightPanelToggler = () => {\n  const {\n    setActiveElement,\n    setIsRightPanelOpen,\n  } = useBuilderContext();\n  const { LAYOUT_SETTINGS } = useTranslatedTexts();\n\n  return (\n    <>\n      <button\n        className=\"paneToggler js-openRightPanel settingsToggle\"\n        onClick={() => {\n          setActiveElement(null);\n          setIsRightPanelOpen(true);\n        }}\n        title={LAYOUT_SETTINGS}\n        type=\"button\"\n      >\n        <icons.settingsToggle className=\"jfReportSVG isTick\" />\n      </button>\n      <button\n        className=\"paneClose p-absolute js-closeRightPanel\"\n        onClick={() => setIsRightPanelOpen(false)}\n        type=\"button\"\n      >\n        <icons.close className=\"jfReportSVG\" />\n      </button>\n    </>\n  );\n};\n\nexport default memo(RightPanelToggler);\n"],"names":["RightPanelToggler","useBuilderContext","setActiveElement","setIsRightPanelOpen","useTranslatedTexts","LAYOUT_SETTINGS","_jsxs","_jsx","icons.settingsToggle","icons.close","memo"],"mappings":";;;;;;;AAKA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAAA,2BAI1BC,iBAAiB,EAJS;AAAA,MAE5BC,gBAF4B,sBAE5BA,gBAF4B;AAAA,MAG5BC,mBAH4B,sBAG5BA,mBAH4B;;AAAA,4BAKFC,kBAAkB,EALhB;AAAA,MAKtBC,eALsB,uBAKtBA,eALsB;;AAO9B,sBACEC;AAAA,4BACEC;AACE,MAAA,SAAS,EAAC,8CADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AACbL,QAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACAC,QAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD,OALH;AAME,MAAA,KAAK,EAAEE,eANT;AAOE,MAAA,IAAI,EAAC,QAPP;AAAA,6BASEE,IAACC,iBAAD;AAAsB,QAAA,SAAS,EAAC;AAAhC;AATF,MADF,eAYED;AACE,MAAA,SAAS,EAAC,yCADZ;AAEE,MAAA,OAAO,EAAE;AAAA,eAAMJ,mBAAmB,CAAC,KAAD,CAAzB;AAAA,OAFX;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEI,IAACE,QAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF,MAZF;AAAA,IADF;AAsBD,CA7BD;;AA+BA,uCAAeC,IAAI,CAACV,iBAAD,CAAnB;;;;"}

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

@@ -35,9 +35,9 @@ var Settings = function Settings(_ref) {
   return tabs.map(function (tabKey, index) {
     return /*#__PURE__*/jsx("div", {
       className: classNames('toolItem-tabContent', {
-        hidden: index !== activeTab
+        hidden: index !== activeTab.right
       }, {
-        hasInnerScroll: tabKey === 'My Images'
+        hasInnerScroll: tabKey === 'MY IMAGES'
       }),
       children: settings[tabKey].map(function (setting, itemIndex) {
         if (setting.experimental && !useExperimentalFeatures) {

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

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sources":["../../../../../src/components/Panels/RightPanel/Settings.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport SettingsItemRenderer from '../../Settings/SettingsItemRenderer';\nimport { onChangeFunction } from '../../../utils/functions';\nimport ErrorBoundary from '../../ErrorBoundary';\n\nconst Settings = ({\n  element,\n  item,\n  itemAccessor,\n  onChange,\n  settings,\n  tabs,\n}) => {\n  const { activeTab } = useBuilderContext();\n  const { useExperimentalFeatures } = usePropContext();\n  return (tabs.map((tabKey, index) => {\n    return (\n      <div\n        key={index.toString()}\n        className={classNames(\n          'toolItem-tabContent',\n          { hidden: index !== activeTab },\n          { hasInnerScroll: tabKey === 'My Images' },\n        )}\n      >\n        {settings[tabKey].map((setting, itemIndex) => {\n          if (setting.experimental && !useExperimentalFeatures) {\n            return null;\n          }\n          const customUpdaterFunction = setting.onChange ? setting.onChange : false;\n          const defaultItem = element.defaultItem || {};\n          const value = (item[setting.key] || item[setting.key] === 0)\n            ? item[setting.key] : defaultItem[setting.key] || null;\n          const computedValue = setting.value ? setting.value(value, item, itemAccessor) : value;\n          const newItem = { ...defaultItem, ...item };\n          return (\n            <SettingsItemRenderer\n              key={`${itemIndex.toString()}_${item.id}_${setting.key}_${setting.uniqueId}`}\n              setting={setting}\n              settingValue={computedValue}\n            >\n              {SettingItem => {\n                return (\n                  <ErrorBoundary>\n                    <SettingItem\n                      config={setting}\n                      item={newItem}\n                      itemAccessor={itemAccessor}\n                      onItemChange={onChangeFunction(\n                        setting,\n                        onChange,\n                        newItem,\n                        customUpdaterFunction,\n                      )}\n                      value={computedValue}\n                    />\n                  </ErrorBoundary>\n                );\n              }}\n            </SettingsItemRenderer>\n          );\n        })}\n      </div>\n    );\n  }));\n};\n\nSettings.propTypes = {\n  element: PropTypes.shape({}),\n  item: PropTypes.shape({}),\n  onChange: PropTypes.func,\n  settings: PropTypes.shape({}),\n  tabs: PropTypes.arrayOf(PropTypes.string),\n};\n\nSettings.defaultProps = {\n  element: {},\n  item: {},\n  onChange: () => {},\n  settings: {},\n  tabs: [],\n};\n\nexport default memo(Settings);\n"],"names":["Settings","element","item","itemAccessor","onChange","settings","tabs","useBuilderContext","activeTab","usePropContext","useExperimentalFeatures","map","tabKey","index","_jsx","classNames","hidden","hasInnerScroll","setting","itemIndex","experimental","customUpdaterFunction","defaultItem","value","key","computedValue","newItem","SettingItem","ErrorBoundary","onChangeFunction","toString","id","uniqueId","propTypes","PropTypes","shape","func","arrayOf","string","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Settings.js","sources":["../../../../../src/components/Panels/RightPanel/Settings.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport SettingsItemRenderer from '../../Settings/SettingsItemRenderer';\nimport { onChangeFunction } from '../../../utils/functions';\nimport ErrorBoundary from '../../ErrorBoundary';\n\nconst Settings = ({\n  element,\n  item,\n  itemAccessor,\n  onChange,\n  settings,\n  tabs,\n}) => {\n  const { activeTab } = useBuilderContext();\n  const { useExperimentalFeatures } = usePropContext();\n  return (tabs.map((tabKey, index) => {\n    return (\n      <div\n        key={index.toString()}\n        className={classNames(\n          'toolItem-tabContent',\n          { hidden: index !== activeTab.right },\n          { hasInnerScroll: tabKey === 'MY IMAGES' },\n        )}\n      >\n        {settings[tabKey].map((setting, itemIndex) => {\n          if (setting.experimental && !useExperimentalFeatures) {\n            return null;\n          }\n          const customUpdaterFunction = setting.onChange ? setting.onChange : false;\n          const defaultItem = element.defaultItem || {};\n          const value = (item[setting.key] || item[setting.key] === 0)\n            ? item[setting.key] : defaultItem[setting.key] || null;\n          const computedValue = setting.value ? setting.value(value, item, itemAccessor) : value;\n          const newItem = { ...defaultItem, ...item };\n          return (\n            <SettingsItemRenderer\n              key={`${itemIndex.toString()}_${item.id}_${setting.key}_${setting.uniqueId}`}\n              setting={setting}\n              settingValue={computedValue}\n            >\n              {SettingItem => {\n                return (\n                  <ErrorBoundary>\n                    <SettingItem\n                      config={setting}\n                      item={newItem}\n                      itemAccessor={itemAccessor}\n                      onItemChange={onChangeFunction(\n                        setting,\n                        onChange,\n                        newItem,\n                        customUpdaterFunction,\n                      )}\n                      value={computedValue}\n                    />\n                  </ErrorBoundary>\n                );\n              }}\n            </SettingsItemRenderer>\n          );\n        })}\n      </div>\n    );\n  }));\n};\n\nSettings.propTypes = {\n  element: PropTypes.shape({}),\n  item: PropTypes.shape({}),\n  onChange: PropTypes.func,\n  settings: PropTypes.shape({}),\n  tabs: PropTypes.arrayOf(PropTypes.string),\n};\n\nSettings.defaultProps = {\n  element: {},\n  item: {},\n  onChange: () => {},\n  settings: {},\n  tabs: [],\n};\n\nexport default memo(Settings);\n"],"names":["Settings","element","item","itemAccessor","onChange","settings","tabs","useBuilderContext","activeTab","usePropContext","useExperimentalFeatures","map","tabKey","index","_jsx","classNames","hidden","right","hasInnerScroll","setting","itemIndex","experimental","customUpdaterFunction","defaultItem","value","key","computedValue","newItem","SettingItem","ErrorBoundary","onChangeFunction","toString","id","uniqueId","propTypes","PropTypes","shape","func","arrayOf","string","defaultProps","memo"],"mappings":"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"}

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

@@ -149,9 +149,13 @@ var ListWrapper = function ListWrapper(_ref) {
           }, otherProps));
         }
       })
-    }), /*#__PURE__*/jsx(PageAdder, {
-      onPageAdd: onPageAdd,
-      pageCount: pageCount
+    }), /*#__PURE__*/jsx("div", {
+      className: "jfReport-pane-footer",
+      children: /*#__PURE__*/jsx(PageAdder, {
+        additionalClass: "forOptions",
+        onPageAdd: onPageAdd,
+        pageCount: pageCount
+      })
     })]
   });
 };

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 { ResponsiveContainer } from 'recharts';\nimport ResponsiveContent from '../../ResponsiveContent';\nimport PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\n\nconst ListWrapper = ({\n  component: Component,\n  onSortEnd,\n  pageCount,\n  reportSettings,\n  ...otherProps\n}) => {\n  const outerRef = useRef(null);\n  const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n  const [scrollTracking, setScrollTracking] = useState(true);\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  }), [reportSettings]);\n\n  const _onSortEnd = (sortEvent, nativeEvent) => {\n    if (onSortEnd) {\n      onSortEnd(sortEvent, nativeEvent, outerRef.current);\n    }\n  };\n\n  useEffect(() => { // for page thumbnails actions\n    if (!scrollTracking) {\n      scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, {});\n      setScrollTracking(true);\n    }\n  }, [pageCount]);\n\n  usePageVisibility(index => {\n    if (scrollTracking && index !== selectedPageIndex && !Number.isNaN(index)) {\n      const instance = outerRef.current.getWrappedInstance();\n      const list = instance.sortableOuterRef.current;\n      setSelectedPageIndex(index);\n      if (selectedPageIndex === -1 && index !== 1) {\n        setTimeout(() => {\n          list.scrollTo({ behavior: 'smooth', top: ((index - 1) * 120) + 7 });\n        }, 300);\n      } else {\n        list.scrollTo({ behavior: 'smooth', top: ((index - 1) * 120) + 7 });\n      }\n    } else if (!scrollTracking && index === selectedPageIndex) {\n      setScrollTracking(true);\n    }\n  }, scrollTracking, pageCount, selectedPageIndex);\n\n  const onPageClick = useCallback(e => {\n    const order = e.target.getAttribute('data-order');\n    setScrollTracking(false);\n    setSelectedPageIndex(parseInt(order, 10));\n    if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n      scrollToTarget(`pageActions-id-${order}`);\n    }\n  }, [selectedPageIndex]);\n\n  const onPageAdd = index => {\n    setScrollTracking(false);\n    setSelectedPageIndex(index);\n    otherProps.onPageAdd(index);\n  };\n\n  return (\n    <>\n      <ResponsiveContainer>\n        <ResponsiveContent>\n          {(containerWidth, containerHeight) => (\n            <Component\n              ref={outerRef}\n              distance={50}\n              height={containerHeight}\n              helperClass=\"pageThumbnailHelper\"\n              lockAxis=\"y\"\n              onPageClick={onPageClick}\n              onSortEnd={_onSortEnd}\n              pageContainerStyle={pageContainerStyles}\n              pageCount={pageCount}\n              selectedPageIndex={selectedPageIndex}\n              width={containerWidth}\n              {...otherProps}\n            />\n          )}\n        </ResponsiveContent>\n      </ResponsiveContainer>\n      <PageAdder\n        onPageAdd={onPageAdd}\n        pageCount={pageCount}\n      />\n    </>\n  );\n};\n\nListWrapper.propTypes = {\n  component: PropTypes.any,\n  onSortEnd: PropTypes.func,\n  pageCount: PropTypes.number,\n  reportSettings: PropTypes.shape({\n    reportBackgroundColor: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n  }),\n};\n\nListWrapper.defaultProps = {\n  component: null,\n  onSortEnd: () => {},\n  pageCount: 0,\n  reportSettings: {},\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","Component","component","onSortEnd","pageCount","reportSettings","otherProps","outerRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","scrollTracking","setScrollTracking","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","sortEvent","nativeEvent","current","useEffect","scrollToTarget","usePageVisibility","index","Number","isNaN","instance","getWrappedInstance","list","sortableOuterRef","setTimeout","scrollTo","behavior","onPageClick","useCallback","e","order","target","getAttribute","classList","contains","onPageAdd","_jsxs","_jsx","containerWidth","containerHeight","propTypes","PropTypes","any","func","number","shape","string","defaultProps","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 { ResponsiveContainer } from 'recharts';\nimport ResponsiveContent from '../../ResponsiveContent';\nimport PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\n\nconst ListWrapper = ({\n  component: Component,\n  onSortEnd,\n  pageCount,\n  reportSettings,\n  ...otherProps\n}) => {\n  const outerRef = useRef(null);\n  const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n  const [scrollTracking, setScrollTracking] = useState(true);\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  }), [reportSettings]);\n\n  const _onSortEnd = (sortEvent, nativeEvent) => {\n    if (onSortEnd) {\n      onSortEnd(sortEvent, nativeEvent, outerRef.current);\n    }\n  };\n\n  useEffect(() => { // for page thumbnails actions\n    if (!scrollTracking) {\n      scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, {});\n      setScrollTracking(true);\n    }\n  }, [pageCount]);\n\n  usePageVisibility(index => {\n    if (scrollTracking && index !== selectedPageIndex && !Number.isNaN(index)) {\n      const instance = outerRef.current.getWrappedInstance();\n      const list = instance.sortableOuterRef.current;\n      setSelectedPageIndex(index);\n      if (selectedPageIndex === -1 && index !== 1) {\n        setTimeout(() => {\n          list.scrollTo({ behavior: 'smooth', top: ((index - 1) * 120) + 7 });\n        }, 300);\n      } else {\n        list.scrollTo({ behavior: 'smooth', top: ((index - 1) * 120) + 7 });\n      }\n    } else if (!scrollTracking && index === selectedPageIndex) {\n      setScrollTracking(true);\n    }\n  }, scrollTracking, pageCount, selectedPageIndex);\n\n  const onPageClick = useCallback(e => {\n    const order = e.target.getAttribute('data-order');\n    setScrollTracking(false);\n    setSelectedPageIndex(parseInt(order, 10));\n    if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n      scrollToTarget(`pageActions-id-${order}`);\n    }\n  }, [selectedPageIndex]);\n\n  const onPageAdd = index => {\n    setScrollTracking(false);\n    setSelectedPageIndex(index);\n    otherProps.onPageAdd(index);\n  };\n\n  return (\n    <>\n      <ResponsiveContainer>\n        <ResponsiveContent>\n          {(containerWidth, containerHeight) => (\n            <Component\n              ref={outerRef}\n              distance={50}\n              height={containerHeight}\n              helperClass=\"pageThumbnailHelper\"\n              lockAxis=\"y\"\n              onPageClick={onPageClick}\n              onSortEnd={_onSortEnd}\n              pageContainerStyle={pageContainerStyles}\n              pageCount={pageCount}\n              selectedPageIndex={selectedPageIndex}\n              width={containerWidth}\n              {...otherProps}\n            />\n          )}\n        </ResponsiveContent>\n      </ResponsiveContainer>\n      <div className=\"jfReport-pane-footer\">\n        <PageAdder\n          additionalClass=\"forOptions\"\n          onPageAdd={onPageAdd}\n          pageCount={pageCount}\n        />\n      </div>\n    </>\n  );\n};\n\nListWrapper.propTypes = {\n  component: PropTypes.any,\n  onSortEnd: PropTypes.func,\n  pageCount: PropTypes.number,\n  reportSettings: PropTypes.shape({\n    reportBackgroundColor: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n  }),\n};\n\nListWrapper.defaultProps = {\n  component: null,\n  onSortEnd: () => {},\n  pageCount: 0,\n  reportSettings: {},\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","Component","component","onSortEnd","pageCount","reportSettings","otherProps","outerRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","scrollTracking","setScrollTracking","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","sortEvent","nativeEvent","current","useEffect","scrollToTarget","usePageVisibility","index","Number","isNaN","instance","getWrappedInstance","list","sortableOuterRef","setTimeout","scrollTo","behavior","onPageClick","useCallback","e","order","target","getAttribute","classList","contains","onPageAdd","_jsxs","_jsx","containerWidth","containerHeight","propTypes","PropTypes","any","func","number","shape","string","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAMd;AAAA,MALOC,SAKP,QALJC,SAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,cAEI,QAFJA,cAEI;AAAA,MADDC,UACC;;AACJ,MAAMC,QAAQ,GAAGC,MAAM,CAAC,IAAD,CAAvB;;AADI,kBAE8CC,QAAQ,CAAC,CAAC,CAAF,CAFtD;AAAA;AAAA,MAEGC,iBAFH;AAAA,MAEsBC,oBAFtB;;AAAA,mBAGwCF,QAAQ,CAAC,IAAD,CAHhD;AAAA;AAAA,MAGGG,cAHH;AAAA,MAGmBC,iBAHnB;;AAAA,MAKFC,qBALE,GAQAT,cARA,CAKFS,qBALE;AAAA,8BAQAT,cARA,CAMFU,kBANE;AAAA,MAMFA,kBANE,sCAMmB,GANnB;AAAA,+BAQAV,cARA,CAOFW,iBAPE;AAAA,MAOFA,iBAPE,uCAOkB,IAPlB;AASJ,MAAMC,KAAK,GAAGC,QAAQ,CAACF,iBAAD,EAAoB,EAApB,CAAtB;AACA,MAAMG,MAAM,GAAGD,QAAQ,CAACH,kBAAD,EAAqB,EAArB,CAAvB;;AAVI,8BAWyBK,wBAAwB,CAACH,KAAD,EAAQE,MAAR,CAXjD;AAAA,MAWIE,IAXJ,yBAWIA,IAXJ;AAAA,MAWUC,KAXV,yBAWUA,KAXV;AAAA,MAWiBC,GAXjB,yBAWiBA,GAXjB;;AAaJ,MAAMC,mBAAmB,GAAGC,OAAO,CAAC;AAAA,WAAO;AACzCC,MAAAA,eAAe,EAAEZ,qBAAqB,IAAI,MADD;AAEzCK,MAAAA,MAAM,EAAEA,MAFiC;AAGzCE,MAAAA,IAAI,EAAJA,IAHyC;AAIzCE,MAAAA,GAAG,EAAHA,GAJyC;AAKzCI,MAAAA,SAAS,kBAAWL,KAAX,MALgC;AAMzCM,MAAAA,eAAe,EAAE,KANwB;AAOzCX,MAAAA,KAAK,EAAEA;AAPkC,KAAP;AAAA,GAAD,EAQ/B,CAACZ,cAAD,CAR+B,CAAnC;;AAUA,MAAMwB,UAAU,GAAG,SAAbA,UAAa,CAACC,SAAD,EAAYC,WAAZ,EAA4B;AAC7C,QAAI5B,SAAJ,EAAe;AACbA,MAAAA,SAAS,CAAC2B,SAAD,EAAYC,WAAZ,EAAyBxB,QAAQ,CAACyB,OAAlC,CAAT;AACD;AACF,GAJD;;AAMAC,EAAAA,SAAS,CAAC,YAAM;AAAE;AAChB,QAAI,CAACrB,cAAL,EAAqB;AACnBsB,MAAAA,cAAc,0BAAmBxB,iBAAnB,GAAwC,CAAxC,EAA2C,EAA3C,CAAd;AACAG,MAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD;AACF,GALQ,EAKN,CAACT,SAAD,CALM,CAAT;AAOA+B,EAAAA,iBAAiB,CAAC,UAAAC,KAAK,EAAI;AACzB,QAAIxB,cAAc,IAAIwB,KAAK,KAAK1B,iBAA5B,IAAiD,CAAC2B,MAAM,CAACC,KAAP,CAAaF,KAAb,CAAtD,EAA2E;AACzE,UAAMG,QAAQ,GAAGhC,QAAQ,CAACyB,OAAT,CAAiBQ,kBAAjB,EAAjB;AACA,UAAMC,IAAI,GAAGF,QAAQ,CAACG,gBAAT,CAA0BV,OAAvC;AACArB,MAAAA,oBAAoB,CAACyB,KAAD,CAApB;;AACA,UAAI1B,iBAAiB,KAAK,CAAC,CAAvB,IAA4B0B,KAAK,KAAK,CAA1C,EAA6C;AAC3CO,QAAAA,UAAU,CAAC,YAAM;AACfF,UAAAA,IAAI,CAACG,QAAL,CAAc;AAAEC,YAAAA,QAAQ,EAAE,QAAZ;AAAsBtB,YAAAA,GAAG,EAAG,CAACa,KAAK,GAAG,CAAT,IAAc,GAAf,GAAsB;AAAjD,WAAd;AACD,SAFS,EAEP,GAFO,CAAV;AAGD,OAJD,MAIO;AACLK,QAAAA,IAAI,CAACG,QAAL,CAAc;AAAEC,UAAAA,QAAQ,EAAE,QAAZ;AAAsBtB,UAAAA,GAAG,EAAG,CAACa,KAAK,GAAG,CAAT,IAAc,GAAf,GAAsB;AAAjD,SAAd;AACD;AACF,KAXD,MAWO,IAAI,CAACxB,cAAD,IAAmBwB,KAAK,KAAK1B,iBAAjC,EAAoD;AACzDG,MAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD;AACF,GAfgB,EAedD,cAfc,EAeER,SAfF,EAeaM,iBAfb,CAAjB;AAiBA,MAAMoC,WAAW,GAAGC,WAAW,CAAC,UAAAC,CAAC,EAAI;AACnC,QAAMC,KAAK,GAAGD,CAAC,CAACE,MAAF,CAASC,YAAT,CAAsB,YAAtB,CAAd;AACAtC,IAAAA,iBAAiB,CAAC,KAAD,CAAjB;AACAF,IAAAA,oBAAoB,CAACO,QAAQ,CAAC+B,KAAD,EAAQ,EAAR,CAAT,CAApB;;AACA,QAAI,CAACD,CAAC,CAACE,MAAF,CAASE,SAAT,CAAmBC,QAAnB,CAA4B,gBAA5B,CAAL,EAAoD;AAAE;AACpDnB,MAAAA,cAAc,0BAAmBe,KAAnB,EAAd;AACD;AACF,GAP8B,EAO5B,CAACvC,iBAAD,CAP4B,CAA/B;;AASA,MAAM4C,SAAS,GAAG,SAAZA,SAAY,CAAAlB,KAAK,EAAI;AACzBvB,IAAAA,iBAAiB,CAAC,KAAD,CAAjB;AACAF,IAAAA,oBAAoB,CAACyB,KAAD,CAApB;AACA9B,IAAAA,UAAU,CAACgD,SAAX,CAAqBlB,KAArB;AACD,GAJD;;AAMA,sBACEmB;AAAA,4BACEC,IAAC,mBAAD;AAAA,6BACEA,IAAC,iBAAD;AAAA,kBACG,kBAACC,cAAD,EAAiBC,eAAjB;AAAA,8BACCF,IAAC,SAAD;AACE,YAAA,GAAG,EAAEjD,QADP;AAEE,YAAA,QAAQ,EAAE,EAFZ;AAGE,YAAA,MAAM,EAAEmD,eAHV;AAIE,YAAA,WAAW,EAAC,qBAJd;AAKE,YAAA,QAAQ,EAAC,GALX;AAME,YAAA,WAAW,EAAEZ,WANf;AAOE,YAAA,SAAS,EAAEjB,UAPb;AAQE,YAAA,kBAAkB,EAAEL,mBARtB;AASE,YAAA,SAAS,EAAEpB,SATb;AAUE,YAAA,iBAAiB,EAAEM,iBAVrB;AAWE,YAAA,KAAK,EAAE+C;AAXT,aAYMnD,UAZN,EADD;AAAA;AADH;AADF,MADF,eAqBEkD;AAAK,MAAA,SAAS,EAAC,sBAAf;AAAA,6BACEA,IAAC,SAAD;AACE,QAAA,eAAe,EAAC,YADlB;AAEE,QAAA,SAAS,EAAEF,SAFb;AAGE,QAAA,SAAS,EAAElD;AAHb;AADF,MArBF;AAAA,IADF;AA+BD,CAzGD;;AA2GAJ,WAAW,CAAC2D,SAAZ,GAAwB;AACtBzD,EAAAA,SAAS,EAAE0D,SAAS,CAACC,GADC;AAEtB1D,EAAAA,SAAS,EAAEyD,SAAS,CAACE,IAFC;AAGtB1D,EAAAA,SAAS,EAAEwD,SAAS,CAACG,MAHC;AAItB1D,EAAAA,cAAc,EAAEuD,SAAS,CAACI,KAAV,CAAgB;AAC9BlD,IAAAA,qBAAqB,EAAE8C,SAAS,CAACK,MADH;AAE9BlD,IAAAA,kBAAkB,EAAE6C,SAAS,CAACK,MAFA;AAG9BjD,IAAAA,iBAAiB,EAAE4C,SAAS,CAACK;AAHC,GAAhB;AAJM,CAAxB;AAWAjE,WAAW,CAACkE,YAAZ,GAA2B;AACzBhE,EAAAA,SAAS,EAAE,IADc;AAEzBC,EAAAA,SAAS,EAAE,qBAAM,EAFQ;AAGzBC,EAAAA,SAAS,EAAE,CAHc;AAIzBC,EAAAA,cAAc,EAAE;AAJS,CAA3B;AAOA,iCAAe8D,IAAI,CAACnE,WAAD,CAAnB;;;;"}