@jotforminc/dnd-builder 2.9.16 → 2.9.19

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

@@ -1,8 +1,13 @@
 import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.find.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'core-js/modules/es.array.map.js';
-import { memo, useRef } from 'react';
-import { SortableContainer } from 'react-sortable-hoc';
+import { memo, useState, useRef, useCallback, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter } from '@dnd-kit/core';
+import { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';
 import PageItem from './PageItem.js';
+import PageItemDragOverlay from './PageItemDragOverlay.js';
 import { getScaleForPageThumbnailLarge } from '../../../utils/functions.js';
 import PageAdder from '../../Builder/PageAdder.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -12,7 +17,20 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 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 PageList = SortableContainer(function (_ref) {
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var PageList = function PageList(_ref) {
   var acceptedItems = _ref.acceptedItems,
       additionalPageItems = _ref.additionalPageItems,
       hashCode = _ref.hashCode,
@@ -23,8 +41,15 @@ var PageList = SortableContainer(function (_ref) {
       onPageClick = _ref.onPageClick,
       onPageDuplicate = _ref.onPageDuplicate,
       onPageRemove = _ref.onPageRemove,
+      onSortEnd = _ref.onSortEnd,
       pages = _ref.pages,
       selectedPages = _ref.selectedPages;
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      activeId = _useState2[0],
+      setActiveId = _useState2[1];
+
   var pageContainerStyles = useRef({});
   var reportBackgroundColor = layoutSettings.reportBackgroundColor,
       _layoutSettings$repor = layoutSettings.reportLayoutHeight,
@@ -40,46 +65,139 @@ var PageList = SortableContainer(function (_ref) {
     transformOrigin: '0 0',
     width: width
   };
-  return /*#__PURE__*/jsxs("ul", {
-    className: "jfReport-pageThumbnailList d-flex j-between f-wrap",
-    children: [pages.map(function (page) {
-      var backgroundColor = page.backgroundColor;
+  var sensors = useSensors(useSensor(PointerSensor, {
+    activationConstraint: {
+      distance: 0
+    }
+  }), useSensor(KeyboardSensor));
+  var handleDragStart = useCallback(function (event) {
+    setActiveId(event.active.id);
+  }, []);
+  var handleDragEnd = useCallback(function (event) {
+    var active = event.active,
+        over = event.over;
+    setActiveId(null);
 
-      var style = _objectSpread(_objectSpread({}, pageContainerStyles.current), {}, {
-        backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff'
+    if (over && active.id !== over.id) {
+      var oldIndex = pages.findIndex(function (page) {
+        return page.id === active.id;
+      });
+      var newIndex = pages.findIndex(function (page) {
+        return page.id === over.id;
       });
 
-      return /*#__PURE__*/jsx(PageItem, {
-        acceptedItems: acceptedItems,
-        additionalPageItems: additionalPageItems,
-        hashCode: hashCode,
-        index: page.order - 1,
-        isSelected: selectedPages.indexOf(page.id) > -1,
-        itemAccessor: itemAccessor,
-        onAnEventTrigger: onAnEventTrigger,
-        onPageAdd: onPageAdd,
-        onPageClick: onPageClick,
-        onPageDuplicate: onPageDuplicate,
-        onPageRemove: onPageRemove,
-        order: page.order,
-        page: page,
-        style: style
-      }, "item-".concat(page.id, "-").concat(page.order));
-    }), /*#__PURE__*/jsx("div", {
-      className: "thumbnailWrapper forPageAdder d-flex j-end dir-col",
-      children: /*#__PURE__*/jsx(PageAdder, {
-        onPageAdd: onPageAdd,
-        pageCount: pages.length
+      if (oldIndex !== -1 && newIndex !== -1) {
+        onSortEnd({
+          newIndex: newIndex,
+          oldIndex: oldIndex
+        });
+      }
+    }
+  }, [pages, onSortEnd]);
+  var handleDragCancel = useCallback(function () {
+    setActiveId(null);
+  }, []);
+  var items = useMemo(function () {
+    if (!pages || pages.length === 0) return [];
+    return pages.map(function (page) {
+      return page.id;
+    });
+  }, [pages]);
+  var activePageData = useMemo(function () {
+    if (!activeId || !pages) return null;
+    var activePage = pages.find(function (page) {
+      return page.id === activeId;
+    });
+    if (!activePage) return null;
+    var backgroundColor = activePage.backgroundColor;
+
+    var pageContainerLastStyle = _objectSpread(_objectSpread({}, pageContainerStyles.current), {}, {
+      backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff'
+    });
+
+    return {
+      page: activePage,
+      pageContainerLastStyle: pageContainerLastStyle
+    };
+  }, [activeId, pages, reportBackgroundColor]);
+  return /*#__PURE__*/jsxs(DndContext, {
+    collisionDetection: closestCenter,
+    onDragCancel: handleDragCancel,
+    onDragEnd: handleDragEnd,
+    onDragStart: handleDragStart,
+    sensors: sensors,
+    children: [/*#__PURE__*/jsx(SortableContext, {
+      items: items,
+      strategy: rectSortingStrategy,
+      children: /*#__PURE__*/jsxs("ul", {
+        className: "jfReport-pageThumbnailList d-flex j-between f-wrap",
+        children: [pages.map(function (page) {
+          var backgroundColor = page.backgroundColor;
+
+          var style = _objectSpread(_objectSpread({}, pageContainerStyles.current), {}, {
+            backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff'
+          });
+
+          return /*#__PURE__*/jsx(PageItem, {
+            acceptedItems: acceptedItems,
+            additionalPageItems: additionalPageItems,
+            hashCode: hashCode,
+            id: page.id,
+            index: page.order - 1,
+            isSelected: selectedPages.indexOf(page.id) > -1,
+            itemAccessor: itemAccessor,
+            onAnEventTrigger: onAnEventTrigger,
+            onPageAdd: onPageAdd,
+            onPageClick: onPageClick,
+            onPageDuplicate: onPageDuplicate,
+            onPageRemove: onPageRemove,
+            order: page.order,
+            page: page,
+            style: style
+          }, "item-".concat(page.id, "-").concat(page.order));
+        }), /*#__PURE__*/jsx("div", {
+          className: "thumbnailWrapper forPageAdder d-flex j-end dir-col",
+          children: /*#__PURE__*/jsx(PageAdder, {
+            onPageAdd: onPageAdd,
+            pageCount: pages.length
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: "spacer"
+        }), /*#__PURE__*/jsx("div", {
+          className: "spacer"
+        }), /*#__PURE__*/jsx("div", {
+          className: "spacer"
+        })]
       })
-    }), /*#__PURE__*/jsx("div", {
-      className: "spacer"
-    }), /*#__PURE__*/jsx("div", {
-      className: "spacer"
-    }), /*#__PURE__*/jsx("div", {
-      className: "spacer"
+    }), /*#__PURE__*/jsx(PageItemDragOverlay, {
+      acceptedItems: acceptedItems,
+      activePageData: activePageData,
+      additionalPageItems: additionalPageItems,
+      hashCode: hashCode,
+      itemAccessor: itemAccessor
     })]
   });
-});
+};
+
+PageList.propTypes = {
+  acceptedItems: PropTypes.shape({}),
+  additionalPageItems: PropTypes.arrayOf(PropTypes.node),
+  hashCode: PropTypes.string,
+  itemAccessor: PropTypes.func,
+  layoutSettings: PropTypes.shape({
+    reportBackgroundColor: PropTypes.string,
+    reportLayoutHeight: PropTypes.string,
+    reportLayoutWidth: PropTypes.string
+  }),
+  onAnEventTrigger: PropTypes.func,
+  onPageAdd: PropTypes.func,
+  onPageClick: PropTypes.func,
+  onPageDuplicate: PropTypes.func,
+  onPageRemove: PropTypes.func,
+  onSortEnd: PropTypes.func,
+  pages: PropTypes.arrayOf(PropTypes.shape({})),
+  selectedPages: PropTypes.arrayOf(PropTypes.string)
+};
 var PageList$1 = /*#__PURE__*/memo(PageList);
 
 export default PageList$1;

package/lib/esm/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","closestCenter","_jsx","rectSortingStrategy","style","order","indexOf","propTypes","PropTypes","shape","arrayOf","node","string","func","memo"],"mappings":"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"}

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

@@ -6,12 +6,18 @@ import SvgTrash from '../../../assets/svg/trash.svg.js';
 import SvgPlus from '../../../assets/svg/plus.svg.js';
 
 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);
@@ -76,14 +82,6 @@ PageThumbnailActions.propTypes = {
     id: PropTypes.string
   })
 };
-PageThumbnailActions.defaultProps = {
-  onAnEventTrigger: function onAnEventTrigger() {},
-  onPageAdd: function onPageAdd() {},
-  onPageDuplicate: function onPageDuplicate() {},
-  onPageRemove: function onPageRemove() {},
-  order: 0,
-  page: {}
-};
 var PageThumbnailActions$1 = /*#__PURE__*/memo(PageThumbnailActions);
 
 export default PageThumbnailActions$1;

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 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,IAACE,YAAD;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,IAACG,QAAD;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,IAACI,OAAD;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,SAAS,CAACC,IADG;AAE/BjB,EAAAA,SAAS,EAAEgB,SAAS,CAACC,IAFU;AAG/BhB,EAAAA,eAAe,EAAEe,SAAS,CAACC,IAHI;AAI/Bf,EAAAA,YAAY,EAAEc,SAAS,CAACC,IAJO;AAK/Bd,EAAAA,KAAK,EAAEa,SAAS,CAACE,MALc;AAM/Bd,EAAAA,IAAI,EAAEY,SAAS,CAACG,KAAV,CAAgB;AACpBZ,IAAAA,EAAE,EAAES,SAAS,CAACI;AADM,GAAhB;AANyB,CAAjC;AAWA,0CAAeC,IAAI,CAACvB,oBAAD,CAAnB;;;;"}

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

@@ -34,10 +34,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 = useBuilderContext(),
       activeTab = _useBuilderContext.activeTab,
@@ -112,12 +116,6 @@ Elements.propTypes = {
   onAnEventTrigger: PropTypes.func,
   onItemAdd: PropTypes.func
 };
-Elements.defaultProps = {
-  acceptedItems: {},
-  leftPanelConfig: [],
-  onAnEventTrigger: function onAnEventTrigger() {},
-  onItemAdd: function onItemAdd() {}
-};
 var Elements$1 = /*#__PURE__*/memo(Elements);
 
 export default Elements$1;

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 {\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,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;;AACJ,2BAKIC,iBAAiB,EALrB;AAAA,MACEC,SADF,sBACEA,SADF;AAAA,MAEEC,gBAFF,sBAEEA,gBAFF;AAAA,MAGEC,mBAHF,sBAGEA,mBAHF;AAAA,MAIEC,IAJF,sBAIEA,IAJF;;AAMA,4BAAmCC,kBAAkB,EAArD;AAAA,MAAQC,WAAR,uBAAQA,WAAR;AAAA,MAAqBC,SAArB,uBAAqBA,SAArB,CAPI;;;AAUJ,MAAMC,UAAU,GAAGC,mBAAmB,CAACZ,eAAD,CAAtC;AACA,MAAMa,IAAI,GAAGC,MAAM,CAACC,IAAP,CAAYJ,UAAZ,CAAb;;AAEA,kBAA4CK,QAAQ,CAAC,EAAD,CAApD;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,iBAAvB;;AACA,mBAA4CF,QAAQ,CAAC,EAAD,CAApD;AAAA;AAAA,MAAOG,cAAP;AAAA,MAAuBC,iBAAvB;;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACdD,IAAAA,iBAAiB,CAACT,UAAU,CAACE,IAAI,CAACT,SAAS,CAACkB,IAAX,CAAL,CAAX,CAAjB;AACD,GAFQ,EAEN,CAAClB,SAAS,CAACkB,IAAX,CAFM,CAAT;;AAIA,cAIIH,cAAc,IAAI,EAJtB;AAAA,6BACEI,QADF;AAAA,MACEA,QADF,+BACa,EADb;AAAA,8BAEEC,SAFF;AAAA,MAEEA,SAFF,gCAEc,KAFd;AAAA,MAGEC,UAHF,SAGEA,UAHF;;AAMA,MAAMC,iBAAiB,GAAGF,SAAS,GAAGP,cAAH,GAAoBM,QAAvD;AACA,sBACEI;AAAK,IAAA,SAAS,EAAC,2DAAf;AAAA,4BACEC,IAAC,eAAD,KADF,eAEED,KAAC,OAAD;AACE,MAAA,KAAK,EAAElB,WADT;AAAA,8BAGEmB,IAAC,IAAD;AACE,QAAA,KAAK,EAAC,MADR;AAEE,QAAA,IAAI,EAAEf;AAFR,QAHF,EAOGW,SAAS,iBACRI,IAAC,WAAD;AACE,QAAA,QAAQ,EAAEL,QADZ;AAEE,QAAA,UAAU,EAAEE,UAFd;AAGE,QAAA,WAAW,EAAEP;AAHf,QARJ,eAcES;AAAK,QAAA,SAAS,EAAC,qBAAf;AAAA,mBACKV,cAAc,KAAK,UAAnB,IAAiCO,SAAlC,iBACGI;AAAK,UAAA,SAAS,EAAC,uBAAf;AAAA,oBAAwClB;AAAxC,UAFP,EAGGmB,KAAK,CAACC,OAAN,CAAcJ,iBAAd,KAAoCA,iBAAiB,CAACK,GAAlB,CAAsB,UAACC,OAAD,EAAUC,KAAV;AAAA,8BACzDL,IAAC,OAAD;AAEE,YAAA,aAAa,EAAE7B,aAFjB;AAGE,YAAA,gBAAgB,EAAEE,gBAHpB;AAIE,YAAA,SAAS,EAAEC,SAJb;AAKE,YAAA,gBAAgB,EAAEG,gBALpB;AAME,YAAA,mBAAmB,EAAEC,mBANvB;AAOE,YAAA,IAAI,EAAEC;AAPR,aAQMyB,OARN,GACOC,KAAK,CAACC,QAAN,EADP,CADyD;AAAA,SAAtB,CAHvC;AAAA,QAdF;AAAA,MAFF;AAAA,IADF;AAoCD,CApED;;AAsEApC,QAAQ,CAACqC,SAAT,GAAqB;AACnBpC,EAAAA,aAAa,EAAEqC,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADI;AAEnBrC,EAAAA,eAAe,EAAEsC,uBAFE;AAGnBrC,EAAAA,gBAAgB,EAAEmC,SAAS,CAACG,IAHT;AAInBrC,EAAAA,SAAS,EAAEkC,SAAS,CAACG;AAJF,CAArB;AAOAzC,QAAQ,CAAC0C,YAAT,GAAwB;AACtBzC,EAAAA,aAAa,EAAE,EADO;AAEtBC,EAAAA,eAAe,EAAE,EAFK;AAGtBC,EAAAA,gBAAgB,EAAE,4BAAM,EAHF;AAItBC,EAAAA,SAAS,EAAE,qBAAM;AAJK,CAAxB;AAOA,8BAAeuC,IAAI,CAAC3C,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\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/esm/components/Panels/LeftPanel/LeftPanel.js

@@ -10,8 +10,10 @@ import { usePropContext } from '../../../utils/propContext.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 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
@@ -43,10 +45,6 @@ LeftPanel.propTypes = {
   leftPanelConfig: leftPanelConfigPropType,
   onItemAdd: PropTypes.func
 };
-LeftPanel.defaultProps = {
-  leftPanelConfig: [],
-  onItemAdd: function onItemAdd() {}
-};
 var LeftPanel$1 = /*#__PURE__*/memo(LeftPanel);
 
 export default LeftPanel$1;

package/lib/esm/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,cAAc,EAA1D;AAAA,MAAQC,aAAR,mBAAQA,aAAR;AAAA,MAAuBC,gBAAvB,mBAAuBA,gBAAvB;;AAEA,2BAA4BC,iBAAiB,EAA7C;AAAA,MAAQC,eAAR,sBAAQA,eAAR;;AAEA,MAAMC,wBAAwB,GAAGC,UAAU,CACzC,2BADyC,EAEzC;AACEC,IAAAA,MAAM,EAAE,CAACH;AADX,GAFyC,CAA3C;AAOA,sBACEI,KAAC,KAAD;AAAO,IAAA,mBAAmB,EAAEH,wBAA5B;AAAA,4BACEI,IAAC,eAAD,KADF,eAEEA,IAAC,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,uBADG;AAEpBZ,EAAAA,SAAS,EAAEa,SAAS,CAACC;AAFD,CAAtB;AAKAhB,SAAS,CAACiB,YAAV,GAAyB;AACvBhB,EAAAA,eAAe,EAAE,EADM;AAEvBC,EAAAA,SAAS,EAAE,qBAAM;AAFM,CAAzB;AAKA,+BAAegB,IAAI,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,cAAc,EAA1D;AAAA,MAAQC,aAAR,mBAAQA,aAAR;AAAA,MAAuBC,gBAAvB,mBAAuBA,gBAAvB;;AAEA,2BAA4BC,iBAAiB,EAA7C;AAAA,MAAQC,eAAR,sBAAQA,eAAR;;AAEA,MAAMC,wBAAwB,GAAGC,UAAU,CACzC,2BADyC,EAEzC;AACEC,IAAAA,MAAM,EAAE,CAACH;AADX,GAFyC,CAA3C;AAOA,sBACEI,KAAC,KAAD;AAAO,IAAA,mBAAmB,EAAEH,wBAA5B;AAAA,4BACEI,IAAC,eAAD,KADF,eAEEA,IAAC,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,uBADG;AAEpBZ,EAAAA,SAAS,EAAEa,SAAS,CAACC;AAFD,CAAtB;AAKA,+BAAeC,IAAI,CAACjB,SAAD,CAAnB;;;;"}

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

@@ -29,11 +29,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 = useBuilderContext(),
       activeTab = _useBuilderContext.activeTab,
@@ -214,13 +219,6 @@ RightPanel.propTypes = {
   onSettingChange: PropTypes.func,
   pages: PropTypes.arrayOf(PropTypes.shape({}))
 };
-RightPanel.defaultProps = {
-  itemAccessor: function itemAccessor() {},
-  onItemChange: function onItemChange() {},
-  onPageChange: function onPageChange() {},
-  onSettingChange: function onSettingChange() {},
-  pages: []
-};
 var RightPanel$1 = /*#__PURE__*/memo(RightPanel);
 
 export default RightPanel$1;

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 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/esm/components/Panels/RightPanel/Settings.js

@@ -19,12 +19,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 = useBuilderContext(),
       activeTab = _useBuilderContext.activeTab;
@@ -74,17 +80,11 @@ var Settings = function Settings(_ref) {
 Settings.propTypes = {
   element: PropTypes.shape({}),
   item: PropTypes.shape({}),
+  itemAccessor: PropTypes.func,
   onChange: PropTypes.func,
   settings: PropTypes.shape({}),
   tabs: PropTypes.arrayOf(PropTypes.string)
 };
-Settings.defaultProps = {
-  element: {},
-  item: {},
-  onChange: function onChange() {},
-  settings: {},
-  tabs: []
-};
 var Settings$1 = /*#__PURE__*/memo(Settings);
 
 export default Settings$1;