@jotforminc/dnd-builder 3.0.0-alpha.1 → 3.0.0

package/lib/esm/components/Builder/Scene.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scene.js","sources":["../../../../src/components/Builder/Scene.js"],"sourcesContent":["/* eslint-disable complexity */\nimport {\n  useCallback,\n  createRef,\n  Fragment,\n  useEffect,\n  useRef,\n  useState,\n  memo,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport * as classNames from '../../constants/classNames';\nimport ContextMenu from './ContextMenu';\nimport PageActions from './PageActions';\nimport PageAdder from './PageAdder';\nimport ZoomControls from './ZoomControls';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { usePropContext } from '../../utils/propContext';\nimport {\n  DRAGGABLE_ITEM_TYPE,\n  DROPPABLE_ITEM_TYPE,\n} from '../../constants/itemTypes';\nimport Page from './Page';\nimport {\n  calculateGuidePositions,\n  findItemById,\n  findItemsOnPage,\n  getCorrectDroppedOffsetValue,\n  getCorrectDroppedOffsetValueBySnap,\n  getMostVisiblePage,\n  getSelectedItems,\n} from '../../utils/functions';\nimport { useEventListener } from '../../utils/hooks';\nimport DraggableItemLayer from '../DraggableItem/DraggableItemLayer';\nimport generateId from '../../utils/generateId';\n\nconst Scene = ({\n  additionalPageItems,\n  hashCode,\n  itemAccessor,\n  lastScrollPosition,\n  onItemAdd,\n  onItemChange,\n  onItemMove,\n  onItemRemove,\n  onItemResize,\n  onItemsMove,\n  onPageAdd,\n  onPageChange,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  pages,\n}) => {\n  const pageCount = pages.length;\n  /* Builder Context */\n  const {\n    activeElement,\n    contextMenuProps,\n    isRightPanelOpen,\n    setActiveElement,\n    setContextMenuProps,\n    setEditedElement,\n    setIsRightPanelOpen,\n    zoom,\n  } = useBuilderContext();\n  const {\n    acceptedItems,\n    disableInteraction,\n    onAnEventTrigger,\n    settings,\n  } = usePropContext();\n  const [itemToPaste, setItemToPaste] = useState(null);\n  const isHeaderHidden = useRef(false);\n\n  const pageStyles = useRef({});\n  const pageContainerStyles = useRef({});\n  const viewPortRef = useRef({});\n\n  /* Page Refs */\n  const refs = pages.reduce((acc, curr) => {\n    acc[curr.id] = createRef(null);\n    return acc;\n  }, {});\n\n  const isMultipleItemSelected = activeElement !== null && activeElement.length > 1;\n\n  /* Calculate snap guides */\n  const [guides, setGuides] = useState({});\n  const keyDownCount = useRef(null);\n  useEffect(() => {\n    const _guides = pages.reduce((acc, page) => {\n      const _pageGuides = {};\n      if (refs[page.id]) {\n        const pageRef = refs[page.id];\n        const {\n          height, left, top, width,\n        } = pageRef.current.getBoundingClientRect();\n        const boundingBox = {\n          height, left, top, width,\n        };\n        _pageGuides.boundingBox = {\n          x: calculateGuidePositions(boundingBox, 'x').map(value => value - boundingBox.left),\n          y: calculateGuidePositions(boundingBox, 'y').map(value => value - boundingBox.top),\n        };\n        page.items.forEach(item => {\n          _pageGuides[item.id] = {\n            x: calculateGuidePositions(item, 'x', zoom),\n            y: calculateGuidePositions(item, 'y', zoom),\n          };\n        });\n      }\n      acc[page.id] = _pageGuides;\n      return acc;\n    }, {});\n    setGuides(_guides);\n  }, [pages, zoom]);\n  /* When an item dropped */\n  const dropped = useCallback(\n    (pageID, {\n      id, itemType, type, ...additionalData\n    }, monitor, ref) => {\n      const pageClient = ref.current.getBoundingClientRect();\n      const coords = getCorrectDroppedOffsetValue(\n        monitor,\n        pageClient,\n        zoom,\n      );\n      switch (type) {\n        case DROPPABLE_ITEM_TYPE: {\n          const itemID = generateId();\n          onItemAdd({\n            ...acceptedItems[itemType].details,\n            id: itemID,\n            pageID,\n            ...coords,\n            ...additionalData,\n          });\n          onAnEventTrigger('reportItemAdd', itemType);\n          setActiveElement(itemID);\n          setIsRightPanelOpen(true);\n          break;\n        }\n        case DRAGGABLE_ITEM_TYPE: {\n          const dragCoords = getCorrectDroppedOffsetValueBySnap(coords, guides, id, pages, zoom);\n          if (isMultipleItemSelected) {\n            const leftDifference = additionalData.left - dragCoords.left;\n            const topDifference = additionalData.top - dragCoords.top;\n            const items = activeElement.reduce((acc, curr) => {\n              const tempItem = findItemById(curr, pages);\n              acc[curr] = {\n                id: curr,\n                left: tempItem.left - leftDifference,\n                pageID,\n                top: tempItem.top - topDifference,\n              };\n              return acc;\n            }, {});\n            onItemsMove({\n              items,\n            });\n          } else {\n            onItemMove({\n              id,\n              pageID,\n              ...dragCoords,\n            });\n          }\n          break;\n        }\n        default: {\n          throw new Error('You have to be specify item type');\n        }\n      }\n    },\n    [pages, guides, zoom, activeElement],\n  );\n\n  useEffect(() => {\n    if (viewPortRef.current) {\n      viewPortRef.current.scrollTop = lastScrollPosition;\n    }\n  }, []); // set last scroll position after changing mode\n\n  useEffect(() => {\n    if (document.body.classList.contains('hideHeader') && isHeaderHidden) {\n      document.body.classList.remove('hideHeader');\n    }\n  }, []); // reset hideHeader\n\n  const foundItem = findItemById(activeElement === null ? null : activeElement[0], pages);\n\n  const selectedItems = getSelectedItems(activeElement, pages);\n  const moveItemWithKeyboard = (event, direction, value) => {\n    event.preventDefault();\n    selectedItems.forEach(item => {\n      if (item.isLocked) {\n        return false;\n      }\n      onItemChange(\n        { id: item.id },\n        {\n          ...item,\n          [direction]: item[direction] + value,\n        },\n      );\n    });\n  };\n\n  const selectNextOrPrevElement = (event, deletedItem) => {\n    if (event.preventDefault) event.preventDefault();\n    const referenceItem = deletedItem ? deletedItem : foundItem;\n\n    const page = pages.find(_page => _page.id === referenceItem.pageID);\n    if (!page || (page && !page.items.length)) return setActiveElement(null);\n    const { items } = page;\n\n    const currentIndex = items.findIndex(item => item.id === referenceItem.id);\n\n    // Pages are not updated in time so here is an unnecessary check\n    if (items.length === 1 && deletedItem) {\n      return setActiveElement(null);\n    }\n\n    if (event.shiftKey) {\n      if (items[currentIndex - 1]) setActiveElement(items[currentIndex - 1].id);\n      else setActiveElement(items[items.length - 1].id);\n    } else if (items[currentIndex + 1]) {\n      setActiveElement(items[currentIndex + 1].id);\n    } else setActiveElement(items[0].id);\n  };\n\n  const onItemRemoveFromPage = e => {\n    // Firefox updates browser history on backspace\n    e.preventDefault();\n    if (isMultipleItemSelected) return;\n    if (foundItem.isLocked) {\n      return false;\n    }\n    setActiveElement(null);\n    onItemRemove(foundItem);\n    selectNextOrPrevElement({ shiftKey: false }, foundItem);\n    onAnEventTrigger('removeItem', foundItem.itemType);\n  };\n\n  const handlePaste = () => {\n    if (isMultipleItemSelected) return;\n    const itemID = generateId();\n    const pageID = getMostVisiblePage(true);\n    const offset = itemToPaste.pageID === pageID ? 50 : 0;\n\n    const item = {\n      ...itemToPaste,\n      id: itemID,\n      left: itemToPaste.left + offset,\n      pageID,\n      top: itemToPaste.top + offset,\n    };\n\n    onItemAdd(item);\n\n    onAnEventTrigger('pasteItem', itemToPaste.itemType);\n    setActiveElement(itemID);\n    // set as last reference to paste\n    setItemToPaste(item);\n  };\n\n  const keyboardActions = event => {\n    const {\n      key,\n      metaKey,\n      shiftKey,\n    } = event;\n\n    if (metaKey) {\n      if (key === 'l') {\n        // Lock\n        if (isMultipleItemSelected) return;\n        event.preventDefault(); // Dont focus to URL bar\n        onAnEventTrigger(\n          foundItem.isLocked ? 'unlockReportItem' : 'lockReportItem',\n          foundItem.itemType,\n        );\n        onItemChange(\n          { id: foundItem.id },\n          { isLocked: foundItem.isLocked ? false : true },\n        );\n        return;\n      }\n\n      if (key === 'c' || key === 'x') {\n        if (isMultipleItemSelected) return;\n        // Copy or Cut\n        if (key === 'x') {\n          onItemRemoveFromPage(event);\n          onAnEventTrigger('cutItem', foundItem.itemType);\n        } else {\n          onAnEventTrigger('copyItem', foundItem.itemType);\n        }\n\n        setItemToPaste(foundItem);\n        return;\n      }\n\n      if (foundItem && key === 'd') {\n        if (isMultipleItemSelected) return;\n        // Duplicate\n        event.preventDefault();\n        const itemID = generateId();\n        onItemAdd({\n          ...foundItem,\n          id: itemID,\n          left: foundItem.left + 50,\n          top: foundItem.top + 50,\n        });\n        onAnEventTrigger('duplicateItem', foundItem.itemType);\n        setActiveElement(itemID);\n        if (!isRightPanelOpen) {\n          setIsRightPanelOpen(true);\n        }\n        return;\n      }\n    }\n\n    keyDownCount.current++;\n    const movementValue = shiftKey ? 10 : 1 + keyDownCount.current;\n\n    // Others\n    switch (key) {\n      case 'Backspace': return onItemRemoveFromPage(event);\n      case 'Delete': return onItemRemoveFromPage(event);\n      case 'Escape': return setActiveElement(null);\n      case 'ArrowLeft': return moveItemWithKeyboard(event, 'left', -movementValue);\n      case 'ArrowUp': return moveItemWithKeyboard(event, 'top', -movementValue);\n      case 'ArrowRight': return moveItemWithKeyboard(event, 'left', movementValue);\n      case 'ArrowDown': return moveItemWithKeyboard(event, 'top', movementValue);\n      case 'Tab': return selectNextOrPrevElement(event);\n      default:\n    }\n  };\n\n  const onScroll = e => {\n    const { scrollTop } = e.currentTarget;\n    const hiddenHeaderHeight = 70;\n    const headerHidingLimit = isHeaderHidden ? 230 : 300;\n    if (scrollTop > headerHidingLimit + hiddenHeaderHeight && !isHeaderHidden.current) {\n      isHeaderHidden.current = true;\n      document.body.classList.add('hideHeader');\n    } else if (scrollTop < headerHidingLimit && isHeaderHidden.current) {\n      isHeaderHidden.current = false;\n      document.body.classList.remove('hideHeader');\n    }\n  };\n\n  const handleKeyboardEvent = e => {\n    const shouldPaste = itemToPaste && e.key === 'v' && e.metaKey;\n\n    if (activeElement && !shouldPaste) {\n      const arrowKeyCodes = ['ArrowLeft', 'ArrowUp', 'ArrowDown', 'ArrowBottom'];\n      if (arrowKeyCodes.includes(e.key)) e.preventDefault();\n      keyboardActions(e);\n    } else if (shouldPaste) {\n      handlePaste();\n    }\n  };\n\n  useEventListener('keydown', handleKeyboardEvent);\n  useEventListener('keyup', () => { keyDownCount.current = 0; });\n\n  const { reportLayoutHeight = 794, reportLayoutWidth = 1123 } = settings;\n\n  // TODO: Some strange shit is going on here on first render\n  let width = parseInt(reportLayoutWidth, 10);\n  let height = parseInt(reportLayoutHeight, 10);\n  width = Number.isNaN(width) ? 1 : width;\n  height = Number.isNaN(height) ? 1 : height;\n  const zoomToUse = Number.isNaN(zoom) ? 1 : zoom;\n\n  pageStyles.current = {\n    height: parseFloat((height * zoomToUse).toFixed(1)),\n    width: parseFloat((width * zoomToUse).toFixed(1)),\n  };\n  pageContainerStyles.current = {\n    height,\n    transform: `scale(${zoomToUse})`,\n    transformOrigin: '0 0',\n    width,\n  };\n\n  return (\n    <main // Builder.js\n      className={classNames.mainWrapper}\n    >\n      <DraggableItemLayer\n        guides={guides}\n        itemAccessor={itemAccessor}\n        pageRefs={refs}\n        pages={pages}\n      />\n\n      <div\n        ref={viewPortRef}\n        className={classNames.viewport}\n        data-zoom={zoom}\n        onScroll={onScroll}\n      >\n        <div\n          className={classNames.canvas}\n        >\n          {pages.map((page, index) => (\n            // TODO: This part can be moved into a different component\n            <Fragment key={page.id}>\n              <PageActions\n                disableInteraction={disableInteraction}\n                onAnEventTrigger={onAnEventTrigger}\n                onPageAdd={onPageAdd}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                order={page.order}\n                pageCount={pageCount}\n                pageID={page.id}\n                pages={pages}\n                setEditedElement={setEditedElement}\n                setIsRightPanelOpen={setIsRightPanelOpen}\n              />\n              <div\n                key={`page_${page.id}`}\n                ref={refs[page.id]}\n                className={classNames.page}\n                data-id={page.id}\n                data-order={page.order}\n                style={pageStyles.current}\n              >\n                <Page\n                  activeElement={activeElement}\n                  additionalPageItems={additionalPageItems}\n                  guides={guides[page.id]}\n                  hashCode={hashCode}\n                  itemAccessor={itemAccessor}\n                  items={page.items}\n                  // TODO: dont use inline functions\n                  onDrop={(item, monitor) => dropped(page.id, item, monitor, refs[page.id])}\n                  onItemAdd={onItemAdd}\n                  onItemChange={onItemChange}\n                  onItemRemove={onItemRemove}\n                  onItemResize={onItemResize}\n                  page={page}\n                  pageIndex={index}\n                  pageRef={refs[page.id]}\n                  style={pageContainerStyles.current}\n                />\n              </div>\n            </Fragment>\n          ))}\n          <PageAdder\n            onPageAdd={onPageAdd}\n            pageCount={pageCount}\n          />\n        </div>\n      </div>\n      <ZoomControls\n        mode=\"customize\"\n        pages={pages}\n      />\n      {contextMenuProps\n        && (\n          <ContextMenu\n            exceptionalClasses={['contextMenu-button']}\n            height={height}\n            item={findItemById(contextMenuProps.id, pages)}\n            items={findItemsOnPage(contextMenuProps.pageID, pages)}\n            onAnEventTrigger={onAnEventTrigger}\n            onClickOutside={() => setContextMenuProps(null)}\n            onItemChange={onItemChange}\n            onItemRemove={onItemRemove}\n            onPageChange={onPageChange}\n            position={contextMenuProps.position}\n            width={width}\n          />\n        )}\n    </main>\n  );\n};\n\nScene.propTypes = {\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  hashCode: PropTypes.string,\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  onItemAdd: PropTypes.func,\n  onItemChange: PropTypes.func,\n  onItemMove: PropTypes.func,\n  onItemRemove: PropTypes.func,\n  onItemResize: PropTypes.func,\n  onItemsMove: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageChange: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageOrdersChange: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n};\n\nScene.defaultProps = {\n  additionalPageItems: [],\n  hashCode: '',\n  itemAccessor: () => {},\n  lastScrollPosition: 0,\n  onItemAdd: () => {},\n  onItemChange: () => {},\n  onItemMove: () => {},\n  onItemRemove: () => {},\n  onItemResize: () => {},\n  onItemsMove: () => {},\n  onPageAdd: () => {},\n  onPageChange: () => {},\n  onPageDuplicate: () => {},\n  onPageOrdersChange: () => {},\n  onPageRemove: () => {},\n  pages: [],\n};\n\nexport default memo(Scene);\n"],"names":["Scene","additionalPageItems","hashCode","itemAccessor","lastScrollPosition","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","pages","pageCount","length","useBuilderContext","activeElement","contextMenuProps","isRightPanelOpen","setActiveElement","setContextMenuProps","setEditedElement","setIsRightPanelOpen","zoom","usePropContext","acceptedItems","disableInteraction","onAnEventTrigger","settings","useState","itemToPaste","setItemToPaste","isHeaderHidden","useRef","pageStyles","pageContainerStyles","viewPortRef","refs","reduce","acc","curr","id","createRef","isMultipleItemSelected","guides","setGuides","keyDownCount","useEffect","_guides","page","_pageGuides","pageRef","current","getBoundingClientRect","height","left","top","width","boundingBox","x","calculateGuidePositions","map","value","y","items","forEach","item","dropped","useCallback","pageID","monitor","ref","itemType","type","additionalData","pageClient","coords","getCorrectDroppedOffsetValue","DROPPABLE_ITEM_TYPE","itemID","generateId","details","DRAGGABLE_ITEM_TYPE","dragCoords","getCorrectDroppedOffsetValueBySnap","leftDifference","topDifference","tempItem","findItemById","Error","scrollTop","document","body","classList","contains","remove","foundItem","selectedItems","getSelectedItems","moveItemWithKeyboard","event","direction","preventDefault","isLocked","selectNextOrPrevElement","deletedItem","referenceItem","find","_page","currentIndex","findIndex","shiftKey","onItemRemoveFromPage","e","handlePaste","getMostVisiblePage","offset","keyboardActions","key","metaKey","movementValue","onScroll","currentTarget","hiddenHeaderHeight","headerHidingLimit","add","handleKeyboardEvent","shouldPaste","arrowKeyCodes","includes","useEventListener","reportLayoutHeight","reportLayoutWidth","parseInt","Number","isNaN","zoomToUse","parseFloat","toFixed","transform","transformOrigin","_jsxs","classNames","_jsx","index","order","findItemsOnPage","position","propTypes","PropTypes","arrayOf","node","string","func","number","shape","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Scene.js","sources":["../../../../src/components/Builder/Scene.js"],"sourcesContent":["/* eslint-disable complexity */\nimport {\n  createRef,\n  Fragment,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport * as classNames from '../../constants/classNames';\nimport ContextMenu from './ContextMenu';\nimport PageActions from './PageActions';\nimport PageAdder from './PageAdder';\nimport ZoomControls from './ZoomControls';\nimport { useBuilderStore } from '../../contexts/BuilderContext';\nimport { usePropStore } from '../../contexts/PropContext';\nimport Page from './Page';\nimport {\n  calculateGuidePositions,\n  findItemById,\n  findItemsOnPage,\n  getMostVisiblePage,\n  getSelectedItems,\n} from '../../utils/functions';\nimport { useEventListener } from '../../utils/hooks';\nimport DraggableItemLayer from '../DraggableItem/DraggableItemLayer';\nimport generateId from '../../utils/generateId';\nimport { EVENT_IGNORED_ROLES } from '../../constants/eventIgnoredRoles';\n\nconst Scene = () => {\n  const pages = usePropStore(state => state.pages);\n  const onItemAdd = usePropStore(state => state.onItemAdd);\n  const onItemRemove = usePropStore(state => state.onItemRemove);\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n  const settings = usePropStore(state => state.settings);\n  const onItemChange = usePropStore(state => state.onItemChange);\n\n  const activeElement = useBuilderStore(state => state.activeElement);\n  const contextMenuProps = useBuilderStore(state => state.contextMenuProps);\n  const isRightPanelOpen = useBuilderStore(state => state.isRightPanelOpen);\n  const setActiveElement = useBuilderStore(state => state.setActiveElement);\n  const setContextMenuProps = useBuilderStore(state => state.setContextMenuProps);\n  const setIsRightPanelOpen = useBuilderStore(state => state.setIsRightPanelOpen);\n  const zoom = useBuilderStore(state => state.zoom);\n\n  const [itemToPaste, setItemToPaste] = useState(null);\n  const lastScrollPosition = useBuilderStore(state => state.lastScrollPosition);\n  const isHeaderHidden = useRef(false);\n\n  const pageStyles = useRef({});\n  const pageContainerStyles = useRef({});\n  const viewPortRef = useRef({});\n\n  /* Page Refs */\n  const refs = useRef(pages.reduce((acc, curr) => {\n    acc[curr.id] = createRef(null);\n    return acc;\n  }, {}));\n\n  const isMultipleItemSelected = activeElement !== null && activeElement.length > 1;\n\n  /* Calculate snap guides */\n  const keyDownCount = useRef(null);\n\n  const guides = useMemo(() => {\n    return pages.reduce((acc, page) => {\n      const _pageGuides = {};\n      const pageRef = refs.current[page.id];\n      if (pageRef && pageRef.current) {\n        const {\n          height, left, top, width,\n        } = pageRef.current.getBoundingClientRect();\n        const boundingBox = {\n          height, left, top, width,\n        };\n        _pageGuides.boundingBox = {\n          x: calculateGuidePositions(boundingBox, 'x').map(value => value - boundingBox.left),\n          y: calculateGuidePositions(boundingBox, 'y').map(value => value - boundingBox.top),\n        };\n        page.items.forEach(item => {\n          _pageGuides[item.id] = {\n            x: calculateGuidePositions(item, 'x', zoom),\n            y: calculateGuidePositions(item, 'y', zoom),\n          };\n        });\n      }\n      acc[page.id] = _pageGuides;\n      return acc;\n    }, {});\n  }, [pages, zoom]);\n\n  useEffect(() => {\n    if (viewPortRef.current) {\n      viewPortRef.current.scrollTop = lastScrollPosition;\n    }\n  }, [lastScrollPosition]); // set last scroll position after changing mode\n\n  useEffect(() => {\n    if (document.body.classList.contains('hideHeader') && isHeaderHidden) {\n      document.body.classList.remove('hideHeader');\n    }\n  }, []); // reset hideHeader\n\n  const foundItem = findItemById(activeElement === null ? null : activeElement[0], pages);\n\n  const selectedItems = getSelectedItems(activeElement, pages);\n  const moveItemWithKeyboard = (event, direction, value) => {\n    event.preventDefault();\n    selectedItems.forEach(item => {\n      if (item.isLocked) {\n        return false;\n      }\n      onItemChange(\n        { id: item.id },\n        {\n          ...item,\n          [direction]: item[direction] + value,\n        },\n      );\n    });\n  };\n\n  const selectNextOrPrevElement = (event, deletedItem) => {\n    if (event.preventDefault) event.preventDefault();\n    const referenceItem = deletedItem ? deletedItem : foundItem;\n\n    const page = pages.find(_page => _page.id === referenceItem.pageID);\n    if (!page || (page && !page.items.length)) return setActiveElement(null);\n    const { items } = page;\n\n    const currentIndex = items.findIndex(item => item.id === referenceItem.id);\n\n    // Pages are not updated in time so here is an unnecessary check\n    if (items.length === 1 && deletedItem) {\n      return setActiveElement(null);\n    }\n\n    if (event.shiftKey) {\n      if (items[currentIndex - 1]) setActiveElement(items[currentIndex - 1].id);\n      else setActiveElement(items[items.length - 1].id);\n    } else if (items[currentIndex + 1]) {\n      setActiveElement(items[currentIndex + 1].id);\n    } else setActiveElement(items[0].id);\n  };\n\n  const onItemRemoveFromPage = e => {\n    // Firefox updates browser history on backspace\n    e.preventDefault();\n    if (isMultipleItemSelected) return;\n    if (foundItem.isLocked) {\n      return false;\n    }\n    setActiveElement(null);\n    onItemRemove(foundItem);\n    selectNextOrPrevElement({ shiftKey: false }, foundItem);\n    onAnEventTrigger('removeItem', foundItem.itemType);\n  };\n\n  const handlePaste = () => {\n    if (isMultipleItemSelected) return;\n    const itemID = generateId();\n    const pageID = getMostVisiblePage(true);\n    const offset = itemToPaste.pageID === pageID ? 50 : 0;\n\n    const item = {\n      ...itemToPaste,\n      id: itemID,\n      left: itemToPaste.left + offset,\n      pageID,\n      top: itemToPaste.top + offset,\n    };\n\n    onItemAdd(item);\n\n    onAnEventTrigger('pasteItem', itemToPaste.itemType);\n    setActiveElement(itemID);\n    // set as last reference to paste\n    setItemToPaste(item);\n  };\n\n  const keyboardActions = event => {\n    const {\n      key,\n      metaKey,\n      shiftKey,\n    } = event;\n\n    if (metaKey) {\n      if (key === 'l') {\n        // Lock\n        if (isMultipleItemSelected) return;\n        event.preventDefault(); // Dont focus to URL bar\n        onAnEventTrigger(\n          foundItem.isLocked ? 'unlockReportItem' : 'lockReportItem',\n          foundItem.itemType,\n        );\n        onItemChange(\n          { id: foundItem.id },\n          { isLocked: foundItem.isLocked ? false : true },\n        );\n        return;\n      }\n\n      if (key === 'c' || key === 'x') {\n        if (isMultipleItemSelected) return;\n        // Copy or Cut\n        if (key === 'x') {\n          onItemRemoveFromPage(event);\n          onAnEventTrigger('cutItem', foundItem.itemType);\n        } else {\n          onAnEventTrigger('copyItem', foundItem.itemType);\n        }\n\n        setItemToPaste(foundItem);\n        return;\n      }\n\n      if (foundItem && key === 'd') {\n        if (isMultipleItemSelected) return;\n        // Duplicate\n        event.preventDefault();\n        const itemID = generateId();\n        onItemAdd({\n          ...foundItem,\n          id: itemID,\n          left: foundItem.left + 50,\n          top: foundItem.top + 50,\n        });\n        onAnEventTrigger('duplicateItem', foundItem.itemType);\n        setActiveElement(itemID);\n        if (!isRightPanelOpen) {\n          setIsRightPanelOpen(true);\n        }\n        return;\n      }\n    }\n\n    keyDownCount.current++;\n    const movementValue = shiftKey ? 10 : 1 + keyDownCount.current;\n\n    // Others\n    switch (key) {\n    case 'Backspace': return onItemRemoveFromPage(event);\n    case 'Delete': return onItemRemoveFromPage(event);\n    case 'Escape': return setActiveElement(null);\n    case 'ArrowLeft': return moveItemWithKeyboard(event, 'left', -movementValue);\n    case 'ArrowUp': return moveItemWithKeyboard(event, 'top', -movementValue);\n    case 'ArrowRight': return moveItemWithKeyboard(event, 'left', movementValue);\n    case 'ArrowDown': return moveItemWithKeyboard(event, 'top', movementValue);\n    case 'Tab': return selectNextOrPrevElement(event);\n    default:\n    }\n  };\n\n  const onScroll = e => {\n    const { scrollTop } = e.currentTarget;\n    const hiddenHeaderHeight = 70;\n    const headerHidingLimit = isHeaderHidden ? 230 : 300;\n    if (scrollTop > headerHidingLimit + hiddenHeaderHeight && !isHeaderHidden.current) {\n      isHeaderHidden.current = true;\n      document.body.classList.add('hideHeader');\n    } else if (scrollTop < headerHidingLimit && isHeaderHidden.current) {\n      isHeaderHidden.current = false;\n      document.body.classList.remove('hideHeader');\n    }\n  };\n\n  const shouldSuppressKeyboardEvent = e => (\n    EVENT_IGNORED_ROLES.some(role => e.target.closest(`[role=${role}]`))\n  );\n\n  const handleKeyboardEvent = e => {\n    const shouldPaste = itemToPaste && e.key === 'v' && e.metaKey;\n\n    if (shouldSuppressKeyboardEvent(e)) {\n      return;\n    }\n\n    if (activeElement && !shouldPaste) {\n      const arrowKeyCodes = ['ArrowLeft', 'ArrowUp', 'ArrowDown', 'ArrowBottom'];\n      if (arrowKeyCodes.includes(e.key)) e.preventDefault();\n      keyboardActions(e);\n    } else if (shouldPaste) {\n      handlePaste();\n    }\n  };\n\n  useEventListener('keydown', handleKeyboardEvent);\n  useEventListener('keyup', () => { keyDownCount.current = 0; });\n\n  const { reportLayoutHeight = 794, reportLayoutWidth = 1123 } = settings;\n\n  // TODO: Some strange shit is going on here on first render\n  let width = parseInt(reportLayoutWidth, 10);\n  let height = parseInt(reportLayoutHeight, 10);\n  width = Number.isNaN(width) ? 1 : width;\n  height = Number.isNaN(height) ? 1 : height;\n  const zoomToUse = Number.isNaN(zoom) ? 1 : zoom;\n\n  pageStyles.current = {\n    height: parseFloat((height * zoomToUse).toFixed(1)),\n    width: parseFloat((width * zoomToUse).toFixed(1)),\n  };\n  pageContainerStyles.current = {\n    height,\n    transform: `scale(${zoomToUse})`,\n    transformOrigin: '0 0',\n    width,\n  };\n\n  return (\n    <main // Builder.js\n      className={classNames.mainWrapper}\n    >\n      <DraggableItemLayer\n        guides={guides}\n        pageRefs={refs.current}\n        pages={pages}\n      />\n\n      <div\n        ref={viewPortRef}\n        className={classNames.viewport}\n        data-zoom={zoom}\n        onScroll={onScroll}\n      >\n        <div\n          className={classNames.canvas}\n        >\n          {pages.map((page, index) => (\n            // TODO: This part can be moved into a different component\n            <Fragment key={page.id}>\n              <PageActions\n                order={page.order}\n                pageID={page.id}\n              />\n              <div\n                key={`page_${page.id}`}\n                ref={refs.current[page.id]}\n                className={classNames.page}\n                data-id={page.id}\n                data-order={page.order}\n                id={`presentation-page-${page.id.toString()}`}\n                style={pageStyles.current}\n              >\n                <Page\n                  guides={guides}\n                  items={page.items}\n                  page={page}\n                  pageIndex={index}\n                  pageRef={refs.current[page.id]}\n                  style={pageContainerStyles.current}\n                />\n              </div>\n            </Fragment>\n          ))}\n          <PageAdder />\n        </div>\n      </div>\n      <ZoomControls />\n      {contextMenuProps\n        && (\n          <ContextMenu\n            exceptionalClasses={['contextMenu-button']}\n            height={height}\n            item={findItemById(contextMenuProps.id, pages)}\n            items={findItemsOnPage(contextMenuProps.pageID, pages)}\n            onClickOutside={() => setContextMenuProps(null)}\n            position={contextMenuProps.position}\n            width={width}\n          />\n        )}\n    </main>\n  );\n};\n\nexport default Scene;\n"],"names":["Scene","pages","usePropStore","state","onItemAdd","onItemRemove","onAnEventTrigger","settings","onItemChange","activeElement","useBuilderStore","contextMenuProps","isRightPanelOpen","setActiveElement","setContextMenuProps","setIsRightPanelOpen","zoom","useState","itemToPaste","setItemToPaste","lastScrollPosition","isHeaderHidden","useRef","pageStyles","pageContainerStyles","viewPortRef","refs","reduce","acc","curr","id","createRef","isMultipleItemSelected","length","keyDownCount","guides","useMemo","page","_pageGuides","pageRef","current","getBoundingClientRect","height","left","top","width","boundingBox","x","calculateGuidePositions","map","value","y","items","forEach","item","useEffect","scrollTop","document","body","classList","contains","remove","foundItem","findItemById","selectedItems","getSelectedItems","moveItemWithKeyboard","event","direction","preventDefault","isLocked","selectNextOrPrevElement","deletedItem","referenceItem","find","_page","pageID","currentIndex","findIndex","shiftKey","onItemRemoveFromPage","e","itemType","handlePaste","itemID","generateId","getMostVisiblePage","offset","keyboardActions","key","metaKey","movementValue","onScroll","currentTarget","hiddenHeaderHeight","headerHidingLimit","add","shouldSuppressKeyboardEvent","EVENT_IGNORED_ROLES","some","role","target","closest","handleKeyboardEvent","shouldPaste","arrowKeyCodes","includes","useEventListener","reportLayoutHeight","reportLayoutWidth","parseInt","Number","isNaN","zoomToUse","parseFloat","toFixed","transform","transformOrigin","_jsxs","classNames","_jsx","index","order","toString","findItemsOnPage","position"],"mappings":"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"}

package/lib/esm/components/Builder/SearchInput.js

@@ -1,11 +1,8 @@
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.search.js';
-import { useRef, useState, useMemo, useEffect, useCallback } from 'react';
+import { useRef, useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
-import Fuse from 'fuse.js/dist/fuse.common';
 import SvgSearch from '../../assets/search.svg.js';
 import SvgClose from '../../assets/svg/close.svg.js';
+import { useTranslatedTexts } from '../../utils/hooks.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -21,9 +18,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var SearchInput = function SearchInput(_ref) {
-  var elements = _ref.elements,
-      searchKeys = _ref.searchKeys,
-      setElements = _ref.setElements;
+  var onSearch = _ref.onSearch;
+
+  var _useTranslatedTexts = useTranslatedTexts(),
+      SEARCH = _useTranslatedTexts.SEARCH;
+
   var searchInputRef = useRef(null);
 
   var _useState = useState(''),
@@ -31,48 +30,29 @@ var SearchInput = function SearchInput(_ref) {
       searchValue = _useState2[0],
       setSearchValue = _useState2[1];
 
-  var searchEngine = useMemo(function () {
-    return new Fuse(elements, {
-      keys: searchKeys,
-      threshold: 0.4
-    });
-  }, [elements, searchKeys]);
-  useEffect(function () {
-    setElements(elements);
+  var handleSearch = useCallback(function (e) {
+    var _ref2 = (e === null || e === void 0 ? void 0 : e.target) || {},
+        value = _ref2.value;
+
+    setSearchValue(value);
+    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value);
+  }, [onSearch]);
+  var handleClearSearch = useCallback(function () {
     setSearchValue('');
-  }, [elements]);
-  var onSearchButtonClick = useCallback(function () {
-    if (searchValue) {
-      setSearchValue('');
-      setElements(elements);
-    }
+    onSearch === null || onSearch === void 0 ? void 0 : onSearch('');
 
     if (searchInputRef.current) {
       searchInputRef.current.focus();
     }
-  }, [searchValue]);
-  var onSearchChange = useCallback(function (e) {
-    var _searchValue = e.target.value;
-    setSearchValue(_searchValue);
-
-    if (!_searchValue || !searchKeys) {
-      return setElements(elements);
-    }
-
-    var filteredElements = searchEngine.search(_searchValue).map(function (i) {
-      return i.item;
-    });
-    setElements(filteredElements.length ? filteredElements : 'noResult');
-  }, [elements, searchKeys]);
+  }, [onSearch]);
   var handleKeyDown = useCallback(function (e) {
     e.stopPropagation();
 
     if (e.key === 'Escape' && searchInputRef.current) {
       setSearchValue('');
-      setElements(elements);
       searchInputRef.current.blur();
     }
-  }, [elements]);
+  }, []);
   return /*#__PURE__*/jsx("div", {
     className: "jfReport-searchContainer",
     children: /*#__PURE__*/jsxs("div", {
@@ -80,21 +60,23 @@ var SearchInput = function SearchInput(_ref) {
       children: [/*#__PURE__*/jsx("input", {
         ref: searchInputRef,
         className: "js-searchInput section-search-input",
-        onChange: onSearchChange,
+        onChange: handleSearch,
         onKeyDown: handleKeyDown,
-        placeholder: "Search",
+        placeholder: SEARCH,
         type: "text",
         value: searchValue
-      }), /*#__PURE__*/jsx("button", {
-        className: "section-search-button search-icon",
-        onClick: onSearchButtonClick,
-        type: "button",
+      }), /*#__PURE__*/jsx("span", {
+        className: "search-icon",
+        style: {
+          left: '8px',
+          position: 'absolute'
+        },
         children: /*#__PURE__*/jsx(SvgSearch, {
           className: "section-search-icon"
         })
       }), searchValue && /*#__PURE__*/jsx("button", {
         className: "section-search-button search-delete",
-        onClick: onSearchButtonClick,
+        onClick: handleClearSearch,
         type: "button",
         children: /*#__PURE__*/jsx(SvgClose, {
           className: "section-search-icon delete"
@@ -105,19 +87,7 @@ var SearchInput = function SearchInput(_ref) {
 };
 
 SearchInput.propTypes = {
-  elements: PropTypes.arrayOf(PropTypes.shape({})),
-  searchKeys: PropTypes.arrayOf(PropTypes.shape({
-    name: PropTypes.string,
-    weight: PropTypes.number
-  })),
-  setElements: PropTypes.func
-};
-SearchInput.defaultProps = {
-  elements: [],
-  searchKeys: [],
-  setElements: function setElements(f) {
-    return f;
-  }
+  onSearch: PropTypes.func
 };
 
 export default SearchInput;

package/lib/esm/components/Builder/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sources":["../../../../src/components/Builder/SearchInput.js"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  useMemo,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Fuse from 'fuse.js/dist/fuse.common';\nimport SearchIcon from '../../assets/search.svg';\nimport CrossIcon from '../../assets/svg/close.svg';\n\nconst SearchInput = ({\n  elements,\n  searchKeys,\n  setElements,\n}) => {\n  const searchInputRef = useRef(null);\n  const [searchValue, setSearchValue] = useState('');\n\n  const searchEngine = useMemo(() => {\n    return new Fuse(elements, { keys: searchKeys, threshold: 0.4 });\n  }, [elements, searchKeys]);\n\n  useEffect(() => {\n    setElements(elements);\n    setSearchValue('');\n  }, [elements]);\n\n  const onSearchButtonClick = useCallback(() => {\n    if (searchValue) {\n      setSearchValue('');\n      setElements(elements);\n    }\n    if (searchInputRef.current) {\n      searchInputRef.current.focus();\n    }\n  }, [searchValue]);\n\n  const onSearchChange = useCallback(e => {\n    const _searchValue = e.target.value;\n    setSearchValue(_searchValue);\n\n    if (!_searchValue || !searchKeys) {\n      return setElements(elements);\n    }\n\n    const filteredElements = searchEngine.search(_searchValue).map(i => i.item);\n\n    setElements(filteredElements.length ? filteredElements : 'noResult');\n  }, [elements, searchKeys]);\n\n  const handleKeyDown = useCallback(e => {\n    e.stopPropagation();\n    if (e.key === 'Escape' && searchInputRef.current) {\n      setSearchValue('');\n      setElements(elements);\n      searchInputRef.current.blur();\n    }\n  }, [elements]);\n\n  return (\n    <div className=\"jfReport-searchContainer\">\n      <div className=\"jfReport-search p-relative\">\n        <input\n          ref={searchInputRef}\n          className=\"js-searchInput section-search-input\"\n          onChange={onSearchChange}\n          onKeyDown={handleKeyDown}\n          placeholder=\"Search\"\n          type=\"text\"\n          value={searchValue}\n        />\n        <button\n          className=\"section-search-button search-icon\"\n          onClick={onSearchButtonClick}\n          type=\"button\"\n        >\n          <SearchIcon className=\"section-search-icon\" />\n        </button>\n        {searchValue && (\n          <button\n            className=\"section-search-button search-delete\"\n            onClick={onSearchButtonClick}\n            type=\"button\"\n          >\n            <CrossIcon className=\"section-search-icon delete\" />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nSearchInput.propTypes = {\n  elements: PropTypes.arrayOf(PropTypes.shape({})),\n  searchKeys: PropTypes.arrayOf(PropTypes.shape({\n    name: PropTypes.string,\n    weight: PropTypes.number,\n  })),\n  setElements: PropTypes.func,\n};\n\nSearchInput.defaultProps = {\n  elements: [],\n  searchKeys: [],\n  setElements: f => f,\n};\n\nexport default SearchInput;\n"],"names":["SearchInput","elements","searchKeys","setElements","searchInputRef","useRef","useState","searchValue","setSearchValue","searchEngine","useMemo","Fuse","keys","threshold","useEffect","onSearchButtonClick","useCallback","current","focus","onSearchChange","e","_searchValue","target","value","filteredElements","search","map","i","item","length","handleKeyDown","stopPropagation","key","blur","_jsx","_jsxs","SearchIcon","CrossIcon","propTypes","PropTypes","arrayOf","shape","name","string","weight","number","func","defaultProps","f"],"mappings":"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"}
+{"version":3,"file":"SearchInput.js","sources":["../../../../src/components/Builder/SearchInput.js"],"sourcesContent":["import {\n  useCallback,\n  useRef,\n  useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport SearchIcon from '../../assets/search.svg';\nimport CrossIcon from '../../assets/svg/close.svg';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst SearchInput = ({\n  onSearch,\n}) => {\n  const { SEARCH } = useTranslatedTexts();\n  const searchInputRef = useRef(null);\n  const [searchValue, setSearchValue] = useState('');\n\n  const handleSearch = useCallback(e => {\n    const { value } = e?.target || {};\n    setSearchValue(value);\n    onSearch?.(value);\n  }, [onSearch]);\n\n  const handleClearSearch = useCallback(() => {\n    setSearchValue('');\n    onSearch?.('');\n    if (searchInputRef.current) {\n      searchInputRef.current.focus();\n    }\n  }, [onSearch]);\n\n  const handleKeyDown = useCallback(e => {\n    e.stopPropagation();\n    if (e.key === 'Escape' && searchInputRef.current) {\n      setSearchValue('');\n      searchInputRef.current.blur();\n    }\n  }, []);\n\n  return (\n    <div className=\"jfReport-searchContainer\">\n      <div className=\"jfReport-search p-relative\">\n        <input\n          ref={searchInputRef}\n          className=\"js-searchInput section-search-input\"\n          onChange={handleSearch}\n          onKeyDown={handleKeyDown}\n          placeholder={SEARCH}\n          type=\"text\"\n          value={searchValue}\n        />\n        <span\n          className=\"search-icon\"\n          style={{ left: '8px', position: 'absolute' }}\n        >\n          <SearchIcon className=\"section-search-icon\" />\n        </span>\n        {searchValue && (\n          <button\n            className=\"section-search-button search-delete\"\n            onClick={handleClearSearch}\n            type=\"button\"\n          >\n            <CrossIcon className=\"section-search-icon delete\" />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nSearchInput.propTypes = {\n  onSearch: PropTypes.func,\n};\n\nexport default SearchInput;\n"],"names":["SearchInput","onSearch","useTranslatedTexts","SEARCH","searchInputRef","useRef","useState","searchValue","setSearchValue","handleSearch","useCallback","e","target","value","handleClearSearch","current","focus","handleKeyDown","stopPropagation","key","blur","_jsx","_jsxs","left","position","SearchIcon","CrossIcon","propTypes","PropTypes","func"],"mappings":";;;;;;;;;;;;;;;;;;;IAUMA,WAAW,GAAG,SAAdA,WAAc,OAEd;AAAA,MADJC,QACI,QADJA,QACI;;AACJ,4BAAmBC,kBAAkB,EAArC;AAAA,MAAQC,MAAR,uBAAQA,MAAR;;AACA,MAAMC,cAAc,GAAGC,MAAM,CAAC,IAAD,CAA7B;;AACA,kBAAsCC,QAAQ,CAAC,EAAD,CAA9C;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AAEA,MAAMC,YAAY,GAAGC,WAAW,CAAC,UAAAC,CAAC,EAAI;AACpC,gBAAkB,CAAAA,CAAC,SAAD,IAAAA,CAAC,WAAD,YAAAA,CAAC,CAAEC,MAAH,KAAa,EAA/B;AAAA,QAAQC,KAAR,SAAQA,KAAR;;AACAL,IAAAA,cAAc,CAACK,KAAD,CAAd;AACAZ,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGY,KAAH,CAAR;AACD,GAJ+B,EAI7B,CAACZ,QAAD,CAJ6B,CAAhC;AAMA,MAAMa,iBAAiB,GAAGJ,WAAW,CAAC,YAAM;AAC1CF,IAAAA,cAAc,CAAC,EAAD,CAAd;AACAP,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAG,EAAH,CAAR;;AACA,QAAIG,cAAc,CAACW,OAAnB,EAA4B;AAC1BX,MAAAA,cAAc,CAACW,OAAf,CAAuBC,KAAvB;AACD;AACF,GANoC,EAMlC,CAACf,QAAD,CANkC,CAArC;AAQA,MAAMgB,aAAa,GAAGP,WAAW,CAAC,UAAAC,CAAC,EAAI;AACrCA,IAAAA,CAAC,CAACO,eAAF;;AACA,QAAIP,CAAC,CAACQ,GAAF,KAAU,QAAV,IAAsBf,cAAc,CAACW,OAAzC,EAAkD;AAChDP,MAAAA,cAAc,CAAC,EAAD,CAAd;AACAJ,MAAAA,cAAc,CAACW,OAAf,CAAuBK,IAAvB;AACD;AACF,GANgC,EAM9B,EAN8B,CAAjC;AAQA,sBACEC;AAAK,IAAA,SAAS,EAAC,0BAAf;AAAA,2BACEC;AAAK,MAAA,SAAS,EAAC,4BAAf;AAAA,8BACED;AACE,QAAA,GAAG,EAAEjB,cADP;AAEE,QAAA,SAAS,EAAC,qCAFZ;AAGE,QAAA,QAAQ,EAAEK,YAHZ;AAIE,QAAA,SAAS,EAAEQ,aAJb;AAKE,QAAA,WAAW,EAAEd,MALf;AAME,QAAA,IAAI,EAAC,MANP;AAOE,QAAA,KAAK,EAAEI;AAPT,QADF,eAUEc;AACE,QAAA,SAAS,EAAC,aADZ;AAEE,QAAA,KAAK,EAAE;AAAEE,UAAAA,IAAI,EAAE,KAAR;AAAeC,UAAAA,QAAQ,EAAE;AAAzB,SAFT;AAAA,+BAIEH,IAACI,SAAD;AAAY,UAAA,SAAS,EAAC;AAAtB;AAJF,QAVF,EAgBGlB,WAAW,iBACVc;AACE,QAAA,SAAS,EAAC,qCADZ;AAEE,QAAA,OAAO,EAAEP,iBAFX;AAGE,QAAA,IAAI,EAAC,QAHP;AAAA,+BAKEO,IAACK,QAAD;AAAW,UAAA,SAAS,EAAC;AAArB;AALF,QAjBJ;AAAA;AADF,IADF;AA8BD;;AAED1B,WAAW,CAAC2B,SAAZ,GAAwB;AACtB1B,EAAAA,QAAQ,EAAE2B,SAAS,CAACC;AADE,CAAxB;;;;"}

package/lib/esm/components/Builder/Section.js

@@ -6,10 +6,14 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import SvgSettings from '../../assets/svg/settings.svg.js';
 
 var Section = function Section(_ref) {
-  var additionalComponent = _ref.additionalComponent,
-      children = _ref.children,
-      icon = _ref.icon,
-      title = _ref.title;
+  var _ref$additionalCompon = _ref.additionalComponent,
+      additionalComponent = _ref$additionalCompon === void 0 ? null : _ref$additionalCompon,
+      _ref$children = _ref.children,
+      children = _ref$children === void 0 ? null : _ref$children,
+      _ref$icon = _ref.icon,
+      icon = _ref$icon === void 0 ? '' : _ref$icon,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? '' : _ref$title;
   var Icon = icons[icon] || SvgSettings;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsxs("div", {
@@ -35,12 +39,6 @@ Section.propTypes = {
   icon: PropTypes.string,
   title: PropTypes.string
 };
-Section.defaultProps = {
-  additionalComponent: null,
-  children: null,
-  icon: '',
-  title: ''
-};
 var Section$1 = /*#__PURE__*/memo(Section);
 
 export default Section$1;

package/lib/esm/components/Builder/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","sources":["../../../../src/components/Builder/Section.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport * as icons from '../../utils/icons';\n\nconst Section = ({\n  additionalComponent, children, icon, title,\n}) => {\n  const Icon = icons[icon] || icons.settings;\n  return (\n    <>\n      <div\n        className={classNames(\n          'js-toolTitle toolItem toolTitle d-flex a-center t-normal',\n          { hasAdditional: additionalComponent },\n        )}\n      >\n        {icon\n        && <span className={`titleIcon iconFor-${icon}`}><Icon className=\"jfReportSVG\" /></span>}\n        <span className=\"titleName js-titleName\">\n          {title}\n        </span>\n        {additionalComponent}\n      </div>\n      {children}\n    </>\n  );\n};\n\nSection.propTypes = {\n  additionalComponent: PropTypes.any,\n  children: PropTypes.any,\n  icon: PropTypes.string,\n  title: PropTypes.string,\n};\n\nSection.defaultProps = {\n  additionalComponent: null,\n  children: null,\n  icon: '',\n  title: '',\n};\n\nexport default memo(Section);\n"],"names":["Section","additionalComponent","children","icon","title","Icon","icons","_jsxs","classNames","hasAdditional","_jsx","propTypes","PropTypes","any","string","defaultProps","memo"],"mappings":";;;;;;;AAKA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAEV;AAAA,MADJC,mBACI,QADJA,mBACI;AAAA,MADiBC,QACjB,QADiBA,QACjB;AAAA,MAD2BC,IAC3B,QAD2BA,IAC3B;AAAA,MADiCC,KACjC,QADiCA,KACjC;AACJ,MAAMC,IAAI,GAAGC,KAAK,CAACH,IAAD,CAAL,IAAeG,WAA5B;AACA,sBACEC;AAAA,4BACEA;AACE,MAAA,SAAS,EAAEC,UAAU,CACnB,0DADmB,EAEnB;AAAEC,QAAAA,aAAa,EAAER;AAAjB,OAFmB,CADvB;AAAA,iBAMGE,IAAI,iBACFO;AAAM,QAAA,SAAS,8BAAuBP,IAAvB,CAAf;AAAA,+BAA8CO,IAAC,IAAD;AAAM,UAAA,SAAS,EAAC;AAAhB;AAA9C,QAPL,eAQEA;AAAM,QAAA,SAAS,EAAC,wBAAhB;AAAA,kBACGN;AADH,QARF,EAWGH,mBAXH;AAAA,MADF,EAcGC,QAdH;AAAA,IADF;AAkBD,CAtBD;;AAwBAF,OAAO,CAACW,SAAR,GAAoB;AAClBV,EAAAA,mBAAmB,EAAEW,SAAS,CAACC,GADb;AAElBX,EAAAA,QAAQ,EAAEU,SAAS,CAACC,GAFF;AAGlBV,EAAAA,IAAI,EAAES,SAAS,CAACE,MAHE;AAIlBV,EAAAA,KAAK,EAAEQ,SAAS,CAACE;AAJC,CAApB;AAOAd,OAAO,CAACe,YAAR,GAAuB;AACrBd,EAAAA,mBAAmB,EAAE,IADA;AAErBC,EAAAA,QAAQ,EAAE,IAFW;AAGrBC,EAAAA,IAAI,EAAE,EAHe;AAIrBC,EAAAA,KAAK,EAAE;AAJc,CAAvB;AAOA,6BAAeY,IAAI,CAAChB,OAAD,CAAnB;;;;"}
+{"version":3,"file":"Section.js","sources":["../../../../src/components/Builder/Section.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport * as icons from '../../utils/icons';\n\nconst Section = ({\n  additionalComponent = null,\n  children = null,\n  icon = '',\n  title = '',\n}) => {\n  const Icon = icons[icon] || icons.settings;\n  return (\n    <>\n      <div\n        className={classNames(\n          'js-toolTitle toolItem toolTitle d-flex a-center t-normal',\n          { hasAdditional: additionalComponent },\n        )}\n      >\n        {icon\n        && <span className={`titleIcon iconFor-${icon}`}><Icon className=\"jfReportSVG\" /></span>}\n        <span className=\"titleName js-titleName\">\n          {title}\n        </span>\n        {additionalComponent}\n      </div>\n      {children}\n    </>\n  );\n};\n\nSection.propTypes = {\n  additionalComponent: PropTypes.any,\n  children: PropTypes.any,\n  icon: PropTypes.string,\n  title: PropTypes.string,\n};\n\nexport default memo(Section);\n"],"names":["Section","additionalComponent","children","icon","title","Icon","icons","_jsxs","classNames","hasAdditional","_jsx","propTypes","PropTypes","any","string","memo"],"mappings":";;;;;;;AAKA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAKV;AAAA,mCAJJC,mBAII;AAAA,MAJJA,mBAII,sCAJkB,IAIlB;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,IAGP;AAAA,uBAFJC,IAEI;AAAA,MAFJA,IAEI,0BAFG,EAEH;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;AACJ,MAAMC,IAAI,GAAGC,KAAK,CAACH,IAAD,CAAL,IAAeG,WAA5B;AACA,sBACEC;AAAA,4BACEA;AACE,MAAA,SAAS,EAAEC,UAAU,CACnB,0DADmB,EAEnB;AAAEC,QAAAA,aAAa,EAAER;AAAjB,OAFmB,CADvB;AAAA,iBAMGE,IAAI,iBACFO;AAAM,QAAA,SAAS,8BAAuBP,IAAvB,CAAf;AAAA,+BAA8CO,IAAC,IAAD;AAAM,UAAA,SAAS,EAAC;AAAhB;AAA9C,QAPL,eAQEA;AAAM,QAAA,SAAS,EAAC,wBAAhB;AAAA,kBACGN;AADH,QARF,EAWGH,mBAXH;AAAA,MADF,EAcGC,QAdH;AAAA,IADF;AAkBD,CAzBD;;AA2BAF,OAAO,CAACW,SAAR,GAAoB;AAClBV,EAAAA,mBAAmB,EAAEW,SAAS,CAACC,GADb;AAElBX,EAAAA,QAAQ,EAAEU,SAAS,CAACC,GAFF;AAGlBV,EAAAA,IAAI,EAAES,SAAS,CAACE,MAHE;AAIlBV,EAAAA,KAAK,EAAEQ,SAAS,CAACE;AAJC,CAApB;AAOA,6BAAeC,IAAI,CAACf,OAAD,CAAnB;;;;"}

package/lib/esm/components/Builder/Tabs.js

@@ -1,23 +1,29 @@
 import 'core-js/modules/es.array.map.js';
 import { memo, useCallback, Fragment } from 'react';
 import PropTypes from 'prop-types';
-import { useBuilderContext } from '../../utils/builderContext.js';
-import { usePropContext } from '../../utils/propContext.js';
+import { useBuilderStore } from '../../contexts/BuilderContext.js';
+import { usePropStore } from '../../contexts/PropContext.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var Tabs = function Tabs(_ref) {
   var panel = _ref.panel,
-      tabs = _ref.tabs;
-
-  var _useBuilderContext = useBuilderContext(),
-      activeTab = _useBuilderContext.activeTab,
-      isLeftPanelOpen = _useBuilderContext.isLeftPanelOpen,
-      isRightPanelOpen = _useBuilderContext.isRightPanelOpen,
-      setActiveTab = _useBuilderContext.setActiveTab;
-
-  var _usePropContext = usePropContext(),
-      onAnEventTrigger = _usePropContext.onAnEventTrigger;
-
+      _ref$tabs = _ref.tabs,
+      tabs = _ref$tabs === void 0 ? [] : _ref$tabs;
+  var activeTab = useBuilderStore(function (state) {
+    return state.activeTab;
+  });
+  var isLeftPanelOpen = useBuilderStore(function (state) {
+    return state.isLeftPanelOpen;
+  });
+  var isRightPanelOpen = useBuilderStore(function (state) {
+    return state.isRightPanelOpen;
+  });
+  var setActiveTab = useBuilderStore(function (state) {
+    return state.setActiveTab;
+  });
+  var onAnEventTrigger = usePropStore(function (state) {
+    return state.onAnEventTrigger;
+  });
   var setCurrentTab = useCallback(function (index, tab) {
     setActiveTab(panel, index);
     onAnEventTrigger('settingTabChanged', tab);
@@ -57,9 +63,6 @@ Tabs.propTypes = {
   panel: PropTypes.string.isRequired,
   tabs: PropTypes.arrayOf(PropTypes.string)
 };
-Tabs.defaultProps = {
-  tabs: []
-};
 var Tabs$1 = /*#__PURE__*/memo(Tabs);
 
 export default Tabs$1;

package/lib/esm/components/Builder/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Builder/Tabs.js"],"sourcesContent":["import { Fragment, memo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { usePropContext } from '../../utils/propContext';\n\nconst Tabs = ({ panel, tabs }) => {\n  const {\n    activeTab,\n    isLeftPanelOpen,\n    isRightPanelOpen,\n    setActiveTab,\n  } = useBuilderContext();\n  const {\n    onAnEventTrigger,\n  } = usePropContext();\n\n  const setCurrentTab = useCallback((index, tab) => {\n    setActiveTab(panel, index);\n    onAnEventTrigger('settingTabChanged', tab);\n  }, [setActiveTab, onAnEventTrigger, panel]);\n\n  return (\n    tabs.length > 1 && (\n      <div\n        className={`toolTabs d-flex p-relative ${panel}`}\n        data-tab={tabs.length}\n      >\n        { tabs.map((tab, index) => {\n          const checked = activeTab[panel] === index\n            && ((panel === 'left' && isLeftPanelOpen) || (panel === 'right' && isRightPanelOpen));\n          return (\n            <Fragment key={tab}>\n              <input\n                checked={checked}\n                className=\"toolTabs-tab\"\n                id={tab}\n                name=\"tabs\"\n                onChange={() => setCurrentTab(index, tab)}\n                tab-count={index}\n                type=\"radio\"\n              />\n              <label\n                className=\"t-normal js-tabLabel\"\n                htmlFor={tab}\n              >\n                <span>\n                  {tab}\n                </span>\n              </label>\n            </Fragment>\n          );\n        })}\n        <div\n          className=\"toolTabs-indicator p-absolute\"\n          data-tab={tabs.length}\n        />\n      </div>\n    )\n  );\n};\n\nTabs.propTypes = {\n  panel: PropTypes.string.isRequired,\n  tabs: PropTypes.arrayOf(PropTypes.string),\n};\n\nTabs.defaultProps = {\n  tabs: [],\n};\n\nexport default memo(Tabs);\n"],"names":["Tabs","panel","tabs","useBuilderContext","activeTab","isLeftPanelOpen","isRightPanelOpen","setActiveTab","usePropContext","onAnEventTrigger","setCurrentTab","useCallback","index","tab","length","_jsxs","map","checked","_jsx","propTypes","PropTypes","string","isRequired","arrayOf","defaultProps","memo"],"mappings":";;;;;;;AAKA,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAAqB;AAAA,MAAlBC,KAAkB,QAAlBA,KAAkB;AAAA,MAAXC,IAAW,QAAXA,IAAW;;AAChC,2BAKIC,iBAAiB,EALrB;AAAA,MACEC,SADF,sBACEA,SADF;AAAA,MAEEC,eAFF,sBAEEA,eAFF;AAAA,MAGEC,gBAHF,sBAGEA,gBAHF;AAAA,MAIEC,YAJF,sBAIEA,YAJF;;AAMA,wBAEIC,cAAc,EAFlB;AAAA,MACEC,gBADF,mBACEA,gBADF;;AAIA,MAAMC,aAAa,GAAGC,WAAW,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAChDN,IAAAA,YAAY,CAACN,KAAD,EAAQW,KAAR,CAAZ;AACAH,IAAAA,gBAAgB,CAAC,mBAAD,EAAsBI,GAAtB,CAAhB;AACD,GAHgC,EAG9B,CAACN,YAAD,EAAeE,gBAAf,EAAiCR,KAAjC,CAH8B,CAAjC;AAKA,SACEC,IAAI,CAACY,MAAL,GAAc,CAAd,iBACEC;AACE,IAAA,SAAS,uCAAgCd,KAAhC,CADX;AAEE,gBAAUC,IAAI,CAACY,MAFjB;AAAA,eAIIZ,IAAI,CAACc,GAAL,CAAS,UAACH,GAAD,EAAMD,KAAN,EAAgB;AACzB,UAAMK,OAAO,GAAGb,SAAS,CAACH,KAAD,CAAT,KAAqBW,KAArB,KACTX,KAAK,KAAK,MAAV,IAAoBI,eAArB,IAA0CJ,KAAK,KAAK,OAAV,IAAqBK,gBADrD,CAAhB;AAEA,0BACES,KAAC,QAAD;AAAA,gCACEG;AACE,UAAA,OAAO,EAAED,OADX;AAEE,UAAA,SAAS,EAAC,cAFZ;AAGE,UAAA,EAAE,EAAEJ,GAHN;AAIE,UAAA,IAAI,EAAC,MAJP;AAKE,UAAA,QAAQ,EAAE;AAAA,mBAAMH,aAAa,CAACE,KAAD,EAAQC,GAAR,CAAnB;AAAA,WALZ;AAME,uBAAWD,KANb;AAOE,UAAA,IAAI,EAAC;AAPP,UADF,eAUEM;AACE,UAAA,SAAS,EAAC,sBADZ;AAEE,UAAA,OAAO,EAAEL,GAFX;AAAA,iCAIEK;AAAA,sBACGL;AADH;AAJF,UAVF;AAAA,SAAeA,GAAf,CADF;AAqBD,KAxBC,CAJJ,eA6BEK;AACE,MAAA,SAAS,EAAC,+BADZ;AAEE,kBAAUhB,IAAI,CAACY;AAFjB,MA7BF;AAAA,IAFJ;AAsCD,CAtDD;;AAwDAd,IAAI,CAACmB,SAAL,GAAiB;AACflB,EAAAA,KAAK,EAAEmB,SAAS,CAACC,MAAV,CAAiBC,UADT;AAEfpB,EAAAA,IAAI,EAAEkB,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACC,MAA5B;AAFS,CAAjB;AAKArB,IAAI,CAACwB,YAAL,GAAoB;AAClBtB,EAAAA,IAAI,EAAE;AADY,CAApB;AAIA,0BAAeuB,IAAI,CAACzB,IAAD,CAAnB;;;;"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Builder/Tabs.js"],"sourcesContent":["import { Fragment, memo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { useBuilderStore } from '../../contexts/BuilderContext';\nimport { usePropStore } from '../../contexts/PropContext';\n\nconst Tabs = ({ panel, tabs = [] }) => {\n  const activeTab = useBuilderStore(state => state.activeTab);\n  const isLeftPanelOpen = useBuilderStore(state => state.isLeftPanelOpen);\n  const isRightPanelOpen = useBuilderStore(state => state.isRightPanelOpen);\n  const setActiveTab = useBuilderStore(state => state.setActiveTab);\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n\n  const setCurrentTab = useCallback((index, tab) => {\n    setActiveTab(panel, index);\n    onAnEventTrigger('settingTabChanged', tab);\n  }, [setActiveTab, onAnEventTrigger, panel]);\n\n  return (\n    tabs.length > 1 && (\n      <div\n        className={`toolTabs d-flex p-relative ${panel}`}\n        data-tab={tabs.length}\n      >\n        { tabs.map((tab, index) => {\n          const checked = activeTab[panel] === index\n            && ((panel === 'left' && isLeftPanelOpen) || (panel === 'right' && isRightPanelOpen));\n          return (\n            <Fragment key={tab}>\n              <input\n                checked={checked}\n                className=\"toolTabs-tab\"\n                id={tab}\n                name=\"tabs\"\n                onChange={() => setCurrentTab(index, tab)}\n                tab-count={index}\n                type=\"radio\"\n              />\n              <label\n                className=\"t-normal js-tabLabel\"\n                htmlFor={tab}\n              >\n                <span>\n                  {tab}\n                </span>\n              </label>\n            </Fragment>\n          );\n        })}\n        <div\n          className=\"toolTabs-indicator p-absolute\"\n          data-tab={tabs.length}\n        />\n      </div>\n    )\n  );\n};\n\nTabs.propTypes = {\n  panel: PropTypes.string.isRequired,\n  tabs: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default memo(Tabs);\n"],"names":["Tabs","panel","tabs","activeTab","useBuilderStore","state","isLeftPanelOpen","isRightPanelOpen","setActiveTab","onAnEventTrigger","usePropStore","setCurrentTab","useCallback","index","tab","length","_jsxs","map","checked","_jsx","propTypes","PropTypes","string","isRequired","arrayOf","memo"],"mappings":";;;;;;;AAKA,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAA0B;AAAA,MAAvBC,KAAuB,QAAvBA,KAAuB;AAAA,uBAAhBC,IAAgB;AAAA,MAAhBA,IAAgB,0BAAT,EAAS;AACrC,MAAMC,SAAS,GAAGC,eAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,SAAV;AAAA,GAAN,CAAjC;AACA,MAAMG,eAAe,GAAGF,eAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,eAAV;AAAA,GAAN,CAAvC;AACA,MAAMC,gBAAgB,GAAGH,eAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACE,gBAAV;AAAA,GAAN,CAAxC;AACA,MAAMC,YAAY,GAAGJ,eAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACG,YAAV;AAAA,GAAN,CAApC;AACA,MAAMC,gBAAgB,GAAGC,YAAY,CAAC,UAAAL,KAAK;AAAA,WAAIA,KAAK,CAACI,gBAAV;AAAA,GAAN,CAArC;AAEA,MAAME,aAAa,GAAGC,WAAW,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAChDN,IAAAA,YAAY,CAACP,KAAD,EAAQY,KAAR,CAAZ;AACAJ,IAAAA,gBAAgB,CAAC,mBAAD,EAAsBK,GAAtB,CAAhB;AACD,GAHgC,EAG9B,CAACN,YAAD,EAAeC,gBAAf,EAAiCR,KAAjC,CAH8B,CAAjC;AAKA,SACEC,IAAI,CAACa,MAAL,GAAc,CAAd,iBACEC;AACE,IAAA,SAAS,uCAAgCf,KAAhC,CADX;AAEE,gBAAUC,IAAI,CAACa,MAFjB;AAAA,eAIIb,IAAI,CAACe,GAAL,CAAS,UAACH,GAAD,EAAMD,KAAN,EAAgB;AACzB,UAAMK,OAAO,GAAGf,SAAS,CAACF,KAAD,CAAT,KAAqBY,KAArB,KACTZ,KAAK,KAAK,MAAV,IAAoBK,eAArB,IAA0CL,KAAK,KAAK,OAAV,IAAqBM,gBADrD,CAAhB;AAEA,0BACES,KAAC,QAAD;AAAA,gCACEG;AACE,UAAA,OAAO,EAAED,OADX;AAEE,UAAA,SAAS,EAAC,cAFZ;AAGE,UAAA,EAAE,EAAEJ,GAHN;AAIE,UAAA,IAAI,EAAC,MAJP;AAKE,UAAA,QAAQ,EAAE;AAAA,mBAAMH,aAAa,CAACE,KAAD,EAAQC,GAAR,CAAnB;AAAA,WALZ;AAME,uBAAWD,KANb;AAOE,UAAA,IAAI,EAAC;AAPP,UADF,eAUEM;AACE,UAAA,SAAS,EAAC,sBADZ;AAEE,UAAA,OAAO,EAAEL,GAFX;AAAA,iCAIEK;AAAA,sBACGL;AADH;AAJF,UAVF;AAAA,SAAeA,GAAf,CADF;AAqBD,KAxBC,CAJJ,eA6BEK;AACE,MAAA,SAAS,EAAC,+BADZ;AAEE,kBAAUjB,IAAI,CAACa;AAFjB,MA7BF;AAAA,IAFJ;AAsCD,CAlDD;;AAoDAf,IAAI,CAACoB,SAAL,GAAiB;AACfnB,EAAAA,KAAK,EAAEoB,SAAS,CAACC,MAAV,CAAiBC,UADT;AAEfrB,EAAAA,IAAI,EAAEmB,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACC,MAA5B;AAFS,CAAjB;AAKA,0BAAeG,IAAI,CAACzB,IAAD,CAAnB;;;;"}

package/lib/esm/components/Builder/ZoomControls.js

@@ -2,9 +2,8 @@ import 'core-js/modules/es.number.constructor.js';
 import 'core-js/modules/es.number.is-nan.js';
 import 'core-js/modules/es.number.to-fixed.js';
 import { useMemo } from 'react';
-import PropTypes from 'prop-types';
-import { useBuilderContext } from '../../utils/builderContext.js';
-import { usePropContext } from '../../utils/propContext.js';
+import { useBuilderStore } from '../../contexts/BuilderContext.js';
+import { usePropStore } from '../../contexts/PropContext.js';
 import { ZOOM_MULTIPLIER, ZOOM_STEP, ZOOM_MIN, ZOOM_MAX } from '../../constants/zoom.js';
 import { useTranslatedTexts } from '../../utils/hooks.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -12,29 +11,29 @@ import SvgPlus from '../../assets/svg/plus.svg.js';
 import SvgMinus from '../../assets/svg/minus.svg.js';
 import SvgFitScreen from '../../assets/svg/fit_screen.svg.js';
 
-var ZoomControls = function ZoomControls(_ref) {
-  var mode = _ref.mode,
-      showZoom = _ref.showZoom;
-
-  var _useBuilderContext = useBuilderContext(),
-      setZoom = _useBuilderContext.setZoom,
-      zoom = _useBuilderContext.zoom;
-
-  var _usePropContext = usePropContext(),
-      onAnEventTrigger = _usePropContext.onAnEventTrigger,
-      settings = _usePropContext.settings;
-
+var ZoomControls = function ZoomControls() {
+  var setZoom = useBuilderStore(function (state) {
+    return state.setZoom;
+  });
+  var zoom = useBuilderStore(function (state) {
+    return state.zoom;
+  });
+  var onAnEventTrigger = usePropStore(function (state) {
+    return state.onAnEventTrigger;
+  });
+  var settings = usePropStore(function (state) {
+    return state.settings;
+  });
   var _settings$reportLayou = settings.reportLayoutHeight,
       reportLayoutHeight = _settings$reportLayou === void 0 ? 794 : _settings$reportLayou,
       _settings$reportLayou2 = settings.reportLayoutWidth,
       reportLayoutWidth = _settings$reportLayou2 === void 0 ? 1123 : _settings$reportLayou2;
-  var isModeCustomize = mode === 'customize';
 
   var decreaseZoom = function decreaseZoom() {
     onAnEventTrigger('zoomOut', 'report');
 
     if (zoom > ZOOM_STEP + ZOOM_MIN) {
-      setZoom(parseFloat((zoom - ZOOM_STEP).toFixed(1)), isModeCustomize, reportLayoutWidth);
+      setZoom(parseFloat((zoom - ZOOM_STEP).toFixed(1)), reportLayoutWidth);
     }
   };
 
@@ -42,7 +41,7 @@ var ZoomControls = function ZoomControls(_ref) {
     onAnEventTrigger('zoomIn', 'report');
 
     if (zoom < ZOOM_MAX) {
-      setZoom(parseFloat((zoom + ZOOM_STEP).toFixed(1)), isModeCustomize, reportLayoutWidth);
+      setZoom(parseFloat((zoom + ZOOM_STEP).toFixed(1)), reportLayoutWidth);
     }
   };
 
@@ -55,12 +54,12 @@ var ZoomControls = function ZoomControls(_ref) {
     if (newZoom < 0.5) newZoom = 0.5;
     if (newZoom > 1) newZoom = 1;
     onAnEventTrigger('fitZoom', 'report');
-    setZoom(newZoom, isModeCustomize, reportLayoutWidth);
+    setZoom(newZoom, reportLayoutWidth);
   };
 
   var zoomValue = useMemo(function () {
     return Number.isNaN(zoom) ? 100 : (zoom * ZOOM_MULTIPLIER).toFixed(0);
-  }, [zoom, ZOOM_MULTIPLIER]);
+  }, [zoom]);
 
   var _useTranslatedTexts = useTranslatedTexts(),
       FIT_TO_SCENE = _useTranslatedTexts.FIT_TO_SCENE,
@@ -68,7 +67,7 @@ var ZoomControls = function ZoomControls(_ref) {
       ZOOM_OUT = _useTranslatedTexts.ZOOM_OUT;
 
   return /*#__PURE__*/jsxs("div", {
-    className: "floatingController forZoom".concat(!showZoom ? ' hidden' : ''),
+    className: "floatingController forZoom",
     children: [/*#__PURE__*/jsxs("div", {
       className: "floatingController-container isGray",
       children: [/*#__PURE__*/jsx("button", {
@@ -106,14 +105,5 @@ var ZoomControls = function ZoomControls(_ref) {
   });
 };
 
-ZoomControls.propTypes = {
-  mode: PropTypes.string,
-  showZoom: PropTypes.bool
-};
-ZoomControls.defaultProps = {
-  mode: '',
-  showZoom: true
-};
-
 export default ZoomControls;
 //# sourceMappingURL=ZoomControls.js.map

package/lib/esm/components/Builder/ZoomControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomControls.js","sources":["../../../../src/components/Builder/ZoomControls.js"],"sourcesContent":["import { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { usePropContext } from '../../utils/propContext';\nimport {\n  ZOOM_STEP,\n  ZOOM_MIN,\n  ZOOM_MAX,\n  ZOOM_MULTIPLIER,\n} from '../../constants/zoom';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst ZoomControls = ({\n  mode,\n  showZoom,\n}) => {\n  const { setZoom, zoom } = useBuilderContext();\n  const {\n    onAnEventTrigger,\n    settings,\n  } = usePropContext();\n  const { reportLayoutHeight = 794, reportLayoutWidth = 1123 } = settings;\n  const isModeCustomize = mode === 'customize';\n  const decreaseZoom = () => {\n    onAnEventTrigger('zoomOut', 'report');\n    if (zoom > (ZOOM_STEP + ZOOM_MIN)) {\n      setZoom(parseFloat((zoom - ZOOM_STEP).toFixed(1)), isModeCustomize, reportLayoutWidth);\n    }\n  };\n  const increaseZoom = () => {\n    onAnEventTrigger('zoomIn', 'report');\n    if (zoom < (ZOOM_MAX)) {\n      setZoom(parseFloat((zoom + ZOOM_STEP).toFixed(1)), isModeCustomize, reportLayoutWidth);\n    }\n  };\n  const fitZoom = () => {\n    const { innerHeight, innerWidth } = window;\n    const newScale = Math.min(\n      (innerWidth - 400) / reportLayoutWidth,\n      innerHeight / reportLayoutHeight,\n    );\n    let newZoom = Math.floor(newScale * 10) / 10;\n    if (newZoom < 0.5) newZoom = 0.5;\n    if (newZoom > 1) newZoom = 1;\n    onAnEventTrigger('fitZoom', 'report');\n    setZoom(newZoom, isModeCustomize, reportLayoutWidth);\n  };\n\n  const zoomValue = useMemo(() => {\n    return Number.isNaN(zoom) ? 100 : (zoom * ZOOM_MULTIPLIER).toFixed(0);\n  }, [zoom, ZOOM_MULTIPLIER]);\n\n  const { FIT_TO_SCENE, ZOOM_IN, ZOOM_OUT } = useTranslatedTexts();\n\n  return (\n    <div className={`floatingController forZoom${!showZoom ? ' hidden' : ''}`}>\n      <div className=\"floatingController-container isGray\">\n        <button\n          className=\"controllerItem isWhite\"\n          onClick={increaseZoom}\n          title={ZOOM_IN}\n          type=\"button\"\n        >\n          <icons.plus className=\"jfReportSVG controllerItem-icon\" />\n        </button>\n        <div className=\"controllerIndicator\">\n          {zoomValue}\n          %\n        </div>\n        <button\n          className=\"controllerItem isWhite\"\n          onClick={decreaseZoom}\n          title={ZOOM_OUT}\n          type=\"button\"\n        >\n          <icons.minus className=\"jfReportSVG controllerItem-icon\" />\n        </button>\n      </div>\n      <div className=\"floatingController-container\">\n        <button\n          className=\"controllerItem isSingle\"\n          onClick={fitZoom}\n          title={FIT_TO_SCENE}\n          type=\"button\"\n        >\n          <icons.fit className=\"jfReportSVG icon-fit\" />\n        </button>\n      </div>\n    </div>\n  );\n};\n\nZoomControls.propTypes = {\n  mode: PropTypes.string,\n  showZoom: PropTypes.bool,\n};\n\nZoomControls.defaultProps = {\n  mode: '',\n  showZoom: true,\n};\n\nexport default ZoomControls;\n"],"names":["ZoomControls","mode","showZoom","useBuilderContext","setZoom","zoom","usePropContext","onAnEventTrigger","settings","reportLayoutHeight","reportLayoutWidth","isModeCustomize","decreaseZoom","ZOOM_STEP","ZOOM_MIN","parseFloat","toFixed","increaseZoom","ZOOM_MAX","fitZoom","window","innerHeight","innerWidth","newScale","Math","min","newZoom","floor","zoomValue","useMemo","Number","isNaN","ZOOM_MULTIPLIER","useTranslatedTexts","FIT_TO_SCENE","ZOOM_IN","ZOOM_OUT","_jsxs","_jsx","icons.plus","icons.minus","icons.fit","propTypes","PropTypes","string","bool","defaultProps"],"mappings":"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"}
+{"version":3,"file":"ZoomControls.js","sources":["../../../../src/components/Builder/ZoomControls.js"],"sourcesContent":["import { useMemo } from 'react';\nimport * as icons from '../../utils/icons';\nimport { useBuilderStore } from '../../contexts/BuilderContext';\nimport { usePropStore } from '../../contexts/PropContext';\nimport {\n  ZOOM_STEP,\n  ZOOM_MIN,\n  ZOOM_MAX,\n  ZOOM_MULTIPLIER,\n} from '../../constants/zoom';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst ZoomControls = () => {\n  const setZoom = useBuilderStore(state => state.setZoom);\n  const zoom = useBuilderStore(state => state.zoom);\n\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n  const settings = usePropStore(state => state.settings);\n\n  const { reportLayoutHeight = 794, reportLayoutWidth = 1123 } = settings;\n  const decreaseZoom = () => {\n    onAnEventTrigger('zoomOut', 'report');\n    if (zoom > (ZOOM_STEP + ZOOM_MIN)) {\n      setZoom(parseFloat((zoom - ZOOM_STEP).toFixed(1)), reportLayoutWidth);\n    }\n  };\n  const increaseZoom = () => {\n    onAnEventTrigger('zoomIn', 'report');\n    if (zoom < (ZOOM_MAX)) {\n      setZoom(parseFloat((zoom + ZOOM_STEP).toFixed(1)), reportLayoutWidth);\n    }\n  };\n  const fitZoom = () => {\n    const { innerHeight, innerWidth } = window;\n    const newScale = Math.min(\n      (innerWidth - 400) / reportLayoutWidth,\n      innerHeight / reportLayoutHeight,\n    );\n    let newZoom = Math.floor(newScale * 10) / 10;\n    if (newZoom < 0.5) newZoom = 0.5;\n    if (newZoom > 1) newZoom = 1;\n    onAnEventTrigger('fitZoom', 'report');\n    setZoom(newZoom, reportLayoutWidth);\n  };\n\n  const zoomValue = useMemo(() => {\n    return Number.isNaN(zoom) ? 100 : (zoom * ZOOM_MULTIPLIER).toFixed(0);\n  }, [zoom]);\n\n  const { FIT_TO_SCENE, ZOOM_IN, ZOOM_OUT } = useTranslatedTexts();\n\n  return (\n    <div className=\"floatingController forZoom\">\n      <div className=\"floatingController-container isGray\">\n        <button\n          className=\"controllerItem isWhite\"\n          onClick={increaseZoom}\n          title={ZOOM_IN}\n          type=\"button\"\n        >\n          <icons.plus className=\"jfReportSVG controllerItem-icon\" />\n        </button>\n        <div className=\"controllerIndicator\">\n          {zoomValue}\n          %\n        </div>\n        <button\n          className=\"controllerItem isWhite\"\n          onClick={decreaseZoom}\n          title={ZOOM_OUT}\n          type=\"button\"\n        >\n          <icons.minus className=\"jfReportSVG controllerItem-icon\" />\n        </button>\n      </div>\n      <div className=\"floatingController-container\">\n        <button\n          className=\"controllerItem isSingle\"\n          onClick={fitZoom}\n          title={FIT_TO_SCENE}\n          type=\"button\"\n        >\n          <icons.fit className=\"jfReportSVG icon-fit\" />\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default ZoomControls;\n"],"names":["ZoomControls","setZoom","useBuilderStore","state","zoom","onAnEventTrigger","usePropStore","settings","reportLayoutHeight","reportLayoutWidth","decreaseZoom","ZOOM_STEP","ZOOM_MIN","parseFloat","toFixed","increaseZoom","ZOOM_MAX","fitZoom","window","innerHeight","innerWidth","newScale","Math","min","newZoom","floor","zoomValue","useMemo","Number","isNaN","ZOOM_MULTIPLIER","useTranslatedTexts","FIT_TO_SCENE","ZOOM_IN","ZOOM_OUT","_jsxs","_jsx","icons.plus","icons.minus","icons.fit"],"mappings":"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"}