@jotforminc/dnd-builder 3.6.0 → 3.6.3

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

@@ -6,12 +6,13 @@ var react = require('@floating-ui/react');
 var PropTypes = require('prop-types');
 var hooks = require('../../../../utils/hooks.js');
 var PropContext = require('../../../../contexts/PropContext.js');
-var functions = require('../../../../utils/functions.js');
 var BuilderContext = require('../../../../contexts/BuilderContext.js');
+var MoreMenuOverlay = require('../MoreMenuOverlay.js');
 var jsxRuntime = require('react/jsx-runtime');
 var plus = require('../../../../assets/svg/plus.svg.js');
 var duplicate = require('../../../../assets/svg/duplicate.svg.js');
 var trash = require('../../../../assets/svg/trash.svg.js');
+var ellipsisVertical = require('../../../../assets/svg/ellipsis-vertical.svg.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,9 +35,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var PAGE_ACTIONS_SYNC_MS = 100;
 var SlideItemMoreMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var order = _ref.order,
-      page = _ref.page;
+      page = _ref.page,
+      selected = _ref.selected;
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -54,6 +57,8 @@ var SlideItemMoreMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var setVisiblePageOrder = BuilderContext.useBuilderStore(function (state) {
     return state.setVisiblePageOrder;
   });
+  var viewportWidth = hooks.useResizeListener(true);
+  var isMobile = viewportWidth > 0 && viewportWidth < 480;
   var openCardContextMenu = React.useCallback(function (e) {
     var useMousePointer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (isOpen) return;
@@ -137,7 +142,8 @@ var SlideItemMoreMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var focus = react.useFocus(context);
 
   var _useInteractions = react.useInteractions([click, dismiss, role, focus]),
-      getFloatingProps = _useInteractions.getFloatingProps;
+      getFloatingProps = _useInteractions.getFloatingProps,
+      getReferenceProps = _useInteractions.getReferenceProps;
 
   var headingId = react.useId();
   var customStyles = {
@@ -147,32 +153,52 @@ var SlideItemMoreMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     transform: 'translate(9px, 0px)',
     zIndex: '99999'
   };
-  var nextPageIndex = order + 1;
+  var mobileCustomStyles = {
+    animation: 'fadeInTop 200ms ease-in-out forwards',
+    borderBottomLeftRadius: '0px',
+    borderBottomRightRadius: '0px',
+    borderTopLeftRadius: '16px',
+    borderTopRightRadius: '16px',
+    bottom: 0,
+    boxShadow: 'rgba(37, 45, 91, 0.04) 0px 2px 4px 0px, rgba(84, 95, 111, 0.16) 0px 8px 16px 0px',
+    height: 'auto',
+    left: '0',
+    maxHeight: '100%',
+    maxWidth: '100%',
+    padding: '8px',
+    position: 'fixed',
+    top: 'unset',
+    transform: 'translate(0px, 0px)',
+    width: '100vw',
+    willChange: 'unset',
+    zIndex: '99999'
+  };
   var handleAddNewSlide = React.useCallback(function () {
-    onPageAdd(nextPageIndex);
-    onAnEventTrigger('addNewPageFromSlides', nextPageIndex);
+    var nextPageOrder = order + 1;
+    onPageAdd(nextPageOrder);
+    onAnEventTrigger('addNewPageFromSlides', nextPageOrder);
     setIsOpen(false);
-    setTimeout(function () {
-      setVisiblePageOrder(nextPageIndex);
-      functions.scrollToTarget("pageActions-id-".concat(nextPageIndex), 350);
-    }, 100);
-  }, [onPageAdd, nextPageIndex, onAnEventTrigger, setVisiblePageOrder]);
+    window.setTimeout(function () {
+      setVisiblePageOrder(nextPageOrder);
+    }, PAGE_ACTIONS_SYNC_MS);
+  }, [onPageAdd, order, onAnEventTrigger, setVisiblePageOrder]);
   var handleDuplicateSlide = React.useCallback(function () {
+    var nextPageOrder = order + 1;
     onPageDuplicate(page);
-    onAnEventTrigger('duplicatePage', nextPageIndex);
+    onAnEventTrigger('duplicatePage', nextPageOrder);
     setIsOpen(false);
-    setTimeout(function () {
-      setVisiblePageOrder(nextPageIndex);
-      functions.scrollToTarget("pageActions-id-".concat(nextPageIndex), 350);
-    }, 100);
-  }, [onPageDuplicate, page, nextPageIndex, onAnEventTrigger, setVisiblePageOrder]);
+    window.setTimeout(function () {
+      setVisiblePageOrder(nextPageOrder);
+    }, PAGE_ACTIONS_SYNC_MS);
+  }, [onPageDuplicate, page, order, onAnEventTrigger, setVisiblePageOrder]);
   var handleDeleteSlide = React.useCallback(function () {
     onPageRemove(page.id);
     onAnEventTrigger('removePageFromSlides', page.id);
     setIsOpen(false);
-    setTimeout(function () {
-      setVisiblePageOrder(Math.max(order - 1, 1));
-    }, 100);
+    var visibleOrderAfterDelete = Math.max(order - 1, 1);
+    window.setTimeout(function () {
+      setVisiblePageOrder(visibleOrderAfterDelete);
+    }, PAGE_ACTIONS_SYNC_MS);
   }, [page, order, onPageRemove, onAnEventTrigger, setVisiblePageOrder]);
   var schemaOptions = React.useMemo(function () {
     return [{
@@ -216,16 +242,32 @@ var SlideItemMoreMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       handleOpenMenu: handleOpenMenu
     };
   }, [handleOpenMenu]);
-  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: isOpen && /*#__PURE__*/jsxRuntime.jsx(react.FloatingPortal, {
-      children: /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
+
+  var styles = _objectSpread(_objectSpread({}, floatingStyles), isMobile ? mobileCustomStyles : customStyles);
+
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [isMobile && selected && /*#__PURE__*/jsxRuntime.jsx("button", _objectSpread(_objectSpread({
+      type: "button"
+    }, getReferenceProps()), {}, {
+      ref: refs.setReference,
+      className: "slides-navigator-context-menu-button",
+      "data-testid": "more-menu-button-".concat(page.id),
+      children: /*#__PURE__*/jsxRuntime.jsx(ellipsisVertical, {
+        style: {
+          flexShrink: 0,
+          height: '16px',
+          width: '14px'
+        }
+      })
+    })), isOpen && /*#__PURE__*/jsxRuntime.jsxs(react.FloatingPortal, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(MoreMenuOverlay, {}), /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
         ref: refs.setFloating,
         alignItems: "start",
         "aria-labelledby": headingId,
         className: "slides-navigator-context-menu",
         direction: "column",
         justifyContent: "start",
-        style: _objectSpread(_objectSpread({}, floatingStyles), customStyles)
+        style: styles
       }, getFloatingProps()), {}, {
         children: /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "slides-navigator-context-menu-items",
@@ -242,15 +284,16 @@ var SlideItemMoreMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
             }, schemaOption.id);
           })
         })
-      }))
-    })
+      }))]
+    })]
   });
 });
 SlideItemMoreMenu.propTypes = {
   order: PropTypes__default['default'].number.isRequired,
   page: PropTypes__default['default'].shape({
     id: PropTypes__default['default'].string.isRequired
-  }).isRequired
+  }).isRequired,
+  selected: PropTypes__default['default'].bool.isRequired
 };
 
 module.exports = SlideItemMoreMenu;

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 { useTranslatedTexts } from '../../../../utils/hooks';\nimport { usePropStore } from '../../../../contexts/PropContext';\nimport { scrollToTarget } from '../../../../utils/functions';\nimport { useBuilderStore } from '../../../../contexts/BuilderContext';\n\nconst SlideItemMoreMenu = forwardRef(({ order, page }, ref) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [rectPosition, setRectPosition] = useState({ left: 0, top: 0 });\n  const setVisiblePageOrder = useBuilderStore(state => state.setVisiblePageOrder);\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 } = 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 nextPageIndex = order + 1;\n\n  const handleAddNewSlide = useCallback(() => {\n    onPageAdd(nextPageIndex);\n    onAnEventTrigger('addNewPageFromSlides', nextPageIndex);\n    setIsOpen(false);\n    setTimeout(() => {\n      setVisiblePageOrder(nextPageIndex);\n      scrollToTarget(`pageActions-id-${nextPageIndex}`, 350);\n    }, 100);\n  }, [onPageAdd, nextPageIndex, onAnEventTrigger, setVisiblePageOrder]);\n\n  const handleDuplicateSlide = useCallback(() => {\n    onPageDuplicate(page);\n    onAnEventTrigger('duplicatePage', nextPageIndex);\n    setIsOpen(false);\n    setTimeout(() => {\n      setVisiblePageOrder(nextPageIndex);\n      scrollToTarget(`pageActions-id-${nextPageIndex}`, 350);\n    }, 100);\n  }, [onPageDuplicate, page, nextPageIndex, onAnEventTrigger, setVisiblePageOrder]);\n\n  const handleDeleteSlide = useCallback(() => {\n    onPageRemove(page.id);\n    onAnEventTrigger('removePageFromSlides', page.id);\n    setIsOpen(false);\n    setTimeout(() => {\n      setVisiblePageOrder(Math.max(order - 1, 1));\n    }, 100);\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  return (\n    <>\n      {isOpen && (\n        <FloatingPortal>\n          {/* <PopoverOverlay /> */}\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={{\n              ...floatingStyles,\n              ...customStyles,\n            }}\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};\n\nexport default SlideItemMoreMenu;\n"],"names":["SlideItemMoreMenu","forwardRef","ref","order","page","useState","isOpen","setIsOpen","left","top","rectPosition","setRectPosition","setVisiblePageOrder","useBuilderStore","state","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","headingId","useId","customStyles","boxShadow","zIndex","nextPageIndex","handleAddNewSlide","setTimeout","scrollToTarget","handleDuplicateSlide","handleDeleteSlide","id","Math","max","schemaOptions","useMemo","className","icon","_jsx","icons.plus","isVisible","onClick","textClassName","title","icons.duplicate","icons.trash","handleOpenMenu","useImperativeHandle","FloatingPortal","setFloating","map","schemaOption","_jsxs","propTypes","PropTypes","number","isRequired","shape","string"],"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/MoreMenuOverlay.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var react = require('@floating-ui/react');
+var hooks = require('../../../utils/hooks.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+var MoreMenuOverlay = function MoreMenuOverlay() {
+  var viewportWidth = hooks.useResizeListener(true);
+  var isMobile = viewportWidth > 0 && viewportWidth < 480;
+  return isMobile && /*#__PURE__*/jsxRuntime.jsx(react.FloatingOverlay, {
+    className: "jfSlidesMoreMenu-overlay",
+    style: {
+      backgroundColor: 'rgba(17, 24, 39, 0.6)',
+      zIndex: 99998
+    }
+  });
+};
+
+module.exports = MoreMenuOverlay;
+//# sourceMappingURL=MoreMenuOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MoreMenuOverlay.js","sources":["../../../../../src/components/Panels/SlidesNavigator/MoreMenuOverlay.js"],"sourcesContent":["import { FloatingOverlay } from '@floating-ui/react';\nimport { useResizeListener } from '../../../utils/hooks';\n\nconst MoreMenuOverlay = () => {\n  const viewportWidth = useResizeListener(true);\n  const isMobile = viewportWidth > 0 && viewportWidth < 480;\n\n  return (\n    isMobile && (\n      <FloatingOverlay\n        className=\"jfSlidesMoreMenu-overlay\"\n        style={{\n          backgroundColor: 'rgba(17, 24, 39, 0.6)',\n          zIndex: 99998,\n        }}\n      />\n    )\n  );\n};\n\nexport default MoreMenuOverlay;\n"],"names":["MoreMenuOverlay","viewportWidth","useResizeListener","isMobile","_jsx","FloatingOverlay","backgroundColor","zIndex"],"mappings":";;;;;;IAGMA,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAC5B,MAAMC,aAAa,GAAGC,uBAAiB,CAAC,IAAD,CAAvC;AACA,MAAMC,QAAQ,GAAGF,aAAa,GAAG,CAAhB,IAAqBA,aAAa,GAAG,GAAtD;AAEA,SACEE,QAAQ,iBACNC,eAACC,qBAAD;AACE,IAAA,SAAS,EAAC,0BADZ;AAEE,IAAA,KAAK,EAAE;AACLC,MAAAA,eAAe,EAAE,uBADZ;AAELC,MAAAA,MAAM,EAAE;AAFH;AAFT,IAFJ;AAWD;;;;"}

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

@@ -36,6 +36,13 @@ var SlideItem = function SlideItem(_ref) {
       reportWidth = _ref.reportWidth,
       style = _ref.style;
   var moreMenuRef = React.useRef(null);
+  var setVisiblePageOrder = BuilderContext.useBuilderStore(function (state) {
+    return state.setVisiblePageOrder;
+  });
+  var visiblePageOrder = BuilderContext.useBuilderStore(function (state) {
+    return state.visiblePageOrder;
+  });
+  var selected = visiblePageOrder === order;
 
   var _useSortable = sortable.useSortable({
     id: id
@@ -47,16 +54,10 @@ var SlideItem = function SlideItem(_ref) {
       transform = _useSortable.transform,
       transition = _useSortable.transition;
 
-  var selected = BuilderContext.useBuilderStore(React.useCallback(function (state) {
-    return state.visiblePageOrder.toString() === order.toString();
-  }, [order]));
-  var setVisiblePageOrder = BuilderContext.useBuilderStore(function (state) {
-    return state.setVisiblePageOrder;
-  });
   var itemClickHandler = React.useCallback(function (e) {
-    onPageClick === null || onPageClick === void 0 ? void 0 : onPageClick(e);
     setVisiblePageOrder(order);
-  }, [order, onPageClick, setVisiblePageOrder]);
+    onPageClick === null || onPageClick === void 0 ? void 0 : onPageClick(e);
+  }, [onPageClick, setVisiblePageOrder, order]);
   var handleContextMenu = React.useCallback(function (e) {
     var _moreMenuRef$current;
 
@@ -110,7 +111,8 @@ var SlideItem = function SlideItem(_ref) {
       }), /*#__PURE__*/jsxRuntime.jsx(SlideItemMoreMenu, {
         ref: moreMenuRef,
         order: order,
-        page: page
+        page: page,
+        selected: selected
       })]
     })
   }));

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';\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\n  const {\n    attributes,\n    isDragging,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({ id });\n\n  const selected = useBuilderStore(\n    useCallback(\n      state => state.visiblePageOrder.toString() === order.toString(),\n      [order],\n    ),\n  );\n  const setVisiblePageOrder = useBuilderStore(state => state.setVisiblePageOrder);\n\n  const itemClickHandler = useCallback(e => {\n    onPageClick?.(e);\n    setVisiblePageOrder(order);\n  }, [order, onPageClick, setVisiblePageOrder]);\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}\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        />\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","useSortable","attributes","isDragging","listeners","setNodeRef","transform","transition","selected","useBuilderStore","useCallback","state","visiblePageOrder","toString","setVisiblePageOrder","itemClickHandler","e","handleContextMenu","preventDefault","current","handleOpenMenu","dragStyle","useMemo","baseStyle","opacity","CSS","Transform","_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';\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 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}\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","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

@@ -103,11 +103,14 @@ var SlideItemsList = function SlideItemsList() {
       reportLayoutWidth = _settings$reportLayou3 === void 0 ? 1123 : _settings$reportLayou3;
   var reportWidth = parseInt(reportLayoutWidth, 10);
   var reportHeight = parseInt(reportLayoutHeight, 10);
-  var sensors = core.useSensors(core.useSensor(core.PointerSensor, {
+  var sensors = core.useSensors(core.useSensor(core.MouseSensor, {
     activationConstraint: {
-      delay: 100,
-      distance: 0,
-      tolerance: 0.1
+      distance: 5
+    }
+  }), core.useSensor(core.TouchSensor, {
+    activationConstraint: {
+      delay: 300,
+      tolerance: 8
     }
   }), core.useSensor(core.KeyboardSensor, {
     coordinateGetter: sortable.sortableKeyboardCoordinates
@@ -121,7 +124,10 @@ var SlideItemsList = function SlideItemsList() {
     var order = e.currentTarget.getAttribute('data-order');
 
     if (order) {
-      functions.scrollToTarget("pageActions-id-".concat(order));
+      functions.scrollToTarget("pageActions-id-".concat(order), 100, {
+        behavior: 'smooth',
+        block: 'start'
+      });
     }
   }, []);
   var handleDragStart = React.useCallback(function (event) {

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  PointerSensor,\n  useSensor,\n  useSensors,\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(PointerSensor, {\n      activationConstraint: { delay: 100, distance: 0, tolerance: 0.1 },\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}`);\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\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","PointerSensor","activationConstraint","delay","distance","tolerance","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","items","useMemo","map","page","id","onPageClick","useCallback","e","order","currentTarget","getAttribute","scrollToTarget","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/SlidesNavigator.js

@@ -1,33 +1,14 @@
 'use strict';
 
 var BuilderContext = require('../../../contexts/BuilderContext.js');
-var hooks = require('../../../utils/hooks.js');
 var SlideItemsList = require('./SlideItemsList.js');
-var PropContext = require('../../../contexts/PropContext.js');
-var functions = require('../../../utils/functions.js');
+var AddSlideButton = require('./AddSlideButton.js');
 var jsxRuntime = require('react/jsx-runtime');
-var plus = require('../../../assets/svg/plus.svg.js');
 
 var SlidesNavigator = function SlidesNavigator() {
   var isSlidesNavigatorOpen = BuilderContext.useBuilderStore(function (state) {
     return state.isSlidesNavigatorOpen;
   });
-  var visiblePageOrder = BuilderContext.useBuilderStore(function (state) {
-    return state.visiblePageOrder;
-  });
-
-  var _useTranslatedTexts = hooks.useTranslatedTexts(),
-      ADD_SLIDE = _useTranslatedTexts.ADD_SLIDE;
-
-  var onPageAdd = PropContext.usePropStore(function (state) {
-    return state.onPageAdd;
-  });
-
-  var onAddItemClick = function onAddItemClick() {
-    var newPageIndex = visiblePageOrder + 1;
-    onPageAdd(newPageIndex);
-    functions.scrollToTarget("pageActions-id-".concat(newPageIndex), 350);
-  };
 
   if (!isSlidesNavigatorOpen) {
     return null;
@@ -35,18 +16,7 @@ var SlidesNavigator = function SlidesNavigator() {
 
   return /*#__PURE__*/jsxRuntime.jsxs("aside", {
     className: "slides-navigator",
-    children: [/*#__PURE__*/jsxRuntime.jsxs("button", {
-      className: "slides-navigator-add-item",
-      onClick: onAddItemClick,
-      title: ADD_SLIDE,
-      type: "button",
-      children: [/*#__PURE__*/jsxRuntime.jsx(plus, {
-        className: "slides-navigator-add-item-icon"
-      }), /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "slides-navigator-add-item-text",
-        children: ADD_SLIDE
-      })]
-    }), /*#__PURE__*/jsxRuntime.jsx(SlideItemsList, {})]
+    children: [/*#__PURE__*/jsxRuntime.jsx(AddSlideButton, {}), /*#__PURE__*/jsxRuntime.jsx(SlideItemsList, {})]
   });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"SlidesNavigator.js","sources":["../../../../../src/components/Panels/SlidesNavigator/SlidesNavigator.js"],"sourcesContent":["import { useBuilderStore } from '../../../contexts/BuilderContext';\nimport { useTranslatedTexts } from '../../../utils/hooks';\nimport SlideItemsList from './SlideItemsList';\nimport * as icons from '../../../utils/icons';\nimport { usePropStore } from '../../../contexts/PropContext';\nimport { scrollToTarget } from '../../../utils/functions';\n\nconst SlidesNavigator = () => {\n  const isSlidesNavigatorOpen = useBuilderStore(state => state.isSlidesNavigatorOpen);\n  const visiblePageOrder = useBuilderStore(state => state.visiblePageOrder);\n  const { ADD_SLIDE } = useTranslatedTexts();\n  const onPageAdd = usePropStore(state => state.onPageAdd);\n\n  const onAddItemClick = () => {\n    const newPageIndex = visiblePageOrder + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n  };\n\n  if (!isSlidesNavigatorOpen) {\n    return null;\n  }\n\n  return (\n    <aside className=\"slides-navigator\">\n      <button\n        className=\"slides-navigator-add-item\"\n        onClick={onAddItemClick}\n        title={ADD_SLIDE}\n        type=\"button\"\n      >\n        <icons.plus className=\"slides-navigator-add-item-icon\" />\n        <span className=\"slides-navigator-add-item-text\">{ADD_SLIDE}</span>\n      </button>\n      <SlideItemsList />\n    </aside>\n  );\n};\n\nexport default SlidesNavigator;\n"],"names":["SlidesNavigator","isSlidesNavigatorOpen","useBuilderStore","state","visiblePageOrder","useTranslatedTexts","ADD_SLIDE","onPageAdd","usePropStore","onAddItemClick","newPageIndex","scrollToTarget","_jsxs","_jsx","icons.plus"],"mappings":";;;;;;;;;;IAOMA,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAC5B,MAAMC,qBAAqB,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,qBAAV;AAAA,GAAN,CAA7C;AACA,MAAMG,gBAAgB,GAAGF,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,gBAAV;AAAA,GAAN,CAAxC;;AACA,4BAAsBC,wBAAkB,EAAxC;AAAA,MAAQC,SAAR,uBAAQA,SAAR;;AACA,MAAMC,SAAS,GAAGC,wBAAY,CAAC,UAAAL,KAAK;AAAA,WAAIA,KAAK,CAACI,SAAV;AAAA,GAAN,CAA9B;;AAEA,MAAME,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAMC,YAAY,GAAGN,gBAAgB,GAAG,CAAxC;AACAG,IAAAA,SAAS,CAACG,YAAD,CAAT;AACAC,IAAAA,wBAAc,0BAAmBD,YAAnB,GAAmC,GAAnC,CAAd;AACD,GAJD;;AAMA,MAAI,CAACT,qBAAL,EAA4B;AAC1B,WAAO,IAAP;AACD;;AAED,sBACEW;AAAO,IAAA,SAAS,EAAC,kBAAjB;AAAA,4BACEA;AACE,MAAA,SAAS,EAAC,2BADZ;AAEE,MAAA,OAAO,EAAEH,cAFX;AAGE,MAAA,KAAK,EAAEH,SAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,8BAMEO,eAACC,IAAD;AAAY,QAAA,SAAS,EAAC;AAAtB,QANF,eAOED;AAAM,QAAA,SAAS,EAAC,gCAAhB;AAAA,kBAAkDP;AAAlD,QAPF;AAAA,MADF,eAUEO,eAAC,cAAD,KAVF;AAAA,IADF;AAcD;;;;"}
+{"version":3,"file":"SlidesNavigator.js","sources":["../../../../../src/components/Panels/SlidesNavigator/SlidesNavigator.js"],"sourcesContent":["import { useBuilderStore } from '../../../contexts/BuilderContext';\nimport SlideItemsList from './SlideItemsList';\nimport AddSlideButton from './AddSlideButton';\n\nconst SlidesNavigator = () => {\n  const isSlidesNavigatorOpen = useBuilderStore(state => state.isSlidesNavigatorOpen);\n\n  if (!isSlidesNavigatorOpen) {\n    return null;\n  }\n\n  return (\n    <aside className=\"slides-navigator\">\n      <AddSlideButton />\n      <SlideItemsList />\n    </aside>\n  );\n};\n\nexport default SlidesNavigator;\n"],"names":["SlidesNavigator","isSlidesNavigatorOpen","useBuilderStore","state","_jsxs","_jsx"],"mappings":";;;;;;;IAIMA,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAC5B,MAAMC,qBAAqB,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,qBAAV;AAAA,GAAN,CAA7C;;AAEA,MAAI,CAACA,qBAAL,EAA4B;AAC1B,WAAO,IAAP;AACD;;AAED,sBACEG;AAAO,IAAA,SAAS,EAAC,kBAAjB;AAAA,4BACEC,eAAC,cAAD,KADF,eAEEA,eAAC,cAAD,KAFF;AAAA,IADF;AAMD;;;;"}

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

@@ -93,7 +93,7 @@ var SlidesPanel = function SlidesPanel() {
   var _useTranslatedTexts = hooks.useTranslatedTexts(),
       SLIDES = _useTranslatedTexts.SLIDES;
 
-  return functions.slidesAsPanel(slidesListType) ? /*#__PURE__*/jsxRuntime.jsxs(Panel, {
+  return functions.isSlidesListType(slidesListType, 'PANEL') ? /*#__PURE__*/jsxRuntime.jsxs(Panel, {
     additionalClassName: panelAdditionalClassName,
     onAnimationEnd: onAnimationEnd,
     children: [isRightPanelOpen ? null : /*#__PURE__*/jsxRuntime.jsx(SlidesPanelToggler, {

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

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

package/lib/cjs/components/TextEditor/TextEditor.js

@@ -47,7 +47,7 @@ var TextEditor = function TextEditor(_ref) {
   var setIsTextEditorOpen = BuilderContext.useBuilderStore(function (state) {
     return state.setIsTextEditorOpen;
   });
-  var onClick = React.useCallback(function () {
+  var onDoubleClick = React.useCallback(function () {
     if (isSelected && !isLocked) {
       setIsTextEditorOpen(true);
     }
@@ -68,7 +68,7 @@ var TextEditor = function TextEditor(_ref) {
     dangerouslySetInnerHTML: {
       __html: isNotEmpty ? _content : placeholder
     },
-    onClick: onClick,
+    onDoubleClick: onDoubleClick,
     onKeyDown: function onKeyDown() {}
   });
 };