@jotforminc/dnd-builder 2.9.18 → 2.9.19

package/lib/cjs/components/Panels/AllSlidesPanel/PageList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageList.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageList.js"],"sourcesContent":["import { memo, useRef } from 'react';\nimport { SortableContainer } from 'react-sortable-hoc';\nimport PageItem from './PageItem';\nimport { getScaleForPageThumbnailLarge } from '../../../utils/functions';\nimport PageAdder from '../../Builder/PageAdder';\n\nconst PageList = SortableContainer(({\n  acceptedItems,\n  additionalPageItems,\n  hashCode,\n  itemAccessor,\n  layoutSettings,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  pages,\n  selectedPages,\n}) => {\n  const pageContainerStyles = useRef({});\n  const {\n    reportBackgroundColor,\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = layoutSettings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  const scale = getScaleForPageThumbnailLarge(width, height);\n\n  pageContainerStyles.current = {\n    height: height,\n    transform: `scale(${scale})`,\n    transformOrigin: '0 0',\n    width: width,\n  };\n\n  return (\n    <ul className=\"jfReport-pageThumbnailList d-flex j-between f-wrap\">\n      {pages.map(page => {\n        const { backgroundColor } = page;\n        const style = {\n          ...pageContainerStyles.current,\n          backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff',\n        };\n        return (\n          <PageItem\n            key={`item-${page.id}-${page.order}`}\n            acceptedItems={acceptedItems}\n            additionalPageItems={additionalPageItems}\n            hashCode={hashCode}\n            index={page.order - 1}\n            isSelected={selectedPages.indexOf(page.id) > -1}\n            itemAccessor={itemAccessor}\n            onAnEventTrigger={onAnEventTrigger}\n            onPageAdd={onPageAdd}\n            onPageClick={onPageClick}\n            onPageDuplicate={onPageDuplicate}\n            onPageRemove={onPageRemove}\n            order={page.order}\n            page={page}\n            style={style}\n          />\n        );\n      })}\n      <div className=\"thumbnailWrapper forPageAdder d-flex j-end dir-col\">\n        <PageAdder\n          onPageAdd={onPageAdd}\n          pageCount={pages.length}\n        />\n      </div>\n      <div className=\"spacer\" />\n      <div className=\"spacer\" />\n      <div className=\"spacer\" />\n    </ul>\n  );\n});\n\nexport default memo(PageList);\n"],"names":["PageList","SortableContainer","acceptedItems","additionalPageItems","hashCode","itemAccessor","layoutSettings","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","pages","selectedPages","pageContainerStyles","useRef","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","scale","getScaleForPageThumbnailLarge","current","transform","transformOrigin","_jsxs","map","page","backgroundColor","style","_jsx","order","indexOf","id","length","memo"],"mappings":"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"}
+{"version":3,"file":"PageList.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageList.js"],"sourcesContent":["import {\n  memo, useRef, useState, useCallback, useMemo,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors,\n} from '@dnd-kit/core';\nimport { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';\nimport PageItem from './PageItem';\nimport PageItemDragOverlay from './PageItemDragOverlay';\nimport { getScaleForPageThumbnailLarge } from '../../../utils/functions';\nimport PageAdder from '../../Builder/PageAdder';\n\nconst PageList = ({\n  acceptedItems,\n  additionalPageItems,\n  hashCode,\n  itemAccessor,\n  layoutSettings,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  onSortEnd,\n  pages,\n  selectedPages,\n}) => {\n  const [activeId, setActiveId] = useState(null);\n  const pageContainerStyles = useRef({});\n  const {\n    reportBackgroundColor,\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = layoutSettings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  const scale = getScaleForPageThumbnailLarge(width, height);\n\n  pageContainerStyles.current = {\n    height: height,\n    transform: `scale(${scale})`,\n    transformOrigin: '0 0',\n    width: width,\n  };\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 0,\n      },\n    }),\n    useSensor(KeyboardSensor),\n  );\n\n  const handleDragStart = useCallback(event => {\n    setActiveId(event.active.id);\n  }, []);\n\n  const handleDragEnd = useCallback(event => {\n    const { active, over } = event;\n    setActiveId(null);\n\n    if (over && active.id !== over.id) {\n      const oldIndex = pages.findIndex(page => page.id === active.id);\n      const newIndex = pages.findIndex(page => page.id === over.id);\n\n      if (oldIndex !== -1 && newIndex !== -1) {\n        onSortEnd({ newIndex, oldIndex });\n      }\n    }\n  }, [pages, onSortEnd]);\n\n  const handleDragCancel = useCallback(() => {\n    setActiveId(null);\n  }, []);\n\n  const items = useMemo(() => {\n    if (!pages || pages.length === 0) return [];\n    return pages.map(page => page.id);\n  }, [pages]);\n\n  const activePageData = useMemo(() => {\n    if (!activeId || !pages) return null;\n\n    const activePage = pages.find(page => page.id === activeId);\n    if (!activePage) return null;\n\n    const { backgroundColor } = activePage;\n    const pageContainerLastStyle = {\n      ...pageContainerStyles.current,\n      backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff',\n    };\n\n    return {\n      page: activePage,\n      pageContainerLastStyle,\n    };\n  }, [activeId, pages, reportBackgroundColor]);\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      onDragCancel={handleDragCancel}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      sensors={sensors}\n    >\n      <SortableContext\n        items={items}\n        strategy={rectSortingStrategy}\n      >\n        <ul className=\"jfReport-pageThumbnailList d-flex j-between f-wrap\">\n          {pages.map(page => {\n            const { backgroundColor } = page;\n            const style = {\n              ...pageContainerStyles.current,\n              backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff',\n            };\n            return (\n              <PageItem\n                key={`item-${page.id}-${page.order}`}\n                acceptedItems={acceptedItems}\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                id={page.id}\n                index={page.order - 1}\n                isSelected={selectedPages.indexOf(page.id) > -1}\n                itemAccessor={itemAccessor}\n                onAnEventTrigger={onAnEventTrigger}\n                onPageAdd={onPageAdd}\n                onPageClick={onPageClick}\n                onPageDuplicate={onPageDuplicate}\n                onPageRemove={onPageRemove}\n                order={page.order}\n                page={page}\n                style={style}\n              />\n            );\n          })}\n          <div className=\"thumbnailWrapper forPageAdder d-flex j-end dir-col\">\n            <PageAdder\n              onPageAdd={onPageAdd}\n              pageCount={pages.length}\n            />\n          </div>\n          <div className=\"spacer\" />\n          <div className=\"spacer\" />\n          <div className=\"spacer\" />\n        </ul>\n      </SortableContext>\n      <PageItemDragOverlay\n        acceptedItems={acceptedItems}\n        activePageData={activePageData}\n        additionalPageItems={additionalPageItems}\n        hashCode={hashCode}\n        itemAccessor={itemAccessor}\n      />\n    </DndContext>\n  );\n};\n\nPageList.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  hashCode: PropTypes.string,\n  itemAccessor: PropTypes.func,\n  layoutSettings: PropTypes.shape({\n    reportBackgroundColor: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n  }),\n  onAnEventTrigger: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageClick: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  onSortEnd: PropTypes.func,\n  pages: PropTypes.arrayOf(PropTypes.shape({})),\n  selectedPages: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default memo(PageList);\n"],"names":["PageList","acceptedItems","additionalPageItems","hashCode","itemAccessor","layoutSettings","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","onSortEnd","pages","selectedPages","useState","activeId","setActiveId","pageContainerStyles","useRef","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","scale","getScaleForPageThumbnailLarge","current","transform","transformOrigin","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","KeyboardSensor","handleDragStart","useCallback","event","active","id","handleDragEnd","over","oldIndex","findIndex","page","newIndex","handleDragCancel","items","useMemo","length","map","activePageData","activePage","find","backgroundColor","pageContainerLastStyle","_jsxs","DndContext","closestCenter","_jsx","SortableContext","rectSortingStrategy","style","order","indexOf","propTypes","PropTypes","shape","arrayOf","node","string","func","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAcX;AAAA,MAbJC,aAaI,QAbJA,aAaI;AAAA,MAZJC,mBAYI,QAZJA,mBAYI;AAAA,MAXJC,QAWI,QAXJA,QAWI;AAAA,MAVJC,YAUI,QAVJA,YAUI;AAAA,MATJC,cASI,QATJA,cASI;AAAA,MARJC,gBAQI,QARJA,gBAQI;AAAA,MAPJC,SAOI,QAPJA,SAOI;AAAA,MANJC,WAMI,QANJA,WAMI;AAAA,MALJC,eAKI,QALJA,eAKI;AAAA,MAJJC,YAII,QAJJA,YAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,MADJC,aACI,QADJA,aACI;;AACJ,kBAAgCC,cAAQ,CAAC,IAAD,CAAxC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,MAAMC,mBAAmB,GAAGC,YAAM,CAAC,EAAD,CAAlC;AACA,MACEC,qBADF,GAIId,cAJJ,CACEc,qBADF;AAAA,8BAIId,cAJJ,CAEEe,kBAFF;AAAA,MAEEA,kBAFF,sCAEuB,GAFvB;AAAA,+BAIIf,cAJJ,CAGEgB,iBAHF;AAAA,MAGEA,iBAHF,uCAGsB,IAHtB;AAKA,MAAMC,KAAK,GAAGC,QAAQ,CAACF,iBAAD,EAAoB,EAApB,CAAtB;AACA,MAAMG,MAAM,GAAGD,QAAQ,CAACH,kBAAD,EAAqB,EAArB,CAAvB;AACA,MAAMK,KAAK,GAAGC,uCAA6B,CAACJ,KAAD,EAAQE,MAAR,CAA3C;AAEAP,EAAAA,mBAAmB,CAACU,OAApB,GAA8B;AAC5BH,IAAAA,MAAM,EAAEA,MADoB;AAE5BI,IAAAA,SAAS,kBAAWH,KAAX,MAFmB;AAG5BI,IAAAA,eAAe,EAAE,KAHW;AAI5BP,IAAAA,KAAK,EAAEA;AAJqB,GAA9B;AAOA,MAAMQ,OAAO,GAAGC,eAAU,CACxBC,cAAS,CAACC,kBAAD,EAAgB;AACvBC,IAAAA,oBAAoB,EAAE;AACpBC,MAAAA,QAAQ,EAAE;AADU;AADC,GAAhB,CADe,EAMxBH,cAAS,CAACI,mBAAD,CANe,CAA1B;AASA,MAAMC,eAAe,GAAGC,iBAAW,CAAC,UAAAC,KAAK,EAAI;AAC3CvB,IAAAA,WAAW,CAACuB,KAAK,CAACC,MAAN,CAAaC,EAAd,CAAX;AACD,GAFkC,EAEhC,EAFgC,CAAnC;AAIA,MAAMC,aAAa,GAAGJ,iBAAW,CAAC,UAAAC,KAAK,EAAI;AACzC,QAAQC,MAAR,GAAyBD,KAAzB,CAAQC,MAAR;AAAA,QAAgBG,IAAhB,GAAyBJ,KAAzB,CAAgBI,IAAhB;AACA3B,IAAAA,WAAW,CAAC,IAAD,CAAX;;AAEA,QAAI2B,IAAI,IAAIH,MAAM,CAACC,EAAP,KAAcE,IAAI,CAACF,EAA/B,EAAmC;AACjC,UAAMG,QAAQ,GAAGhC,KAAK,CAACiC,SAAN,CAAgB,UAAAC,IAAI;AAAA,eAAIA,IAAI,CAACL,EAAL,KAAYD,MAAM,CAACC,EAAvB;AAAA,OAApB,CAAjB;AACA,UAAMM,QAAQ,GAAGnC,KAAK,CAACiC,SAAN,CAAgB,UAAAC,IAAI;AAAA,eAAIA,IAAI,CAACL,EAAL,KAAYE,IAAI,CAACF,EAArB;AAAA,OAApB,CAAjB;;AAEA,UAAIG,QAAQ,KAAK,CAAC,CAAd,IAAmBG,QAAQ,KAAK,CAAC,CAArC,EAAwC;AACtCpC,QAAAA,SAAS,CAAC;AAAEoC,UAAAA,QAAQ,EAARA,QAAF;AAAYH,UAAAA,QAAQ,EAARA;AAAZ,SAAD,CAAT;AACD;AACF;AACF,GAZgC,EAY9B,CAAChC,KAAD,EAAQD,SAAR,CAZ8B,CAAjC;AAcA,MAAMqC,gBAAgB,GAAGV,iBAAW,CAAC,YAAM;AACzCtB,IAAAA,WAAW,CAAC,IAAD,CAAX;AACD,GAFmC,EAEjC,EAFiC,CAApC;AAIA,MAAMiC,KAAK,GAAGC,aAAO,CAAC,YAAM;AAC1B,QAAI,CAACtC,KAAD,IAAUA,KAAK,CAACuC,MAAN,KAAiB,CAA/B,EAAkC,OAAO,EAAP;AAClC,WAAOvC,KAAK,CAACwC,GAAN,CAAU,UAAAN,IAAI;AAAA,aAAIA,IAAI,CAACL,EAAT;AAAA,KAAd,CAAP;AACD,GAHoB,EAGlB,CAAC7B,KAAD,CAHkB,CAArB;AAKA,MAAMyC,cAAc,GAAGH,aAAO,CAAC,YAAM;AACnC,QAAI,CAACnC,QAAD,IAAa,CAACH,KAAlB,EAAyB,OAAO,IAAP;AAEzB,QAAM0C,UAAU,GAAG1C,KAAK,CAAC2C,IAAN,CAAW,UAAAT,IAAI;AAAA,aAAIA,IAAI,CAACL,EAAL,KAAY1B,QAAhB;AAAA,KAAf,CAAnB;AACA,QAAI,CAACuC,UAAL,EAAiB,OAAO,IAAP;AAEjB,QAAQE,eAAR,GAA4BF,UAA5B,CAAQE,eAAR;;AACA,QAAMC,sBAAsB,mCACvBxC,mBAAmB,CAACU,OADG;AAE1B6B,MAAAA,eAAe,EAAEA,eAAe,GAAGA,eAAH,GAAqBrC,qBAAqB,IAAI;AAFpD,MAA5B;;AAKA,WAAO;AACL2B,MAAAA,IAAI,EAAEQ,UADD;AAELG,MAAAA,sBAAsB,EAAtBA;AAFK,KAAP;AAID,GAhB6B,EAgB3B,CAAC1C,QAAD,EAAWH,KAAX,EAAkBO,qBAAlB,CAhB2B,CAA9B;AAkBA,sBACEuC,gBAACC,eAAD;AACE,IAAA,kBAAkB,EAAEC,kBADtB;AAEE,IAAA,YAAY,EAAEZ,gBAFhB;AAGE,IAAA,SAAS,EAAEN,aAHb;AAIE,IAAA,WAAW,EAAEL,eAJf;AAKE,IAAA,OAAO,EAAEP,OALX;AAAA,4BAOE+B,eAACC,wBAAD;AACE,MAAA,KAAK,EAAEb,KADT;AAEE,MAAA,QAAQ,EAAEc,4BAFZ;AAAA,6BAIEL;AAAI,QAAA,SAAS,EAAC,oDAAd;AAAA,mBACG9C,KAAK,CAACwC,GAAN,CAAU,UAAAN,IAAI,EAAI;AACjB,cAAQU,eAAR,GAA4BV,IAA5B,CAAQU,eAAR;;AACA,cAAMQ,KAAK,mCACN/C,mBAAmB,CAACU,OADd;AAET6B,YAAAA,eAAe,EAAEA,eAAe,GAAGA,eAAH,GAAqBrC,qBAAqB,IAAI;AAFrE,YAAX;;AAIA,8BACE0C,eAAC,QAAD;AAEE,YAAA,aAAa,EAAE5D,aAFjB;AAGE,YAAA,mBAAmB,EAAEC,mBAHvB;AAIE,YAAA,QAAQ,EAAEC,QAJZ;AAKE,YAAA,EAAE,EAAE2C,IAAI,CAACL,EALX;AAME,YAAA,KAAK,EAAEK,IAAI,CAACmB,KAAL,GAAa,CANtB;AAOE,YAAA,UAAU,EAAEpD,aAAa,CAACqD,OAAd,CAAsBpB,IAAI,CAACL,EAA3B,IAAiC,CAAC,CAPhD;AAQE,YAAA,YAAY,EAAErC,YARhB;AASE,YAAA,gBAAgB,EAAEE,gBATpB;AAUE,YAAA,SAAS,EAAEC,SAVb;AAWE,YAAA,WAAW,EAAEC,WAXf;AAYE,YAAA,eAAe,EAAEC,eAZnB;AAaE,YAAA,YAAY,EAAEC,YAbhB;AAcE,YAAA,KAAK,EAAEoC,IAAI,CAACmB,KAdd;AAeE,YAAA,IAAI,EAAEnB,IAfR;AAgBE,YAAA,KAAK,EAAEkB;AAhBT,4BACelB,IAAI,CAACL,EADpB,cAC0BK,IAAI,CAACmB,KAD/B,EADF;AAoBD,SA1BA,CADH,eA4BEJ;AAAK,UAAA,SAAS,EAAC,oDAAf;AAAA,iCACEA,eAAC,SAAD;AACE,YAAA,SAAS,EAAEtD,SADb;AAEE,YAAA,SAAS,EAAEK,KAAK,CAACuC;AAFnB;AADF,UA5BF,eAkCEU;AAAK,UAAA,SAAS,EAAC;AAAf,UAlCF,eAmCEA;AAAK,UAAA,SAAS,EAAC;AAAf,UAnCF,eAoCEA;AAAK,UAAA,SAAS,EAAC;AAAf,UApCF;AAAA;AAJF,MAPF,eAkDEA,eAAC,mBAAD;AACE,MAAA,aAAa,EAAE5D,aADjB;AAEE,MAAA,cAAc,EAAEoD,cAFlB;AAGE,MAAA,mBAAmB,EAAEnD,mBAHvB;AAIE,MAAA,QAAQ,EAAEC,QAJZ;AAKE,MAAA,YAAY,EAAEC;AALhB,MAlDF;AAAA,IADF;AA4DD,CAnJD;;AAqJAJ,QAAQ,CAACmE,SAAT,GAAqB;AACnBlE,EAAAA,aAAa,EAAEmE,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADI;AAEnBnE,EAAAA,mBAAmB,EAAEkE,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,IAA5B,CAFF;AAGnBpE,EAAAA,QAAQ,EAAEiE,6BAAS,CAACI,MAHD;AAInBpE,EAAAA,YAAY,EAAEgE,6BAAS,CAACK,IAJL;AAKnBpE,EAAAA,cAAc,EAAE+D,6BAAS,CAACC,KAAV,CAAgB;AAC9BlD,IAAAA,qBAAqB,EAAEiD,6BAAS,CAACI,MADH;AAE9BpD,IAAAA,kBAAkB,EAAEgD,6BAAS,CAACI,MAFA;AAG9BnD,IAAAA,iBAAiB,EAAE+C,6BAAS,CAACI;AAHC,GAAhB,CALG;AAUnBlE,EAAAA,gBAAgB,EAAE8D,6BAAS,CAACK,IAVT;AAWnBlE,EAAAA,SAAS,EAAE6D,6BAAS,CAACK,IAXF;AAYnBjE,EAAAA,WAAW,EAAE4D,6BAAS,CAACK,IAZJ;AAanBhE,EAAAA,eAAe,EAAE2D,6BAAS,CAACK,IAbR;AAcnB/D,EAAAA,YAAY,EAAE0D,6BAAS,CAACK,IAdL;AAenB9D,EAAAA,SAAS,EAAEyD,6BAAS,CAACK,IAfF;AAgBnB7D,EAAAA,KAAK,EAAEwD,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,CAhBY;AAiBnBxD,EAAAA,aAAa,EAAEuD,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACI,MAA5B;AAjBI,CAArB;AAoBA,8BAAeE,UAAI,CAAC1E,QAAD,CAAnB;;;;"}

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

@@ -12,12 +12,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var PageThumbnailActions = function PageThumbnailActions(_ref) {
-  var onAnEventTrigger = _ref.onAnEventTrigger,
-      onPageAdd = _ref.onPageAdd,
-      onPageDuplicate = _ref.onPageDuplicate,
-      onPageRemove = _ref.onPageRemove,
-      order = _ref.order,
-      page = _ref.page;
+  var _ref$onAnEventTrigger = _ref.onAnEventTrigger,
+      onAnEventTrigger = _ref$onAnEventTrigger === void 0 ? function () {} : _ref$onAnEventTrigger,
+      _ref$onPageAdd = _ref.onPageAdd,
+      onPageAdd = _ref$onPageAdd === void 0 ? function () {} : _ref$onPageAdd,
+      _ref$onPageDuplicate = _ref.onPageDuplicate,
+      onPageDuplicate = _ref$onPageDuplicate === void 0 ? function () {} : _ref$onPageDuplicate,
+      _ref$onPageRemove = _ref.onPageRemove,
+      onPageRemove = _ref$onPageRemove === void 0 ? function () {} : _ref$onPageRemove,
+      _ref$order = _ref.order,
+      order = _ref$order === void 0 ? 0 : _ref$order,
+      _ref$page = _ref.page,
+      page = _ref$page === void 0 ? {} : _ref$page;
 
   var onPageDuplicateClick = function onPageDuplicateClick() {
     onPageDuplicate(page);
@@ -82,14 +88,6 @@ PageThumbnailActions.propTypes = {
     id: PropTypes__default['default'].string
   })
 };
-PageThumbnailActions.defaultProps = {
-  onAnEventTrigger: function onAnEventTrigger() {},
-  onPageAdd: function onPageAdd() {},
-  onPageDuplicate: function onPageDuplicate() {},
-  onPageRemove: function onPageRemove() {},
-  order: 0,
-  page: {}
-};
 var PageThumbnailActions$1 = /*#__PURE__*/React.memo(PageThumbnailActions);
 
 module.exports = PageThumbnailActions$1;

package/lib/cjs/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 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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"}
+{"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 = 0,\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\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","memo"],"mappings":";;;;;;;;;;;;;AAIA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAOvB;AAAA,mCANJC,gBAMI;AAAA,MANJA,gBAMI,sCANe,YAAM,EAMrB;AAAA,4BALJC,SAKI;AAAA,MALJA,SAKI,+BALQ,YAAM,EAKd;AAAA,kCAJJC,eAII;AAAA,MAJJA,eAII,qCAJc,YAAM,EAIpB;AAAA,+BAHJC,YAGI;AAAA,MAHJA,YAGI,kCAHW,YAAM,EAGjB;AAAA,wBAFJC,KAEI;AAAA,MAFJA,KAEI,2BAFI,CAEJ;AAAA,uBADJC,IACI;AAAA,MADJA,IACI,0BADG,EACH;;AACJ,MAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjCJ,IAAAA,eAAe,CAACG,IAAD,CAAf;AACAL,IAAAA,gBAAgB,CAAC,eAAD,EAAkBI,KAAK,GAAG,CAA1B,CAAhB;AACD,GAHD;;AAKA,MAAMG,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC9BJ,IAAAA,YAAY,CAACE,IAAI,CAACG,EAAN,CAAZ;AACAR,IAAAA,gBAAgB,CAAC,sBAAD,EAAyBK,IAAI,CAACG,EAA9B,CAAhB;AACD,GAHD;;AAKA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAMC,YAAY,GAAGN,KAAK,GAAG,CAA7B;AACAH,IAAAA,SAAS,CAACS,YAAD,CAAT;AACAV,IAAAA,gBAAgB,CAAC,sBAAD,EAAyBU,YAAzB,CAAhB;AACD,GAJD;;AAMA,sBACEC;AACE,IAAA,SAAS,EAAC,2CADZ;AAEE,IAAA,EAAE,2BAAoBP,KAApB,CAFJ;AAAA,2BAIEO;AAAK,MAAA,SAAS,EAAC,oDAAf;AAAA,6BACEC;AAAK,QAAA,SAAS,EAAC,+DAAf;AAAA,gCACED;AAEE,UAAA,SAAS,EAAC,gBAFZ;AAGE,UAAA,OAAO,EAAEL,oBAHX;AAIE,UAAA,KAAK,EAAC,gBAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEK,eAACE,SAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B;AAPF,WACM,gBADN,CADF,eAUEF;AAEE,UAAA,SAAS,EAAC,yBAFZ;AAGE,UAAA,OAAO,EAAEJ,iBAHX;AAIE,UAAA,KAAK,EAAC,cAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEI,eAACG,KAAD;AAAa,YAAA,SAAS,EAAC;AAAvB;AAPF,WACM,cADN,CAVF,eAmBEH;AAEE,UAAA,SAAS,EAAC,gBAFZ;AAGE,UAAA,OAAO,EAAEF,cAHX;AAIE,UAAA,KAAK,EAAC,WAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEE,eAACI,IAAD;AAAY,YAAA,SAAS,EAAC;AAAtB;AAPF,WACM,WADN,CAnBF;AAAA;AADF;AAJF,IADF;AAsCD,CA9DD;;AAgEAhB,oBAAoB,CAACiB,SAArB,GAAiC;AAC/BhB,EAAAA,gBAAgB,EAAEiB,6BAAS,CAACC,IADG;AAE/BjB,EAAAA,SAAS,EAAEgB,6BAAS,CAACC,IAFU;AAG/BhB,EAAAA,eAAe,EAAEe,6BAAS,CAACC,IAHI;AAI/Bf,EAAAA,YAAY,EAAEc,6BAAS,CAACC,IAJO;AAK/Bd,EAAAA,KAAK,EAAEa,6BAAS,CAACE,MALc;AAM/Bd,EAAAA,IAAI,EAAEY,6BAAS,CAACG,KAAV,CAAgB;AACpBZ,IAAAA,EAAE,EAAES,6BAAS,CAACI;AADM,GAAhB;AANyB,CAAjC;AAWA,0CAAeC,UAAI,CAACvB,oBAAD,CAAnB;;;;"}

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

@@ -40,10 +40,14 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var Elements = function Elements(_ref) {
-  var acceptedItems = _ref.acceptedItems,
-      leftPanelConfig = _ref.leftPanelConfig,
-      onAnEventTrigger = _ref.onAnEventTrigger,
-      onItemAdd = _ref.onItemAdd;
+  var _ref$acceptedItems = _ref.acceptedItems,
+      acceptedItems = _ref$acceptedItems === void 0 ? {} : _ref$acceptedItems,
+      _ref$leftPanelConfig = _ref.leftPanelConfig,
+      leftPanelConfig = _ref$leftPanelConfig === void 0 ? [] : _ref$leftPanelConfig,
+      _ref$onAnEventTrigger = _ref.onAnEventTrigger,
+      onAnEventTrigger = _ref$onAnEventTrigger === void 0 ? function () {} : _ref$onAnEventTrigger,
+      _ref$onItemAdd = _ref.onItemAdd,
+      onItemAdd = _ref$onItemAdd === void 0 ? function () {} : _ref$onItemAdd;
 
   var _useBuilderContext = builderContext.useBuilderContext(),
       activeTab = _useBuilderContext.activeTab,
@@ -118,12 +122,6 @@ Elements.propTypes = {
   onAnEventTrigger: PropTypes__default['default'].func,
   onItemAdd: PropTypes__default['default'].func
 };
-Elements.defaultProps = {
-  acceptedItems: {},
-  leftPanelConfig: [],
-  onAnEventTrigger: function onAnEventTrigger() {},
-  onItemAdd: function onItemAdd() {}
-};
 var Elements$1 = /*#__PURE__*/React.memo(Elements);
 
 module.exports = Elements$1;

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

@@ -1 +1 @@
-{"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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"}
+{"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\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","memo"],"mappings":"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"}

package/lib/cjs/components/Panels/LeftPanel/LeftPanel.js

@@ -17,8 +17,10 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 var LeftPanel = function LeftPanel(_ref) {
-  var leftPanelConfig = _ref.leftPanelConfig,
-      onItemAdd = _ref.onItemAdd;
+  var _ref$leftPanelConfig = _ref.leftPanelConfig,
+      leftPanelConfig = _ref$leftPanelConfig === void 0 ? [] : _ref$leftPanelConfig,
+      _ref$onItemAdd = _ref.onItemAdd,
+      onItemAdd = _ref$onItemAdd === void 0 ? function () {} : _ref$onItemAdd;
 
   /*
     This context cause additional render but it only renders LeftPanel and Panel components
@@ -50,10 +52,6 @@ LeftPanel.propTypes = {
   leftPanelConfig: propTypes.leftPanelConfigPropType,
   onItemAdd: PropTypes__default['default'].func
 };
-LeftPanel.defaultProps = {
-  leftPanelConfig: [],
-  onItemAdd: function onItemAdd() {}
-};
 var LeftPanel$1 = /*#__PURE__*/React.memo(LeftPanel);
 
 module.exports = LeftPanel$1;

package/lib/cjs/components/Panels/LeftPanel/LeftPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftPanel.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanel.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { leftPanelConfigPropType } from '../../../constants/propTypes';\nimport Elements from './Elements';\nimport LeftPanelOpener from './LeftPanelOpener';\nimport { usePropContext } from '../../../utils/propContext';\n\nconst LeftPanel = ({\n  leftPanelConfig,\n  onItemAdd,\n}) => {\n  /*\n    This context cause additional render but it only renders LeftPanel and Panel components\n    If you see Elements Component is rendered unnecessary,\n      please get these propContext values from prop.\n  */\n  const { acceptedItems, onAnEventTrigger } = usePropContext();\n\n  const { isLeftPanelOpen } = useBuilderContext();\n\n  const panelAdditionalClassName = classNames(\n    'jfReport-toolbox f-height',\n    {\n      isIdle: !isLeftPanelOpen,\n    },\n  );\n\n  return (\n    <Panel additionalClassName={panelAdditionalClassName}>\n      <LeftPanelOpener />\n      <Elements\n        acceptedItems={acceptedItems}\n        leftPanelConfig={leftPanelConfig}\n        onAnEventTrigger={onAnEventTrigger}\n        onItemAdd={onItemAdd}\n      />\n    </Panel>\n  );\n};\n\nLeftPanel.propTypes = {\n  leftPanelConfig: leftPanelConfigPropType,\n  onItemAdd: PropTypes.func,\n};\n\nLeftPanel.defaultProps = {\n  leftPanelConfig: [],\n  onItemAdd: () => {},\n};\n\nexport default memo(LeftPanel);\n"],"names":["LeftPanel","leftPanelConfig","onItemAdd","usePropContext","acceptedItems","onAnEventTrigger","useBuilderContext","isLeftPanelOpen","panelAdditionalClassName","classNames","isIdle","_jsxs","_jsx","propTypes","leftPanelConfigPropType","PropTypes","func","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAGZ;AAAA,MAFJC,eAEI,QAFJA,eAEI;AAAA,MADJC,SACI,QADJA,SACI;;AACJ;AACF;AACA;AACA;AACA;AACE,wBAA4CC,0BAAc,EAA1D;AAAA,MAAQC,aAAR,mBAAQA,aAAR;AAAA,MAAuBC,gBAAvB,mBAAuBA,gBAAvB;;AAEA,2BAA4BC,gCAAiB,EAA7C;AAAA,MAAQC,eAAR,sBAAQA,eAAR;;AAEA,MAAMC,wBAAwB,GAAGC,8BAAU,CACzC,2BADyC,EAEzC;AACEC,IAAAA,MAAM,EAAE,CAACH;AADX,GAFyC,CAA3C;AAOA,sBACEI,gBAAC,KAAD;AAAO,IAAA,mBAAmB,EAAEH,wBAA5B;AAAA,4BACEI,eAAC,eAAD,KADF,eAEEA,eAAC,QAAD;AACE,MAAA,aAAa,EAAER,aADjB;AAEE,MAAA,eAAe,EAAEH,eAFnB;AAGE,MAAA,gBAAgB,EAAEI,gBAHpB;AAIE,MAAA,SAAS,EAAEH;AAJb,MAFF;AAAA,IADF;AAWD,CA/BD;;AAiCAF,SAAS,CAACa,SAAV,GAAsB;AACpBZ,EAAAA,eAAe,EAAEa,iCADG;AAEpBZ,EAAAA,SAAS,EAAEa,6BAAS,CAACC;AAFD,CAAtB;AAKAhB,SAAS,CAACiB,YAAV,GAAyB;AACvBhB,EAAAA,eAAe,EAAE,EADM;AAEvBC,EAAAA,SAAS,EAAE,qBAAM;AAFM,CAAzB;AAKA,+BAAegB,UAAI,CAAClB,SAAD,CAAnB;;;;"}
+{"version":3,"file":"LeftPanel.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanel.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { leftPanelConfigPropType } from '../../../constants/propTypes';\nimport Elements from './Elements';\nimport LeftPanelOpener from './LeftPanelOpener';\nimport { usePropContext } from '../../../utils/propContext';\n\nconst LeftPanel = ({\n  leftPanelConfig = [],\n  onItemAdd = () => {},\n}) => {\n  /*\n    This context cause additional render but it only renders LeftPanel and Panel components\n    If you see Elements Component is rendered unnecessary,\n      please get these propContext values from prop.\n  */\n  const { acceptedItems, onAnEventTrigger } = usePropContext();\n\n  const { isLeftPanelOpen } = useBuilderContext();\n\n  const panelAdditionalClassName = classNames(\n    'jfReport-toolbox f-height',\n    {\n      isIdle: !isLeftPanelOpen,\n    },\n  );\n\n  return (\n    <Panel additionalClassName={panelAdditionalClassName}>\n      <LeftPanelOpener />\n      <Elements\n        acceptedItems={acceptedItems}\n        leftPanelConfig={leftPanelConfig}\n        onAnEventTrigger={onAnEventTrigger}\n        onItemAdd={onItemAdd}\n      />\n    </Panel>\n  );\n};\n\nLeftPanel.propTypes = {\n  leftPanelConfig: leftPanelConfigPropType,\n  onItemAdd: PropTypes.func,\n};\n\nexport default memo(LeftPanel);\n"],"names":["LeftPanel","leftPanelConfig","onItemAdd","usePropContext","acceptedItems","onAnEventTrigger","useBuilderContext","isLeftPanelOpen","panelAdditionalClassName","classNames","isIdle","_jsxs","_jsx","propTypes","leftPanelConfigPropType","PropTypes","func","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAGZ;AAAA,kCAFJC,eAEI;AAAA,MAFJA,eAEI,qCAFc,EAEd;AAAA,4BADJC,SACI;AAAA,MADJA,SACI,+BADQ,YAAM,EACd;;AACJ;AACF;AACA;AACA;AACA;AACE,wBAA4CC,0BAAc,EAA1D;AAAA,MAAQC,aAAR,mBAAQA,aAAR;AAAA,MAAuBC,gBAAvB,mBAAuBA,gBAAvB;;AAEA,2BAA4BC,gCAAiB,EAA7C;AAAA,MAAQC,eAAR,sBAAQA,eAAR;;AAEA,MAAMC,wBAAwB,GAAGC,8BAAU,CACzC,2BADyC,EAEzC;AACEC,IAAAA,MAAM,EAAE,CAACH;AADX,GAFyC,CAA3C;AAOA,sBACEI,gBAAC,KAAD;AAAO,IAAA,mBAAmB,EAAEH,wBAA5B;AAAA,4BACEI,eAAC,eAAD,KADF,eAEEA,eAAC,QAAD;AACE,MAAA,aAAa,EAAER,aADjB;AAEE,MAAA,eAAe,EAAEH,eAFnB;AAGE,MAAA,gBAAgB,EAAEI,gBAHpB;AAIE,MAAA,SAAS,EAAEH;AAJb,MAFF;AAAA,IADF;AAWD,CA/BD;;AAiCAF,SAAS,CAACa,SAAV,GAAsB;AACpBZ,EAAAA,eAAe,EAAEa,iCADG;AAEpBZ,EAAAA,SAAS,EAAEa,6BAAS,CAACC;AAFD,CAAtB;AAKA,+BAAeC,UAAI,CAACjB,SAAD,CAAnB;;;;"}

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

@@ -36,11 +36,16 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var exceptionalClasses = ['pageSettingSideBtn', 'paneClose', 'paneToggler', 'forZoom', 'jSheetContextMenu'];
 
 var RightPanel = function RightPanel(_ref) {
-  var itemAccessor = _ref.itemAccessor,
-      onItemChange = _ref.onItemChange,
-      onPageChange = _ref.onPageChange,
-      onSettingChange = _ref.onSettingChange,
-      pages = _ref.pages;
+  var _ref$itemAccessor = _ref.itemAccessor,
+      itemAccessor = _ref$itemAccessor === void 0 ? function () {} : _ref$itemAccessor,
+      _ref$onItemChange = _ref.onItemChange,
+      onItemChange = _ref$onItemChange === void 0 ? function () {} : _ref$onItemChange,
+      _ref$onPageChange = _ref.onPageChange,
+      onPageChange = _ref$onPageChange === void 0 ? function () {} : _ref$onPageChange,
+      _ref$onSettingChange = _ref.onSettingChange,
+      onSettingChange = _ref$onSettingChange === void 0 ? function () {} : _ref$onSettingChange,
+      _ref$pages = _ref.pages,
+      pages = _ref$pages === void 0 ? [] : _ref$pages;
 
   var _useBuilderContext = builderContext.useBuilderContext(),
       activeTab = _useBuilderContext.activeTab,
@@ -221,13 +226,6 @@ RightPanel.propTypes = {
   onSettingChange: PropTypes__default['default'].func,
   pages: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({}))
 };
-RightPanel.defaultProps = {
-  itemAccessor: function itemAccessor() {},
-  onItemChange: function onItemChange() {},
-  onPageChange: function onPageChange() {},
-  onSettingChange: function onSettingChange() {},
-  pages: []
-};
 var RightPanel$1 = /*#__PURE__*/React.memo(RightPanel);
 
 module.exports = RightPanel$1;

package/lib/cjs/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 Tabs from '../../Builder/Tabs';\nimport Settings from './Settings';\nimport RightPanelToggler from './RightPanelToggler';\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 translatedTexts = 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        // eslint-disable-next-line max-len\n        return translatedTexts[`${(acceptedItems[item.itemType].title || item.itemType).toLocaleUpperCase()}_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: () => translatedTexts.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: () => translatedTexts.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        {isSlidesPanelOpen ? null : <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","translatedTexts","useTranslatedTexts","settingMap","i_","details","id","item","findItemById","itemType","title","toLocaleUpperCase","updater","l_","REPORT_SETTINGS_ITEM_TYPE","Layout","LAYOUT_SETTINGS","p_","backgroundColor","reportBackgroundColor","find","page","PAGE_SETTINGS_ITEM_TYPE","pageItem","Page","map","setting","key","PAGE_SETTINGS","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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"}
+{"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';\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 translatedTexts = 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        // eslint-disable-next-line max-len\n        return translatedTexts[`${(acceptedItems[item.itemType].title || item.itemType).toLocaleUpperCase()}_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: () => translatedTexts.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: () => translatedTexts.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        {isSlidesPanelOpen ? null : <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\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","translatedTexts","useTranslatedTexts","settingMap","i_","details","id","item","findItemById","itemType","title","toLocaleUpperCase","updater","l_","REPORT_SETTINGS_ITEM_TYPE","Layout","LAYOUT_SETTINGS","p_","backgroundColor","reportBackgroundColor","find","page","PAGE_SETTINGS_ITEM_TYPE","pageItem","Page","map","setting","key","PAGE_SETTINGS","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","memo"],"mappings":"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"}

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

@@ -26,12 +26,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; }
 
 var Settings = function Settings(_ref) {
-  var element = _ref.element,
-      item = _ref.item,
-      itemAccessor = _ref.itemAccessor,
-      onChange = _ref.onChange,
-      settings = _ref.settings,
-      tabs = _ref.tabs;
+  var _ref$element = _ref.element,
+      element = _ref$element === void 0 ? {} : _ref$element,
+      _ref$item = _ref.item,
+      item = _ref$item === void 0 ? {} : _ref$item,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$settings = _ref.settings,
+      settings = _ref$settings === void 0 ? {} : _ref$settings,
+      _ref$tabs = _ref.tabs,
+      tabs = _ref$tabs === void 0 ? [] : _ref$tabs,
+      _ref$itemAccessor = _ref.itemAccessor,
+      itemAccessor = _ref$itemAccessor === void 0 ? function () {} : _ref$itemAccessor;
 
   var _useBuilderContext = builderContext.useBuilderContext(),
       activeTab = _useBuilderContext.activeTab;
@@ -81,17 +87,11 @@ var Settings = function Settings(_ref) {
 Settings.propTypes = {
   element: PropTypes__default['default'].shape({}),
   item: PropTypes__default['default'].shape({}),
+  itemAccessor: PropTypes__default['default'].func,
   onChange: PropTypes__default['default'].func,
   settings: PropTypes__default['default'].shape({}),
   tabs: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string)
 };
-Settings.defaultProps = {
-  element: {},
-  item: {},
-  onChange: function onChange() {},
-  settings: {},
-  tabs: []
-};
 var Settings$1 = /*#__PURE__*/React.memo(Settings);
 
 module.exports = Settings$1;

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

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sources":["../../../../../src/components/Panels/RightPanel/Settings.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { 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","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  onChange = () => {},\n  settings = {},\n  tabs = [],\n  itemAccessor = () => {},\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  itemAccessor: PropTypes.func,\n  onChange: PropTypes.func,\n  settings: PropTypes.shape({}),\n  tabs: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default memo(Settings);\n"],"names":["Settings","element","item","onChange","settings","tabs","itemAccessor","useBuilderContext","activeTab","usePropContext","useExperimentalFeatures","map","tabKey","index","_jsx","classNames","hidden","right","hasInnerScroll","setting","itemIndex","experimental","customUpdaterFunction","defaultItem","value","key","computedValue","newItem","SettingItem","onChangeFunction","toString","id","uniqueId","propTypes","PropTypes","shape","func","arrayOf","string","memo"],"mappings":"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"}

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

@@ -4,8 +4,6 @@ require('core-js/modules/es.number.constructor.js');
 require('core-js/modules/es.number.is-nan.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var recharts = require('recharts');
-var ResponsiveContent = require('../../ResponsiveContent.js');
 var PageAdder = require('../../Builder/PageAdder.js');
 var functions = require('../../../utils/functions.js');
 var hooks = require('../../../utils/hooks.js');
@@ -40,11 +38,16 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var ListWrapper = function ListWrapper(_ref) {
-  var Component = _ref.component,
-      onPageAdd = _ref.onPageAdd,
-      onSortEnd = _ref.onSortEnd,
-      pageCount = _ref.pageCount,
-      reportSettings = _ref.reportSettings,
+  var _ref$component = _ref.component,
+      Component = _ref$component === void 0 ? null : _ref$component,
+      _ref$onPageAdd = _ref.onPageAdd,
+      onPageAdd = _ref$onPageAdd === void 0 ? function () {} : _ref$onPageAdd,
+      _ref$onSortEnd = _ref.onSortEnd,
+      onSortEnd = _ref$onSortEnd === void 0 ? function () {} : _ref$onSortEnd,
+      _ref$pageCount = _ref.pageCount,
+      pageCount = _ref$pageCount === void 0 ? 0 : _ref$pageCount,
+      _ref$reportSettings = _ref.reportSettings,
+      reportSettings = _ref$reportSettings === void 0 ? {} : _ref$reportSettings,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
   var listRef = React.useRef(null);
@@ -79,26 +82,31 @@ var ListWrapper = function ListWrapper(_ref) {
     };
   }, [reportSettings]);
 
-  var _onSortEnd = React.useCallback(function (sortEvent, nativeEvent) {
+  var _onSortEnd = React.useCallback(function (_ref2) {
+    var newIndex = _ref2.newIndex,
+        oldIndex = _ref2.oldIndex;
+
     if (onSortEnd) {
-      onSortEnd(sortEvent, nativeEvent, listRef.current);
+      onSortEnd({
+        newIndex: newIndex,
+        oldIndex: oldIndex
+      }, null, listRef.current);
     }
   }, [onSortEnd]);
 
   var refSetter = React.useCallback(function (outerRef) {
     if (outerRef) {
-      var instance = outerRef.getWrappedInstance();
-
-      if (instance) {
-        listRef.current = instance.sortablePageListRef.current;
-      }
+      listRef.current = outerRef;
     }
   }, []);
   hooks.usePageVisibility(function (index) {
     if (index && !Number.isNaN(index)) {
       var _listRef$current;
 
-      (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.scrollToItem(index, 'center');
+      if ((_listRef$current = listRef.current) !== null && _listRef$current !== void 0 && _listRef$current.scrollToIndex) {
+        listRef.current.scrollToIndex(index, 'center');
+      }
+
       var prevSelectedThumbnail = document.querySelector('.thumbnailWrapper.isSelected');
 
       if (prevSelectedThumbnail) {
@@ -139,24 +147,23 @@ var ListWrapper = function ListWrapper(_ref) {
     resetSelectedPageIndex();
   }, [pageCount]);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(recharts.ResponsiveContainer, {
-      children: /*#__PURE__*/jsxRuntime.jsx(ResponsiveContent, {
-        children: function children(containerWidth, containerHeight) {
-          return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({
-            ref: refSetter,
-            distance: 50,
-            height: containerHeight,
-            helperClass: "pageThumbnailHelper",
-            lockAxis: "y",
-            onPageAdd: handlePageAdd,
-            onPageClick: onPageClick,
-            onSortEnd: _onSortEnd,
-            pageContainerStyle: pageContainerStyles,
-            pageCount: pageCount,
-            width: containerWidth
-          }, otherProps));
-        }
-      })
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      style: {
+        height: '100%',
+        margin: '25px 10px',
+        position: 'relative',
+        width: '100%'
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({
+        ref: refSetter,
+        height: "100%",
+        onPageAdd: handlePageAdd,
+        onPageClick: onPageClick,
+        onSortEnd: _onSortEnd,
+        pageContainerStyle: pageContainerStyles,
+        pageCount: pageCount,
+        width: "100%"
+      }, otherProps))
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "jfReport-pane-footer",
       children: /*#__PURE__*/jsxRuntime.jsx(PageAdder, {
@@ -179,13 +186,6 @@ ListWrapper.propTypes = {
     reportLayoutWidth: PropTypes__default['default'].string
   })
 };
-ListWrapper.defaultProps = {
-  component: null,
-  onPageAdd: function onPageAdd() {},
-  onSortEnd: function onSortEnd() {},
-  pageCount: 0,
-  reportSettings: {}
-};
 var ListWrapper$1 = /*#__PURE__*/React.memo(ListWrapper);
 
 module.exports = ListWrapper$1;

package/lib/cjs/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  onPageAdd,\n  onSortEnd,\n  pageCount,\n  reportSettings,\n  ...otherProps\n}) => {\n  const listRef = useRef(null);\n  const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n  const {\n    reportBackgroundColor,\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = reportSettings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  const { left, scale, top } = getScaleForPageThumbnail(width, height);\n\n  const pageContainerStyles = useMemo(() => ({\n    backgroundColor: reportBackgroundColor || '#fff',\n    height: height,\n    left,\n    top,\n    transform: `scale(${scale})`,\n    transformOrigin: '0 0',\n    width: width,\n  }), [reportSettings]);\n\n  const _onSortEnd = useCallback((sortEvent, nativeEvent) => {\n    if (onSortEnd) {\n      onSortEnd(sortEvent, nativeEvent, listRef.current);\n    }\n  }, [onSortEnd]);\n\n  const refSetter = useCallback(outerRef => {\n    if (outerRef) {\n      const instance = outerRef.getWrappedInstance();\n      if (instance) {\n        listRef.current = instance.sortablePageListRef.current;\n      }\n    }\n  }, []);\n\n  usePageVisibility(index => {\n    if (index && !Number.isNaN(index)) {\n      listRef.current?.scrollToItem(index, 'center');\n\n      const prevSelectedThumbnail = document.querySelector('.thumbnailWrapper.isSelected');\n      if (prevSelectedThumbnail) {\n        prevSelectedThumbnail.classList.remove('isSelected');\n      }\n\n      const nextSelectedThumbnail = document\n        .querySelector(`.thumbnailWrapper[data-order=\"${index}\"]`);\n      if (nextSelectedThumbnail) {\n        nextSelectedThumbnail.classList.add('isSelected');\n      }\n    }\n  }, pageCount, selectedPageIndex);\n\n  // TODO: could be better than now. scrollend listener is a choice for some cases\n  const resetSelectedPageIndex = useCallback(() => {\n    setTimeout(() => {\n      setSelectedPageIndex(-1);\n    }, 1000);\n  }, []);\n\n  const onPageClick = useCallback(e => {\n    const order = e.target.getAttribute('data-order');\n    setSelectedPageIndex(parseInt(order, 10));\n    if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n      scrollToTarget(`pageActions-id-${order}`);\n    }\n    resetSelectedPageIndex();\n  }, []);\n\n  const handlePageAdd = useCallback(index => {\n    setSelectedPageIndex(index);\n    onPageAdd(index);\n  }, [onPageAdd]);\n\n  useEffect(() => { // after new page added\n    scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, {});\n    resetSelectedPageIndex();\n  }, [pageCount]);\n\n  return (\n    <>\n      <ResponsiveContainer>\n        <ResponsiveContent>\n          {(containerWidth, containerHeight) => (\n            <Component\n              ref={refSetter}\n              distance={50}\n              height={containerHeight}\n              helperClass=\"pageThumbnailHelper\"\n              lockAxis=\"y\"\n              onPageAdd={handlePageAdd}\n              onPageClick={onPageClick}\n              onSortEnd={_onSortEnd}\n              pageContainerStyle={pageContainerStyles}\n              pageCount={pageCount}\n              width={containerWidth}\n              {...otherProps}\n            />\n          )}\n        </ResponsiveContent>\n      </ResponsiveContainer>\n      <div className=\"jfReport-pane-footer\">\n        <PageAdder\n          additionalClass=\"forOptions\"\n          onPageAdd={handlePageAdd}\n          pageCount={pageCount}\n        />\n      </div>\n    </>\n  );\n};\n\nListWrapper.propTypes = {\n  component: PropTypes.any,\n  onPageAdd: PropTypes.func,\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  onPageAdd: () => {},\n  onSortEnd: () => {},\n  pageCount: 0,\n  reportSettings: {},\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","Component","component","onPageAdd","onSortEnd","pageCount","reportSettings","otherProps","listRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","useCallback","sortEvent","nativeEvent","current","refSetter","outerRef","instance","getWrappedInstance","sortablePageListRef","usePageVisibility","index","Number","isNaN","scrollToItem","prevSelectedThumbnail","document","querySelector","classList","remove","nextSelectedThumbnail","add","resetSelectedPageIndex","setTimeout","onPageClick","e","order","target","getAttribute","contains","scrollToTarget","handlePageAdd","useEffect","_jsxs","_jsx","ResponsiveContainer","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 PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\n\nconst ListWrapper = ({\n  component: Component = null,\n  onPageAdd = () => {},\n  onSortEnd = () => {},\n  pageCount = 0,\n  reportSettings = {},\n  ...otherProps\n}) => {\n  const listRef = useRef(null);\n  const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n  const {\n    reportBackgroundColor,\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = reportSettings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  const { left, scale, top } = getScaleForPageThumbnail(width, height);\n\n  const pageContainerStyles = useMemo(() => ({\n    backgroundColor: reportBackgroundColor || '#fff',\n    height: height,\n    left,\n    top,\n    transform: `scale(${scale})`,\n    transformOrigin: '0 0',\n    width: width,\n  }), [reportSettings]);\n\n  const _onSortEnd = useCallback(({ newIndex, oldIndex }) => {\n    if (onSortEnd) {\n      onSortEnd({ newIndex, oldIndex }, null, listRef.current);\n    }\n  }, [onSortEnd]);\n\n  const refSetter = useCallback(outerRef => {\n    if (outerRef) {\n      listRef.current = outerRef;\n    }\n  }, []);\n\n  usePageVisibility(index => {\n    if (index && !Number.isNaN(index)) {\n      if (listRef.current?.scrollToIndex) {\n        listRef.current.scrollToIndex(index, 'center');\n      }\n\n      const prevSelectedThumbnail = document.querySelector('.thumbnailWrapper.isSelected');\n      if (prevSelectedThumbnail) {\n        prevSelectedThumbnail.classList.remove('isSelected');\n      }\n\n      const nextSelectedThumbnail = document\n        .querySelector(`.thumbnailWrapper[data-order=\"${index}\"]`);\n      if (nextSelectedThumbnail) {\n        nextSelectedThumbnail.classList.add('isSelected');\n      }\n    }\n  }, pageCount, selectedPageIndex);\n\n  // TODO: could be better than now. scrollend listener is a choice for some cases\n  const resetSelectedPageIndex = useCallback(() => {\n    setTimeout(() => {\n      setSelectedPageIndex(-1);\n    }, 1000);\n  }, []);\n\n  const onPageClick = useCallback(e => {\n    const order = e.target.getAttribute('data-order');\n    setSelectedPageIndex(parseInt(order, 10));\n    if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n      scrollToTarget(`pageActions-id-${order}`);\n    }\n    resetSelectedPageIndex();\n  }, []);\n\n  const handlePageAdd = useCallback(index => {\n    setSelectedPageIndex(index);\n    onPageAdd(index);\n  }, [onPageAdd]);\n\n  useEffect(() => { // after new page added\n    scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, {});\n    resetSelectedPageIndex();\n  }, [pageCount]);\n\n  return (\n    <>\n      <div\n        style={{\n          height: '100%', margin: '25px 10px', position: 'relative', width: '100%',\n        }}\n      >\n        <Component\n          ref={refSetter}\n          height=\"100%\"\n          onPageAdd={handlePageAdd}\n          onPageClick={onPageClick}\n          onSortEnd={_onSortEnd}\n          pageContainerStyle={pageContainerStyles}\n          pageCount={pageCount}\n          width=\"100%\"\n          {...otherProps}\n        />\n      </div>\n      <div className=\"jfReport-pane-footer\">\n        <PageAdder\n          additionalClass=\"forOptions\"\n          onPageAdd={handlePageAdd}\n          pageCount={pageCount}\n        />\n      </div>\n    </>\n  );\n};\n\nListWrapper.propTypes = {\n  component: PropTypes.any,\n  onPageAdd: PropTypes.func,\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\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","component","Component","onPageAdd","onSortEnd","pageCount","reportSettings","otherProps","listRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","useCallback","newIndex","oldIndex","current","refSetter","outerRef","usePageVisibility","index","Number","isNaN","scrollToIndex","prevSelectedThumbnail","document","querySelector","classList","remove","nextSelectedThumbnail","add","resetSelectedPageIndex","setTimeout","onPageClick","e","order","target","getAttribute","contains","scrollToTarget","handlePageAdd","useEffect","_jsxs","_jsx","margin","position","propTypes","PropTypes","any","func","number","shape","string","memo"],"mappings":"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"}