@jotforminc/dnd-builder 3.1.0 → 3.2.0

package/lib/cjs/components/PageItemResizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageItemResizer.js","sources":["../../../src/components/PageItemResizer.js"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Resizable } from 're-resizable';\nimport { createPortal } from 'react-dom';\nimport classNames from 'classnames';\nimport { resizeStaticProps } from '../constants/staticProps';\nimport TextEditorToolbar from './TextEditor/CustomToolbar';\n\nimport DraggableItemActions from './DraggableItem/DraggableItemActions';\nimport ItemPositioner from './ItemPositioner';\nimport withClickOutside from './withClickOutside';\nimport { useBuilderStore } from '../contexts/BuilderContext';\nimport { isSelectedItem } from '../utils/functions';\n\nconst ResizableWithClickOutside = withClickOutside(Resizable);\n\nconst enableResize = {\n  bottom: true,\n  bottomLeft: true,\n  bottomRight: true,\n  left: true,\n  right: true,\n  top: true,\n  topLeft: true,\n  topRight: true,\n};\nconst lockAspectRatioTypes = ['image', 'icon'];\nconst exceptionalClasses = [\n  'reportHandle',\n  'reportItemMenu',\n  'jfReport-pane',\n  'pageSettingSideBtn',\n  'reportItemWrapper',\n  'reportRotater',\n  'forZoom',\n  'ql-toolbar',\n  'jSheetContextMenu',\n  'reset-default-contextMenu',\n];\n\nconst PageItemResizer = ({\n  changeLockStatus,\n  deleteItem,\n  duplicateItem,\n  isDragging,\n  item,\n  onClickOutside,\n  onResize,\n  onResizeStop,\n  pageID,\n  stateHeight,\n  stateLeft,\n  stateTop,\n  stateWidth,\n}) => {\n  const zoom = useBuilderStore(state => state.zoom);\n  const setIsRightPanelOpen = useBuilderStore(state => state.setIsRightPanelOpen);\n  const setActiveElement = useBuilderStore(state => state.setActiveElement);\n  const activeElement = useBuilderStore(state => state.activeElement);\n  const isTextEditorOpen = useBuilderStore(state => state.isTextEditorOpen);\n\n  const isSelected = isSelectedItem(item.id, activeElement);\n  const isMultipleItemSelected = activeElement !== null && activeElement.length > 1;\n\n  const requestRef = useRef();\n  const [lockAspectRatio, setLockAspectRatio] = useState(false);\n\n  const handleKeyUp = e => {\n    if (!e.shiftKey) setLockAspectRatio(false);\n  };\n\n  const handleKeyDown = e => {\n    if (e.shiftKey) setLockAspectRatio(true);\n  };\n\n  const seriousResize = (deltaWidth, deltaHeight, direction) => {\n    return () => {\n      onResize(deltaWidth, deltaHeight, direction);\n      requestRef.current = undefined;\n    };\n  };\n\n  const onResizeStart = e => {\n    e.preventDefault();\n    window.addEventListener('keydown', handleKeyDown);\n    window.addEventListener('keyup', handleKeyUp);\n  };\n\n  const onResizeRAF = (e, direction, ref, { height: deltaHeight, width: deltaWidth }) => {\n    if (!requestRef.current) {\n      requestRef.current = global\n        .requestAnimationFrame(\n          seriousResize(\n            Math.round(deltaWidth * (1 / zoom)),\n            Math.round(deltaHeight * (1 / zoom)),\n            direction,\n          ),\n        );\n    }\n  };\n\n  const onResizeEnd = (e, direction, ref, { height: deltaHeight, width: deltaWidth }) => {\n    onResizeStop(\n      Math.round(deltaWidth * (1 / zoom)),\n      Math.round(deltaHeight * (1 / zoom)),\n      direction,\n    );\n    window.removeEventListener('keydown', handleKeyDown);\n    window.removeEventListener('keyup', handleKeyUp);\n  };\n\n  const itemPositionerStyle = useMemo(() => ({\n    height: Math.round(stateHeight * zoom),\n    left: Math.round(stateLeft * zoom),\n    pointerEvents: 'none',\n    position: 'absolute',\n    top: Math.round(stateTop * zoom),\n    touchAction: 'none',\n    width: Math.round(stateWidth * zoom),\n  }), [stateHeight, stateLeft, stateTop, stateWidth, zoom]);\n\n  const size = useMemo(() => ({\n    height: Math.round(stateHeight * zoom),\n    width: Math.round(stateWidth * zoom),\n  }), [stateHeight, stateWidth, zoom]);\n\n  const openSettings = useCallback(() => {\n    setActiveElement(item.id);\n    setIsRightPanelOpen(true);\n  }, [item.id, setIsRightPanelOpen, setActiveElement]);\n\n  const { isLocked } = item;\n\n  if (isDragging || !isSelected) return null;\n  return createPortal(\n    <ItemPositioner\n      style={itemPositionerStyle}\n    >\n      <ResizableWithClickOutside\n        className={classNames(\n          'reportItemResizer',\n          { hideVerticalHandle: !(item.height > 50) },\n          { hideHorizontalHandle: !(item.width > 50) },\n        )}\n        enable={!item.isLocked && enableResize}\n        exceptionalClasses={exceptionalClasses}\n        lockAspectRatio={lockAspectRatioTypes.includes(item.itemType) || lockAspectRatio}\n        onClickOutside={onClickOutside}\n        onResize={onResizeRAF}\n        onResizeStart={onResizeStart}\n        onResizeStop={onResizeEnd}\n        size={size}\n        {...resizeStaticProps}\n        withClickOutsideWrapperClass={`reportItemResizer-wrapper${isLocked ? ' isLocked' : ''}`}\n      />\n      <DraggableItemActions\n        changeLockStatus={changeLockStatus}\n        deleteItem={deleteItem}\n        duplicateItem={duplicateItem}\n        isLocked={item.isLocked}\n        isMultipleItemSelected={isMultipleItemSelected}\n        openSettings={openSettings}\n      />\n      <TextEditorToolbar\n        isTextEditorOpen={isTextEditorOpen}\n        itemWidth={stateWidth * zoom}\n      />\n    </ItemPositioner>,\n    document.querySelector(`.jfReport-page[data-id=\"${pageID}\"]`),\n  );\n};\n\nexport default PageItemResizer;\n"],"names":["ResizableWithClickOutside","withClickOutside","Resizable","enableResize","bottom","bottomLeft","bottomRight","left","right","top","topLeft","topRight","lockAspectRatioTypes","exceptionalClasses","PageItemResizer","changeLockStatus","deleteItem","duplicateItem","isDragging","item","onClickOutside","onResize","onResizeStop","pageID","stateHeight","stateLeft","stateTop","stateWidth","zoom","useBuilderStore","state","setIsRightPanelOpen","setActiveElement","activeElement","isTextEditorOpen","isSelected","isSelectedItem","id","isMultipleItemSelected","length","requestRef","useRef","useState","lockAspectRatio","setLockAspectRatio","handleKeyUp","e","shiftKey","handleKeyDown","seriousResize","deltaWidth","deltaHeight","direction","current","undefined","onResizeStart","preventDefault","window","addEventListener","onResizeRAF","ref","height","width","global","requestAnimationFrame","Math","round","onResizeEnd","removeEventListener","itemPositionerStyle","useMemo","pointerEvents","position","touchAction","size","openSettings","useCallback","isLocked","createPortal","_jsxs","_jsx","classNames","hideVerticalHandle","hideHorizontalHandle","includes","itemType","resizeStaticProps","TextEditorToolbar","document","querySelector"],"mappings":"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"}
+{"version":3,"file":"PageItemResizer.js","sources":["../../../src/components/PageItemResizer.js"],"sourcesContent":["import {\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Resizable } from 're-resizable';\nimport { createPortal } from 'react-dom';\nimport classNames from 'classnames';\nimport { resizeStaticProps } from '../constants/staticProps';\nimport TextEditorToolbar from './TextEditor/CustomToolbar';\n\nimport DraggableItemActions from './DraggableItem/DraggableItemActions';\nimport ItemPositioner from './ItemPositioner';\nimport withClickOutside from './withClickOutside';\nimport { useBuilderStore } from '../contexts/BuilderContext';\n\nconst exceptionalClassesForClickOutside = ['contextMenu-itemLabel', 'contextMenu-item'];\nconst ResizableWithClickOutside = withClickOutside(Resizable);\n\nconst enableResize = {\n  bottom: true,\n  bottomLeft: true,\n  bottomRight: true,\n  left: true,\n  right: true,\n  top: true,\n  topLeft: true,\n  topRight: true,\n};\nconst lockAspectRatioTypes = ['image', 'icon'];\nconst exceptionalClasses = [\n  'reportHandle',\n  'reportItemMenu',\n  'jfReport-pane',\n  'pageSettingSideBtn',\n  'reportItemWrapper',\n  'reportRotater',\n  'forZoom',\n  'ql-toolbar',\n  'jSheetContextMenu',\n  'reset-default-contextMenu',\n];\n\nconst PageItemResizer = ({\n  item,\n  onResize,\n  onResizeStop,\n}) => {\n  const zoom = useBuilderStore(state => state.zoom);\n  const setIsRightPanelOpen = useBuilderStore(state => state.setIsRightPanelOpen);\n  const resetActiveElements = useBuilderStore(state => state.resetActiveElements);\n  const isMultipleItemSelected = useBuilderStore(state => state.activeElements.length > 1);\n  const isTextEditorOpen = useBuilderStore(state => state.isTextEditorOpen);\n\n  const requestRef = useRef();\n  const [lockAspectRatio, setLockAspectRatio] = useState(false);\n\n  const handleKeyUp = e => {\n    if (!e.shiftKey) setLockAspectRatio(false);\n  };\n\n  const handleKeyDown = e => {\n    if (e.shiftKey) setLockAspectRatio(true);\n  };\n\n  const seriousResize = (deltaWidth, deltaHeight, direction) => {\n    return () => {\n      onResize(deltaWidth, deltaHeight, direction);\n      requestRef.current = undefined;\n    };\n  };\n\n  const onResizeStart = e => {\n    e.preventDefault();\n    window.addEventListener('keydown', handleKeyDown);\n    window.addEventListener('keyup', handleKeyUp);\n  };\n\n  const onResizeRAF = (e, direction, ref, { height: deltaHeight, width: deltaWidth }) => {\n    if (!requestRef.current) {\n      requestRef.current = global\n        .requestAnimationFrame(\n          seriousResize(\n            Math.round(deltaWidth * (1 / zoom)),\n            Math.round(deltaHeight * (1 / zoom)),\n            direction,\n          ),\n        );\n    }\n  };\n\n  const onResizeEnd = (e, direction, ref, { height: deltaHeight, width: deltaWidth }) => {\n    onResizeStop(\n      Math.round(deltaWidth * (1 / zoom)),\n      Math.round(deltaHeight * (1 / zoom)),\n      direction,\n    );\n    window.removeEventListener('keydown', handleKeyDown);\n    window.removeEventListener('keyup', handleKeyUp);\n  };\n\n  const onClickOutside = event => {\n    // clickoutside should not work for scrollbar\n    const viewPort = document.querySelector('.jfReport-viewport');\n    const { clientHeight, offsetHeight } = viewPort;\n    const headerHeight = window.innerHeight - offsetHeight;\n    if (event.clientY - headerHeight >= clientHeight\n        || Array.from(event.target.classList)\n          .some(xClass => exceptionalClassesForClickOutside.includes(xClass))) {\n      return;\n    }\n    setIsRightPanelOpen(false);\n    resetActiveElements();\n  };\n\n  const itemPositionerStyle = useMemo(() => ({\n    height: Math.round(item.height * zoom),\n    left: Math.round(item.left * zoom),\n    pointerEvents: 'none',\n    position: 'absolute',\n    top: Math.round(item.top * zoom),\n    touchAction: 'none',\n    width: Math.round(item.width * zoom),\n  }), [item.height, item.left, item.top, item.width, zoom]);\n\n  const size = useMemo(() => ({\n    height: Math.round(item.height * zoom),\n    width: Math.round(item.width * zoom),\n  }), [item.height, item.width, zoom]);\n\n  const { isLocked } = item;\n\n  return createPortal(\n    <ItemPositioner\n      style={itemPositionerStyle}\n    >\n      <ResizableWithClickOutside\n        className={classNames(\n          'reportItemResizer',\n          { hideVerticalHandle: !(item.height > 50) },\n          { hideHorizontalHandle: !(item.width > 50) },\n        )}\n        enable={!item.isLocked && enableResize}\n        exceptionalClasses={exceptionalClasses}\n        lockAspectRatio={lockAspectRatioTypes.includes(item.itemType) || lockAspectRatio}\n        onClickOutside={onClickOutside}\n        onResize={onResizeRAF}\n        onResizeStart={onResizeStart}\n        onResizeStop={onResizeEnd}\n        size={size}\n        {...resizeStaticProps}\n        withClickOutsideWrapperClass={`reportItemResizer-wrapper${isLocked ? ' isLocked' : ''}`}\n      />\n      {!isMultipleItemSelected && <DraggableItemActions />}\n      {isTextEditorOpen && (\n        <TextEditorToolbar\n          itemWidth={item.width * zoom}\n        />\n      )}\n    </ItemPositioner>,\n    document.querySelector(`.jfReport-page[data-id=\"${item.pageID}\"]`),\n  );\n};\n\nexport default PageItemResizer;\n"],"names":["exceptionalClassesForClickOutside","ResizableWithClickOutside","withClickOutside","Resizable","enableResize","bottom","bottomLeft","bottomRight","left","right","top","topLeft","topRight","lockAspectRatioTypes","exceptionalClasses","PageItemResizer","item","onResize","onResizeStop","zoom","useBuilderStore","state","setIsRightPanelOpen","resetActiveElements","isMultipleItemSelected","activeElements","length","isTextEditorOpen","requestRef","useRef","useState","lockAspectRatio","setLockAspectRatio","handleKeyUp","e","shiftKey","handleKeyDown","seriousResize","deltaWidth","deltaHeight","direction","current","undefined","onResizeStart","preventDefault","window","addEventListener","onResizeRAF","ref","height","width","global","requestAnimationFrame","Math","round","onResizeEnd","removeEventListener","onClickOutside","event","viewPort","document","querySelector","clientHeight","offsetHeight","headerHeight","innerHeight","clientY","Array","from","target","classList","some","xClass","includes","itemPositionerStyle","useMemo","pointerEvents","position","touchAction","size","isLocked","createPortal","_jsxs","_jsx","classNames","hideVerticalHandle","hideHorizontalHandle","itemType","resizeStaticProps","TextEditorToolbar","pageID"],"mappings":"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"}

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

@@ -144,7 +144,5 @@ var AllSlidesPanel = function AllSlidesPanel() {
   });
 };
 
-var AllSlidesPanel$1 = /*#__PURE__*/React.memo(AllSlidesPanel);
-
-module.exports = AllSlidesPanel$1;
+module.exports = AllSlidesPanel;
 //# sourceMappingURL=AllSlidesPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AllSlidesPanel.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/AllSlidesPanel.js"],"sourcesContent":["import { memo, useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport { usePropStore } from '../../../contexts/PropContext';\nimport { arrayMove } from '../../../utils/functions';\nimport AllSlidesPanelToggler from './AllSlidesPanelToggler';\nimport PageList from './PageList';\nimport PageActionsBar from './PageActionsBar';\n\nconst AllSlidesPanel = () => {\n  const isAllSlidesPanelOpen = useBuilderStore(state => state.isAllSlidesPanelOpen);\n  const setIsAllSlidesPanelOpen = useBuilderStore(state => state.setIsAllSlidesPanelOpen);\n\n  const useExperimentalFeatures = usePropStore(state => state.useExperimentalFeatures);\n  const onPageOrdersChange = usePropStore(state => state.onPageOrdersChange);\n  const pages = usePropStore(state => state.pages);\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n\n  const [selectedPages, setSelectedPages] = useState([]);\n  const [animationEnd, setAnimationEnd] = useState(false);\n\n  const onPageSort = useCallback(({ newIndex, oldIndex }) => {\n    const newPageOrders = arrayMove(pages, oldIndex, newIndex).reduce((acc, page, index) => {\n      acc[page.id] = { order: index + 1 };\n      return acc;\n    }, {});\n    onPageOrdersChange(newPageOrders);\n    onAnEventTrigger('sortPageFromAllSlides');\n  }, [pages, onPageOrdersChange, onAnEventTrigger]);\n\n  const onPageClick = useCallback(e => {\n    const pageID = e.target.getAttribute('data-id');\n    if (selectedPages.indexOf(pageID) > -1) {\n      setSelectedPages(selectedPages.filter(pid => pid !== pageID));\n    } else {\n      setSelectedPages([...selectedPages, pageID]);\n    }\n  }, [selectedPages]);\n\n  const onPageSelectAll = () => {\n    const getAllPageIds = pages.map(page => page.id);\n    setSelectedPages(getAllPageIds);\n  };\n\n  const onPageDeselect = () => {\n    setSelectedPages([]);\n  };\n\n  const onClosePanel = () => {\n    setAnimationEnd(false);\n    setIsAllSlidesPanelOpen(false);\n  };\n\n  const onAnimationEnd = () => {\n    if (!isAllSlidesPanelOpen) {\n      setAnimationEnd(true);\n    }\n  };\n\n  // Panel className\n  const panelAdditionalClassName = classNames(\n    'forAllSlides p-absolute f-all',\n    {\n      isIdle: !isAllSlidesPanelOpen,\n    },\n    { hidden: !useExperimentalFeatures },\n  );\n\n  return (\n    <Panel\n      additionalClassName={panelAdditionalClassName}\n      onAnimationEnd={onAnimationEnd}\n    >\n      <AllSlidesPanelToggler onClosePanel={onClosePanel} />\n      {(isAllSlidesPanelOpen || (!isAllSlidesPanelOpen && !animationEnd)) && (\n        <div className=\"toolItemWrapper f-height d-flex\">\n          <div className=\"toolItem-tabContent f-width\">\n            <PageList\n              onPageClick={onPageClick}\n              onSortEnd={onPageSort}\n              selectedPages={selectedPages}\n            />\n            <PageActionsBar\n              onPageDeselect={onPageDeselect}\n              onPageSelectAll={onPageSelectAll}\n              pageCount={pages.length}\n              selectedPagesCount={selectedPages.length}\n            />\n          </div>\n        </div>\n      )}\n    </Panel>\n  );\n};\n\nexport default memo(AllSlidesPanel);\n"],"names":["AllSlidesPanel","isAllSlidesPanelOpen","useBuilderStore","state","setIsAllSlidesPanelOpen","useExperimentalFeatures","usePropStore","onPageOrdersChange","pages","onAnEventTrigger","useState","selectedPages","setSelectedPages","animationEnd","setAnimationEnd","onPageSort","useCallback","newIndex","oldIndex","newPageOrders","arrayMove","reduce","acc","page","index","id","order","onPageClick","e","pageID","target","getAttribute","indexOf","filter","pid","onPageSelectAll","getAllPageIds","map","onPageDeselect","onClosePanel","onAnimationEnd","panelAdditionalClassName","classNames","isIdle","hidden","_jsxs","_jsx","length","memo"],"mappings":"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"}
+{"version":3,"file":"AllSlidesPanel.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/AllSlidesPanel.js"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport { usePropStore } from '../../../contexts/PropContext';\nimport { arrayMove } from '../../../utils/functions';\nimport AllSlidesPanelToggler from './AllSlidesPanelToggler';\nimport PageList from './PageList';\nimport PageActionsBar from './PageActionsBar';\n\nconst AllSlidesPanel = () => {\n  const isAllSlidesPanelOpen = useBuilderStore(state => state.isAllSlidesPanelOpen);\n  const setIsAllSlidesPanelOpen = useBuilderStore(state => state.setIsAllSlidesPanelOpen);\n\n  const useExperimentalFeatures = usePropStore(state => state.useExperimentalFeatures);\n  const onPageOrdersChange = usePropStore(state => state.onPageOrdersChange);\n  const pages = usePropStore(state => state.pages);\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n\n  const [selectedPages, setSelectedPages] = useState([]);\n  const [animationEnd, setAnimationEnd] = useState(false);\n\n  const onPageSort = useCallback(({ newIndex, oldIndex }) => {\n    const newPageOrders = arrayMove(pages, oldIndex, newIndex).reduce((acc, page, index) => {\n      acc[page.id] = { order: index + 1 };\n      return acc;\n    }, {});\n    onPageOrdersChange(newPageOrders);\n    onAnEventTrigger('sortPageFromAllSlides');\n  }, [pages, onPageOrdersChange, onAnEventTrigger]);\n\n  const onPageClick = useCallback(e => {\n    const pageID = e.target.getAttribute('data-id');\n    if (selectedPages.indexOf(pageID) > -1) {\n      setSelectedPages(selectedPages.filter(pid => pid !== pageID));\n    } else {\n      setSelectedPages([...selectedPages, pageID]);\n    }\n  }, [selectedPages]);\n\n  const onPageSelectAll = () => {\n    const getAllPageIds = pages.map(page => page.id);\n    setSelectedPages(getAllPageIds);\n  };\n\n  const onPageDeselect = () => {\n    setSelectedPages([]);\n  };\n\n  const onClosePanel = () => {\n    setAnimationEnd(false);\n    setIsAllSlidesPanelOpen(false);\n  };\n\n  const onAnimationEnd = () => {\n    if (!isAllSlidesPanelOpen) {\n      setAnimationEnd(true);\n    }\n  };\n\n  // Panel className\n  const panelAdditionalClassName = classNames(\n    'forAllSlides p-absolute f-all',\n    {\n      isIdle: !isAllSlidesPanelOpen,\n    },\n    { hidden: !useExperimentalFeatures },\n  );\n\n  return (\n    <Panel\n      additionalClassName={panelAdditionalClassName}\n      onAnimationEnd={onAnimationEnd}\n    >\n      <AllSlidesPanelToggler onClosePanel={onClosePanel} />\n      {(isAllSlidesPanelOpen || (!isAllSlidesPanelOpen && !animationEnd)) && (\n        <div className=\"toolItemWrapper f-height d-flex\">\n          <div className=\"toolItem-tabContent f-width\">\n            <PageList\n              onPageClick={onPageClick}\n              onSortEnd={onPageSort}\n              selectedPages={selectedPages}\n            />\n            <PageActionsBar\n              onPageDeselect={onPageDeselect}\n              onPageSelectAll={onPageSelectAll}\n              pageCount={pages.length}\n              selectedPagesCount={selectedPages.length}\n            />\n          </div>\n        </div>\n      )}\n    </Panel>\n  );\n};\n\nexport default AllSlidesPanel;\n"],"names":["AllSlidesPanel","isAllSlidesPanelOpen","useBuilderStore","state","setIsAllSlidesPanelOpen","useExperimentalFeatures","usePropStore","onPageOrdersChange","pages","onAnEventTrigger","useState","selectedPages","setSelectedPages","animationEnd","setAnimationEnd","onPageSort","useCallback","newIndex","oldIndex","newPageOrders","arrayMove","reduce","acc","page","index","id","order","onPageClick","e","pageID","target","getAttribute","indexOf","filter","pid","onPageSelectAll","getAllPageIds","map","onPageDeselect","onClosePanel","onAnimationEnd","panelAdditionalClassName","classNames","isIdle","hidden","_jsxs","_jsx","length"],"mappings":"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"}

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

@@ -168,12 +168,6 @@ var PageList = function PageList(_ref) {
 };
 
 PageList.propTypes = {
-  acceptedItems: PropTypes__default['default'].shape({}),
-  layoutSettings: PropTypes__default['default'].shape({
-    reportBackgroundColor: PropTypes__default['default'].string,
-    reportLayoutHeight: PropTypes__default['default'].string,
-    reportLayoutWidth: PropTypes__default['default'].string
-  }),
   onPageClick: PropTypes__default['default'].func,
   onSortEnd: PropTypes__default['default'].func,
   selectedPages: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string)

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 {\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';\nimport { usePropStore } from '../../../contexts/PropContext';\n\nconst PageList = ({\n  onPageClick,\n  onSortEnd,\n  selectedPages,\n}) => {\n  const layoutSettings = usePropStore(state => state.settings);\n  const pages = usePropStore(state => state.pages);\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                id={page.id}\n                index={page.order - 1}\n                isSelected={selectedPages.indexOf(page.id) > -1}\n                onPageClick={onPageClick}\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          </div>\n          <div className=\"spacer\" />\n          <div className=\"spacer\" />\n          <div className=\"spacer\" />\n        </ul>\n      </SortableContext>\n      <PageItemDragOverlay\n        activePageData={activePageData}\n      />\n    </DndContext>\n  );\n};\n\nPageList.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  layoutSettings: PropTypes.shape({\n    reportBackgroundColor: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n  }),\n  onPageClick: PropTypes.func,\n  onSortEnd: PropTypes.func,\n  selectedPages: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default memo(PageList);\n"],"names":["PageList","onPageClick","onSortEnd","selectedPages","layoutSettings","usePropStore","state","settings","pages","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","acceptedItems","PropTypes","shape","string","func","arrayOf","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';\nimport { usePropStore } from '../../../contexts/PropContext';\n\nconst PageList = ({\n  onPageClick,\n  onSortEnd,\n  selectedPages,\n}) => {\n  const layoutSettings = usePropStore(state => state.settings);\n  const pages = usePropStore(state => state.pages);\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                id={page.id}\n                index={page.order - 1}\n                isSelected={selectedPages.indexOf(page.id) > -1}\n                onPageClick={onPageClick}\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          </div>\n          <div className=\"spacer\" />\n          <div className=\"spacer\" />\n          <div className=\"spacer\" />\n        </ul>\n      </SortableContext>\n      <PageItemDragOverlay\n        activePageData={activePageData}\n      />\n    </DndContext>\n  );\n};\n\nPageList.propTypes = {\n  onPageClick: PropTypes.func,\n  onSortEnd: PropTypes.func,\n  selectedPages: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default memo(PageList);\n"],"names":["PageList","onPageClick","onSortEnd","selectedPages","layoutSettings","usePropStore","state","settings","pages","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","func","arrayOf","string","memo"],"mappings":"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"}

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

@@ -1,6 +1,5 @@
 'use strict';
 
-var React = require('react');
 var classNames = require('classnames');
 var Panel = require('../../Builder/Panel.js');
 var BuilderContext = require('../../../contexts/BuilderContext.js');
@@ -25,7 +24,5 @@ var LeftPanel = function LeftPanel() {
   });
 };
 
-var LeftPanel$1 = /*#__PURE__*/React.memo(LeftPanel);
-
-module.exports = LeftPanel$1;
+module.exports = LeftPanel;
 //# sourceMappingURL=LeftPanel.js.map

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 classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport Elements from './Elements';\nimport LeftPanelOpener from './LeftPanelOpener';\n\nconst LeftPanel = () => {\n  const isLeftPanelOpen = useBuilderStore(state => state.isLeftPanelOpen);\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    </Panel>\n  );\n};\n\nexport default memo(LeftPanel);\n"],"names":["LeftPanel","isLeftPanelOpen","useBuilderStore","state","panelAdditionalClassName","classNames","isIdle","_jsxs","_jsx","memo"],"mappings":";;;;;;;;;;;;;;AAOA,IAAMA,SAAS,GAAG,SAAZA,SAAY,GAAM;AACtB,MAAMC,eAAe,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,eAAV;AAAA,GAAN,CAAvC;AAEA,MAAMG,wBAAwB,GAAGC,8BAAU,CACzC,2BADyC,EAEzC;AACEC,IAAAA,MAAM,EAAE,CAACL;AADX,GAFyC,CAA3C;AAOA,sBACEM,gBAAC,KAAD;AAAO,IAAA,mBAAmB,EAAEH,wBAA5B;AAAA,4BACEI,eAAC,eAAD,KADF,eAEEA,eAAC,QAAD,KAFF;AAAA,IADF;AAMD,CAhBD;;AAkBA,+BAAeC,UAAI,CAACT,SAAD,CAAnB;;;;"}
+{"version":3,"file":"LeftPanel.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanel.js"],"sourcesContent":["import classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport Elements from './Elements';\nimport LeftPanelOpener from './LeftPanelOpener';\n\nconst LeftPanel = () => {\n  const isLeftPanelOpen = useBuilderStore(state => state.isLeftPanelOpen);\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    </Panel>\n  );\n};\n\nexport default LeftPanel;\n"],"names":["LeftPanel","isLeftPanelOpen","useBuilderStore","state","panelAdditionalClassName","classNames","isIdle","_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;IAMMA,SAAS,GAAG,SAAZA,SAAY,GAAM;AACtB,MAAMC,eAAe,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,eAAV;AAAA,GAAN,CAAvC;AAEA,MAAMG,wBAAwB,GAAGC,8BAAU,CACzC,2BADyC,EAEzC;AACEC,IAAAA,MAAM,EAAE,CAACL;AADX,GAFyC,CAA3C;AAOA,sBACEM,gBAAC,KAAD;AAAO,IAAA,mBAAmB,EAAEH,wBAA5B;AAAA,4BACEI,eAAC,eAAD,KADF,eAEEA,eAAC,QAAD,KAFF;AAAA,IADF;AAMD;;;;"}

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

@@ -1,6 +1,5 @@
 'use strict';
 
-var React = require('react');
 var BuilderContext = require('../../../contexts/BuilderContext.js');
 var hooks = require('../../../utils/hooks.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -14,12 +13,14 @@ var LeftPanelToggler = function LeftPanelToggler() {
   var _useTranslatedTexts = hooks.useTranslatedTexts(),
       ADD_ELEMENT = _useTranslatedTexts.ADD_ELEMENT;
 
+  var onOpenLeftPanel = function onOpenLeftPanel() {
+    setIsLeftPanelOpen(true);
+  };
+
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: /*#__PURE__*/jsxRuntime.jsxs("button", {
       className: "paneToggler addElementToggle",
-      onClick: function onClick() {
-        setIsLeftPanelOpen(true);
-      },
+      onClick: onOpenLeftPanel,
       title: ADD_ELEMENT,
       type: "button",
       children: [/*#__PURE__*/jsxRuntime.jsx("span", {
@@ -31,7 +32,5 @@ var LeftPanelToggler = function LeftPanelToggler() {
   });
 };
 
-var LeftPanelOpener = /*#__PURE__*/React.memo(LeftPanelToggler);
-
-module.exports = LeftPanelOpener;
+module.exports = LeftPanelToggler;
 //# sourceMappingURL=LeftPanelOpener.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LeftPanelOpener.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanelOpener.js"],"sourcesContent":["import { memo } from 'react';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst LeftPanelToggler = () => {\n  const setIsLeftPanelOpen = useBuilderStore(state => state.setIsLeftPanelOpen);\n  const { ADD_ELEMENT } = useTranslatedTexts();\n  return (\n    <>\n      <button\n        className=\"paneToggler addElementToggle\"\n        onClick={() => { setIsLeftPanelOpen(true); }}\n        title={ADD_ELEMENT}\n        type=\"button\"\n      >\n        <span>{ADD_ELEMENT}</span>\n        <icons.plus className=\"jfReportSVG isWhite\" />\n      </button>\n    </>\n  );\n};\n\nexport default memo(LeftPanelToggler);\n"],"names":["LeftPanelToggler","setIsLeftPanelOpen","useBuilderStore","state","useTranslatedTexts","ADD_ELEMENT","_jsx","_jsxs","icons.plus","memo"],"mappings":";;;;;;;;AAKA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAC7B,MAAMC,kBAAkB,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,kBAAV;AAAA,GAAN,CAA1C;;AACA,4BAAwBG,wBAAkB,EAA1C;AAAA,MAAQC,WAAR,uBAAQA,WAAR;;AACA,sBACEC;AAAA,2BACEC;AACE,MAAA,SAAS,EAAC,8BADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AAAEN,QAAAA,kBAAkB,CAAC,IAAD,CAAlB;AAA2B,OAF9C;AAGE,MAAA,KAAK,EAAEI,WAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,8BAMEC;AAAA,kBAAOD;AAAP,QANF,eAOEC,eAACE,IAAD;AAAY,QAAA,SAAS,EAAC;AAAtB,QAPF;AAAA;AADF,IADF;AAaD,CAhBD;;AAkBA,mCAAeC,UAAI,CAACT,gBAAD,CAAnB;;;;"}
+{"version":3,"file":"LeftPanelOpener.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanelOpener.js"],"sourcesContent":["import { useBuilderStore } from '../../../contexts/BuilderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst LeftPanelToggler = () => {\n  const setIsLeftPanelOpen = useBuilderStore(state => state.setIsLeftPanelOpen);\n  const { ADD_ELEMENT } = useTranslatedTexts();\n\n  const onOpenLeftPanel = () => {\n    setIsLeftPanelOpen(true);\n  };\n\n  return (\n    <>\n      <button\n        className=\"paneToggler addElementToggle\"\n        onClick={onOpenLeftPanel}\n        title={ADD_ELEMENT}\n        type=\"button\"\n      >\n        <span>{ADD_ELEMENT}</span>\n        <icons.plus className=\"jfReportSVG isWhite\" />\n      </button>\n    </>\n  );\n};\n\nexport default LeftPanelToggler;\n"],"names":["LeftPanelToggler","setIsLeftPanelOpen","useBuilderStore","state","useTranslatedTexts","ADD_ELEMENT","onOpenLeftPanel","_jsx","_jsxs","icons.plus"],"mappings":";;;;;;;IAIMA,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAC7B,MAAMC,kBAAkB,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,kBAAV;AAAA,GAAN,CAA1C;;AACA,4BAAwBG,wBAAkB,EAA1C;AAAA,MAAQC,WAAR,uBAAQA,WAAR;;AAEA,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAC5BL,IAAAA,kBAAkB,CAAC,IAAD,CAAlB;AACD,GAFD;;AAIA,sBACEM;AAAA,2BACEC;AACE,MAAA,SAAS,EAAC,8BADZ;AAEE,MAAA,OAAO,EAAEF,eAFX;AAGE,MAAA,KAAK,EAAED,WAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,8BAMEE;AAAA,kBAAOF;AAAP,QANF,eAOEE,eAACE,IAAD;AAAY,QAAA,SAAS,EAAC;AAAtB,QAPF;AAAA;AADF,IADF;AAaD;;;;"}

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

@@ -46,8 +46,8 @@ var RightPanel = function RightPanel() {
   var isSlidesPanelOpen = BuilderContext.useBuilderStore(function (state) {
     return state.isSlidesPanelOpen;
   });
-  var setActiveElement = BuilderContext.useBuilderStore(function (state) {
-    return state.setActiveElement;
+  var resetActiveElements = BuilderContext.useBuilderStore(function (state) {
+    return state.resetActiveElements;
   });
   var setActiveTab = BuilderContext.useBuilderStore(function (state) {
     return state.setActiveTab;
@@ -89,7 +89,8 @@ var RightPanel = function RightPanel() {
           return acceptedItems[item.itemType];
         },
         title: function title(item) {
-          return translatedTexts["".concat((acceptedItems[item.itemType].title || item.itemType).toLocaleUpperCase(), "_SETTINGS")];
+          var textKey = "".concat((acceptedItems[item.itemType].title || item.itemType).toLocaleUpperCase(), "_SETTINGS");
+          return translatedTexts[textKey] || acceptedItems[item.itemType].title;
         },
         updater: onItemChange
       },
@@ -124,7 +125,6 @@ var RightPanel = function RightPanel() {
             settings: pageItem.settings.map(function (setting) {
               if (setting.key === 'pageLayer') {
                 return _objectSpread(_objectSpread({}, setting), {}, {
-                  setActiveElement: setActiveElement,
                   updater: onItemChange
                 });
               }
@@ -139,7 +139,7 @@ var RightPanel = function RightPanel() {
         updater: onPageChange
       }
     };
-  }, [acceptedItems, layoutSettings, onItemChange, onPageChange, onSettingChange, translatedTexts, pages, setActiveElement]);
+  }, [acceptedItems, layoutSettings, onItemChange, onPageChange, onSettingChange, translatedTexts, pages]);
   var editedEl = React.useMemo(function () {
     return settingMap[editedElement.substr(0, 2)] || settingMap.l_;
   }, [editedElement, settingMap]);
@@ -197,8 +197,8 @@ var RightPanel = function RightPanel() {
     }
 
     setIsRightPanelOpen(false);
-    setActiveElement(null);
-  }, [editedElement, panelRef, setIsRightPanelOpen, setActiveElement]);
+    resetActiveElements();
+  }, [editedElement, setIsRightPanelOpen, resetActiveElements]);
   React.useEffect(function () {
     if (isRightPanelOpen) window.addEventListener('click', onClickOutsideForPanel, false);
     return function () {

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  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\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 { useBuilderStore } from '../../../contexts/BuilderContext';\nimport { usePropStore } from '../../../contexts/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  const activeTab = useBuilderStore(state => state.activeTab);\n  const editedElement = useBuilderStore(state => state.editedElement);\n  const isRightPanelOpen = useBuilderStore(state => state.isRightPanelOpen);\n  const isSlidesPanelOpen = useBuilderStore(state => state.isSlidesPanelOpen);\n  const setActiveElement = useBuilderStore(state => state.setActiveElement);\n  const setActiveTab = useBuilderStore(state => state.setActiveTab);\n  const setIsRightPanelOpen = useBuilderStore(state => state.setIsRightPanelOpen);\n\n  const acceptedItems = usePropStore(state => state.acceptedItems);\n  const layoutSettings = usePropStore(state => state.settings);\n  const onItemChange = usePropStore(state => state.onItemChange);\n  const onPageChange = usePropStore(state => state.onPageChange);\n  const onSettingChange = usePropStore(state => state.onSettingChange);\n  const pages = usePropStore(state => state.pages);\n  const itemAccessor = usePropStore(state => state.itemAccessor);\n\n  const panelRef = useRef(null);\n  const translatedTexts = useTranslatedTexts();\n\n  const settingMap = useMemo(() => ({\n    i_: {\n      details: id => {\n        const item = findItemById(id, pages);\n        return item;\n      },\n      settings: item => {\n        return acceptedItems[item.itemType];\n      },\n      title: item => {\n        return 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    acceptedItems,\n    layoutSettings,\n    onItemChange,\n    onPageChange,\n    onSettingChange,\n    translatedTexts,\n    pages,\n    setActiveElement,\n  ]);\n\n  const editedEl = useMemo(() => {\n    return settingMap[editedElement.substr(0, 2)] || settingMap.l_;\n  }, [editedElement, settingMap]);\n\n  const {\n    element, selectedItem, title, updateFunc,\n  } = useMemo(() => {\n    const editedElId = editedElement.substr(2);\n    const _selectedItem = editedEl.details(editedElId);\n\n    if (!_selectedItem) {\n      const fallbackEditedEl = settingMap.l_;\n      return {\n        element: fallbackEditedEl.settings(),\n        selectedItem: fallbackEditedEl.details(),\n        title: fallbackEditedEl.title(),\n        updateFunc: fallbackEditedEl.updater,\n      };\n    }\n\n    return {\n      element: editedEl.settings(_selectedItem),\n      selectedItem: _selectedItem,\n      title: editedEl.title(_selectedItem),\n      updateFunc: editedEl.updater,\n    };\n  }, [editedEl, editedElement, settingMap.l_]);\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, tabsWithSettings, setActiveTab]);\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 = useCallback(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  }, [editedElement, panelRef, setIsRightPanelOpen, setActiveElement]);\n\n  useEffect(() => {\n    if (isRightPanelOpen) window.addEventListener('click', onClickOutsideForPanel, false);\n    return () => {\n      window.removeEventListener('click', onClickOutsideForPanel, false);\n    };\n  }, [isRightPanelOpen, onClickOutsideForPanel]);\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              onChange={updateFunc}\n              settings={tabsWithSettings}\n              tabs={tabs}\n            />\n          </Section>\n        </div>\n      </Panel>\n    </>\n  );\n};\n\nexport default memo(RightPanel);\n"],"names":["exceptionalClasses","RightPanel","activeTab","useBuilderStore","state","editedElement","isRightPanelOpen","isSlidesPanelOpen","setActiveElement","setActiveTab","setIsRightPanelOpen","acceptedItems","usePropStore","layoutSettings","settings","onItemChange","onPageChange","onSettingChange","pages","itemAccessor","panelRef","useRef","translatedTexts","useTranslatedTexts","settingMap","useMemo","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","substr","editedElId","_selectedItem","fallbackEditedEl","element","selectedItem","updateFunc","tabsWithSettings","getTabsWithSettings","tabs","Object","keys","useEffect","currentTab","right","panelAdditionalClassName","classNames","isIdle","otherOpened","onClickOutsideForPanel","useCallback","e","current","contains","target","document","activeElement","Array","from","classList","some","xClass","includes","closest","window","addEventListener","removeEventListener","_jsx","_jsxs","memo"],"mappings":"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"}
+{"version":3,"file":"RightPanel.js","sources":["../../../../../src/components/Panels/RightPanel/RightPanel.js"],"sourcesContent":["import {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\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 { useBuilderStore } from '../../../contexts/BuilderContext';\nimport { usePropStore } from '../../../contexts/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  const activeTab = useBuilderStore(state => state.activeTab);\n  const editedElement = useBuilderStore(state => state.editedElement);\n  const isRightPanelOpen = useBuilderStore(state => state.isRightPanelOpen);\n  const isSlidesPanelOpen = useBuilderStore(state => state.isSlidesPanelOpen);\n  const resetActiveElements = useBuilderStore(state => state.resetActiveElements);\n  const setActiveTab = useBuilderStore(state => state.setActiveTab);\n  const setIsRightPanelOpen = useBuilderStore(state => state.setIsRightPanelOpen);\n\n  const acceptedItems = usePropStore(state => state.acceptedItems);\n  const layoutSettings = usePropStore(state => state.settings);\n  const onItemChange = usePropStore(state => state.onItemChange);\n  const onPageChange = usePropStore(state => state.onPageChange);\n  const onSettingChange = usePropStore(state => state.onSettingChange);\n  const pages = usePropStore(state => state.pages);\n  const itemAccessor = usePropStore(state => state.itemAccessor);\n\n  const panelRef = useRef(null);\n  const translatedTexts = useTranslatedTexts();\n\n  const settingMap = useMemo(() => ({\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        const textKey = `${(acceptedItems[item.itemType].title || item.itemType).toLocaleUpperCase()}_SETTINGS`;\n        return translatedTexts[textKey] || acceptedItems[item.itemType].title;\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, updater: onItemChange };\n            }\n            return setting;\n          }) || Page.settings,\n        };\n      },\n      title: () => translatedTexts.PAGE_SETTINGS,\n      updater: onPageChange,\n    },\n  }), [\n    acceptedItems,\n    layoutSettings,\n    onItemChange,\n    onPageChange,\n    onSettingChange,\n    translatedTexts,\n    pages,\n  ]);\n\n  const editedEl = useMemo(() => {\n    return settingMap[editedElement.substr(0, 2)] || settingMap.l_;\n  }, [editedElement, settingMap]);\n\n  const {\n    element, selectedItem, title, updateFunc,\n  } = useMemo(() => {\n    const editedElId = editedElement.substr(2);\n    const _selectedItem = editedEl.details(editedElId);\n\n    if (!_selectedItem) {\n      const fallbackEditedEl = settingMap.l_;\n      return {\n        element: fallbackEditedEl.settings(),\n        selectedItem: fallbackEditedEl.details(),\n        title: fallbackEditedEl.title(),\n        updateFunc: fallbackEditedEl.updater,\n      };\n    }\n\n    return {\n      element: editedEl.settings(_selectedItem),\n      selectedItem: _selectedItem,\n      title: editedEl.title(_selectedItem),\n      updateFunc: editedEl.updater,\n    };\n  }, [editedEl, editedElement, settingMap.l_]);\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, tabsWithSettings, setActiveTab]);\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 = useCallback(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    resetActiveElements();\n  }, [editedElement, setIsRightPanelOpen, resetActiveElements]);\n\n  useEffect(() => {\n    if (isRightPanelOpen) window.addEventListener('click', onClickOutsideForPanel, false);\n    return () => {\n      window.removeEventListener('click', onClickOutsideForPanel, false);\n    };\n  }, [isRightPanelOpen, onClickOutsideForPanel]);\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              onChange={updateFunc}\n              settings={tabsWithSettings}\n              tabs={tabs}\n            />\n          </Section>\n        </div>\n      </Panel>\n    </>\n  );\n};\n\nexport default memo(RightPanel);\n"],"names":["exceptionalClasses","RightPanel","activeTab","useBuilderStore","state","editedElement","isRightPanelOpen","isSlidesPanelOpen","resetActiveElements","setActiveTab","setIsRightPanelOpen","acceptedItems","usePropStore","layoutSettings","settings","onItemChange","onPageChange","onSettingChange","pages","itemAccessor","panelRef","useRef","translatedTexts","useTranslatedTexts","settingMap","useMemo","i_","details","id","item","findItemById","itemType","title","textKey","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","substr","editedElId","_selectedItem","fallbackEditedEl","element","selectedItem","updateFunc","tabsWithSettings","getTabsWithSettings","tabs","Object","keys","useEffect","currentTab","right","panelAdditionalClassName","classNames","isIdle","otherOpened","onClickOutsideForPanel","useCallback","e","current","contains","target","document","activeElement","Array","from","classList","some","xClass","includes","closest","window","addEventListener","removeEventListener","_jsx","_jsxs","memo"],"mappings":"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"}

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

@@ -1,6 +1,5 @@
 'use strict';
 
-var React = require('react');
 var BuilderContext = require('../../../contexts/BuilderContext.js');
 var hooks = require('../../../utils/hooks.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -8,8 +7,8 @@ var settings_toggle = require('../../../assets/svg/settings_toggle.svg.js');
 var close = require('../../../assets/svg/close.svg.js');
 
 var RightPanelToggler = function RightPanelToggler() {
-  var setActiveElement = BuilderContext.useBuilderStore(function (state) {
-    return state.setActiveElement;
+  var resetActiveElements = BuilderContext.useBuilderStore(function (state) {
+    return state.resetActiveElements;
   });
   var setIsRightPanelOpen = BuilderContext.useBuilderStore(function (state) {
     return state.setIsRightPanelOpen;
@@ -18,13 +17,15 @@ var RightPanelToggler = function RightPanelToggler() {
   var _useTranslatedTexts = hooks.useTranslatedTexts(),
       LAYOUT_SETTINGS = _useTranslatedTexts.LAYOUT_SETTINGS;
 
+  var onOpenRightPanel = function onOpenRightPanel() {
+    resetActiveElements();
+    setIsRightPanelOpen(true);
+  };
+
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx("button", {
       className: "paneToggler js-openRightPanel settingsToggle",
-      onClick: function onClick() {
-        setActiveElement(null);
-        setIsRightPanelOpen(true);
-      },
+      onClick: onOpenRightPanel,
       title: LAYOUT_SETTINGS,
       type: "button",
       children: /*#__PURE__*/jsxRuntime.jsx(settings_toggle, {
@@ -43,7 +44,5 @@ var RightPanelToggler = function RightPanelToggler() {
   });
 };
 
-var RightPanelToggler$1 = /*#__PURE__*/React.memo(RightPanelToggler);
-
-module.exports = RightPanelToggler$1;
+module.exports = RightPanelToggler;
 //# sourceMappingURL=RightPanelToggler.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RightPanelToggler.js","sources":["../../../../../src/components/Panels/RightPanel/RightPanelToggler.js"],"sourcesContent":["import { memo } from 'react';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst RightPanelToggler = () => {\n  const setActiveElement = useBuilderStore(state => state.setActiveElement);\n  const setIsRightPanelOpen = useBuilderStore(state => state.setIsRightPanelOpen);\n  const { LAYOUT_SETTINGS } = useTranslatedTexts();\n\n  return (\n    <>\n      <button\n        className=\"paneToggler js-openRightPanel settingsToggle\"\n        onClick={() => {\n          setActiveElement(null);\n          setIsRightPanelOpen(true);\n        }}\n        title={LAYOUT_SETTINGS}\n        type=\"button\"\n      >\n        <icons.settingsToggle className=\"jfReportSVG isTick\" />\n      </button>\n      <button\n        className=\"paneClose p-absolute js-closeRightPanel\"\n        onClick={() => setIsRightPanelOpen(false)}\n        type=\"button\"\n      >\n        <icons.close className=\"jfReportSVG\" />\n      </button>\n    </>\n  );\n};\n\nexport default memo(RightPanelToggler);\n"],"names":["RightPanelToggler","setActiveElement","useBuilderStore","state","setIsRightPanelOpen","useTranslatedTexts","LAYOUT_SETTINGS","_jsxs","_jsx","icons.settingsToggle","icons.close","memo"],"mappings":";;;;;;;;;AAKA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC9B,MAAMC,gBAAgB,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,gBAAV;AAAA,GAAN,CAAxC;AACA,MAAMG,mBAAmB,GAAGF,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,mBAAV;AAAA,GAAN,CAA3C;;AACA,4BAA4BC,wBAAkB,EAA9C;AAAA,MAAQC,eAAR,uBAAQA,eAAR;;AAEA,sBACEC;AAAA,4BACEC;AACE,MAAA,SAAS,EAAC,8CADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AACbP,QAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACAG,QAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD,OALH;AAME,MAAA,KAAK,EAAEE,eANT;AAOE,MAAA,IAAI,EAAC,QAPP;AAAA,6BASEE,eAACC,eAAD;AAAsB,QAAA,SAAS,EAAC;AAAhC;AATF,MADF,eAYED;AACE,MAAA,SAAS,EAAC,yCADZ;AAEE,MAAA,OAAO,EAAE;AAAA,eAAMJ,mBAAmB,CAAC,KAAD,CAAzB;AAAA,OAFX;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEI,eAACE,KAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF,MAZF;AAAA,IADF;AAsBD,CA3BD;;AA6BA,uCAAeC,UAAI,CAACX,iBAAD,CAAnB;;;;"}
+{"version":3,"file":"RightPanelToggler.js","sources":["../../../../../src/components/Panels/RightPanel/RightPanelToggler.js"],"sourcesContent":["import { useBuilderStore } from '../../../contexts/BuilderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst RightPanelToggler = () => {\n  const resetActiveElements = useBuilderStore(state => state.resetActiveElements);\n  const setIsRightPanelOpen = useBuilderStore(state => state.setIsRightPanelOpen);\n  const { LAYOUT_SETTINGS } = useTranslatedTexts();\n\n  const onOpenRightPanel = () => {\n    resetActiveElements();\n    setIsRightPanelOpen(true);\n  };\n\n  return (\n    <>\n      <button\n        className=\"paneToggler js-openRightPanel settingsToggle\"\n        onClick={onOpenRightPanel}\n        title={LAYOUT_SETTINGS}\n        type=\"button\"\n      >\n        <icons.settingsToggle className=\"jfReportSVG isTick\" />\n      </button>\n      <button\n        className=\"paneClose p-absolute js-closeRightPanel\"\n        onClick={() => setIsRightPanelOpen(false)}\n        type=\"button\"\n      >\n        <icons.close className=\"jfReportSVG\" />\n      </button>\n    </>\n  );\n};\n\nexport default RightPanelToggler;\n"],"names":["RightPanelToggler","resetActiveElements","useBuilderStore","state","setIsRightPanelOpen","useTranslatedTexts","LAYOUT_SETTINGS","onOpenRightPanel","_jsxs","_jsx","icons.settingsToggle","icons.close"],"mappings":";;;;;;;;IAIMA,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC9B,MAAMC,mBAAmB,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,mBAAV;AAAA,GAAN,CAA3C;AACA,MAAMG,mBAAmB,GAAGF,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,mBAAV;AAAA,GAAN,CAA3C;;AACA,4BAA4BC,wBAAkB,EAA9C;AAAA,MAAQC,eAAR,uBAAQA,eAAR;;AAEA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAC7BN,IAAAA,mBAAmB;AACnBG,IAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD,GAHD;;AAKA,sBACEI;AAAA,4BACEC;AACE,MAAA,SAAS,EAAC,8CADZ;AAEE,MAAA,OAAO,EAAEF,gBAFX;AAGE,MAAA,KAAK,EAAED,eAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEG,eAACC,eAAD;AAAsB,QAAA,SAAS,EAAC;AAAhC;AANF,MADF,eASED;AACE,MAAA,SAAS,EAAC,yCADZ;AAEE,MAAA,OAAO,EAAE;AAAA,eAAML,mBAAmB,CAAC,KAAD,CAAzB;AAAA,OAFX;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEK,eAACE,KAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF,MATF;AAAA,IADF;AAmBD;;;;"}

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

@@ -128,7 +128,5 @@ var SlidesPanel = function SlidesPanel() {
   });
 };
 
-var SlidesPanel$1 = /*#__PURE__*/React.memo(SlidesPanel);
-
-module.exports = SlidesPanel$1;
+module.exports = SlidesPanel;
 //# sourceMappingURL=SlidesPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SlidesPanel.js","sources":["../../../../../src/components/Panels/SlidesPanel/SlidesPanel.js"],"sourcesContent":["import { memo, useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport SortablePageList from './SortablePageList';\nimport Section from '../../Builder/Section';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport { usePropStore } from '../../../contexts/PropContext';\nimport { arrayMove } from '../../../utils/functions';\nimport SlidesPanelToggler from './SlidesPanelToggler';\nimport ListWrapper from './ListWrapper';\nimport Button from '../../Settings/Button';\nimport { useClickOutsideListener, useTranslatedTexts } from '../../../utils/hooks';\n\nconst SlidesPanel = () => {\n  const isRightPanelOpen = useBuilderStore(state => state.isRightPanelOpen);\n  const setIsAllSlidesPanelOpen = useBuilderStore(state => state.setIsAllSlidesPanelOpen);\n  const isSlidesPanelOpen = useBuilderStore(state => state.isSlidesPanelOpen);\n  const setIsSlidesPanelOpen = useBuilderStore(state => state.setIsSlidesPanelOpen);\n\n  const pages = usePropStore(state => state.pages);\n  const onPageOrdersChange = usePropStore(state => state.onPageOrdersChange);\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n  const useExperimentalFeatures = usePropStore(state => state.useExperimentalFeatures);\n\n  const [animationEnd, setAnimationEnd] = useState(true);\n\n  const pageGetter = useCallback(index => {\n    return pages[index];\n  }, [pages]);\n\n  const onPageSort = useCallback(({ newIndex, oldIndex }) => {\n    const newPageOrders = arrayMove(pages, oldIndex, newIndex).reduce((acc, page, index) => {\n      acc[page.id] = { order: index + 1 };\n      return acc;\n    }, {});\n\n    onPageOrdersChange(newPageOrders);\n    onAnEventTrigger('sortPageFromSlides');\n  }, [pages, onPageOrdersChange, onAnEventTrigger]);\n\n  // Panel className\n  const panelAdditionalClassName = classNames(\n    'jfReport-settings forSlides f-height',\n    {\n      isIdle: !isSlidesPanelOpen,\n      otherOpened: isRightPanelOpen,\n    },\n  );\n\n  const onClosePanel = () => {\n    setAnimationEnd(false);\n    setIsSlidesPanelOpen(false);\n  };\n\n  const onAnimationEnd = useCallback(() => {\n    if (!isSlidesPanelOpen) {\n      setAnimationEnd(true);\n    }\n  }, [isSlidesPanelOpen]);\n\n  useClickOutsideListener(\n    ['jfReport-canvas', 'jfReport-viewport', 'jfReport-pageInfo'],\n    isSlidesPanelOpen,\n    onClosePanel,\n  );\n\n  const { SLIDES } = useTranslatedTexts();\n\n  return (\n    <Panel\n      additionalClassName={panelAdditionalClassName}\n      onAnimationEnd={onAnimationEnd}\n    >\n      {isRightPanelOpen\n        ? null\n        : <SlidesPanelToggler onClosePanel={onClosePanel} />}\n      {(isSlidesPanelOpen || (!isSlidesPanelOpen && !animationEnd)) && (\n        <div className=\"toolItemWrapper f-height d-flex dir-col\">\n          <Section\n            additionalComponent={useExperimentalFeatures ? (\n              <Button\n                classNames=\"jfReportButton isAccent showAll\"\n                icon=\"allSlides\"\n                onClick={() => setIsAllSlidesPanelOpen(true)}\n                title=\"Show All\"\n              />\n            ) : null}\n            icon=\"slides\"\n            title={SLIDES}\n          >\n            <div className=\"toolItem-tabContent hasInnerScroll\">\n              <ListWrapper\n                component={SortablePageList()}\n                onSortEnd={onPageSort}\n                pageGetter={pageGetter}\n              />\n            </div>\n          </Section>\n        </div>\n      )}\n    </Panel>\n  );\n};\n\nexport default memo(SlidesPanel);\n"],"names":["SlidesPanel","isRightPanelOpen","useBuilderStore","state","setIsAllSlidesPanelOpen","isSlidesPanelOpen","setIsSlidesPanelOpen","pages","usePropStore","onPageOrdersChange","onAnEventTrigger","useExperimentalFeatures","useState","animationEnd","setAnimationEnd","pageGetter","useCallback","index","onPageSort","newIndex","oldIndex","newPageOrders","arrayMove","reduce","acc","page","id","order","panelAdditionalClassName","classNames","isIdle","otherOpened","onClosePanel","onAnimationEnd","useClickOutsideListener","useTranslatedTexts","SLIDES","_jsxs","_jsx","SortablePageList","memo"],"mappings":"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"}
+{"version":3,"file":"SlidesPanel.js","sources":["../../../../../src/components/Panels/SlidesPanel/SlidesPanel.js"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport SortablePageList from './SortablePageList';\nimport Section from '../../Builder/Section';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport { usePropStore } from '../../../contexts/PropContext';\nimport { arrayMove } from '../../../utils/functions';\nimport SlidesPanelToggler from './SlidesPanelToggler';\nimport ListWrapper from './ListWrapper';\nimport Button from '../../Settings/Button';\nimport { useClickOutsideListener, useTranslatedTexts } from '../../../utils/hooks';\n\nconst SlidesPanel = () => {\n  const isRightPanelOpen = useBuilderStore(state => state.isRightPanelOpen);\n  const setIsAllSlidesPanelOpen = useBuilderStore(state => state.setIsAllSlidesPanelOpen);\n  const isSlidesPanelOpen = useBuilderStore(state => state.isSlidesPanelOpen);\n  const setIsSlidesPanelOpen = useBuilderStore(state => state.setIsSlidesPanelOpen);\n\n  const pages = usePropStore(state => state.pages);\n  const onPageOrdersChange = usePropStore(state => state.onPageOrdersChange);\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n  const useExperimentalFeatures = usePropStore(state => state.useExperimentalFeatures);\n\n  const [animationEnd, setAnimationEnd] = useState(true);\n\n  const pageGetter = useCallback(index => {\n    return pages[index];\n  }, [pages]);\n\n  const onPageSort = useCallback(({ newIndex, oldIndex }) => {\n    const newPageOrders = arrayMove(pages, oldIndex, newIndex).reduce((acc, page, index) => {\n      acc[page.id] = { order: index + 1 };\n      return acc;\n    }, {});\n\n    onPageOrdersChange(newPageOrders);\n    onAnEventTrigger('sortPageFromSlides');\n  }, [pages, onPageOrdersChange, onAnEventTrigger]);\n\n  // Panel className\n  const panelAdditionalClassName = classNames(\n    'jfReport-settings forSlides f-height',\n    {\n      isIdle: !isSlidesPanelOpen,\n      otherOpened: isRightPanelOpen,\n    },\n  );\n\n  const onClosePanel = () => {\n    setAnimationEnd(false);\n    setIsSlidesPanelOpen(false);\n  };\n\n  const onAnimationEnd = useCallback(() => {\n    if (!isSlidesPanelOpen) {\n      setAnimationEnd(true);\n    }\n  }, [isSlidesPanelOpen]);\n\n  useClickOutsideListener(\n    ['jfReport-canvas', 'jfReport-viewport', 'jfReport-pageInfo'],\n    isSlidesPanelOpen,\n    onClosePanel,\n  );\n\n  const { SLIDES } = useTranslatedTexts();\n\n  return (\n    <Panel\n      additionalClassName={panelAdditionalClassName}\n      onAnimationEnd={onAnimationEnd}\n    >\n      {isRightPanelOpen\n        ? null\n        : <SlidesPanelToggler onClosePanel={onClosePanel} />}\n      {(isSlidesPanelOpen || (!isSlidesPanelOpen && !animationEnd)) && (\n        <div className=\"toolItemWrapper f-height d-flex dir-col\">\n          <Section\n            additionalComponent={useExperimentalFeatures ? (\n              <Button\n                classNames=\"jfReportButton isAccent showAll\"\n                icon=\"allSlides\"\n                onClick={() => setIsAllSlidesPanelOpen(true)}\n                title=\"Show All\"\n              />\n            ) : null}\n            icon=\"slides\"\n            title={SLIDES}\n          >\n            <div className=\"toolItem-tabContent hasInnerScroll\">\n              <ListWrapper\n                component={SortablePageList()}\n                onSortEnd={onPageSort}\n                pageGetter={pageGetter}\n              />\n            </div>\n          </Section>\n        </div>\n      )}\n    </Panel>\n  );\n};\n\nexport default SlidesPanel;\n"],"names":["SlidesPanel","isRightPanelOpen","useBuilderStore","state","setIsAllSlidesPanelOpen","isSlidesPanelOpen","setIsSlidesPanelOpen","pages","usePropStore","onPageOrdersChange","onAnEventTrigger","useExperimentalFeatures","useState","animationEnd","setAnimationEnd","pageGetter","useCallback","index","onPageSort","newIndex","oldIndex","newPageOrders","arrayMove","reduce","acc","page","id","order","panelAdditionalClassName","classNames","isIdle","otherOpened","onClosePanel","onAnimationEnd","useClickOutsideListener","useTranslatedTexts","SLIDES","_jsxs","_jsx","SortablePageList"],"mappings":"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"}

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

@@ -14,8 +14,8 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var SlidesPanelToggler = function SlidesPanelToggler(_ref) {
   var _ref$onClosePanel = _ref.onClosePanel,
       onClosePanel = _ref$onClosePanel === void 0 ? function () {} : _ref$onClosePanel;
-  var setActiveElement = BuilderContext.useBuilderStore(function (state) {
-    return state.setActiveElement;
+  var resetActiveElements = BuilderContext.useBuilderStore(function (state) {
+    return state.resetActiveElements;
   });
   var setIsSlidesPanelOpen = BuilderContext.useBuilderStore(function (state) {
     return state.setIsSlidesPanelOpen;
@@ -24,13 +24,15 @@ var SlidesPanelToggler = function SlidesPanelToggler(_ref) {
   var _useTranslatedTexts = hooks.useTranslatedTexts(),
       SLIDES = _useTranslatedTexts.SLIDES;
 
+  var onOpenSlidesPanel = function onOpenSlidesPanel() {
+    resetActiveElements();
+    setIsSlidesPanelOpen(true);
+  };
+
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx("button", {
       className: "paneToggler settingsToggle",
-      onClick: function onClick() {
-        setActiveElement(null);
-        setIsSlidesPanelOpen(true);
-      },
+      onClick: onOpenSlidesPanel,
       title: SLIDES,
       type: "button",
       children: /*#__PURE__*/jsxRuntime.jsx(slides, {

package/lib/cjs/components/Panels/SlidesPanel/SlidesPanelToggler.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlidesPanelToggler.js","sources":["../../../../../src/components/Panels/SlidesPanel/SlidesPanelToggler.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst SlidesPanelToggler = ({ onClosePanel = () => {} }) => {\n  const setActiveElement = useBuilderStore(state => state.setActiveElement);\n  const setIsSlidesPanelOpen = useBuilderStore(state => state.setIsSlidesPanelOpen);\n  const { SLIDES } = useTranslatedTexts();\n\n  return (\n    <>\n      <button\n        className=\"paneToggler settingsToggle\"\n        onClick={() => {\n          setActiveElement(null);\n          setIsSlidesPanelOpen(true);\n        }}\n        title={SLIDES}\n        type=\"button\"\n      >\n        <icons.slides className=\"jfReportSVG isTick\" />\n      </button>\n      <button\n        className=\"paneClose p-absolute\"\n        onClick={onClosePanel}\n        type=\"button\"\n      >\n        <icons.close className=\"jfReportSVG\" />\n      </button>\n    </>\n  );\n};\n\nSlidesPanelToggler.propTypes = {\n  onClosePanel: PropTypes.func,\n};\n\nexport default SlidesPanelToggler;\n"],"names":["SlidesPanelToggler","onClosePanel","setActiveElement","useBuilderStore","state","setIsSlidesPanelOpen","useTranslatedTexts","SLIDES","_jsxs","_jsx","icons.slides","icons.close","propTypes","PropTypes","func"],"mappings":";;;;;;;;;;;;;IAKMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAiC;AAAA,+BAA9BC,YAA8B;AAAA,MAA9BA,YAA8B,kCAAf,YAAM,EAAS;AAC1D,MAAMC,gBAAgB,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,gBAAV;AAAA,GAAN,CAAxC;AACA,MAAMG,oBAAoB,GAAGF,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,oBAAV;AAAA,GAAN,CAA5C;;AACA,4BAAmBC,wBAAkB,EAArC;AAAA,MAAQC,MAAR,uBAAQA,MAAR;;AAEA,sBACEC;AAAA,4BACEC;AACE,MAAA,SAAS,EAAC,4BADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AACbP,QAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACAG,QAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD,OALH;AAME,MAAA,KAAK,EAAEE,MANT;AAOE,MAAA,IAAI,EAAC,QAPP;AAAA,6BASEE,eAACC,MAAD;AAAc,QAAA,SAAS,EAAC;AAAxB;AATF,MADF,eAYED;AACE,MAAA,SAAS,EAAC,sBADZ;AAEE,MAAA,OAAO,EAAER,YAFX;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEQ,eAACE,KAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF,MAZF;AAAA,IADF;AAsBD;;AAEDX,kBAAkB,CAACY,SAAnB,GAA+B;AAC7BX,EAAAA,YAAY,EAAEY,6BAAS,CAACC;AADK,CAA/B;;;;"}
+{"version":3,"file":"SlidesPanelToggler.js","sources":["../../../../../src/components/Panels/SlidesPanel/SlidesPanelToggler.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst SlidesPanelToggler = ({ onClosePanel = () => {} }) => {\n  const resetActiveElements = useBuilderStore(state => state.resetActiveElements);\n  const setIsSlidesPanelOpen = useBuilderStore(state => state.setIsSlidesPanelOpen);\n  const { SLIDES } = useTranslatedTexts();\n\n  const onOpenSlidesPanel = () => {\n    resetActiveElements();\n    setIsSlidesPanelOpen(true);\n  };\n\n  return (\n    <>\n      <button\n        className=\"paneToggler settingsToggle\"\n        onClick={onOpenSlidesPanel}\n        title={SLIDES}\n        type=\"button\"\n      >\n        <icons.slides className=\"jfReportSVG isTick\" />\n      </button>\n      <button\n        className=\"paneClose p-absolute\"\n        onClick={onClosePanel}\n        type=\"button\"\n      >\n        <icons.close className=\"jfReportSVG\" />\n      </button>\n    </>\n  );\n};\n\nSlidesPanelToggler.propTypes = {\n  onClosePanel: PropTypes.func,\n};\n\nexport default SlidesPanelToggler;\n"],"names":["SlidesPanelToggler","onClosePanel","resetActiveElements","useBuilderStore","state","setIsSlidesPanelOpen","useTranslatedTexts","SLIDES","onOpenSlidesPanel","_jsxs","_jsx","icons.slides","icons.close","propTypes","PropTypes","func"],"mappings":";;;;;;;;;;;;;IAKMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAiC;AAAA,+BAA9BC,YAA8B;AAAA,MAA9BA,YAA8B,kCAAf,YAAM,EAAS;AAC1D,MAAMC,mBAAmB,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,mBAAV;AAAA,GAAN,CAA3C;AACA,MAAMG,oBAAoB,GAAGF,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,oBAAV;AAAA,GAAN,CAA5C;;AACA,4BAAmBC,wBAAkB,EAArC;AAAA,MAAQC,MAAR,uBAAQA,MAAR;;AAEA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC9BN,IAAAA,mBAAmB;AACnBG,IAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD,GAHD;;AAKA,sBACEI;AAAA,4BACEC;AACE,MAAA,SAAS,EAAC,4BADZ;AAEE,MAAA,OAAO,EAAEF,iBAFX;AAGE,MAAA,KAAK,EAAED,MAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEG,eAACC,MAAD;AAAc,QAAA,SAAS,EAAC;AAAxB;AANF,MADF,eASED;AACE,MAAA,SAAS,EAAC,sBADZ;AAEE,MAAA,OAAO,EAAET,YAFX;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKES,eAACE,KAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF,MATF;AAAA,IADF;AAmBD;;AAEDZ,kBAAkB,CAACa,SAAnB,GAA+B;AAC7BZ,EAAAA,YAAY,EAAEa,6BAAS,CAACC;AADK,CAA/B;;;;"}

package/lib/cjs/components/ReportItemsWrapper.js

@@ -17,14 +17,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var ReportItemsWrapper = function ReportItemsWrapper(_ref) {
-  var getIntersectionsFromMatches = _ref.getIntersectionsFromMatches,
-      handleMatches = _ref.handleMatches,
-      items = _ref.items;
+  var items = _ref.items;
   var acceptedItems = PropContext.usePropStore(function (state) {
     return state.acceptedItems;
   });
-  var activeElement = BuilderContext.useBuilderStore(function (state) {
-    return state.activeElement;
+  var activeElements = BuilderContext.useBuilderStore(function (state) {
+    return state.activeElements;
   });
   var itemAccessor = PropContext.usePropStore(function (state) {
     return state.itemAccessor;
@@ -40,15 +38,13 @@ var ReportItemsWrapper = function ReportItemsWrapper(_ref) {
   }).map(function (item) {
     var mergedItem = getMergedItem(item, acceptedItems);
     return /*#__PURE__*/jsxRuntime.jsx(DraggableItem, {
-      getIntersectionsFromMatches: getIntersectionsFromMatches,
-      handleMatches: handleMatches,
       item: item,
       children: /*#__PURE__*/jsxRuntime.jsx(ReportItemRenderer, {
         item: mergedItem,
         children: function children(ReportItem) {
           return /*#__PURE__*/jsxRuntime.jsx(ReportItem, {
-            isMultipleItemSelected: activeElement !== null && activeElement.length > 1,
-            isSelected: functions.isSelectedItem(item.id, activeElement),
+            isMultipleItemSelected: activeElements.length > 1,
+            isSelected: functions.isSelectedItem(item.id, activeElements),
             item: mergedItem,
             itemAccessor: itemAccessor,
             onAnEventTrigger: onAnEventTrigger,
@@ -61,8 +57,6 @@ var ReportItemsWrapper = function ReportItemsWrapper(_ref) {
 };
 
 ReportItemsWrapper.propTypes = {
-  getIntersectionsFromMatches: PropTypes__default['default'].func,
-  handleMatches: PropTypes__default['default'].func,
   items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({}))
 };
 var ReportItemsWrapper$1 = /*#__PURE__*/React.memo(ReportItemsWrapper);