@jotforminc/dnd-builder 3.7.2 → 3.8.1

package/lib/esm/utils/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../src/utils/hooks.js"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  useMemo,\n  useCallback,\n} from 'react';\nimport { getZoomValue } from './functions';\nimport { SharingTextsModule } from '../constants/texts';\nimport { usePropStore } from '../contexts/PropContext';\nimport { useBuilderStore } from '../contexts/BuilderContext';\nimport { usePresentationStore } from '../contexts/PresentationContext';\n\nconst INITIAL_ZOOM_MAX = 0.8;\n\nexport const useStateWithCallback = (initialState, callback) => {\n  const [state, setState] = useState(initialState);\n\n  useEffect(() => callback(state), [state, callback]);\n\n  return [state, setState];\n};\n\nexport const useEventListener = (eventName, handler, element = global) => {\n  const savedHandler = useRef();\n\n  useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  useEffect(\n    () => {\n      const isSupported = element && element.addEventListener;\n      if (!isSupported) return;\n\n      const eventListener = event => savedHandler.current(event);\n      element.addEventListener(eventName, eventListener);\n      return () => {\n        element.removeEventListener(eventName, eventListener);\n      };\n    },\n    [eventName, element],\n  );\n};\n\nexport const useResizeListener = (condition = true) => {\n  const [innerWidth, setInnerWidth] = useState(() => (\n    typeof window !== 'undefined' ? window.innerWidth : 0\n  ));\n\n  const handleResize = useCallback(() => {\n    if (typeof window !== 'undefined') {\n      setInnerWidth(window.innerWidth);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (condition && typeof window !== 'undefined') {\n      setInnerWidth(window.innerWidth);\n    }\n  }, [condition]);\n\n  const target = condition && typeof window !== 'undefined' ? window : null;\n  useEventListener('resize', handleResize, target);\n\n  return innerWidth;\n};\n\nexport const useInterval = (callback, delay) => {\n  const savedCallback = useRef();\n  useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  useEffect(() => {\n    function tick() {\n      savedCallback.current();\n    }\n    if (delay !== null) {\n      const id = setInterval(tick, delay);\n      return () => clearInterval(id);\n    }\n  }, [delay]);\n};\n\nexport const usePrevious = value => {\n  const ref = useRef();\n  useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n};\n\nexport const usePropState = (propValue, transform = v => v) => {\n  const [state, setState] = useState(() => transform(propValue));\n\n  useEffect(() => {\n    setState(transform(propValue));\n  }, [propValue, transform]);\n\n  return [state, setState];\n};\n\nexport const useFitZoom = () => {\n  const settings = usePropStore(state => state.settings);\n  const setZoom = useBuilderStore(state => state.setZoom);\n  const shouldFitZoomInitially = useBuilderStore(state => state.shouldFitZoomInitially);\n\n  useEffect(() => {\n    if (shouldFitZoomInitially) {\n      const fitZoom = getZoomValue({\n        limitZoom: true,\n        settings: {\n          reportLayoutHeight: settings.reportLayoutHeight,\n          reportLayoutWidth: settings.reportLayoutWidth,\n        },\n      });\n      const newZoom = Math.min(fitZoom, INITIAL_ZOOM_MAX);\n      setZoom(newZoom, settings.reportLayoutWidth);\n    }\n  }, [\n    settings.reportLayoutHeight,\n    settings.reportLayoutWidth,\n    setZoom,\n    shouldFitZoomInitially,\n  ]);\n};\n\nexport const usePageVisibility = (callback, pageCount, selectedPageIndex) => {\n  const ratio = useRef({});\n  const prevVisiblePageIndex = useRef(-1);\n  const pageRefs = useRef([]);\n  const observer = useMemo(() => new window.IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      const order = entry.target.getAttribute('data-order');\n      if (entry.intersectionRatio !== 0) {\n        ratio.current[order] = entry.intersectionRatio;\n      } else {\n        delete ratio.current[order];\n      }\n    });\n    const visiblePageIndex = parseInt(\n      Object.keys(ratio.current)\n        .find(key => ratio.current[key] === Math.max(...Object.values(ratio.current))),\n      10,\n    );\n    if (visiblePageIndex !== prevVisiblePageIndex.current) {\n      prevVisiblePageIndex.current = visiblePageIndex;\n      callback(visiblePageIndex);\n    }\n  },\n  {\n    delay: 100,\n    root: document.querySelector('.jfReport-viewport'),\n    threshold: [0, 0.25, 0.5, 0.75, 1],\n  }), [callback]);\n\n  useEffect(() => {\n    ratio.current = {};\n    pageRefs.current = document.querySelectorAll('.jfReport-page');\n  }, [pageCount]);\n\n  useEffect(() => {\n    if (selectedPageIndex === -1) {\n      pageRefs.current.forEach(page => {\n        observer.observe(page);\n      });\n    }\n\n    return () => {\n      pageRefs.current.forEach(page => {\n        observer.unobserve(page);\n      });\n    };\n  }, [selectedPageIndex, observer]);\n};\n\nexport const useFullscreenChange = (isFullscreen, fitToScreen) => {\n  /**\n   * All this is just to cover if the user exits fullscreen via ESC key :(\n  */\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n  const setIsFullscreen = usePresentationStore(state => state.setIsFullscreen);\n\n  const onFullscreenChange = useCallback(() => {\n    if (!(\n      document.fullScreen\n      || document.mozFullScreen\n      || document.webkitIsFullScreen\n    )) {\n      onAnEventTrigger('clickedFullscreen');\n      setIsFullscreen(false);\n      fitToScreen(500);\n    } else {\n      setIsFullscreen(true);\n      fitToScreen(600);\n    }\n  }, [fitToScreen, setIsFullscreen, onAnEventTrigger]);\n\n  useEventListener('fullscreenchange', onFullscreenChange);\n  useEventListener('webkitfullscreenchange', onFullscreenChange);\n  useEventListener('mozfullscreenchange', onFullscreenChange);\n  useEventListener('MSFullscreenChange', onFullscreenChange);\n};\n\nexport const useTranslatedTexts = () => {\n  return SharingTextsModule.Texts;\n};\n\nexport const useClickOutsideListener = (classes, conditionValue, onClose) => {\n  const onClickOutsideForPanel = useCallback(({ target: { classList } }) => {\n    const shouldClose = classes.some(c => classList.contains(c));\n    if (shouldClose) {\n      onClose();\n    }\n  }, [classes, onClose]);\n\n  useEffect(() => {\n    if (conditionValue) window.addEventListener('click', onClickOutsideForPanel, false);\n    return () => window.removeEventListener('click', onClickOutsideForPanel, false);\n  }, [conditionValue, onClickOutsideForPanel]);\n};\n\nexport const usePageTransition = (style, currentPage) => {\n  const finalStyle = useMemo(() => {\n    switch (style) {\n    case 'verticalSlide':\n      return { transform: `translateY(-${(currentPage * 100).toString()}%)` };\n    case 'scaleAndFade':\n      return {};\n    case 'rotate':\n      return { '-webkit-perspective': 1000 };\n    case 'scaleAndSlide':\n    case 'horizontalSlide':\n    default:\n      return { transform: `translateX(-${(currentPage * 100).toString()}%)` };\n    }\n  }, [style, currentPage]);\n\n  return finalStyle;\n};\n\nexport const useSelectedElements = () => {\n  const pages = usePropStore(state => state.pages);\n  const activeElements = useBuilderStore(state => state.activeElements);\n  const acceptedItems = usePropStore(state => state.acceptedItems);\n\n  return useMemo(() => {\n    if (activeElements.length === 0) return [];\n    const items = activeElements.map(itemID => {\n      let foundItem = [];\n      pages.forEach(page => {\n        const item = page.items.find(el => el.id === itemID);\n        if (item) {\n          foundItem = item;\n        }\n      });\n      const defItem = (acceptedItems[foundItem.itemType] && acceptedItems[foundItem.itemType].defaultItem) || {};\n      return { ...defItem, ...foundItem };\n    });\n    return items;\n  }, [pages, activeElements, acceptedItems]);\n};\n"],"names":["INITIAL_ZOOM_MAX","useEventListener","eventName","handler","element","global","savedHandler","useRef","useEffect","current","isSupported","addEventListener","eventListener","event","removeEventListener","useResizeListener","condition","useState","window","innerWidth","setInnerWidth","handleResize","useCallback","target","usePrevious","value","ref","usePropState","propValue","transform","v","state","setState","useFitZoom","settings","usePropStore","setZoom","useBuilderStore","shouldFitZoomInitially","fitZoom","getZoomValue","limitZoom","reportLayoutHeight","reportLayoutWidth","newZoom","Math","min","usePageVisibility","callback","pageCount","selectedPageIndex","ratio","prevVisiblePageIndex","pageRefs","observer","useMemo","IntersectionObserver","entries","forEach","entry","order","getAttribute","intersectionRatio","visiblePageIndex","parseInt","Object","keys","find","key","max","values","delay","root","document","querySelector","threshold","querySelectorAll","page","observe","unobserve","useFullscreenChange","isFullscreen","fitToScreen","onAnEventTrigger","setIsFullscreen","usePresentationStore","onFullscreenChange","fullScreen","mozFullScreen","webkitIsFullScreen","useTranslatedTexts","SharingTextsModule","Texts","useClickOutsideListener","classes","conditionValue","onClose","onClickOutsideForPanel","classList","shouldClose","some","c","contains","usePageTransition","style","currentPage","finalStyle","toString","useSelectedElements","pages","activeElements","acceptedItems","length","items","map","itemID","foundItem","item","el","id","defItem","itemType","defaultItem"],"mappings":"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"}
+{"version":3,"file":"hooks.js","sources":["../../../src/utils/hooks.js"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  useMemo,\n  useCallback,\n} from 'react';\nimport { getZoomValue } from './functions';\nimport { SharingTextsModule } from '../constants/texts';\nimport { usePropStore } from '../contexts/PropContext';\nimport { useBuilderStore } from '../contexts/BuilderContext';\nimport { usePresentationStore } from '../contexts/PresentationContext';\n\nconst INITIAL_ZOOM_MAX = 0.8;\n\nexport const useStateWithCallback = (initialState, callback) => {\n  const [state, setState] = useState(initialState);\n\n  useEffect(() => callback(state), [state, callback]);\n\n  return [state, setState];\n};\n\nexport const useEventListener = (eventName, handler, element = global) => {\n  const savedHandler = useRef();\n\n  useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  useEffect(\n    () => {\n      const isSupported = element && element.addEventListener;\n      if (!isSupported) return;\n\n      const eventListener = event => savedHandler.current(event);\n      element.addEventListener(eventName, eventListener);\n      return () => {\n        element.removeEventListener(eventName, eventListener);\n      };\n    },\n    [eventName, element],\n  );\n};\n\nexport const useResizeListener = (condition = true) => {\n  const [innerWidth, setInnerWidth] = useState(() => (\n    typeof window !== 'undefined' ? window.innerWidth : 0\n  ));\n\n  const handleResize = useCallback(() => {\n    if (typeof window !== 'undefined') {\n      setInnerWidth(window.innerWidth);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (condition && typeof window !== 'undefined') {\n      setInnerWidth(window.innerWidth);\n    }\n  }, [condition]);\n\n  const target = condition && typeof window !== 'undefined' ? window : null;\n  useEventListener('resize', handleResize, target);\n\n  return innerWidth;\n};\n\nexport const useInterval = (callback, delay) => {\n  const savedCallback = useRef();\n  useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  useEffect(() => {\n    function tick() {\n      savedCallback.current();\n    }\n    if (delay !== null) {\n      const id = setInterval(tick, delay);\n      return () => clearInterval(id);\n    }\n  }, [delay]);\n};\n\nexport const usePrevious = value => {\n  const ref = useRef();\n  useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n};\n\nexport const usePropState = (propValue, transform = v => v) => {\n  const [state, setState] = useState(() => transform(propValue));\n\n  useEffect(() => {\n    setState(transform(propValue));\n  }, [propValue, transform]);\n\n  return [state, setState];\n};\n\nexport const useFitZoom = () => {\n  const settings = usePropStore(state => state.settings);\n  const setZoom = useBuilderStore(state => state.setZoom);\n  const shouldFitZoomInitially = useBuilderStore(state => state.shouldFitZoomInitially);\n\n  useEffect(() => {\n    if (shouldFitZoomInitially) {\n      const fitZoom = getZoomValue({\n        limitZoom: true,\n        settings: {\n          reportLayoutHeight: settings.reportLayoutHeight,\n          reportLayoutWidth: settings.reportLayoutWidth,\n        },\n      });\n      const newZoom = Math.min(fitZoom, INITIAL_ZOOM_MAX);\n      setZoom(newZoom, settings.reportLayoutWidth);\n    }\n  }, [\n    settings.reportLayoutHeight,\n    settings.reportLayoutWidth,\n    setZoom,\n    shouldFitZoomInitially,\n  ]);\n};\n\nexport const usePageVisibility = (callback, pageCount, selectedPageIndex) => {\n  const ratio = useRef({});\n  const prevVisiblePageIndex = useRef(-1);\n  const pageRefs = useRef([]);\n  const observer = useMemo(() => new window.IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      const order = entry.target.getAttribute('data-order');\n      if (entry.intersectionRatio !== 0) {\n        ratio.current[order] = entry.intersectionRatio;\n      } else {\n        delete ratio.current[order];\n      }\n    });\n    const visiblePageIndex = parseInt(\n      Object.keys(ratio.current)\n        .find(key => ratio.current[key] === Math.max(...Object.values(ratio.current))),\n      10,\n    );\n    if (visiblePageIndex !== prevVisiblePageIndex.current) {\n      prevVisiblePageIndex.current = visiblePageIndex;\n      callback(visiblePageIndex);\n    }\n  },\n  {\n    delay: 100,\n    root: document.querySelector('.jfReport-viewport'),\n    threshold: [0, 0.25, 0.5, 0.75, 1],\n  }), [callback]);\n\n  useEffect(() => {\n    ratio.current = {};\n    pageRefs.current = document.querySelectorAll('.jfReport-page');\n  }, [pageCount]);\n\n  useEffect(() => {\n    if (selectedPageIndex === -1) {\n      pageRefs.current.forEach(page => {\n        observer.observe(page);\n      });\n    }\n\n    return () => {\n      pageRefs.current.forEach(page => {\n        observer.unobserve(page);\n      });\n    };\n  }, [selectedPageIndex, observer]);\n};\n\nexport const useFullscreenChange = (isFullscreen, fitToScreen) => {\n  /**\n   * All this is just to cover if the user exits fullscreen via ESC key :(\n  */\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n  const setIsFullscreen = usePresentationStore(state => state.setIsFullscreen);\n\n  const onFullscreenChange = useCallback(() => {\n    if (!(\n      document.fullScreen\n      || document.mozFullScreen\n      || document.webkitIsFullScreen\n    )) {\n      onAnEventTrigger('clickedFullscreen');\n      setIsFullscreen(false);\n      fitToScreen(500);\n    } else {\n      setIsFullscreen(true);\n      fitToScreen(600);\n    }\n  }, [fitToScreen, setIsFullscreen, onAnEventTrigger]);\n\n  useEventListener('fullscreenchange', onFullscreenChange);\n  useEventListener('webkitfullscreenchange', onFullscreenChange);\n  useEventListener('mozfullscreenchange', onFullscreenChange);\n  useEventListener('MSFullscreenChange', onFullscreenChange);\n};\n\nexport const useTranslatedTexts = () => {\n  return SharingTextsModule.Texts;\n};\n\nexport const useClickOutsideListener = (classes, conditionValue, onClose) => {\n  const onClickOutsideForPanel = useCallback(({ target: { classList } }) => {\n    const shouldClose = classes.some(c => classList.contains(c));\n    if (shouldClose) {\n      onClose();\n    }\n  }, [classes, onClose]);\n\n  useEffect(() => {\n    if (conditionValue) window.addEventListener('click', onClickOutsideForPanel, false);\n    return () => window.removeEventListener('click', onClickOutsideForPanel, false);\n  }, [conditionValue, onClickOutsideForPanel]);\n};\n\nexport const usePageTransition = (style, currentPage) => {\n  const finalStyle = useMemo(() => {\n    switch (style) {\n    case 'verticalSlide':\n      return { transform: `translateY(-${(currentPage * 100).toString()}%)` };\n    case 'scaleAndFade':\n      return {};\n    case 'rotate':\n      return { '-webkit-perspective': 1000 };\n    case 'scaleAndSlide':\n    case 'horizontalSlide':\n    default:\n      return { transform: `translateX(-${(currentPage * 100).toString()}%)` };\n    }\n  }, [style, currentPage]);\n\n  return finalStyle;\n};\n\nexport const useSelectedElements = () => {\n  const pages = usePropStore(state => state.pages);\n  const activeElements = useBuilderStore(state => state.activeElements);\n  const acceptedItems = usePropStore(state => state.acceptedItems);\n\n  return useMemo(() => {\n    if (activeElements.length === 0) return [];\n    const items = activeElements.map(itemID => {\n      let foundItem = {};\n      pages.forEach(page => {\n        const item = page.items.find(el => el.id === itemID);\n        if (item) {\n          foundItem = item;\n        }\n      });\n      const defItem = (acceptedItems[foundItem.itemType] && acceptedItems[foundItem.itemType].defaultItem) || {};\n      return { ...defItem, ...foundItem };\n    });\n    return items;\n  }, [pages, activeElements, acceptedItems]);\n};\n"],"names":["INITIAL_ZOOM_MAX","useEventListener","eventName","handler","element","global","savedHandler","useRef","useEffect","current","isSupported","addEventListener","eventListener","event","removeEventListener","useResizeListener","condition","useState","window","innerWidth","setInnerWidth","handleResize","useCallback","target","usePrevious","value","ref","usePropState","propValue","transform","v","state","setState","useFitZoom","settings","usePropStore","setZoom","useBuilderStore","shouldFitZoomInitially","fitZoom","getZoomValue","limitZoom","reportLayoutHeight","reportLayoutWidth","newZoom","Math","min","usePageVisibility","callback","pageCount","selectedPageIndex","ratio","prevVisiblePageIndex","pageRefs","observer","useMemo","IntersectionObserver","entries","forEach","entry","order","getAttribute","intersectionRatio","visiblePageIndex","parseInt","Object","keys","find","key","max","values","delay","root","document","querySelector","threshold","querySelectorAll","page","observe","unobserve","useFullscreenChange","isFullscreen","fitToScreen","onAnEventTrigger","setIsFullscreen","usePresentationStore","onFullscreenChange","fullScreen","mozFullScreen","webkitIsFullScreen","useTranslatedTexts","SharingTextsModule","Texts","useClickOutsideListener","classes","conditionValue","onClose","onClickOutsideForPanel","classList","shouldClose","some","c","contains","usePageTransition","style","currentPage","finalStyle","toString","useSelectedElements","pages","activeElements","acceptedItems","length","items","map","itemID","foundItem","item","el","id","defItem","itemType","defaultItem"],"mappings":"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"}

package/lib/esm/utils/icons.js

@@ -80,6 +80,8 @@ export { default as basicPlaceholder } from '../assets/svg/placeholder/basic.svg
 export { default as donutPlaceholder } from '../assets/svg/placeholder/donut.svg.js';
 export { default as textGridPlaceholder } from '../assets/svg/placeholder/grid.svg.js';
 export { default as fit } from '../assets/svg/fit_screen.svg.js';
+export { default as collapsePresentation } from '../assets/svg/carets_to_center.svg.js';
+export { default as expandPresentation } from '../assets/svg/carets_from_center.svg.js';
 export { default as loadingCircle } from '../assets/svg/loading_circle.svg.js';
 export { default as exclamationIcon } from '../assets/svg/exclamation.svg.js';
 

package/lib/esm/utils/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sources":["../../../src/utils/icons.js"],"sourcesContent":["// General //\n\nexport { default as down } from '../assets/svg/arrow_down.svg';\nexport { default as drag } from '../assets/svg/settings/drag.svg';\nexport { default as trash } from '../assets/svg/trash.svg';\nexport { default as close } from '../assets/svg/close.svg';\nexport { default as rotate } from '../assets/svg/rotate.svg';\nexport { default as customize } from '../assets/svg/customize.svg';\nexport { default as slides } from '../assets/svg/slides.svg';\nexport { default as settingsToggle } from '../assets/svg/settings_toggle.svg';\nexport { default as ellipsisVertical } from '../assets/svg/ellipsis-vertical.svg';\n\n// Elements //\n\nexport { default as header } from '../assets/svg/toolbox/header.svg';\nexport { default as icon } from '../assets/svg/toolbox/icon.svg';\nexport { default as image } from '../assets/svg/toolbox/image.svg';\nexport { default as label } from '../assets/svg/toolbox/label.svg';\nexport { default as shapes } from '../assets/svg/toolbox/shapes.svg';\nexport { default as table } from '../assets/svg/toolbox/table.svg';\nexport { default as textElement } from '../assets/svg/toolbox/text_element.svg';\nexport { default as text } from '../assets/svg/toolbox/text.svg';\nexport { default as star } from '../assets/svg/toolbox/star.svg';\nexport { default as email } from '../assets/svg/toolbox/email.svg';\nexport { default as singleChoice } from '../assets/svg/toolbox/single_choice.svg';\nexport { default as multipleChoice } from '../assets/svg/toolbox/multiple_choice.svg';\nexport { default as lock } from '../assets/svg/settings/lock.svg';\nexport { default as unlock } from '../assets/svg/settings/unlock.svg';\n\n// Settings //\n\nexport { default as bold } from '../assets/svg/settings/font_bold.svg';\nexport { default as italic } from '../assets/svg/settings/font_italic.svg';\nexport { default as underline } from '../assets/svg/settings/font_underline.svg';\nexport { default as alignLeft } from '../assets/svg/settings/align_left.svg';\nexport { default as alignCenter } from '../assets/svg/settings/align_center.svg';\nexport { default as alignRight } from '../assets/svg/settings/align_right.svg';\n\n// Chart Settings //\n\nexport { default as pie } from '../assets/svg/settings/chart_pie.svg';\nexport { default as bar } from '../assets/svg/settings/chart_bar.svg';\nexport { default as line } from '../assets/svg/settings/chart_line.svg';\nexport { default as basic } from '../assets/svg/settings/chart_basic.svg';\nexport { default as donut } from '../assets/svg/settings/chart_donut.svg';\nexport { default as grid } from '../assets/svg/settings/chart_grid.svg';\nexport { default as textGrid } from '../assets/svg/settings/chart_textGrid.svg';\nexport { default as column } from '../assets/svg/settings/chart_column.svg';\nexport { default as layout } from '../assets/svg/settings/layout.svg';\nexport { default as starRating } from '../assets/svg/star_rating.svg';\nexport { default as heartRating } from '../assets/svg/heart_rating.svg';\n\n// Shape Settings //\n\nexport { default as rectangleIcon } from '../assets/svg/settings/rectangle.svg';\nexport { default as ellipseIcon } from '../assets/svg/settings/ellipse.svg';\nexport { default as triangleIcon } from '../assets/svg/settings/triangle.svg';\nexport { default as starIcon } from '../assets/svg/settings/star.svg';\nexport { default as lineIcon } from '../assets/svg/settings/line.svg';\n\n// Element Menu //\n\nexport { default as duplicate } from '../assets/svg/duplicate.svg';\nexport { default as settings } from '../assets/svg/settings.svg';\n\n// Page Menu //\n\nexport { default as arrowDown } from '../assets/svg/arrow_down.svg';\nexport { default as arrowUp } from '../assets/svg/arrow_up.svg';\nexport { default as arrowLeft } from '../assets/svg/arrow_left.svg';\nexport { default as arrowRight } from '../assets/svg/arrow_right.svg';\nexport { default as anglesLeft } from '../assets/svg/angles-left.svg';\nexport { default as angleDown } from '../assets/svg/angle_down.svg';\nexport { default as angleUp } from '../assets/svg/angle_up.svg';\nexport { default as angleLeft } from '../assets/svg/angle_left.svg';\nexport { default as angleRight } from '../assets/svg/angle_right.svg';\nexport { default as duplicateLine } from '../assets/svg/page-actions/duplicate_line.svg';\nexport { default as plus } from '../assets/svg/plus.svg';\nexport { default as minus } from '../assets/svg/minus.svg';\nexport { default as trashLine } from '../assets/svg/page-actions/trash_line.svg';\nexport { default as pageSettings } from '../assets/svg/page_settings.svg';\n\n// Context Menu //\n\nexport { default as moveToFront } from '../assets/svg/contextmenu/moveToFront.svg';\nexport { default as moveToForward } from '../assets/svg/contextmenu/moveToForward.svg';\nexport { default as moveToBackward } from '../assets/svg/contextmenu/moveToBackward.svg';\nexport { default as moveToBack } from '../assets/svg/contextmenu/moveToBack.svg';\n\n// Presentation //\n\nexport { default as print } from '../assets/svg/presentation/print.svg';\nexport { default as download } from '../assets/svg/presentation/download.svg';\nexport { default as play } from '../assets/svg/presentation/play.svg';\nexport { default as enterFullscreen } from '../assets/svg/presentation/enter_fullscreen.svg';\nexport { default as exitFullscreen } from '../assets/svg/presentation/exit_fullscreen.svg';\nexport { default as pause } from '../assets/svg/presentation/pause.svg';\nexport { default as share } from '../assets/svg/presentation/share.svg';\nexport { default as attachment } from '../assets/svg/presentation/attachment.svg';\nexport { default as pen } from '../assets/svg/presentation/pen.svg';\n\n// Password Modal //\n\nexport { default as key } from '../assets/svg/presentation/key.svg';\nexport { default as eye } from '../assets/svg/presentation/eye.svg';\n\n// Placeholder //\n\nexport { default as piePlaceholder } from '../assets/svg/placeholder/pie.svg';\nexport { default as barPlaceholder } from '../assets/svg/placeholder/bar.svg';\nexport { default as linePlaceholder } from '../assets/svg/placeholder/bar.svg';\nexport { default as columnPlaceholder } from '../assets/svg/placeholder/column.svg';\nexport { default as basicPlaceholder } from '../assets/svg/placeholder/basic.svg';\nexport { default as donutPlaceholder } from '../assets/svg/placeholder/donut.svg';\nexport { default as textGridPlaceholder } from '../assets/svg/placeholder/grid.svg';\n\n// Placeholder //\n\n// Zoom //\n\nexport { default as fit } from '../assets/svg/fit_screen.svg';\n\n// Zoom //\n\n// Loading //\nexport { default as loadingCircle } from '../assets/svg/loading_circle.svg';\n\n// Error Boundary //\n\nexport { default as exclamationIcon } from '../assets/svg/exclamation.svg';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"icons.js","sources":["../../../src/utils/icons.js"],"sourcesContent":["// General //\n\nexport { default as down } from '../assets/svg/arrow_down.svg';\nexport { default as drag } from '../assets/svg/settings/drag.svg';\nexport { default as trash } from '../assets/svg/trash.svg';\nexport { default as close } from '../assets/svg/close.svg';\nexport { default as rotate } from '../assets/svg/rotate.svg';\nexport { default as customize } from '../assets/svg/customize.svg';\nexport { default as slides } from '../assets/svg/slides.svg';\nexport { default as settingsToggle } from '../assets/svg/settings_toggle.svg';\nexport { default as ellipsisVertical } from '../assets/svg/ellipsis-vertical.svg';\n\n// Elements //\n\nexport { default as header } from '../assets/svg/toolbox/header.svg';\nexport { default as icon } from '../assets/svg/toolbox/icon.svg';\nexport { default as image } from '../assets/svg/toolbox/image.svg';\nexport { default as label } from '../assets/svg/toolbox/label.svg';\nexport { default as shapes } from '../assets/svg/toolbox/shapes.svg';\nexport { default as table } from '../assets/svg/toolbox/table.svg';\nexport { default as textElement } from '../assets/svg/toolbox/text_element.svg';\nexport { default as text } from '../assets/svg/toolbox/text.svg';\nexport { default as star } from '../assets/svg/toolbox/star.svg';\nexport { default as email } from '../assets/svg/toolbox/email.svg';\nexport { default as singleChoice } from '../assets/svg/toolbox/single_choice.svg';\nexport { default as multipleChoice } from '../assets/svg/toolbox/multiple_choice.svg';\nexport { default as lock } from '../assets/svg/settings/lock.svg';\nexport { default as unlock } from '../assets/svg/settings/unlock.svg';\n\n// Settings //\n\nexport { default as bold } from '../assets/svg/settings/font_bold.svg';\nexport { default as italic } from '../assets/svg/settings/font_italic.svg';\nexport { default as underline } from '../assets/svg/settings/font_underline.svg';\nexport { default as alignLeft } from '../assets/svg/settings/align_left.svg';\nexport { default as alignCenter } from '../assets/svg/settings/align_center.svg';\nexport { default as alignRight } from '../assets/svg/settings/align_right.svg';\n\n// Chart Settings //\n\nexport { default as pie } from '../assets/svg/settings/chart_pie.svg';\nexport { default as bar } from '../assets/svg/settings/chart_bar.svg';\nexport { default as line } from '../assets/svg/settings/chart_line.svg';\nexport { default as basic } from '../assets/svg/settings/chart_basic.svg';\nexport { default as donut } from '../assets/svg/settings/chart_donut.svg';\nexport { default as grid } from '../assets/svg/settings/chart_grid.svg';\nexport { default as textGrid } from '../assets/svg/settings/chart_textGrid.svg';\nexport { default as column } from '../assets/svg/settings/chart_column.svg';\nexport { default as layout } from '../assets/svg/settings/layout.svg';\nexport { default as starRating } from '../assets/svg/star_rating.svg';\nexport { default as heartRating } from '../assets/svg/heart_rating.svg';\n\n// Shape Settings //\n\nexport { default as rectangleIcon } from '../assets/svg/settings/rectangle.svg';\nexport { default as ellipseIcon } from '../assets/svg/settings/ellipse.svg';\nexport { default as triangleIcon } from '../assets/svg/settings/triangle.svg';\nexport { default as starIcon } from '../assets/svg/settings/star.svg';\nexport { default as lineIcon } from '../assets/svg/settings/line.svg';\n\n// Element Menu //\n\nexport { default as duplicate } from '../assets/svg/duplicate.svg';\nexport { default as settings } from '../assets/svg/settings.svg';\n\n// Page Menu //\n\nexport { default as arrowDown } from '../assets/svg/arrow_down.svg';\nexport { default as arrowUp } from '../assets/svg/arrow_up.svg';\nexport { default as arrowLeft } from '../assets/svg/arrow_left.svg';\nexport { default as arrowRight } from '../assets/svg/arrow_right.svg';\nexport { default as anglesLeft } from '../assets/svg/angles-left.svg';\nexport { default as angleDown } from '../assets/svg/angle_down.svg';\nexport { default as angleUp } from '../assets/svg/angle_up.svg';\nexport { default as angleLeft } from '../assets/svg/angle_left.svg';\nexport { default as angleRight } from '../assets/svg/angle_right.svg';\nexport { default as duplicateLine } from '../assets/svg/page-actions/duplicate_line.svg';\nexport { default as plus } from '../assets/svg/plus.svg';\nexport { default as minus } from '../assets/svg/minus.svg';\nexport { default as trashLine } from '../assets/svg/page-actions/trash_line.svg';\nexport { default as pageSettings } from '../assets/svg/page_settings.svg';\n\n// Context Menu //\n\nexport { default as moveToFront } from '../assets/svg/contextmenu/moveToFront.svg';\nexport { default as moveToForward } from '../assets/svg/contextmenu/moveToForward.svg';\nexport { default as moveToBackward } from '../assets/svg/contextmenu/moveToBackward.svg';\nexport { default as moveToBack } from '../assets/svg/contextmenu/moveToBack.svg';\n\n// Presentation //\n\nexport { default as print } from '../assets/svg/presentation/print.svg';\nexport { default as download } from '../assets/svg/presentation/download.svg';\nexport { default as play } from '../assets/svg/presentation/play.svg';\nexport { default as enterFullscreen } from '../assets/svg/presentation/enter_fullscreen.svg';\nexport { default as exitFullscreen } from '../assets/svg/presentation/exit_fullscreen.svg';\nexport { default as pause } from '../assets/svg/presentation/pause.svg';\nexport { default as share } from '../assets/svg/presentation/share.svg';\nexport { default as attachment } from '../assets/svg/presentation/attachment.svg';\nexport { default as pen } from '../assets/svg/presentation/pen.svg';\n\n// Password Modal //\n\nexport { default as key } from '../assets/svg/presentation/key.svg';\nexport { default as eye } from '../assets/svg/presentation/eye.svg';\n\n// Placeholder //\n\nexport { default as piePlaceholder } from '../assets/svg/placeholder/pie.svg';\nexport { default as barPlaceholder } from '../assets/svg/placeholder/bar.svg';\nexport { default as linePlaceholder } from '../assets/svg/placeholder/bar.svg';\nexport { default as columnPlaceholder } from '../assets/svg/placeholder/column.svg';\nexport { default as basicPlaceholder } from '../assets/svg/placeholder/basic.svg';\nexport { default as donutPlaceholder } from '../assets/svg/placeholder/donut.svg';\nexport { default as textGridPlaceholder } from '../assets/svg/placeholder/grid.svg';\n\n// Placeholder //\n\n// Zoom //\n\nexport { default as fit } from '../assets/svg/fit_screen.svg';\nexport { default as collapsePresentation } from '../assets/svg/carets_to_center.svg';\nexport { default as expandPresentation } from '../assets/svg/carets_from_center.svg';\n\n// Zoom //\n\n// Loading //\nexport { default as loadingCircle } from '../assets/svg/loading_circle.svg';\n\n// Error Boundary //\n\nexport { default as exclamationIcon } from '../assets/svg/exclamation.svg';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jotforminc/dnd-builder",
-  "version": "3.7.2",
+  "version": "3.8.1",
   "files": [
     "lib",
     "index.d.ts"