@jotforminc/dnd-builder 3.9.4 → 3.9.6

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

@@ -1 +1 @@
-{"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';\nimport { usePropStore } from '../contexts/PropContext';\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  'report-item-toolbar',\n  'jfReport-pane',\n  'pageSettingSideBtn',\n  'reportItemWrapper',\n  'reportRotater',\n  'forZoom',\n  'ql-toolbar',\n  'jSheetContextMenu',\n  'reset-default-contextMenu',\n  'slides-navigator-toggle',\n  'slides-navigator',\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  const itemAccessor = usePropStore(state => state.itemAccessor);\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    if (document.activeElement) {\n      document.activeElement.blur();\n    }\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  const accessorItemData = useMemo(() => itemAccessor(item), [item, itemAccessor]);\n  const { actions } = accessorItemData;\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 actions={actions} />}\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","itemAccessor","usePropStore","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","activeElement","blur","itemPositionerStyle","useMemo","pointerEvents","position","touchAction","size","isLocked","accessorItemData","actions","createPortal","_jsxs","_jsx","classNames","hideVerticalHandle","hideHorizontalHandle","itemType","resizeStaticProps","TextEditorToolbar","pageID"],"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';\nimport { usePropStore } from '../contexts/PropContext';\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  'report-item-toolbar',\n  'jfReport-pane',\n  'pageSettingSideBtn',\n  'reportItemWrapper',\n  'reportRotater',\n  'forZoom',\n  'ql-toolbar',\n  'jSheetContextMenu',\n  'reset-default-contextMenu',\n  'slides-navigator-toggle',\n  'slides-navigator',\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  const itemAccessor = usePropStore(state => state.itemAccessor);\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    if (document.activeElement) {\n      document.activeElement.blur();\n    }\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  const accessorItemData = useMemo(() => itemAccessor(item), [item, itemAccessor]);\n  const { actions } = accessorItemData;\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 actions={actions} />}\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","itemAccessor","usePropStore","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","activeElement","blur","itemPositionerStyle","useMemo","pointerEvents","position","touchAction","size","isLocked","accessorItemData","actions","createPortal","_jsxs","_jsx","classNames","hideVerticalHandle","hideHorizontalHandle","itemType","resizeStaticProps","TextEditorToolbar","pageID"],"mappings":"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"}

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

@@ -1,13 +1,5 @@
 'use strict';
 
-require('core-js/modules/es.array.concat.js');
-require('core-js/modules/es.array.filter.js');
-require('core-js/modules/es.array.includes.js');
-require('core-js/modules/es.array.map.js');
-require('core-js/modules/es.object.keys.js');
-require('core-js/modules/es.object.to-string.js');
-require('core-js/modules/es.regexp.to-string.js');
-require('core-js/modules/es.string.includes.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var Section = require('../../Builder/Section.js');

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

@@ -1 +1 @@
-{"version":3,"file":"Elements.js","sources":["../../../../../src/components/Panels/LeftPanel/Elements.js"],"sourcesContent":["import {\n  memo,\n  useState,\n  useMemo,\n  useCallback,\n  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 { useBuilderStore } from '../../../contexts/BuilderContext';\nimport Tabs from '../../Builder/Tabs';\nimport { getTabsWithElements } from '../../../utils/functions';\nimport { useTranslatedTexts } from '../../../utils/hooks';\nimport SearchInput from '../../Builder/SearchInput';\nimport { usePropStore } from '../../../contexts/PropContext';\n\nconst Elements = () => {\n  const leftPanelConfig = usePropStore(state => state.leftPanelConfig);\n  const activeTab = useBuilderStore(state => state.activeTab);\n  const { ADD_ELEMENT, NO_RESULT } = useTranslatedTexts();\n\n  // Tabs\n  const tabDetails = getTabsWithElements(leftPanelConfig);\n  const tabs = useMemo(() => {\n    return Object.keys(tabDetails);\n  }, [tabDetails]);\n\n  const {\n    elements = {},\n    hasSearch = false,\n  } = useMemo(() => {\n    return tabDetails[tabs[activeTab.left]] || {};\n  }, [activeTab.left, tabDetails, tabs]);\n\n  const elementWillBeUsed = useMemo(() => {\n    return Array.isArray(elements) ? elements : [];\n  }, [elements]);\n\n  const flatElements = useMemo(() => {\n    return elementWillBeUsed.reduce((acc, item) => {\n      if (Array.isArray(item.elements)) {\n        return acc.concat(item.elements);\n      }\n      return acc.concat(item);\n    }, []);\n  }, [elementWillBeUsed]);\n\n  const [searchElements, setSearchElements] = useState(elementWillBeUsed);\n\n  useEffect(() => {\n    setSearchElements(elementWillBeUsed);\n  }, [elementWillBeUsed]);\n\n  const filterElementsBySearch = useCallback(value => {\n    if (value === '') {\n      setSearchElements(elementWillBeUsed);\n      return;\n    }\n    const filteredElements = flatElements.filter(element => element.title.toLowerCase().includes(value.toLowerCase()));\n    setSearchElements(filteredElements);\n  }, [elementWillBeUsed, flatElements]);\n\n  const renderElements = useCallback(items => {\n    return items.map((item, index) => {\n      if (Array.isArray(item.elements)) {\n        return (\n          <div\n            key={item.section || index}\n            className=\"toolItem-subSection\"\n          >\n            <span className=\"toolItem-subSection-title\">{item.title}</span>\n            {item.elements.map((el, elIndex) => (\n              <Element\n                key={elIndex.toString()}\n                {...el}\n              />\n            ))}\n          </div>\n        );\n      }\n      return (\n        <Element\n          key={index.toString()}\n          {...item}\n        />\n      );\n    });\n  }, []);\n\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 onSearch={filterElementsBySearch} />\n        )}\n        <div className=\"toolItem-tabContent\">\n          {searchElements.length > 0 ? renderElements(searchElements) : (\n            <div className=\"no-search-result-text\">{NO_RESULT}</div>\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","leftPanelConfig","usePropStore","state","activeTab","useBuilderStore","useTranslatedTexts","ADD_ELEMENT","NO_RESULT","tabDetails","getTabsWithElements","tabs","useMemo","Object","keys","left","elements","hasSearch","elementWillBeUsed","Array","isArray","flatElements","reduce","acc","item","concat","useState","searchElements","setSearchElements","useEffect","filterElementsBySearch","useCallback","value","filteredElements","filter","element","title","toLowerCase","includes","renderElements","items","map","index","_jsxs","_jsx","el","elIndex","toString","section","length","propTypes","acceptedItems","PropTypes","shape","leftPanelConfigPropType","onAnEventTrigger","func","onItemAdd","memo"],"mappings":"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"}
+{"version":3,"file":"Elements.js","sources":["../../../../../src/components/Panels/LeftPanel/Elements.js"],"sourcesContent":["import {\n  memo,\n  useState,\n  useMemo,\n  useCallback,\n  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 { useBuilderStore } from '../../../contexts/BuilderContext';\nimport Tabs from '../../Builder/Tabs';\nimport { getTabsWithElements } from '../../../utils/functions';\nimport { useTranslatedTexts } from '../../../utils/hooks';\nimport SearchInput from '../../Builder/SearchInput';\nimport { usePropStore } from '../../../contexts/PropContext';\n\nconst Elements = () => {\n  const leftPanelConfig = usePropStore(state => state.leftPanelConfig);\n  const activeTab = useBuilderStore(state => state.activeTab);\n  const { ADD_ELEMENT, NO_RESULT } = useTranslatedTexts();\n\n  // Tabs\n  const tabDetails = getTabsWithElements(leftPanelConfig);\n  const tabs = useMemo(() => {\n    return Object.keys(tabDetails);\n  }, [tabDetails]);\n\n  const {\n    elements = {},\n    hasSearch = false,\n  } = useMemo(() => {\n    return tabDetails[tabs[activeTab.left]] || {};\n  }, [activeTab.left, tabDetails, tabs]);\n\n  const elementWillBeUsed = useMemo(() => {\n    return Array.isArray(elements) ? elements : [];\n  }, [elements]);\n\n  const flatElements = useMemo(() => {\n    return elementWillBeUsed.reduce((acc, item) => {\n      if (Array.isArray(item.elements)) {\n        return acc.concat(item.elements);\n      }\n      return acc.concat(item);\n    }, []);\n  }, [elementWillBeUsed]);\n\n  const [searchElements, setSearchElements] = useState(elementWillBeUsed);\n\n  useEffect(() => {\n    setSearchElements(elementWillBeUsed);\n  }, [elementWillBeUsed]);\n\n  const filterElementsBySearch = useCallback(value => {\n    if (value === '') {\n      setSearchElements(elementWillBeUsed);\n      return;\n    }\n    const filteredElements = flatElements.filter(element => element.title.toLowerCase().includes(value.toLowerCase()));\n    setSearchElements(filteredElements);\n  }, [elementWillBeUsed, flatElements]);\n\n  const renderElements = useCallback(items => {\n    return items.map((item, index) => {\n      if (Array.isArray(item.elements)) {\n        return (\n          <div\n            key={item.section || index}\n            className=\"toolItem-subSection\"\n          >\n            <span className=\"toolItem-subSection-title\">{item.title}</span>\n            {item.elements.map((el, elIndex) => (\n              <Element\n                key={elIndex.toString()}\n                {...el}\n              />\n            ))}\n          </div>\n        );\n      }\n      return (\n        <Element\n          key={index.toString()}\n          {...item}\n        />\n      );\n    });\n  }, []);\n\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 onSearch={filterElementsBySearch} />\n        )}\n        <div className=\"toolItem-tabContent\">\n          {searchElements.length > 0 ? renderElements(searchElements) : (\n            <div className=\"no-search-result-text\">{NO_RESULT}</div>\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","leftPanelConfig","usePropStore","state","activeTab","useBuilderStore","useTranslatedTexts","ADD_ELEMENT","NO_RESULT","tabDetails","getTabsWithElements","tabs","useMemo","Object","keys","left","elements","hasSearch","elementWillBeUsed","Array","isArray","flatElements","reduce","acc","item","concat","useState","searchElements","setSearchElements","useEffect","filterElementsBySearch","useCallback","value","filteredElements","filter","element","title","toLowerCase","includes","renderElements","items","map","index","_jsxs","_jsx","el","elIndex","toString","section","length","propTypes","acceptedItems","PropTypes","shape","leftPanelConfigPropType","onAnEventTrigger","func","onItemAdd","memo"],"mappings":"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"}

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

@@ -1,11 +1,5 @@
 'use strict';
 
-require('core-js/modules/es.array.find.js');
-require('core-js/modules/es.array.from.js');
-require('core-js/modules/es.array.includes.js');
-require('core-js/modules/es.array.map.js');
-require('core-js/modules/es.object.keys.js');
-require('core-js/modules/es.string.iterator.js');
 var React = require('react');
 var classNames = require('classnames');
 var Panel = require('../../Builder/Panel.js');
@@ -216,13 +210,16 @@ var RightPanel = function RightPanel() {
     if (isItemWithoutSettings) return {};
     return functions.getTabsWithSettings(element, selectedItem, itemAccessor);
   }, [element, selectedItem, itemAccessor, isItemWithoutSettings]);
-  var tabs = Object.keys(tabsWithSettings);
+  var tabs = React.useMemo(function () {
+    return Object.keys(tabsWithSettings);
+  }, [tabsWithSettings]);
   React.useEffect(function () {
     if (isRightPanelOpen && isItemWithoutSettings) {
       setIsRightPanelOpen(false);
     }
   }, [isRightPanelOpen, isItemWithoutSettings, setIsRightPanelOpen]);
   React.useEffect(function () {
+    if (tabs.length === 0) return;
     var currentTab = tabs[activeTab.right];
 
     if (!tabsWithSettings[currentTab]) {

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  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\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',\n  'paneClose',\n  'paneToggler',\n  'forZoom',\n  'jSheetContextMenu',\n  'page-toolbar',\n  'report-item-toolbar',\n  'zoom-toolbar',\n  'controllerItem',\n  'slides-navigator-toggle',\n  'slides-navigator',\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  const clickOutsideIgnoreSelectors = useBuilderStore(state => state.clickOutsideIgnoreSelectors);\n  const [selectedItemID, setSelectedItemID] = useState(null);\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  useEffect(() => {\n    if (selectedItemID !== selectedItem.id) {\n      setSelectedItemID(prev => {\n        if (prev) {\n          setActiveTab('right', 0);\n        }\n        return selectedItem.id;\n      });\n    }\n  }, [selectedItem, selectedItemID, setActiveTab]);\n\n  // Tabs\n  const selectedItemActions = useMemo(() => {\n    return itemAccessor(selectedItem)?.actions || { settings: true };\n  }, [itemAccessor, selectedItem]);\n\n  const isItemWithoutSettings = editedElement.substr(0, 2) === 'i_' && !selectedItemActions?.settings;\n\n  const tabsWithSettings = useMemo(() => {\n    if (isItemWithoutSettings) return {};\n    return getTabsWithSettings(element, selectedItem, itemAccessor);\n  }, [element, selectedItem, itemAccessor, isItemWithoutSettings]);\n\n  const tabs = Object.keys(tabsWithSettings);\n\n  useEffect(() => {\n    if (isRightPanelOpen && isItemWithoutSettings) {\n      setIsRightPanelOpen(false);\n    }\n  }, [isRightPanelOpen, isItemWithoutSettings, setIsRightPanelOpen]);\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    const isIgnoredBySelector = clickOutsideIgnoreSelectors.some(selector => selector && e.target.closest(selector));\n\n    if (editedElement.substr(0, 2) === 'i_'\n      || panelRef.current.contains(e.target)\n      || panelRef.current.contains(document.activeElement)\n      || isIgnoredBySelector\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  }, [clickOutsideIgnoreSelectors, 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 RightPanel;\n"],"names":["exceptionalClasses","RightPanel","activeTab","useBuilderStore","state","editedElement","isRightPanelOpen","isSlidesPanelOpen","resetActiveElements","setActiveTab","setIsRightPanelOpen","clickOutsideIgnoreSelectors","useState","selectedItemID","setSelectedItemID","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","useEffect","prev","selectedItemActions","actions","isItemWithoutSettings","tabsWithSettings","getTabsWithSettings","tabs","Object","keys","currentTab","right","panelAdditionalClassName","classNames","isIdle","otherOpened","onClickOutsideForPanel","useCallback","e","isIgnoredBySelector","some","selector","target","closest","current","contains","document","activeElement","Array","from","classList","xClass","includes","window","addEventListener","removeEventListener","_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"RightPanel.js","sources":["../../../../../src/components/Panels/RightPanel/RightPanel.js"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\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',\n  'paneClose',\n  'paneToggler',\n  'forZoom',\n  'jSheetContextMenu',\n  'page-toolbar',\n  'report-item-toolbar',\n  'zoom-toolbar',\n  'controllerItem',\n  'slides-navigator-toggle',\n  'slides-navigator',\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  const clickOutsideIgnoreSelectors = useBuilderStore(state => state.clickOutsideIgnoreSelectors);\n  const [selectedItemID, setSelectedItemID] = useState(null);\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  useEffect(() => {\n    if (selectedItemID !== selectedItem.id) {\n      setSelectedItemID(prev => {\n        if (prev) {\n          setActiveTab('right', 0);\n        }\n        return selectedItem.id;\n      });\n    }\n  }, [selectedItem, selectedItemID, setActiveTab]);\n\n  // Tabs\n  const selectedItemActions = useMemo(() => {\n    return itemAccessor(selectedItem)?.actions || { settings: true };\n  }, [itemAccessor, selectedItem]);\n\n  const isItemWithoutSettings = editedElement.substr(0, 2) === 'i_' && !selectedItemActions?.settings;\n\n  const tabsWithSettings = useMemo(() => {\n    if (isItemWithoutSettings) return {};\n    return getTabsWithSettings(element, selectedItem, itemAccessor);\n  }, [element, selectedItem, itemAccessor, isItemWithoutSettings]);\n\n  const tabs = useMemo(() => Object.keys(tabsWithSettings), [tabsWithSettings]);\n\n  useEffect(() => {\n    if (isRightPanelOpen && isItemWithoutSettings) {\n      setIsRightPanelOpen(false);\n    }\n  }, [isRightPanelOpen, isItemWithoutSettings, setIsRightPanelOpen]);\n\n  useEffect(() => {\n    if (tabs.length === 0) return;\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    const isIgnoredBySelector = clickOutsideIgnoreSelectors.some(selector => selector && e.target.closest(selector));\n\n    if (editedElement.substr(0, 2) === 'i_'\n      || panelRef.current.contains(e.target)\n      || panelRef.current.contains(document.activeElement)\n      || isIgnoredBySelector\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  }, [clickOutsideIgnoreSelectors, 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 RightPanel;\n"],"names":["exceptionalClasses","RightPanel","activeTab","useBuilderStore","state","editedElement","isRightPanelOpen","isSlidesPanelOpen","resetActiveElements","setActiveTab","setIsRightPanelOpen","clickOutsideIgnoreSelectors","useState","selectedItemID","setSelectedItemID","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","useEffect","prev","selectedItemActions","actions","isItemWithoutSettings","tabsWithSettings","getTabsWithSettings","tabs","Object","keys","length","currentTab","right","panelAdditionalClassName","classNames","isIdle","otherOpened","onClickOutsideForPanel","useCallback","e","isIgnoredBySelector","some","selector","target","closest","current","contains","document","activeElement","Array","from","classList","xClass","includes","window","addEventListener","removeEventListener","_jsx","_jsxs"],"mappings":"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"}

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

@@ -1,9 +1,5 @@
 'use strict';
 
-require('core-js/modules/es.array.concat.js');
-require('core-js/modules/es.array.map.js');
-require('core-js/modules/es.object.to-string.js');
-require('core-js/modules/es.regexp.to-string.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var classNames = require('classnames');

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

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

package/lib/cjs/components/Panels/SlidesNavigator/MoreMenu/SlideItemMoreMenu.js

@@ -1,6 +1,5 @@
 'use strict';
 
-require('core-js/modules/es.array.map.js');
 var React = require('react');
 var react = require('@floating-ui/react');
 var PropTypes = require('prop-types');

package/lib/cjs/components/Panels/SlidesNavigator/MoreMenu/SlideItemMoreMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideItemMoreMenu.js","sources":["../../../../../../src/components/Panels/SlidesNavigator/MoreMenu/SlideItemMoreMenu.js"],"sourcesContent":["import {\n  forwardRef, useCallback, useImperativeHandle, useMemo, useState,\n} from 'react';\nimport {\n  useFloating,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  useDismiss,\n  useRole,\n  useClick,\n  useInteractions,\n  useId,\n  useFocus,\n  FloatingPortal,\n  autoPlacement,\n} from '@floating-ui/react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../../utils/icons';\nimport { useResizeListener, useTranslatedTexts } from '../../../../utils/hooks';\nimport { usePropStore } from '../../../../contexts/PropContext';\nimport { useBuilderStore } from '../../../../contexts/BuilderContext';\nimport MoreMenuOverlay from '../MoreMenuOverlay';\n\nconst PAGE_ACTIONS_SYNC_MS = 100;\n\nconst SlideItemMoreMenu = forwardRef(({ order, page, selected }, ref) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [rectPosition, setRectPosition] = useState({ left: 0, top: 0 });\n  const setVisiblePageOrder = useBuilderStore(state => state.setVisiblePageOrder);\n  const viewportWidth = useResizeListener(true);\n  const isMobile = viewportWidth > 0 && viewportWidth < 480;\n\n  const openCardContextMenu = useCallback((e, useMousePointer = false) => {\n    if (isOpen) return;\n    e.preventDefault();\n    const cursorTarget = e.target;\n    let { top } = cursorTarget.getBoundingClientRect();\n    let { left } = cursorTarget.getBoundingClientRect();\n    if (useMousePointer) {\n      top = e.clientY;\n      left = e.clientX;\n    }\n    const { innerHeight, innerWidth } = window;\n    const floatingHeight = 196;\n    const floatingWidth = 224;\n    const innerLeftDecrement = (innerWidth - left) > floatingWidth;\n    const innerTopDecrement = (innerHeight - top) > floatingHeight;\n    const leftVal = !innerLeftDecrement ? left - floatingWidth : left;\n    const topVal = !innerTopDecrement ? top - (floatingHeight) : top + (!useMousePointer ? 24 : 0);\n    setRectPosition({ left: leftVal, top: topVal });\n  }, [isOpen]);\n\n  const onPageAdd = usePropStore(state => state.onPageAdd);\n  const onPageDuplicate = usePropStore(state => state.onPageDuplicate);\n  const onPageRemove = usePropStore(state => state.onPageRemove);\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n\n  const { ADD_NEW_SLIDE, DELETE_SLIDE, DUPLICATE_SLIDE } = useTranslatedTexts();\n\n  const { context, floatingStyles, refs } = useFloating({\n    middleware: [\n      offset({\n        crossAxis: 10000,\n        mainAxis: 5,\n      }),\n      flip({\n        crossAxis: true,\n        fallbackAxisSideDirection: 'none',\n      }),\n      shift(),\n      autoPlacement({\n        alignment: 'start',\n        crossAxis: true,\n      }),\n    ],\n    onOpenChange: nextOpen => {\n      setIsOpen(nextOpen);\n    },\n    open: isOpen,\n    placement: 'bottom',\n    strategy: 'fixed',\n    transform: true,\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context, {\n    event: 'click',\n  });\n  const dismiss = useDismiss(context, { ancestorScroll: true });\n  const role = useRole(context);\n  const focus = useFocus(context);\n\n  const { getFloatingProps, getReferenceProps } = useInteractions([\n    click,\n    dismiss,\n    role,\n    focus,\n  ]);\n\n  const headingId = useId();\n\n  const customStyles = {\n    boxShadow: '0px 2px 4px 0px rgba(37, 45, 91, 0.04), 0px 8px 16px 0px rgba(84, 95, 111, 0.16)',\n    left: rectPosition.left,\n    top: rectPosition.top,\n    transform: 'translate(9px, 0px)',\n    zIndex: '99999',\n  };\n\n  const mobileCustomStyles = {\n    animation: 'fadeInTop 200ms ease-in-out forwards',\n    borderBottomLeftRadius: '0px',\n    borderBottomRightRadius: '0px',\n    borderTopLeftRadius: '16px',\n    borderTopRightRadius: '16px',\n    bottom: 0,\n    boxShadow: 'rgba(37, 45, 91, 0.04) 0px 2px 4px 0px, rgba(84, 95, 111, 0.16) 0px 8px 16px 0px',\n    height: 'auto',\n    left: '0',\n    maxHeight: '100%',\n    maxWidth: '100%',\n    padding: '8px',\n    position: 'fixed',\n    top: 'unset',\n    transform: 'translate(0px, 0px)',\n    width: '100vw',\n    willChange: 'unset',\n    zIndex: '99999',\n  };\n\n  const handleAddNewSlide = useCallback(() => {\n    const nextPageOrder = order + 1;\n    onPageAdd(nextPageOrder);\n    onAnEventTrigger('addNewPageFromSlides', nextPageOrder);\n    setIsOpen(false);\n    window.setTimeout(() => {\n      setVisiblePageOrder(nextPageOrder);\n    }, PAGE_ACTIONS_SYNC_MS);\n  }, [onPageAdd, order, onAnEventTrigger, setVisiblePageOrder]);\n\n  const handleDuplicateSlide = useCallback(() => {\n    const nextPageOrder = order + 1;\n    onPageDuplicate(page);\n    onAnEventTrigger('duplicatePage', nextPageOrder);\n    setIsOpen(false);\n    window.setTimeout(() => {\n      setVisiblePageOrder(nextPageOrder);\n    }, PAGE_ACTIONS_SYNC_MS);\n  }, [onPageDuplicate, page, order, onAnEventTrigger, setVisiblePageOrder]);\n\n  const handleDeleteSlide = useCallback(() => {\n    onPageRemove(page.id);\n    onAnEventTrigger('removePageFromSlides', page.id);\n    setIsOpen(false);\n    const visibleOrderAfterDelete = Math.max(order - 1, 1);\n    window.setTimeout(() => {\n      setVisiblePageOrder(visibleOrderAfterDelete);\n    }, PAGE_ACTIONS_SYNC_MS);\n  }, [page, order, onPageRemove, onAnEventTrigger, setVisiblePageOrder]);\n\n  const schemaOptions = useMemo(() => {\n    return (\n      [\n        {\n          className: 'slides-navigator-context-menu-item',\n          icon: <icons.plus className=\"slides-navigator-context-menu-item-icon\" />,\n          id: 'add_new_slide',\n          isVisible: true,\n          onClick: handleAddNewSlide,\n          textClassName: 'slides-navigator-context-menu-item-text add',\n          title: ADD_NEW_SLIDE,\n        },\n        {\n          className: 'slides-navigator-context-menu-item',\n          icon: <icons.duplicate className=\"slides-navigator-context-menu-item-icon\" />,\n          id: 'duplicate_slide',\n          isVisible: true,\n          onClick: handleDuplicateSlide,\n          textClassName: 'slides-navigator-context-menu-item-text duplicate',\n          title: DUPLICATE_SLIDE,\n        },\n        {\n          className: 'slides-navigator-context-menu-item',\n          icon: <icons.trash className=\"slides-navigator-context-menu-item-icon delete\" />,\n          id: 'delete_slide',\n          isVisible: true,\n          onClick: handleDeleteSlide,\n          textClassName: 'slides-navigator-context-menu-item-text delete',\n          title: DELETE_SLIDE,\n        },\n      ]\n    );\n  }, [handleAddNewSlide, handleDuplicateSlide, handleDeleteSlide, ADD_NEW_SLIDE, DUPLICATE_SLIDE, DELETE_SLIDE]);\n\n  const handleOpenMenu = useCallback(e => {\n    setIsOpen(true);\n    openCardContextMenu(e, true);\n  }, [openCardContextMenu]);\n\n  useImperativeHandle(ref, () => {\n    return {\n      handleOpenMenu,\n    };\n  }, [handleOpenMenu]);\n\n  const styles = { ...floatingStyles, ...(isMobile ? mobileCustomStyles : customStyles) };\n\n  return (\n    <>\n      {(isMobile && selected) && (\n        <button\n          type=\"button\"\n          {...getReferenceProps()}\n          ref={refs.setReference}\n          className=\"slides-navigator-context-menu-button\"\n          data-testid={`more-menu-button-${page.id}`}\n        >\n          <icons.ellipsisVertical style={{ flexShrink: 0, height: '16px', width: '14px' }} />\n        </button>\n      )}\n      {isOpen && (\n        <FloatingPortal>\n          <MoreMenuOverlay />\n          <div\n            ref={refs.setFloating}\n            alignItems=\"start\"\n            aria-labelledby={headingId}\n            className=\"slides-navigator-context-menu\"\n            direction=\"column\"\n            justifyContent=\"start\"\n            style={styles}\n            {...getFloatingProps()}\n          >\n            <div\n              className=\"slides-navigator-context-menu-items\"\n            >\n              {schemaOptions.map(schemaOption => {\n                return (\n                  schemaOption.isVisible\n                && (\n                  <button\n                    key={schemaOption.id}\n                    className={schemaOption.className}\n                    id={schemaOption.id}\n                    onClick={schemaOption.onClick}\n                    type=\"button\"\n                  >\n                    {schemaOption.icon}\n                    <span className={` ${schemaOption.textClassName}`}>{schemaOption.title}</span>\n                  </button>\n                )\n                );\n              })}\n            </div>\n          </div>\n        </FloatingPortal>\n      )}\n    </>\n  );\n});\n\nSlideItemMoreMenu.propTypes = {\n  order: PropTypes.number.isRequired,\n  page: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n  }).isRequired,\n  selected: PropTypes.bool.isRequired,\n};\n\nexport default SlideItemMoreMenu;\n"],"names":["PAGE_ACTIONS_SYNC_MS","SlideItemMoreMenu","forwardRef","ref","order","page","selected","useState","isOpen","setIsOpen","left","top","rectPosition","setRectPosition","setVisiblePageOrder","useBuilderStore","state","viewportWidth","useResizeListener","isMobile","openCardContextMenu","useCallback","e","useMousePointer","preventDefault","cursorTarget","target","getBoundingClientRect","clientY","clientX","window","innerHeight","innerWidth","floatingHeight","floatingWidth","innerLeftDecrement","innerTopDecrement","leftVal","topVal","onPageAdd","usePropStore","onPageDuplicate","onPageRemove","onAnEventTrigger","useTranslatedTexts","ADD_NEW_SLIDE","DELETE_SLIDE","DUPLICATE_SLIDE","useFloating","middleware","offset","crossAxis","mainAxis","flip","fallbackAxisSideDirection","shift","autoPlacement","alignment","onOpenChange","nextOpen","open","placement","strategy","transform","whileElementsMounted","autoUpdate","context","floatingStyles","refs","click","useClick","event","dismiss","useDismiss","ancestorScroll","role","useRole","focus","useFocus","useInteractions","getFloatingProps","getReferenceProps","headingId","useId","customStyles","boxShadow","zIndex","mobileCustomStyles","animation","borderBottomLeftRadius","borderBottomRightRadius","borderTopLeftRadius","borderTopRightRadius","bottom","height","maxHeight","maxWidth","padding","position","width","willChange","handleAddNewSlide","nextPageOrder","setTimeout","handleDuplicateSlide","handleDeleteSlide","id","visibleOrderAfterDelete","Math","max","schemaOptions","useMemo","className","icon","_jsx","icons.plus","isVisible","onClick","textClassName","title","icons.duplicate","icons.trash","handleOpenMenu","useImperativeHandle","styles","_jsxs","setReference","icons.ellipsisVertical","flexShrink","FloatingPortal","setFloating","map","schemaOption","propTypes","PropTypes","number","isRequired","shape","string","bool"],"mappings":"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"}
+{"version":3,"file":"SlideItemMoreMenu.js","sources":["../../../../../../src/components/Panels/SlidesNavigator/MoreMenu/SlideItemMoreMenu.js"],"sourcesContent":["import {\n  forwardRef, useCallback, useImperativeHandle, useMemo, useState,\n} from 'react';\nimport {\n  useFloating,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  useDismiss,\n  useRole,\n  useClick,\n  useInteractions,\n  useId,\n  useFocus,\n  FloatingPortal,\n  autoPlacement,\n} from '@floating-ui/react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../../utils/icons';\nimport { useResizeListener, useTranslatedTexts } from '../../../../utils/hooks';\nimport { usePropStore } from '../../../../contexts/PropContext';\nimport { useBuilderStore } from '../../../../contexts/BuilderContext';\nimport MoreMenuOverlay from '../MoreMenuOverlay';\n\nconst PAGE_ACTIONS_SYNC_MS = 100;\n\nconst SlideItemMoreMenu = forwardRef(({ order, page, selected }, ref) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [rectPosition, setRectPosition] = useState({ left: 0, top: 0 });\n  const setVisiblePageOrder = useBuilderStore(state => state.setVisiblePageOrder);\n  const viewportWidth = useResizeListener(true);\n  const isMobile = viewportWidth > 0 && viewportWidth < 480;\n\n  const openCardContextMenu = useCallback((e, useMousePointer = false) => {\n    if (isOpen) return;\n    e.preventDefault();\n    const cursorTarget = e.target;\n    let { top } = cursorTarget.getBoundingClientRect();\n    let { left } = cursorTarget.getBoundingClientRect();\n    if (useMousePointer) {\n      top = e.clientY;\n      left = e.clientX;\n    }\n    const { innerHeight, innerWidth } = window;\n    const floatingHeight = 196;\n    const floatingWidth = 224;\n    const innerLeftDecrement = (innerWidth - left) > floatingWidth;\n    const innerTopDecrement = (innerHeight - top) > floatingHeight;\n    const leftVal = !innerLeftDecrement ? left - floatingWidth : left;\n    const topVal = !innerTopDecrement ? top - (floatingHeight) : top + (!useMousePointer ? 24 : 0);\n    setRectPosition({ left: leftVal, top: topVal });\n  }, [isOpen]);\n\n  const onPageAdd = usePropStore(state => state.onPageAdd);\n  const onPageDuplicate = usePropStore(state => state.onPageDuplicate);\n  const onPageRemove = usePropStore(state => state.onPageRemove);\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n\n  const { ADD_NEW_SLIDE, DELETE_SLIDE, DUPLICATE_SLIDE } = useTranslatedTexts();\n\n  const { context, floatingStyles, refs } = useFloating({\n    middleware: [\n      offset({\n        crossAxis: 10000,\n        mainAxis: 5,\n      }),\n      flip({\n        crossAxis: true,\n        fallbackAxisSideDirection: 'none',\n      }),\n      shift(),\n      autoPlacement({\n        alignment: 'start',\n        crossAxis: true,\n      }),\n    ],\n    onOpenChange: nextOpen => {\n      setIsOpen(nextOpen);\n    },\n    open: isOpen,\n    placement: 'bottom',\n    strategy: 'fixed',\n    transform: true,\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context, {\n    event: 'click',\n  });\n  const dismiss = useDismiss(context, { ancestorScroll: true });\n  const role = useRole(context);\n  const focus = useFocus(context);\n\n  const { getFloatingProps, getReferenceProps } = useInteractions([\n    click,\n    dismiss,\n    role,\n    focus,\n  ]);\n\n  const headingId = useId();\n\n  const customStyles = {\n    boxShadow: '0px 2px 4px 0px rgba(37, 45, 91, 0.04), 0px 8px 16px 0px rgba(84, 95, 111, 0.16)',\n    left: rectPosition.left,\n    top: rectPosition.top,\n    transform: 'translate(9px, 0px)',\n    zIndex: '99999',\n  };\n\n  const mobileCustomStyles = {\n    animation: 'fadeInTop 200ms ease-in-out forwards',\n    borderBottomLeftRadius: '0px',\n    borderBottomRightRadius: '0px',\n    borderTopLeftRadius: '16px',\n    borderTopRightRadius: '16px',\n    bottom: 0,\n    boxShadow: 'rgba(37, 45, 91, 0.04) 0px 2px 4px 0px, rgba(84, 95, 111, 0.16) 0px 8px 16px 0px',\n    height: 'auto',\n    left: '0',\n    maxHeight: '100%',\n    maxWidth: '100%',\n    padding: '8px',\n    position: 'fixed',\n    top: 'unset',\n    transform: 'translate(0px, 0px)',\n    width: '100vw',\n    willChange: 'unset',\n    zIndex: '99999',\n  };\n\n  const handleAddNewSlide = useCallback(() => {\n    const nextPageOrder = order + 1;\n    onPageAdd(nextPageOrder);\n    onAnEventTrigger('addNewPageFromSlides', nextPageOrder);\n    setIsOpen(false);\n    window.setTimeout(() => {\n      setVisiblePageOrder(nextPageOrder);\n    }, PAGE_ACTIONS_SYNC_MS);\n  }, [onPageAdd, order, onAnEventTrigger, setVisiblePageOrder]);\n\n  const handleDuplicateSlide = useCallback(() => {\n    const nextPageOrder = order + 1;\n    onPageDuplicate(page);\n    onAnEventTrigger('duplicatePage', nextPageOrder);\n    setIsOpen(false);\n    window.setTimeout(() => {\n      setVisiblePageOrder(nextPageOrder);\n    }, PAGE_ACTIONS_SYNC_MS);\n  }, [onPageDuplicate, page, order, onAnEventTrigger, setVisiblePageOrder]);\n\n  const handleDeleteSlide = useCallback(() => {\n    onPageRemove(page.id);\n    onAnEventTrigger('removePageFromSlides', page.id);\n    setIsOpen(false);\n    const visibleOrderAfterDelete = Math.max(order - 1, 1);\n    window.setTimeout(() => {\n      setVisiblePageOrder(visibleOrderAfterDelete);\n    }, PAGE_ACTIONS_SYNC_MS);\n  }, [page, order, onPageRemove, onAnEventTrigger, setVisiblePageOrder]);\n\n  const schemaOptions = useMemo(() => {\n    return (\n      [\n        {\n          className: 'slides-navigator-context-menu-item',\n          icon: <icons.plus className=\"slides-navigator-context-menu-item-icon\" />,\n          id: 'add_new_slide',\n          isVisible: true,\n          onClick: handleAddNewSlide,\n          textClassName: 'slides-navigator-context-menu-item-text add',\n          title: ADD_NEW_SLIDE,\n        },\n        {\n          className: 'slides-navigator-context-menu-item',\n          icon: <icons.duplicate className=\"slides-navigator-context-menu-item-icon\" />,\n          id: 'duplicate_slide',\n          isVisible: true,\n          onClick: handleDuplicateSlide,\n          textClassName: 'slides-navigator-context-menu-item-text duplicate',\n          title: DUPLICATE_SLIDE,\n        },\n        {\n          className: 'slides-navigator-context-menu-item',\n          icon: <icons.trash className=\"slides-navigator-context-menu-item-icon delete\" />,\n          id: 'delete_slide',\n          isVisible: true,\n          onClick: handleDeleteSlide,\n          textClassName: 'slides-navigator-context-menu-item-text delete',\n          title: DELETE_SLIDE,\n        },\n      ]\n    );\n  }, [handleAddNewSlide, handleDuplicateSlide, handleDeleteSlide, ADD_NEW_SLIDE, DUPLICATE_SLIDE, DELETE_SLIDE]);\n\n  const handleOpenMenu = useCallback(e => {\n    setIsOpen(true);\n    openCardContextMenu(e, true);\n  }, [openCardContextMenu]);\n\n  useImperativeHandle(ref, () => {\n    return {\n      handleOpenMenu,\n    };\n  }, [handleOpenMenu]);\n\n  const styles = { ...floatingStyles, ...(isMobile ? mobileCustomStyles : customStyles) };\n\n  return (\n    <>\n      {(isMobile && selected) && (\n        <button\n          type=\"button\"\n          {...getReferenceProps()}\n          ref={refs.setReference}\n          className=\"slides-navigator-context-menu-button\"\n          data-testid={`more-menu-button-${page.id}`}\n        >\n          <icons.ellipsisVertical style={{ flexShrink: 0, height: '16px', width: '14px' }} />\n        </button>\n      )}\n      {isOpen && (\n        <FloatingPortal>\n          <MoreMenuOverlay />\n          <div\n            ref={refs.setFloating}\n            alignItems=\"start\"\n            aria-labelledby={headingId}\n            className=\"slides-navigator-context-menu\"\n            direction=\"column\"\n            justifyContent=\"start\"\n            style={styles}\n            {...getFloatingProps()}\n          >\n            <div\n              className=\"slides-navigator-context-menu-items\"\n            >\n              {schemaOptions.map(schemaOption => {\n                return (\n                  schemaOption.isVisible\n                && (\n                  <button\n                    key={schemaOption.id}\n                    className={schemaOption.className}\n                    id={schemaOption.id}\n                    onClick={schemaOption.onClick}\n                    type=\"button\"\n                  >\n                    {schemaOption.icon}\n                    <span className={` ${schemaOption.textClassName}`}>{schemaOption.title}</span>\n                  </button>\n                )\n                );\n              })}\n            </div>\n          </div>\n        </FloatingPortal>\n      )}\n    </>\n  );\n});\n\nSlideItemMoreMenu.propTypes = {\n  order: PropTypes.number.isRequired,\n  page: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n  }).isRequired,\n  selected: PropTypes.bool.isRequired,\n};\n\nexport default SlideItemMoreMenu;\n"],"names":["PAGE_ACTIONS_SYNC_MS","SlideItemMoreMenu","forwardRef","ref","order","page","selected","useState","isOpen","setIsOpen","left","top","rectPosition","setRectPosition","setVisiblePageOrder","useBuilderStore","state","viewportWidth","useResizeListener","isMobile","openCardContextMenu","useCallback","e","useMousePointer","preventDefault","cursorTarget","target","getBoundingClientRect","clientY","clientX","window","innerHeight","innerWidth","floatingHeight","floatingWidth","innerLeftDecrement","innerTopDecrement","leftVal","topVal","onPageAdd","usePropStore","onPageDuplicate","onPageRemove","onAnEventTrigger","useTranslatedTexts","ADD_NEW_SLIDE","DELETE_SLIDE","DUPLICATE_SLIDE","useFloating","middleware","offset","crossAxis","mainAxis","flip","fallbackAxisSideDirection","shift","autoPlacement","alignment","onOpenChange","nextOpen","open","placement","strategy","transform","whileElementsMounted","autoUpdate","context","floatingStyles","refs","click","useClick","event","dismiss","useDismiss","ancestorScroll","role","useRole","focus","useFocus","useInteractions","getFloatingProps","getReferenceProps","headingId","useId","customStyles","boxShadow","zIndex","mobileCustomStyles","animation","borderBottomLeftRadius","borderBottomRightRadius","borderTopLeftRadius","borderTopRightRadius","bottom","height","maxHeight","maxWidth","padding","position","width","willChange","handleAddNewSlide","nextPageOrder","setTimeout","handleDuplicateSlide","handleDeleteSlide","id","visibleOrderAfterDelete","Math","max","schemaOptions","useMemo","className","icon","_jsx","icons.plus","isVisible","onClick","textClassName","title","icons.duplicate","icons.trash","handleOpenMenu","useImperativeHandle","styles","_jsxs","setReference","icons.ellipsisVertical","flexShrink","FloatingPortal","setFloating","map","schemaOption","propTypes","PropTypes","number","isRequired","shape","string","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAMA,oBAAoB,GAAG,GAA7B;IAEMC,iBAAiB,gBAAGC,gBAAU,CAAC,gBAA4BC,GAA5B,EAAoC;AAAA,MAAjCC,KAAiC,QAAjCA,KAAiC;AAAA,MAA1BC,IAA0B,QAA1BA,IAA0B;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;;AACvE,kBAA4BC,cAAQ,CAAC,KAAD,CAApC;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,mBAAwCF,cAAQ,CAAC;AAAEG,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,GAAG,EAAE;AAAhB,GAAD,CAAhD;AAAA;AAAA,MAAOC,YAAP;AAAA,MAAqBC,eAArB;;AACA,MAAMC,mBAAmB,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,mBAAV;AAAA,GAAN,CAA3C;AACA,MAAMG,aAAa,GAAGC,uBAAiB,CAAC,IAAD,CAAvC;AACA,MAAMC,QAAQ,GAAGF,aAAa,GAAG,CAAhB,IAAqBA,aAAa,GAAG,GAAtD;AAEA,MAAMG,mBAAmB,GAAGC,iBAAW,CAAC,UAACC,CAAD,EAAgC;AAAA,QAA5BC,eAA4B,uEAAV,KAAU;AACtE,QAAIf,MAAJ,EAAY;AACZc,IAAAA,CAAC,CAACE,cAAF;AACA,QAAMC,YAAY,GAAGH,CAAC,CAACI,MAAvB;;AACA,gCAAcD,YAAY,CAACE,qBAAb,EAAd;AAAA,QAAMhB,GAAN,yBAAMA,GAAN;;AACA,iCAAec,YAAY,CAACE,qBAAb,EAAf;AAAA,QAAMjB,IAAN,0BAAMA,IAAN;;AACA,QAAIa,eAAJ,EAAqB;AACnBZ,MAAAA,GAAG,GAAGW,CAAC,CAACM,OAAR;AACAlB,MAAAA,IAAI,GAAGY,CAAC,CAACO,OAAT;AACD;;AACD,kBAAoCC,MAApC;AAAA,QAAQC,WAAR,WAAQA,WAAR;AAAA,QAAqBC,UAArB,WAAqBA,UAArB;AACA,QAAMC,cAAc,GAAG,GAAvB;AACA,QAAMC,aAAa,GAAG,GAAtB;AACA,QAAMC,kBAAkB,GAAIH,UAAU,GAAGtB,IAAd,GAAsBwB,aAAjD;AACA,QAAME,iBAAiB,GAAIL,WAAW,GAAGpB,GAAf,GAAsBsB,cAAhD;AACA,QAAMI,OAAO,GAAG,CAACF,kBAAD,GAAsBzB,IAAI,GAAGwB,aAA7B,GAA6CxB,IAA7D;AACA,QAAM4B,MAAM,GAAG,CAACF,iBAAD,GAAqBzB,GAAG,GAAIsB,cAA5B,GAA8CtB,GAAG,IAAI,CAACY,eAAD,GAAmB,EAAnB,GAAwB,CAA5B,CAAhE;AACAV,IAAAA,eAAe,CAAC;AAAEH,MAAAA,IAAI,EAAE2B,OAAR;AAAiB1B,MAAAA,GAAG,EAAE2B;AAAtB,KAAD,CAAf;AACD,GAlBsC,EAkBpC,CAAC9B,MAAD,CAlBoC,CAAvC;AAoBA,MAAM+B,SAAS,GAAGC,wBAAY,CAAC,UAAAxB,KAAK;AAAA,WAAIA,KAAK,CAACuB,SAAV;AAAA,GAAN,CAA9B;AACA,MAAME,eAAe,GAAGD,wBAAY,CAAC,UAAAxB,KAAK;AAAA,WAAIA,KAAK,CAACyB,eAAV;AAAA,GAAN,CAApC;AACA,MAAMC,YAAY,GAAGF,wBAAY,CAAC,UAAAxB,KAAK;AAAA,WAAIA,KAAK,CAAC0B,YAAV;AAAA,GAAN,CAAjC;AACA,MAAMC,gBAAgB,GAAGH,wBAAY,CAAC,UAAAxB,KAAK;AAAA,WAAIA,KAAK,CAAC2B,gBAAV;AAAA,GAAN,CAArC;;AAEA,4BAAyDC,wBAAkB,EAA3E;AAAA,MAAQC,aAAR,uBAAQA,aAAR;AAAA,MAAuBC,YAAvB,uBAAuBA,YAAvB;AAAA,MAAqCC,eAArC,uBAAqCA,eAArC;;AAEA,qBAA0CC,iBAAW,CAAC;AACpDC,IAAAA,UAAU,EAAE,CACVC,YAAM,CAAC;AACLC,MAAAA,SAAS,EAAE,KADN;AAELC,MAAAA,QAAQ,EAAE;AAFL,KAAD,CADI,EAKVC,UAAI,CAAC;AACHF,MAAAA,SAAS,EAAE,IADR;AAEHG,MAAAA,yBAAyB,EAAE;AAFxB,KAAD,CALM,EASVC,WAAK,EATK,EAUVC,mBAAa,CAAC;AACZC,MAAAA,SAAS,EAAE,OADC;AAEZN,MAAAA,SAAS,EAAE;AAFC,KAAD,CAVH,CADwC;AAgBpDO,IAAAA,YAAY,EAAE,sBAAAC,QAAQ,EAAI;AACxBlD,MAAAA,SAAS,CAACkD,QAAD,CAAT;AACD,KAlBmD;AAmBpDC,IAAAA,IAAI,EAAEpD,MAnB8C;AAoBpDqD,IAAAA,SAAS,EAAE,QApByC;AAqBpDC,IAAAA,QAAQ,EAAE,OArB0C;AAsBpDC,IAAAA,SAAS,EAAE,IAtByC;AAuBpDC,IAAAA,oBAAoB,EAAEC;AAvB8B,GAAD,CAArD;AAAA,MAAQC,OAAR,gBAAQA,OAAR;AAAA,MAAiBC,cAAjB,gBAAiBA,cAAjB;AAAA,MAAiCC,IAAjC,gBAAiCA,IAAjC;;AA0BA,MAAMC,KAAK,GAAGC,cAAQ,CAACJ,OAAD,EAAU;AAC9BK,IAAAA,KAAK,EAAE;AADuB,GAAV,CAAtB;AAGA,MAAMC,OAAO,GAAGC,gBAAU,CAACP,OAAD,EAAU;AAAEQ,IAAAA,cAAc,EAAE;AAAlB,GAAV,CAA1B;AACA,MAAMC,IAAI,GAAGC,aAAO,CAACV,OAAD,CAApB;AACA,MAAMW,KAAK,GAAGC,cAAQ,CAACZ,OAAD,CAAtB;;AAEA,yBAAgDa,qBAAe,CAAC,CAC9DV,KAD8D,EAE9DG,OAF8D,EAG9DG,IAH8D,EAI9DE,KAJ8D,CAAD,CAA/D;AAAA,MAAQG,gBAAR,oBAAQA,gBAAR;AAAA,MAA0BC,iBAA1B,oBAA0BA,iBAA1B;;AAOA,MAAMC,SAAS,GAAGC,WAAK,EAAvB;AAEA,MAAMC,YAAY,GAAG;AACnBC,IAAAA,SAAS,EAAE,kFADQ;AAEnB3E,IAAAA,IAAI,EAAEE,YAAY,CAACF,IAFA;AAGnBC,IAAAA,GAAG,EAAEC,YAAY,CAACD,GAHC;AAInBoD,IAAAA,SAAS,EAAE,qBAJQ;AAKnBuB,IAAAA,MAAM,EAAE;AALW,GAArB;AAQA,MAAMC,kBAAkB,GAAG;AACzBC,IAAAA,SAAS,EAAE,sCADc;AAEzBC,IAAAA,sBAAsB,EAAE,KAFC;AAGzBC,IAAAA,uBAAuB,EAAE,KAHA;AAIzBC,IAAAA,mBAAmB,EAAE,MAJI;AAKzBC,IAAAA,oBAAoB,EAAE,MALG;AAMzBC,IAAAA,MAAM,EAAE,CANiB;AAOzBR,IAAAA,SAAS,EAAE,kFAPc;AAQzBS,IAAAA,MAAM,EAAE,MARiB;AASzBpF,IAAAA,IAAI,EAAE,GATmB;AAUzBqF,IAAAA,SAAS,EAAE,MAVc;AAWzBC,IAAAA,QAAQ,EAAE,MAXe;AAYzBC,IAAAA,OAAO,EAAE,KAZgB;AAazBC,IAAAA,QAAQ,EAAE,OAbe;AAczBvF,IAAAA,GAAG,EAAE,OAdoB;AAezBoD,IAAAA,SAAS,EAAE,qBAfc;AAgBzBoC,IAAAA,KAAK,EAAE,OAhBkB;AAiBzBC,IAAAA,UAAU,EAAE,OAjBa;AAkBzBd,IAAAA,MAAM,EAAE;AAlBiB,GAA3B;AAqBA,MAAMe,iBAAiB,GAAGhF,iBAAW,CAAC,YAAM;AAC1C,QAAMiF,aAAa,GAAGlG,KAAK,GAAG,CAA9B;AACAmC,IAAAA,SAAS,CAAC+D,aAAD,CAAT;AACA3D,IAAAA,gBAAgB,CAAC,sBAAD,EAAyB2D,aAAzB,CAAhB;AACA7F,IAAAA,SAAS,CAAC,KAAD,CAAT;AACAqB,IAAAA,MAAM,CAACyE,UAAP,CAAkB,YAAM;AACtBzF,MAAAA,mBAAmB,CAACwF,aAAD,CAAnB;AACD,KAFD,EAEGtG,oBAFH;AAGD,GARoC,EAQlC,CAACuC,SAAD,EAAYnC,KAAZ,EAAmBuC,gBAAnB,EAAqC7B,mBAArC,CARkC,CAArC;AAUA,MAAM0F,oBAAoB,GAAGnF,iBAAW,CAAC,YAAM;AAC7C,QAAMiF,aAAa,GAAGlG,KAAK,GAAG,CAA9B;AACAqC,IAAAA,eAAe,CAACpC,IAAD,CAAf;AACAsC,IAAAA,gBAAgB,CAAC,eAAD,EAAkB2D,aAAlB,CAAhB;AACA7F,IAAAA,SAAS,CAAC,KAAD,CAAT;AACAqB,IAAAA,MAAM,CAACyE,UAAP,CAAkB,YAAM;AACtBzF,MAAAA,mBAAmB,CAACwF,aAAD,CAAnB;AACD,KAFD,EAEGtG,oBAFH;AAGD,GARuC,EAQrC,CAACyC,eAAD,EAAkBpC,IAAlB,EAAwBD,KAAxB,EAA+BuC,gBAA/B,EAAiD7B,mBAAjD,CARqC,CAAxC;AAUA,MAAM2F,iBAAiB,GAAGpF,iBAAW,CAAC,YAAM;AAC1CqB,IAAAA,YAAY,CAACrC,IAAI,CAACqG,EAAN,CAAZ;AACA/D,IAAAA,gBAAgB,CAAC,sBAAD,EAAyBtC,IAAI,CAACqG,EAA9B,CAAhB;AACAjG,IAAAA,SAAS,CAAC,KAAD,CAAT;AACA,QAAMkG,uBAAuB,GAAGC,IAAI,CAACC,GAAL,CAASzG,KAAK,GAAG,CAAjB,EAAoB,CAApB,CAAhC;AACA0B,IAAAA,MAAM,CAACyE,UAAP,CAAkB,YAAM;AACtBzF,MAAAA,mBAAmB,CAAC6F,uBAAD,CAAnB;AACD,KAFD,EAEG3G,oBAFH;AAGD,GARoC,EAQlC,CAACK,IAAD,EAAOD,KAAP,EAAcsC,YAAd,EAA4BC,gBAA5B,EAA8C7B,mBAA9C,CARkC,CAArC;AAUA,MAAMgG,aAAa,GAAGC,aAAO,CAAC,YAAM;AAClC,WACE,CACE;AACEC,MAAAA,SAAS,EAAE,oCADb;AAEEC,MAAAA,IAAI,eAAEC,eAACC,IAAD;AAAY,QAAA,SAAS,EAAC;AAAtB,QAFR;AAGET,MAAAA,EAAE,EAAE,eAHN;AAIEU,MAAAA,SAAS,EAAE,IAJb;AAKEC,MAAAA,OAAO,EAAEhB,iBALX;AAMEiB,MAAAA,aAAa,EAAE,6CANjB;AAOEC,MAAAA,KAAK,EAAE1E;AAPT,KADF,EAUE;AACEmE,MAAAA,SAAS,EAAE,oCADb;AAEEC,MAAAA,IAAI,eAAEC,eAACM,SAAD;AAAiB,QAAA,SAAS,EAAC;AAA3B,QAFR;AAGEd,MAAAA,EAAE,EAAE,iBAHN;AAIEU,MAAAA,SAAS,EAAE,IAJb;AAKEC,MAAAA,OAAO,EAAEb,oBALX;AAMEc,MAAAA,aAAa,EAAE,mDANjB;AAOEC,MAAAA,KAAK,EAAExE;AAPT,KAVF,EAmBE;AACEiE,MAAAA,SAAS,EAAE,oCADb;AAEEC,MAAAA,IAAI,eAAEC,eAACO,KAAD;AAAa,QAAA,SAAS,EAAC;AAAvB,QAFR;AAGEf,MAAAA,EAAE,EAAE,cAHN;AAIEU,MAAAA,SAAS,EAAE,IAJb;AAKEC,MAAAA,OAAO,EAAEZ,iBALX;AAMEa,MAAAA,aAAa,EAAE,gDANjB;AAOEC,MAAAA,KAAK,EAAEzE;AAPT,KAnBF,CADF;AA+BD,GAhC4B,EAgC1B,CAACuD,iBAAD,EAAoBG,oBAApB,EAA0CC,iBAA1C,EAA6D5D,aAA7D,EAA4EE,eAA5E,EAA6FD,YAA7F,CAhC0B,CAA7B;AAkCA,MAAM4E,cAAc,GAAGrG,iBAAW,CAAC,UAAAC,CAAC,EAAI;AACtCb,IAAAA,SAAS,CAAC,IAAD,CAAT;AACAW,IAAAA,mBAAmB,CAACE,CAAD,EAAI,IAAJ,CAAnB;AACD,GAHiC,EAG/B,CAACF,mBAAD,CAH+B,CAAlC;AAKAuG,EAAAA,yBAAmB,CAACxH,GAAD,EAAM,YAAM;AAC7B,WAAO;AACLuH,MAAAA,cAAc,EAAdA;AADK,KAAP;AAGD,GAJkB,EAIhB,CAACA,cAAD,CAJgB,CAAnB;;AAMA,MAAME,MAAM,mCAAQzD,cAAR,GAA4BhD,QAAQ,GAAGoE,kBAAH,GAAwBH,YAA5D,CAAZ;;AAEA,sBACEyC;AAAA,eACI1G,QAAQ,IAAIb,QAAb,iBACC4G;AACE,MAAA,IAAI,EAAC;AADP,OAEMjC,iBAAiB,EAFvB;AAGE,MAAA,GAAG,EAAEb,IAAI,CAAC0D,YAHZ;AAIE,MAAA,SAAS,EAAC,sCAJZ;AAKE,gDAAiCzH,IAAI,CAACqG,EAAtC,CALF;AAAA,6BAOEQ,eAACa,gBAAD;AAAwB,QAAA,KAAK,EAAE;AAAEC,UAAAA,UAAU,EAAE,CAAd;AAAiBlC,UAAAA,MAAM,EAAE,MAAzB;AAAiCK,UAAAA,KAAK,EAAE;AAAxC;AAA/B;AAPF,OAFJ,EAYG3F,MAAM,iBACLqH,gBAACI,oBAAD;AAAA,8BACEf,eAAC,eAAD,KADF,eAEEA;AACE,QAAA,GAAG,EAAE9C,IAAI,CAAC8D,WADZ;AAEE,QAAA,UAAU,EAAC,OAFb;AAGE,2BAAiBhD,SAHnB;AAIE,QAAA,SAAS,EAAC,+BAJZ;AAKE,QAAA,SAAS,EAAC,QALZ;AAME,QAAA,cAAc,EAAC,OANjB;AAOE,QAAA,KAAK,EAAE0C;AAPT,SAQM5C,gBAAgB,EARtB;AAAA,+BAUEkC;AACE,UAAA,SAAS,EAAC,qCADZ;AAAA,oBAGGJ,aAAa,CAACqB,GAAd,CAAkB,UAAAC,YAAY,EAAI;AACjC,mBACEA,YAAY,CAAChB,SAAb,iBAEAS;AAEE,cAAA,SAAS,EAAEO,YAAY,CAACpB,SAF1B;AAGE,cAAA,EAAE,EAAEoB,YAAY,CAAC1B,EAHnB;AAIE,cAAA,OAAO,EAAE0B,YAAY,CAACf,OAJxB;AAKE,cAAA,IAAI,EAAC,QALP;AAAA,yBAOGe,YAAY,CAACnB,IAPhB,eAQEC;AAAM,gBAAA,SAAS,aAAMkB,YAAY,CAACd,aAAnB,CAAf;AAAA,0BAAoDc,YAAY,CAACb;AAAjE,gBARF;AAAA,eACOa,YAAY,CAAC1B,EADpB,CAHF;AAeD,WAhBA;AAHH;AAVF,SAFF;AAAA,MAbJ;AAAA,IADF;AAoDD,CA1OmC;AA4OpCzG,iBAAiB,CAACoI,SAAlB,GAA8B;AAC5BjI,EAAAA,KAAK,EAAEkI,6BAAS,CAACC,MAAV,CAAiBC,UADI;AAE5BnI,EAAAA,IAAI,EAAEiI,6BAAS,CAACG,KAAV,CAAgB;AACpB/B,IAAAA,EAAE,EAAE4B,6BAAS,CAACI,MAAV,CAAiBF;AADD,GAAhB,EAEHA,UAJyB;AAK5BlI,EAAAA,QAAQ,EAAEgI,6BAAS,CAACK,IAAV,CAAeH;AALG,CAA9B;;;;"}

package/lib/cjs/components/Panels/SlidesNavigator/SlideItem.js

@@ -1,7 +1,5 @@
 'use strict';
 
-require('core-js/modules/es.object.to-string.js');
-require('core-js/modules/es.regexp.to-string.js');
 var React = require('react');
 var framerMotion = require('framer-motion');
 var sortable = require('@dnd-kit/sortable');

package/lib/cjs/components/Panels/SlidesNavigator/SlideItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideItem.js","sources":["../../../../../src/components/Panels/SlidesNavigator/SlideItem.js"],"sourcesContent":["import {\n  memo, useCallback, useMemo, useRef,\n} from 'react';\nimport { motion } from 'framer-motion';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport PropTypes from 'prop-types';\nimport StaticSlideItem from './StaticSlideItem';\nimport SlideItemMoreMenu from './MoreMenu/SlideItemMoreMenu';\nimport { emptyFunction } from '../../../utils/functions';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport { usePropStore } from '../../../contexts/PropContext';\n\nconst slideRevealTransition = {\n  duration: 0.25,\n  ease: [0.2, 0, 0.2, 1],\n};\n\nconst SlideItem = ({\n  id,\n  onPageClick,\n  order,\n  page,\n  reportHeight,\n  reportWidth,\n  style,\n}) => {\n  const moreMenuRef = useRef(null);\n  const setVisiblePageOrder = useBuilderStore(state => state.setVisiblePageOrder);\n  const visiblePageOrder = useBuilderStore(state => state.visiblePageOrder);\n  const reportBackgroundColor = usePropStore(state => state.settings?.reportBackgroundColor);\n  const selected = visiblePageOrder === order;\n\n  const {\n    attributes,\n    isDragging,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({ id });\n\n  const itemClickHandler = useCallback(e => {\n    setVisiblePageOrder(order);\n    onPageClick?.(e);\n  }, [onPageClick, setVisiblePageOrder, order]);\n\n  const handleContextMenu = useCallback(e => {\n    e.preventDefault();\n    moreMenuRef.current?.handleOpenMenu(e);\n  }, []);\n\n  const dragStyle = useMemo(() => {\n    const baseStyle = {\n      opacity: isDragging ? 0.5 : 1,\n      transform: CSS.Transform.toString(transform),\n      transition: transition,\n    };\n\n    return { ...baseStyle, ...style };\n  }, [transform, transition, isDragging, style]);\n\n  return (\n    <div\n      ref={setNodeRef}\n      className={`slides-navigator-item${selected ? ' selected' : ''}`}\n      data-id={page.id}\n      data-order={order}\n      onClick={itemClickHandler}\n      onContextMenu={handleContextMenu}\n      onKeyDown={emptyFunction}\n      style={dragStyle}\n      {...attributes}\n      {...listeners}\n    >\n      <motion.div\n        className=\"slides-navigator-item-motion\"\n        initial={{ opacity: 0.25, scale: 0.95 }}\n        transition={slideRevealTransition}\n        viewport={{ amount: 0.2, once: true }}\n        whileInView={{ opacity: 1, scale: 1 }}\n      >\n        <div className=\"slides-navigator-item-order\">{order}</div>\n        <div\n          className=\"slides-navigator-item-content\"\n        >\n          <StaticSlideItem\n            backgroundColor={page.backgroundColor || reportBackgroundColor || '#fff'}\n            items={page.items}\n            reportHeight={reportHeight}\n            reportWidth={reportWidth}\n          />\n        </div>\n        <SlideItemMoreMenu\n          ref={moreMenuRef}\n          order={order}\n          page={page}\n          selected={selected}\n        />\n      </motion.div>\n    </div>\n  );\n};\n\nSlideItem.propTypes = {\n  id: PropTypes.string.isRequired,\n  onPageClick: PropTypes.func,\n  order: PropTypes.number,\n  page: PropTypes.shape({\n    backgroundColor: PropTypes.string,\n    id: PropTypes.string.isRequired,\n    items: PropTypes.arrayOf(PropTypes.shape({})),\n  }),\n  reportHeight: PropTypes.number.isRequired,\n  reportWidth: PropTypes.number.isRequired,\n  style: PropTypes.shape({\n    opacity: PropTypes.number,\n    transform: PropTypes.string,\n    transition: PropTypes.string,\n  }),\n};\n\nfunction slideItemPropsAreEqual(prevProps, nextProps) {\n  return prevProps.id === nextProps.id\n    && prevProps.order === nextProps.order\n    && prevProps.page === nextProps.page\n    && prevProps.reportHeight === nextProps.reportHeight\n    && prevProps.reportWidth === nextProps.reportWidth\n    && prevProps.style === nextProps.style\n    && prevProps.onPageClick === nextProps.onPageClick;\n}\n\nexport default memo(SlideItem, slideItemPropsAreEqual);\n"],"names":["slideRevealTransition","duration","ease","SlideItem","id","onPageClick","order","page","reportHeight","reportWidth","style","moreMenuRef","useRef","setVisiblePageOrder","useBuilderStore","state","visiblePageOrder","reportBackgroundColor","usePropStore","settings","selected","useSortable","attributes","isDragging","listeners","setNodeRef","transform","transition","itemClickHandler","useCallback","e","handleContextMenu","preventDefault","current","handleOpenMenu","dragStyle","useMemo","baseStyle","opacity","CSS","Transform","toString","_jsx","emptyFunction","_jsxs","motion","scale","amount","once","backgroundColor","items","propTypes","PropTypes","string","isRequired","func","number","shape","arrayOf","slideItemPropsAreEqual","prevProps","nextProps","memo"],"mappings":"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"}
+{"version":3,"file":"SlideItem.js","sources":["../../../../../src/components/Panels/SlidesNavigator/SlideItem.js"],"sourcesContent":["import {\n  memo, useCallback, useMemo, useRef,\n} from 'react';\nimport { motion } from 'framer-motion';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport PropTypes from 'prop-types';\nimport StaticSlideItem from './StaticSlideItem';\nimport SlideItemMoreMenu from './MoreMenu/SlideItemMoreMenu';\nimport { emptyFunction } from '../../../utils/functions';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport { usePropStore } from '../../../contexts/PropContext';\n\nconst slideRevealTransition = {\n  duration: 0.25,\n  ease: [0.2, 0, 0.2, 1],\n};\n\nconst SlideItem = ({\n  id,\n  onPageClick,\n  order,\n  page,\n  reportHeight,\n  reportWidth,\n  style,\n}) => {\n  const moreMenuRef = useRef(null);\n  const setVisiblePageOrder = useBuilderStore(state => state.setVisiblePageOrder);\n  const visiblePageOrder = useBuilderStore(state => state.visiblePageOrder);\n  const reportBackgroundColor = usePropStore(state => state.settings?.reportBackgroundColor);\n  const selected = visiblePageOrder === order;\n\n  const {\n    attributes,\n    isDragging,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({ id });\n\n  const itemClickHandler = useCallback(e => {\n    setVisiblePageOrder(order);\n    onPageClick?.(e);\n  }, [onPageClick, setVisiblePageOrder, order]);\n\n  const handleContextMenu = useCallback(e => {\n    e.preventDefault();\n    moreMenuRef.current?.handleOpenMenu(e);\n  }, []);\n\n  const dragStyle = useMemo(() => {\n    const baseStyle = {\n      opacity: isDragging ? 0.5 : 1,\n      transform: CSS.Transform.toString(transform),\n      transition: transition,\n    };\n\n    return { ...baseStyle, ...style };\n  }, [transform, transition, isDragging, style]);\n\n  return (\n    <div\n      ref={setNodeRef}\n      className={`slides-navigator-item${selected ? ' selected' : ''}`}\n      data-id={page.id}\n      data-order={order}\n      onClick={itemClickHandler}\n      onContextMenu={handleContextMenu}\n      onKeyDown={emptyFunction}\n      style={dragStyle}\n      {...attributes}\n      {...listeners}\n    >\n      <motion.div\n        className=\"slides-navigator-item-motion\"\n        initial={{ opacity: 0.25, scale: 0.95 }}\n        transition={slideRevealTransition}\n        viewport={{ amount: 0.2, once: true }}\n        whileInView={{ opacity: 1, scale: 1 }}\n      >\n        <div className=\"slides-navigator-item-order\">{order}</div>\n        <div\n          className=\"slides-navigator-item-content\"\n        >\n          <StaticSlideItem\n            backgroundColor={page.backgroundColor || reportBackgroundColor || '#fff'}\n            items={page.items}\n            reportHeight={reportHeight}\n            reportWidth={reportWidth}\n          />\n        </div>\n        <SlideItemMoreMenu\n          ref={moreMenuRef}\n          order={order}\n          page={page}\n          selected={selected}\n        />\n      </motion.div>\n    </div>\n  );\n};\n\nSlideItem.propTypes = {\n  id: PropTypes.string.isRequired,\n  onPageClick: PropTypes.func,\n  order: PropTypes.number,\n  page: PropTypes.shape({\n    backgroundColor: PropTypes.string,\n    id: PropTypes.string.isRequired,\n    items: PropTypes.arrayOf(PropTypes.shape({})),\n  }),\n  reportHeight: PropTypes.number.isRequired,\n  reportWidth: PropTypes.number.isRequired,\n  style: PropTypes.shape({\n    opacity: PropTypes.number,\n    transform: PropTypes.string,\n    transition: PropTypes.string,\n  }),\n};\n\nfunction slideItemPropsAreEqual(prevProps, nextProps) {\n  return prevProps.id === nextProps.id\n    && prevProps.order === nextProps.order\n    && prevProps.page === nextProps.page\n    && prevProps.reportHeight === nextProps.reportHeight\n    && prevProps.reportWidth === nextProps.reportWidth\n    && prevProps.style === nextProps.style\n    && prevProps.onPageClick === nextProps.onPageClick;\n}\n\nexport default memo(SlideItem, slideItemPropsAreEqual);\n"],"names":["slideRevealTransition","duration","ease","SlideItem","id","onPageClick","order","page","reportHeight","reportWidth","style","moreMenuRef","useRef","setVisiblePageOrder","useBuilderStore","state","visiblePageOrder","reportBackgroundColor","usePropStore","settings","selected","useSortable","attributes","isDragging","listeners","setNodeRef","transform","transition","itemClickHandler","useCallback","e","handleContextMenu","preventDefault","current","handleOpenMenu","dragStyle","useMemo","baseStyle","opacity","CSS","Transform","toString","_jsx","emptyFunction","_jsxs","motion","scale","amount","once","backgroundColor","items","propTypes","PropTypes","string","isRequired","func","number","shape","arrayOf","slideItemPropsAreEqual","prevProps","nextProps","memo"],"mappings":"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"}

package/lib/cjs/components/Panels/SlidesNavigator/SlideItemsList.js

@@ -1,8 +1,5 @@
 'use strict';
 
-require('core-js/modules/es.array.find.js');
-require('core-js/modules/es.array.find-index.js');
-require('core-js/modules/es.array.map.js');
 var React = require('react');
 var core = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');

package/lib/cjs/components/Panels/SlidesNavigator/SlideItemsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideItemsList.js","sources":["../../../../../src/components/Panels/SlidesNavigator/SlideItemsList.js"],"sourcesContent":["import {\n  forwardRef, useCallback, useEffect, useMemo, useRef, useState,\n} from 'react';\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  useSensor,\n  useSensors,\n  MouseSensor,\n  TouchSensor,\n} from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy, sortableKeyboardCoordinates } from '@dnd-kit/sortable';\nimport { Virtuoso } from 'react-virtuoso';\nimport PropTypes from 'prop-types';\nimport { usePropStore } from '../../../contexts/PropContext';\nimport { arrayMove, scrollToTarget } from '../../../utils/functions';\nimport SlideItem from './SlideItem';\nimport SlideItemDragOverlay from './SlideItemDragOverlay';\n\nconst ITEM_HEIGHT = 90.5;\n\nconst slideItemFixedStyle = { height: ITEM_HEIGHT };\n\nconst SlidesNavigatorVirtuosoList = forwardRef(({ children, style, ...rest }, ref) => (\n  <div\n    ref={ref}\n    className=\"slides-navigator-virtuoso-list\"\n    style={style}\n    {...rest}\n  >\n    {children}\n  </div>\n));\n\nSlidesNavigatorVirtuosoList.displayName = 'SlidesNavigatorVirtuosoList';\n\nSlidesNavigatorVirtuosoList.propTypes = {\n  children: PropTypes.node,\n  style: PropTypes.shape({}),\n};\n\nconst virtuosoComponents = { List: SlidesNavigatorVirtuosoList };\n\nconst SlideItemsList = () => {\n  const pages = usePropStore(state => state.pages);\n  const settings = usePropStore(state => state.settings);\n  const onPageOrdersChange = usePropStore(state => state.onPageOrdersChange);\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n\n  const virtuosoRef = useRef(null);\n  const [activeId, setActiveId] = useState(null);\n  const [localPages, setLocalPages] = useState(pages);\n\n  useEffect(() => {\n    setLocalPages(pages);\n  }, [pages]);\n\n  const {\n    reportLayout = 'A4 Landscape',\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = settings;\n\n  const reportWidth = parseInt(reportLayoutWidth, 10);\n  const reportHeight = parseInt(reportLayoutHeight, 10);\n\n  const sensors = useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        delay: 300,\n        tolerance: 8,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const items = useMemo(() => localPages.map(page => page.id), [localPages]);\n\n  const onPageClick = useCallback(e => {\n    const order = e.currentTarget.getAttribute('data-order');\n    if (order) {\n      scrollToTarget(`pageActions-id-${order}`, 100, {\n        behavior: 'smooth',\n        block: 'start',\n      });\n    }\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 = localPages.findIndex(p => p.id === active.id);\n      const newIndex = localPages.findIndex(p => p.id === over.id);\n      if (oldIndex === -1 || newIndex === -1) return;\n\n      const reordered = arrayMove(localPages, oldIndex, newIndex);\n      const withOrders = reordered.map((page, i) => {\n        const nextOrder = i + 1;\n        return page.order === nextOrder ? page : { ...page, order: nextOrder };\n      });\n\n      setLocalPages(withOrders);\n\n      const newPageOrders = reordered.reduce((acc, page, index) => {\n        acc[page.id] = { order: index + 1 };\n        return acc;\n      }, {});\n\n      onPageOrdersChange(newPageOrders);\n      onAnEventTrigger('sortPageFromSlides');\n    }\n  }, [localPages, onPageOrdersChange, onAnEventTrigger]);\n\n  const handleDragCancel = useCallback(() => {\n    setActiveId(null);\n  }, []);\n\n  const activePageData = useMemo(() => {\n    if (!activeId) return null;\n    const page = localPages.find(p => p.id === activeId);\n    if (!page) return null;\n\n    return { page, reportHeight, reportWidth };\n  }, [activeId, localPages, reportWidth, reportHeight]);\n\n  const virtuosoStyle = useMemo(() => ({\n    height: '100%',\n    scrollbarWidth: 'none',\n    width: '100%',\n  }), []);\n\n  const itemContent = useCallback(index => {\n    const page = localPages[index];\n    if (!page) return null;\n\n    return (\n      <SlideItem\n        id={page.id}\n        onPageClick={onPageClick}\n        order={page.order}\n        page={page}\n        reportHeight={reportHeight}\n        reportWidth={reportWidth}\n        style={slideItemFixedStyle}\n      />\n    );\n  }, [localPages, onPageClick, reportHeight, reportWidth]);\n\n  const reportLayoutLowercase = useMemo(() => reportLayout?.toLocaleLowerCase() ?? '', [reportLayout]);\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={verticalListSortingStrategy}\n      >\n        <Virtuoso\n          ref={virtuosoRef}\n          className=\"slides-navigator-item-list\"\n          components={virtuosoComponents}\n          computeItemKey={index => localPages[index]?.id ?? index}\n          data-report-layout={reportLayoutLowercase}\n          fixedItemHeight={ITEM_HEIGHT}\n          itemContent={itemContent}\n          style={virtuosoStyle}\n          totalCount={localPages.length}\n        />\n      </SortableContext>\n      <SlideItemDragOverlay activePageData={activePageData} />\n    </DndContext>\n  );\n};\n\nexport default SlideItemsList;\n"],"names":["ITEM_HEIGHT","slideItemFixedStyle","height","SlidesNavigatorVirtuosoList","forwardRef","ref","children","style","rest","_jsx","displayName","propTypes","PropTypes","node","shape","virtuosoComponents","List","SlideItemsList","pages","usePropStore","state","settings","onPageOrdersChange","onAnEventTrigger","virtuosoRef","useRef","useState","activeId","setActiveId","localPages","setLocalPages","useEffect","reportLayout","reportLayoutHeight","reportLayoutWidth","reportWidth","parseInt","reportHeight","sensors","useSensors","useSensor","MouseSensor","activationConstraint","distance","TouchSensor","delay","tolerance","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","items","useMemo","map","page","id","onPageClick","useCallback","e","order","currentTarget","getAttribute","scrollToTarget","behavior","block","handleDragStart","event","active","handleDragEnd","over","oldIndex","findIndex","p","newIndex","reordered","arrayMove","withOrders","i","nextOrder","newPageOrders","reduce","acc","index","handleDragCancel","activePageData","find","virtuosoStyle","scrollbarWidth","width","itemContent","reportLayoutLowercase","toLocaleLowerCase","_jsxs","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","Virtuoso","length"],"mappings":"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"}
+{"version":3,"file":"SlideItemsList.js","sources":["../../../../../src/components/Panels/SlidesNavigator/SlideItemsList.js"],"sourcesContent":["import {\n  forwardRef, useCallback, useEffect, useMemo, useRef, useState,\n} from 'react';\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  useSensor,\n  useSensors,\n  MouseSensor,\n  TouchSensor,\n} from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy, sortableKeyboardCoordinates } from '@dnd-kit/sortable';\nimport { Virtuoso } from 'react-virtuoso';\nimport PropTypes from 'prop-types';\nimport { usePropStore } from '../../../contexts/PropContext';\nimport { arrayMove, scrollToTarget } from '../../../utils/functions';\nimport SlideItem from './SlideItem';\nimport SlideItemDragOverlay from './SlideItemDragOverlay';\n\nconst ITEM_HEIGHT = 90.5;\n\nconst slideItemFixedStyle = { height: ITEM_HEIGHT };\n\nconst SlidesNavigatorVirtuosoList = forwardRef(({ children, style, ...rest }, ref) => (\n  <div\n    ref={ref}\n    className=\"slides-navigator-virtuoso-list\"\n    style={style}\n    {...rest}\n  >\n    {children}\n  </div>\n));\n\nSlidesNavigatorVirtuosoList.displayName = 'SlidesNavigatorVirtuosoList';\n\nSlidesNavigatorVirtuosoList.propTypes = {\n  children: PropTypes.node,\n  style: PropTypes.shape({}),\n};\n\nconst virtuosoComponents = { List: SlidesNavigatorVirtuosoList };\n\nconst SlideItemsList = () => {\n  const pages = usePropStore(state => state.pages);\n  const settings = usePropStore(state => state.settings);\n  const onPageOrdersChange = usePropStore(state => state.onPageOrdersChange);\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n\n  const virtuosoRef = useRef(null);\n  const [activeId, setActiveId] = useState(null);\n  const [localPages, setLocalPages] = useState(pages);\n\n  useEffect(() => {\n    setLocalPages(pages);\n  }, [pages]);\n\n  const {\n    reportLayout = 'A4 Landscape',\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = settings;\n\n  const reportWidth = parseInt(reportLayoutWidth, 10);\n  const reportHeight = parseInt(reportLayoutHeight, 10);\n\n  const sensors = useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        delay: 300,\n        tolerance: 8,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const items = useMemo(() => localPages.map(page => page.id), [localPages]);\n\n  const onPageClick = useCallback(e => {\n    const order = e.currentTarget.getAttribute('data-order');\n    if (order) {\n      scrollToTarget(`pageActions-id-${order}`, 100, {\n        behavior: 'smooth',\n        block: 'start',\n      });\n    }\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 = localPages.findIndex(p => p.id === active.id);\n      const newIndex = localPages.findIndex(p => p.id === over.id);\n      if (oldIndex === -1 || newIndex === -1) return;\n\n      const reordered = arrayMove(localPages, oldIndex, newIndex);\n      const withOrders = reordered.map((page, i) => {\n        const nextOrder = i + 1;\n        return page.order === nextOrder ? page : { ...page, order: nextOrder };\n      });\n\n      setLocalPages(withOrders);\n\n      const newPageOrders = reordered.reduce((acc, page, index) => {\n        acc[page.id] = { order: index + 1 };\n        return acc;\n      }, {});\n\n      onPageOrdersChange(newPageOrders);\n      onAnEventTrigger('sortPageFromSlides');\n    }\n  }, [localPages, onPageOrdersChange, onAnEventTrigger]);\n\n  const handleDragCancel = useCallback(() => {\n    setActiveId(null);\n  }, []);\n\n  const activePageData = useMemo(() => {\n    if (!activeId) return null;\n    const page = localPages.find(p => p.id === activeId);\n    if (!page) return null;\n\n    return { page, reportHeight, reportWidth };\n  }, [activeId, localPages, reportWidth, reportHeight]);\n\n  const virtuosoStyle = useMemo(() => ({\n    height: '100%',\n    scrollbarWidth: 'none',\n    width: '100%',\n  }), []);\n\n  const itemContent = useCallback(index => {\n    const page = localPages[index];\n    if (!page) return null;\n\n    return (\n      <SlideItem\n        id={page.id}\n        onPageClick={onPageClick}\n        order={page.order}\n        page={page}\n        reportHeight={reportHeight}\n        reportWidth={reportWidth}\n        style={slideItemFixedStyle}\n      />\n    );\n  }, [localPages, onPageClick, reportHeight, reportWidth]);\n\n  const reportLayoutLowercase = useMemo(() => reportLayout?.toLocaleLowerCase() ?? '', [reportLayout]);\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={verticalListSortingStrategy}\n      >\n        <Virtuoso\n          ref={virtuosoRef}\n          className=\"slides-navigator-item-list\"\n          components={virtuosoComponents}\n          computeItemKey={index => localPages[index]?.id ?? index}\n          data-report-layout={reportLayoutLowercase}\n          fixedItemHeight={ITEM_HEIGHT}\n          itemContent={itemContent}\n          style={virtuosoStyle}\n          totalCount={localPages.length}\n        />\n      </SortableContext>\n      <SlideItemDragOverlay activePageData={activePageData} />\n    </DndContext>\n  );\n};\n\nexport default SlideItemsList;\n"],"names":["ITEM_HEIGHT","slideItemFixedStyle","height","SlidesNavigatorVirtuosoList","forwardRef","ref","children","style","rest","_jsx","displayName","propTypes","PropTypes","node","shape","virtuosoComponents","List","SlideItemsList","pages","usePropStore","state","settings","onPageOrdersChange","onAnEventTrigger","virtuosoRef","useRef","useState","activeId","setActiveId","localPages","setLocalPages","useEffect","reportLayout","reportLayoutHeight","reportLayoutWidth","reportWidth","parseInt","reportHeight","sensors","useSensors","useSensor","MouseSensor","activationConstraint","distance","TouchSensor","delay","tolerance","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","items","useMemo","map","page","id","onPageClick","useCallback","e","order","currentTarget","getAttribute","scrollToTarget","behavior","block","handleDragStart","event","active","handleDragEnd","over","oldIndex","findIndex","p","newIndex","reordered","arrayMove","withOrders","i","nextOrder","newPageOrders","reduce","acc","index","handleDragCancel","activePageData","find","virtuosoStyle","scrollbarWidth","width","itemContent","reportLayoutLowercase","toLocaleLowerCase","_jsxs","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","Virtuoso","length"],"mappings":"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"}

package/lib/cjs/components/Panels/SlidesNavigator/StaticSlideItem.js

@@ -1,7 +1,5 @@
 'use strict';
 
-require('core-js/modules/es.array.filter.js');
-require('core-js/modules/es.array.map.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var classNames = require('../../../constants/classNames.js');

package/lib/cjs/components/Panels/SlidesNavigator/StaticSlideItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticSlideItem.js","sources":["../../../../../src/components/Panels/SlidesNavigator/StaticSlideItem.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as classNames from '../../../constants/classNames';\nimport ReportItemRenderer from '../../Builder/ReportItemRenderer';\nimport StaticItem from '../../Preview/StaticItem';\nimport ErrorBoundary from '../../ErrorBoundary/ErrorBoundary';\nimport { usePropStore } from '../../../contexts/PropContext';\n\nconst THUMBNAIL_MAX_WIDTH = 124;\nconst THUMBNAIL_MAX_HEIGHT = 88.5;\n\nconst wrapperStyle = {\n  height: '100%',\n  overflow: 'hidden',\n  position: 'relative',\n  width: '100%',\n};\n\nconst StaticSlideItem = ({\n  backgroundColor,\n  items = [],\n  reportHeight,\n  reportWidth,\n}) => {\n  const itemAccessor = usePropStore(state => state.itemAccessor);\n  const additionalPageItems = usePropStore(state => state.additionalPageItems);\n\n  const containerStyle = useMemo(() => {\n    const scale = Math.min(\n      THUMBNAIL_MAX_WIDTH / reportWidth,\n      THUMBNAIL_MAX_HEIGHT / reportHeight,\n    );\n\n    const scaledWidth = reportWidth * scale;\n    const scaledHeight = reportHeight * scale;\n\n    return {\n      backgroundColor: backgroundColor || '#fff',\n      borderRadius: '4px',\n      height: reportHeight,\n      left: (THUMBNAIL_MAX_WIDTH - scaledWidth) / 2,\n      position: 'absolute',\n      top: (THUMBNAIL_MAX_HEIGHT - scaledHeight) / 2,\n      transform: `scale(${scale})`,\n      transformOrigin: '0 0',\n      width: reportWidth,\n    };\n  }, [reportWidth, reportHeight, backgroundColor]);\n\n  return (\n    <div style={wrapperStyle}>\n      <ErrorBoundary\n        isStatic={true}\n        level=\"page\"\n      >\n        <div\n          className={classNames.pageContainer}\n          style={containerStyle}\n        >\n          <div className=\"jfReport-hider o-hidden f-all p-relative\">\n            {items.filter(item => (\n              item.isVisible !== undefined\n                ? item.isVisible\n                : true\n            )).map(item => {\n              return (\n                <StaticItem\n                  key={item.id}\n                  item={item}\n                >\n                  <ReportItemRenderer\n                    item={item}\n                  >\n                    {(ReportItem, mergedItem) => (\n                      <ReportItem\n                        isThumbnail\n                        item={mergedItem}\n                        itemAccessor={itemAccessor}\n                      />\n                    )}\n                  </ReportItemRenderer>\n                </StaticItem>\n              );\n            })}\n            {additionalPageItems}\n          </div>\n        </div>\n      </ErrorBoundary>\n    </div>\n  );\n};\n\nStaticSlideItem.propTypes = {\n  backgroundColor: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  reportHeight: PropTypes.number.isRequired,\n  reportWidth: PropTypes.number.isRequired,\n};\n\nexport default memo(StaticSlideItem);\n"],"names":["THUMBNAIL_MAX_WIDTH","THUMBNAIL_MAX_HEIGHT","wrapperStyle","height","overflow","position","width","StaticSlideItem","backgroundColor","items","reportHeight","reportWidth","itemAccessor","usePropStore","state","additionalPageItems","containerStyle","useMemo","scale","Math","min","scaledWidth","scaledHeight","borderRadius","left","top","transform","transformOrigin","_jsx","classNames","_jsxs","filter","item","isVisible","undefined","map","ReportItem","mergedItem","id","propTypes","PropTypes","string","arrayOf","shape","number","isRequired","memo"],"mappings":"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"}
+{"version":3,"file":"StaticSlideItem.js","sources":["../../../../../src/components/Panels/SlidesNavigator/StaticSlideItem.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as classNames from '../../../constants/classNames';\nimport ReportItemRenderer from '../../Builder/ReportItemRenderer';\nimport StaticItem from '../../Preview/StaticItem';\nimport ErrorBoundary from '../../ErrorBoundary/ErrorBoundary';\nimport { usePropStore } from '../../../contexts/PropContext';\n\nconst THUMBNAIL_MAX_WIDTH = 124;\nconst THUMBNAIL_MAX_HEIGHT = 88.5;\n\nconst wrapperStyle = {\n  height: '100%',\n  overflow: 'hidden',\n  position: 'relative',\n  width: '100%',\n};\n\nconst StaticSlideItem = ({\n  backgroundColor,\n  items = [],\n  reportHeight,\n  reportWidth,\n}) => {\n  const itemAccessor = usePropStore(state => state.itemAccessor);\n  const additionalPageItems = usePropStore(state => state.additionalPageItems);\n\n  const containerStyle = useMemo(() => {\n    const scale = Math.min(\n      THUMBNAIL_MAX_WIDTH / reportWidth,\n      THUMBNAIL_MAX_HEIGHT / reportHeight,\n    );\n\n    const scaledWidth = reportWidth * scale;\n    const scaledHeight = reportHeight * scale;\n\n    return {\n      backgroundColor: backgroundColor || '#fff',\n      borderRadius: '4px',\n      height: reportHeight,\n      left: (THUMBNAIL_MAX_WIDTH - scaledWidth) / 2,\n      position: 'absolute',\n      top: (THUMBNAIL_MAX_HEIGHT - scaledHeight) / 2,\n      transform: `scale(${scale})`,\n      transformOrigin: '0 0',\n      width: reportWidth,\n    };\n  }, [reportWidth, reportHeight, backgroundColor]);\n\n  return (\n    <div style={wrapperStyle}>\n      <ErrorBoundary\n        isStatic={true}\n        level=\"page\"\n      >\n        <div\n          className={classNames.pageContainer}\n          style={containerStyle}\n        >\n          <div className=\"jfReport-hider o-hidden f-all p-relative\">\n            {items.filter(item => (\n              item.isVisible !== undefined\n                ? item.isVisible\n                : true\n            )).map(item => {\n              return (\n                <StaticItem\n                  key={item.id}\n                  item={item}\n                >\n                  <ReportItemRenderer\n                    item={item}\n                  >\n                    {(ReportItem, mergedItem) => (\n                      <ReportItem\n                        isThumbnail\n                        item={mergedItem}\n                        itemAccessor={itemAccessor}\n                      />\n                    )}\n                  </ReportItemRenderer>\n                </StaticItem>\n              );\n            })}\n            {additionalPageItems}\n          </div>\n        </div>\n      </ErrorBoundary>\n    </div>\n  );\n};\n\nStaticSlideItem.propTypes = {\n  backgroundColor: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  reportHeight: PropTypes.number.isRequired,\n  reportWidth: PropTypes.number.isRequired,\n};\n\nexport default memo(StaticSlideItem);\n"],"names":["THUMBNAIL_MAX_WIDTH","THUMBNAIL_MAX_HEIGHT","wrapperStyle","height","overflow","position","width","StaticSlideItem","backgroundColor","items","reportHeight","reportWidth","itemAccessor","usePropStore","state","additionalPageItems","containerStyle","useMemo","scale","Math","min","scaledWidth","scaledHeight","borderRadius","left","top","transform","transformOrigin","_jsx","classNames","_jsxs","filter","item","isVisible","undefined","map","ReportItem","mergedItem","id","propTypes","PropTypes","string","arrayOf","shape","number","isRequired","memo"],"mappings":"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"}