@jotforminc/dnd-builder 2.9.13 → 2.9.16

package/lib/esm/components/DraggableItem/DraggableItemLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableItemLayer.js","sources":["../../../../src/components/DraggableItem/DraggableItemLayer.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport memoizeOne from 'memoize-one';\nimport { useDragLayer } from 'react-dnd-cjs';\nimport ReportItemRenderer from '../Builder/ReportItemRenderer';\nimport { proximityListener, calculateGuidePositions } from '../../utils/functions';\nimport ItemPositioner from '../ItemPositioner';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { usePropContext } from '../../utils/propContext';\nimport getMergedItem from '../../utils/getMergedItem';\n\nconst layerStyles = ({ x, y }) => ({\n  left: x,\n  pointerEvents: 'none',\n  position: 'fixed',\n  top: y,\n  zIndex: 100,\n});\n\nconst getDraggedItem = ({ defaultItem = {}, details }, item) => ({\n  ...defaultItem,\n  ...details,\n  ...item,\n  id: 'temp',\n});\n\nconst getMemoizedDraggedItem = memoizeOne(getDraggedItem);\n\nconst getAdditionalItems = memoizeOne((activeElems, __itemId, _pages, _acceptedItems) => {\n  if (activeElems === null || activeElems.length === 1) return [];\n  const index = activeElems.findIndex(aE => aE === __itemId);\n  const act = [...activeElems.slice(0, index), ...activeElems.slice(index + 1)];\n  const items = act.map(_i => {\n    const _item = _pages.reduce((acc, curr) => {\n      if (acc) {\n        return acc;\n      }\n      return curr.items.find(el => el.id === _i);\n    }, undefined);\n    const defItem = (_acceptedItems[_item.itemType]\n      && _acceptedItems[_item.itemType].defaultItem);\n    return { ...defItem, ..._item };\n  });\n  return items;\n});\n\nfunction getItemStyles(initialOffset, currentOffset, ref, pageGuides, item, zoom) {\n  if (ref.current) {\n    const dropTargetPosition = ref.current.getBoundingClientRect();\n    const { x: finalX, y: finalY } = currentOffset;\n    const { x: initialX, y: initialY } = initialOffset;\n    const newYposition = finalY > initialY\n      ? (initialY + (finalY - initialY)) - dropTargetPosition.top\n      : initialY - (initialY - finalY) - dropTargetPosition.top;\n\n    const newXposition = finalX > initialX\n      ? (initialX + (finalX - initialX)) - dropTargetPosition.left\n      : initialX - (initialX - finalX) - dropTargetPosition.left;\n\n    const newItem = {\n      ...item,\n      left: newXposition / zoom,\n      top: newYposition / zoom,\n    };\n    const _guides = {\n      ...pageGuides,\n      [item.id]: {\n        ...pageGuides[item.id],\n        x: calculateGuidePositions(newItem, 'x', zoom),\n        y: calculateGuidePositions(newItem, 'y', zoom),\n      },\n    };\n\n    const match = proximityListener(item.id, _guides);\n    let newActiveBoxLeft = newXposition;\n    let newActiveBoxTop = newYposition;\n    const haveMatch = Object.keys(match).length > 0;\n    const haveXMatch = haveMatch && match.x;\n    const haveYMatch = haveMatch && match.y;\n    Object.keys(match).forEach(axis => {\n      const { activeBoxGuides, matchedArray, proximity } = match[axis];\n      const activeBoxProximityIndex = proximity.activeBoxIndex;\n      const matchedBoxProximityIndex = proximity.matchedBoxIndex;\n      if (axis === 'x') {\n        if (activeBoxGuides[activeBoxProximityIndex] > matchedArray[matchedBoxProximityIndex]) {\n          newActiveBoxLeft = newItem.left - proximity.value;\n        } else {\n          newActiveBoxLeft = newItem.left + proximity.value;\n        }\n      } else if (activeBoxGuides[activeBoxProximityIndex]\n        > matchedArray[matchedBoxProximityIndex]) {\n        newActiveBoxTop = newItem.top - proximity.value;\n      } else {\n        newActiveBoxTop = newItem.top + proximity.value;\n      }\n    });\n    return {\n      x: (newActiveBoxLeft * (haveXMatch ? zoom : 1)) + dropTargetPosition.left,\n      y: (newActiveBoxTop * (haveYMatch ? zoom : 1)) + dropTargetPosition.top,\n    };\n  }\n}\n\nconst DraggableItemLayer = ({\n  guides, itemAccessor, pageRefs, pages,\n}) => {\n  const {\n    currentOffset,\n    initialOffset,\n    isDragging,\n    item,\n  } = useDragLayer(monitor => ({\n    currentOffset: monitor.getSourceClientOffset(),\n    initialOffset: monitor.getInitialSourceClientOffset(),\n    isDragging: monitor.isDragging(),\n    item: monitor.getItem(),\n    itemType: monitor.getItemType(),\n  }));\n\n  const { acceptedItems } = usePropContext();\n  const { activeElement, zoom } = useBuilderContext();\n\n  if (!currentOffset || !isDragging) {\n    return null;\n  }\n  let draggedItem = pages.reduce((acc, curr) => {\n    if (acc) {\n      return acc;\n    }\n    return curr.items.find(el => el.id === item.id);\n  }, undefined);\n\n  let pageID;\n  if (draggedItem) {\n    pageID = draggedItem.pageID;\n  } else {\n    draggedItem = getMemoizedDraggedItem(acceptedItems[item.itemType], item);\n  }\n  const element = document.elementFromPoint(currentOffset.x, currentOffset.y);\n  if (element && element.closest('.jfReport-page')) { // add polyfill if will we use that one\n    pageID = element.closest('.jfReport-page').getAttribute('data-id');\n    if (!draggedItem.pageID) {\n      draggedItem.pageID = pageID;\n    }\n  }\n\n  const ref = pageRefs[pageID];\n  let itemStyle = {};\n  // No page\n  if (!ref || !ref.current) {\n    itemStyle = {\n      x: currentOffset.x,\n      y: currentOffset.y,\n    };\n  } else { // In the page\n    const pageGuides = guides[pageID];\n    itemStyle = getItemStyles(\n      initialOffset,\n      currentOffset,\n      pageRefs[pageID],\n      pageGuides,\n      draggedItem,\n      zoom,\n    );\n  }\n\n  const additionalitems = getAdditionalItems(\n    activeElement,\n    draggedItem.id,\n    pages,\n    acceptedItems,\n  );\n\n  const mergedItem = getMergedItem(draggedItem, acceptedItems);\n\n  return (\n    <>\n      <ItemPositioner\n        classNames={`reportItem${isDragging ? ' isDraggingLayerElement' : ''}`}\n        style={{\n          ...layerStyles(itemStyle),\n          height: draggedItem.height,\n          outlineColor: '#4277ff',\n          transform: `scale(${zoom})`,\n          transformOrigin: '0 0',\n          width: draggedItem.width,\n        }}\n      >\n        <ReportItemRenderer item={draggedItem}>\n          {ReportItem => (\n            <ReportItem\n              isDragging={isDragging}\n              item={mergedItem}\n              itemAccessor={itemAccessor}\n              zoom={zoom}\n            />\n          )}\n        </ReportItemRenderer>\n      </ItemPositioner>\n      {additionalitems.map(ii => {\n        const __itemStyle = {\n          x: itemStyle.x - ((draggedItem.left - ii.left) * zoom),\n          y: itemStyle.y - ((draggedItem.top - ii.top) * zoom),\n        };\n        return (\n          <ItemPositioner\n            key={ii.id}\n            classNames={`reportItem${isDragging ? ' isDraggingLayerElement' : ''}`}\n            style={{\n              ...layerStyles(__itemStyle),\n              height: ii.height,\n              outlineColor: '#4277ff',\n              transform: `scale(${zoom})`,\n              transformOrigin: '0 0',\n              width: ii.width,\n            }}\n          >\n            <ReportItemRenderer item={ii}>\n              {ReportItem => (\n                <ReportItem\n                  isDragging={isDragging}\n                  item={ii}\n                  itemAccessor={itemAccessor}\n                  zoom={zoom}\n                />\n              )}\n            </ReportItemRenderer>\n          </ItemPositioner>\n        );\n      })}\n    </>\n  );\n};\n\nDraggableItemLayer.propTypes = {\n  guides: PropTypes.shape({}),\n  itemAccessor: PropTypes.func,\n  pageRefs: PropTypes.shape({}),\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n};\n\nDraggableItemLayer.defaultProps = {\n  guides: {},\n  itemAccessor: () => {},\n  pageRefs: {},\n  pages: [],\n};\n\nexport default memo(DraggableItemLayer);\n"],"names":["layerStyles","x","y","left","pointerEvents","position","top","zIndex","getDraggedItem","item","defaultItem","details","id","getMemoizedDraggedItem","memoizeOne","getAdditionalItems","activeElems","__itemId","_pages","_acceptedItems","length","index","findIndex","aE","act","slice","items","map","_i","_item","reduce","acc","curr","find","el","undefined","defItem","itemType","getItemStyles","initialOffset","currentOffset","ref","pageGuides","zoom","current","dropTargetPosition","getBoundingClientRect","finalX","finalY","initialX","initialY","newYposition","newXposition","newItem","_guides","calculateGuidePositions","match","proximityListener","newActiveBoxLeft","newActiveBoxTop","haveMatch","Object","keys","haveXMatch","haveYMatch","forEach","axis","activeBoxGuides","matchedArray","proximity","activeBoxProximityIndex","activeBoxIndex","matchedBoxProximityIndex","matchedBoxIndex","value","DraggableItemLayer","guides","itemAccessor","pageRefs","pages","useDragLayer","monitor","getSourceClientOffset","getInitialSourceClientOffset","isDragging","getItem","getItemType","usePropContext","acceptedItems","useBuilderContext","activeElement","draggedItem","pageID","element","document","elementFromPoint","closest","getAttribute","itemStyle","additionalitems","mergedItem","getMergedItem","_jsxs","_jsx","height","outlineColor","transform","transformOrigin","width","ReportItem","ii","__itemStyle","propTypes","PropTypes","shape","func","arrayOf","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"DraggableItemLayer.js","sources":["../../../../src/components/DraggableItem/DraggableItemLayer.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport memoizeOne from 'memoize-one';\nimport { useDragLayer } from 'react-dnd';\nimport ReportItemRenderer from '../Builder/ReportItemRenderer';\nimport { proximityListener, calculateGuidePositions } from '../../utils/functions';\nimport ItemPositioner from '../ItemPositioner';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { usePropContext } from '../../utils/propContext';\nimport getMergedItem from '../../utils/getMergedItem';\n\nconst layerStyles = ({ x, y }) => ({\n  left: x,\n  pointerEvents: 'none',\n  position: 'fixed',\n  top: y,\n  zIndex: 100,\n});\n\nconst getDraggedItem = ({ defaultItem = {}, details }, item) => ({\n  ...defaultItem,\n  ...details,\n  ...item,\n  id: 'temp',\n});\n\nconst getMemoizedDraggedItem = memoizeOne(getDraggedItem);\n\nconst getAdditionalItems = memoizeOne((activeElems, __itemId, _pages, _acceptedItems) => {\n  if (activeElems === null || activeElems.length === 1) return [];\n  const index = activeElems.findIndex(aE => aE === __itemId);\n  const act = [...activeElems.slice(0, index), ...activeElems.slice(index + 1)];\n  const items = act.map(_i => {\n    const _item = _pages.reduce((acc, curr) => {\n      if (acc) {\n        return acc;\n      }\n      return curr.items.find(el => el.id === _i);\n    }, undefined);\n    const defItem = (_acceptedItems[_item.itemType]\n      && _acceptedItems[_item.itemType].defaultItem);\n    return { ...defItem, ..._item };\n  });\n  return items;\n});\n\nfunction getItemStyles(initialOffset, currentOffset, ref, pageGuides, item, zoom) {\n  if (ref.current) {\n    const dropTargetPosition = ref.current.getBoundingClientRect();\n    const { x: finalX, y: finalY } = currentOffset;\n    const { x: initialX, y: initialY } = initialOffset;\n    const newYposition = finalY > initialY\n      ? (initialY + (finalY - initialY)) - dropTargetPosition.top\n      : initialY - (initialY - finalY) - dropTargetPosition.top;\n\n    const newXposition = finalX > initialX\n      ? (initialX + (finalX - initialX)) - dropTargetPosition.left\n      : initialX - (initialX - finalX) - dropTargetPosition.left;\n\n    const newItem = {\n      ...item,\n      left: newXposition / zoom,\n      top: newYposition / zoom,\n    };\n    const _guides = {\n      ...pageGuides,\n      [item.id]: {\n        ...pageGuides[item.id],\n        x: calculateGuidePositions(newItem, 'x', zoom),\n        y: calculateGuidePositions(newItem, 'y', zoom),\n      },\n    };\n\n    const match = proximityListener(item.id, _guides);\n    let newActiveBoxLeft = newXposition;\n    let newActiveBoxTop = newYposition;\n    const haveMatch = Object.keys(match).length > 0;\n    const haveXMatch = haveMatch && match.x;\n    const haveYMatch = haveMatch && match.y;\n    Object.keys(match).forEach(axis => {\n      const { activeBoxGuides, matchedArray, proximity } = match[axis];\n      const activeBoxProximityIndex = proximity.activeBoxIndex;\n      const matchedBoxProximityIndex = proximity.matchedBoxIndex;\n      if (axis === 'x') {\n        if (activeBoxGuides[activeBoxProximityIndex] > matchedArray[matchedBoxProximityIndex]) {\n          newActiveBoxLeft = newItem.left - proximity.value;\n        } else {\n          newActiveBoxLeft = newItem.left + proximity.value;\n        }\n      } else if (activeBoxGuides[activeBoxProximityIndex]\n        > matchedArray[matchedBoxProximityIndex]) {\n        newActiveBoxTop = newItem.top - proximity.value;\n      } else {\n        newActiveBoxTop = newItem.top + proximity.value;\n      }\n    });\n    return {\n      x: (newActiveBoxLeft * (haveXMatch ? zoom : 1)) + dropTargetPosition.left,\n      y: (newActiveBoxTop * (haveYMatch ? zoom : 1)) + dropTargetPosition.top,\n    };\n  }\n}\n\nconst DraggableItemLayer = ({\n  guides, itemAccessor, pageRefs, pages,\n}) => {\n  const {\n    currentOffset,\n    initialOffset,\n    isDragging,\n    item,\n  } = useDragLayer(monitor => ({\n    currentOffset: monitor.getSourceClientOffset(),\n    initialOffset: monitor.getInitialSourceClientOffset(),\n    isDragging: monitor.isDragging(),\n    item: monitor.getItem(),\n    itemType: monitor.getItemType(),\n  }));\n\n  const { acceptedItems } = usePropContext();\n  const { activeElement, zoom } = useBuilderContext();\n\n  if (!currentOffset || !isDragging) {\n    return null;\n  }\n  let draggedItem = pages.reduce((acc, curr) => {\n    if (acc) {\n      return acc;\n    }\n    return curr.items.find(el => el.id === item.id);\n  }, undefined);\n\n  let pageID;\n  if (draggedItem) {\n    pageID = draggedItem.pageID;\n  } else {\n    draggedItem = getMemoizedDraggedItem(acceptedItems[item.itemType], item);\n  }\n  const element = document.elementFromPoint(currentOffset.x, currentOffset.y);\n  if (element && element.closest('.jfReport-page')) { // add polyfill if will we use that one\n    pageID = element.closest('.jfReport-page').getAttribute('data-id');\n    if (!draggedItem.pageID) {\n      draggedItem.pageID = pageID;\n    }\n  }\n\n  const ref = pageRefs[pageID];\n  let itemStyle = {};\n  // No page\n  if (!ref || !ref.current) {\n    itemStyle = {\n      x: currentOffset.x,\n      y: currentOffset.y,\n    };\n  } else { // In the page\n    const pageGuides = guides[pageID];\n    itemStyle = getItemStyles(\n      initialOffset,\n      currentOffset,\n      pageRefs[pageID],\n      pageGuides,\n      draggedItem,\n      zoom,\n    );\n  }\n\n  const additionalitems = getAdditionalItems(\n    activeElement,\n    draggedItem.id,\n    pages,\n    acceptedItems,\n  );\n\n  const mergedItem = getMergedItem(draggedItem, acceptedItems);\n\n  return (\n    <>\n      <ItemPositioner\n        classNames={`reportItem${isDragging ? ' isDraggingLayerElement' : ''}`}\n        style={{\n          ...layerStyles(itemStyle),\n          height: draggedItem.height,\n          outlineColor: '#4277ff',\n          transform: `scale(${zoom})`,\n          transformOrigin: '0 0',\n          width: draggedItem.width,\n        }}\n      >\n        <ReportItemRenderer item={draggedItem}>\n          {ReportItem => (\n            <ReportItem\n              isDragging={isDragging}\n              item={mergedItem}\n              itemAccessor={itemAccessor}\n              zoom={zoom}\n            />\n          )}\n        </ReportItemRenderer>\n      </ItemPositioner>\n      {additionalitems.map(ii => {\n        const __itemStyle = {\n          x: itemStyle.x - ((draggedItem.left - ii.left) * zoom),\n          y: itemStyle.y - ((draggedItem.top - ii.top) * zoom),\n        };\n        return (\n          <ItemPositioner\n            key={ii.id}\n            classNames={`reportItem${isDragging ? ' isDraggingLayerElement' : ''}`}\n            style={{\n              ...layerStyles(__itemStyle),\n              height: ii.height,\n              outlineColor: '#4277ff',\n              transform: `scale(${zoom})`,\n              transformOrigin: '0 0',\n              width: ii.width,\n            }}\n          >\n            <ReportItemRenderer item={ii}>\n              {ReportItem => (\n                <ReportItem\n                  isDragging={isDragging}\n                  item={ii}\n                  itemAccessor={itemAccessor}\n                  zoom={zoom}\n                />\n              )}\n            </ReportItemRenderer>\n          </ItemPositioner>\n        );\n      })}\n    </>\n  );\n};\n\nDraggableItemLayer.propTypes = {\n  guides: PropTypes.shape({}),\n  itemAccessor: PropTypes.func,\n  pageRefs: PropTypes.shape({}),\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n};\n\nDraggableItemLayer.defaultProps = {\n  guides: {},\n  itemAccessor: () => {},\n  pageRefs: {},\n  pages: [],\n};\n\nexport default memo(DraggableItemLayer);\n"],"names":["layerStyles","x","y","left","pointerEvents","position","top","zIndex","getDraggedItem","item","defaultItem","details","id","getMemoizedDraggedItem","memoizeOne","getAdditionalItems","activeElems","__itemId","_pages","_acceptedItems","length","index","findIndex","aE","act","slice","items","map","_i","_item","reduce","acc","curr","find","el","undefined","defItem","itemType","getItemStyles","initialOffset","currentOffset","ref","pageGuides","zoom","current","dropTargetPosition","getBoundingClientRect","finalX","finalY","initialX","initialY","newYposition","newXposition","newItem","_guides","calculateGuidePositions","match","proximityListener","newActiveBoxLeft","newActiveBoxTop","haveMatch","Object","keys","haveXMatch","haveYMatch","forEach","axis","activeBoxGuides","matchedArray","proximity","activeBoxProximityIndex","activeBoxIndex","matchedBoxProximityIndex","matchedBoxIndex","value","DraggableItemLayer","guides","itemAccessor","pageRefs","pages","useDragLayer","monitor","getSourceClientOffset","getInitialSourceClientOffset","isDragging","getItem","getItemType","usePropContext","acceptedItems","useBuilderContext","activeElement","draggedItem","pageID","element","document","elementFromPoint","closest","getAttribute","itemStyle","additionalitems","mergedItem","getMergedItem","_jsxs","_jsx","height","outlineColor","transform","transformOrigin","width","ReportItem","ii","__itemStyle","propTypes","PropTypes","shape","func","arrayOf","defaultProps","memo"],"mappings":"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"}

package/lib/esm/components/Elements/Image.js

@@ -21,7 +21,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var ITEM_TYPE = 'image';
-var DEFAULT_LOGO_SRC = 'https://www.jotform.com/resources/assets/icon/jotform-logomark-transparent-400x400.png';
+var DEFAULT_LOGO_SRC = 'https://cdn.jotfor.ms/assets/resources/icon/jotform-logomark-transparent-400x400.png';
 var imageWrapperStyle = {
   height: 'inherit',
   width: 'inherit'
@@ -113,10 +113,11 @@ var ImageElement = function ImageElement(_ref2) {
       url = item.url;
   var additionalProps = itemAccessor(item);
   var defaultURL = (additionalProps === null || additionalProps === void 0 ? void 0 : additionalProps.defaultURL) || DEFAULT_LOGO_SRC;
+  var imageUrl = (additionalProps === null || additionalProps === void 0 ? void 0 : additionalProps.url) || url;
   useEffect(function () {
     setIsLoading(true);
     setIsErrored(false);
-  }, [url, setIsLoading, setIsErrored]); // TODO :: do we want to show a loading placeholder?
+  }, [imageUrl, setIsLoading, setIsErrored]); // TODO :: do we want to show a loading placeholder?
 
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx("div", {
@@ -132,7 +133,7 @@ var ImageElement = function ImageElement(_ref2) {
         onLoad: function onLoad() {
           return setIsLoading(false);
         },
-        src: url || defaultURL,
+        src: imageUrl || defaultURL,
         style: _objectSpread(_objectSpread({}, imageStyle), {}, {
           borderRadius: "".concat(roundedCorners, "px"),
           display: isErrored ? 'none' : '',

package/lib/esm/components/Elements/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../../../../src/components/Elements/Image.js"],"sourcesContent":["/* eslint max-len: [\"error\", { \"code\": 120 }] */\nimport { memo, useState, useEffect } from 'react';\nimport {\n  func,\n  number,\n  oneOfType,\n  shape,\n  string,\n} from 'prop-types';\n\nconst ITEM_TYPE = 'image';\n\nconst DEFAULT_LOGO_SRC = 'https://www.jotform.com/resources/assets/icon/jotform-logomark-transparent-400x400.png';\n\nconst imageWrapperStyle = {\n  height: 'inherit',\n  width: 'inherit',\n};\n\nconst imageStyle = {\n  height: '100%',\n  width: '100%',\n};\n\nconst settings = [\n  {\n    hideWhen: {\n      url: '',\n    },\n    ifValueEquals: {\n      '': {\n        height: {\n          cast: 'integer',\n          value: 400,\n        },\n        width: {\n          cast: 'integer',\n          value: 400,\n        },\n      },\n    },\n    key: 'url',\n    section: 'GENERAL',\n    type: 'imageThumbnailWithDelete',\n  },\n  {\n    hideWhen: {\n      url: '',\n    },\n    key: 'sizeSettings',\n    label: 'Size',\n    section: 'GENERAL',\n    type: 'sizeSettings',\n    value: (_, { height, width }) => `${width}x${height}`,\n  },\n  {\n    hideWhen: {\n      url: '',\n    },\n    key: 'roundedCorners',\n    label: 'Rounded Corners',\n    range: [0, 30],\n    section: 'GENERAL',\n    showWhen: {\n      shapeType: 'rectangle',\n    },\n    simple: true,\n    type: 'slider',\n  },\n  {\n    hideWhen: {\n      url: '',\n    },\n    key: 'opacity',\n    label: 'Opacity',\n    range: [0, 100],\n    section: 'GENERAL',\n    type: 'slider',\n  },\n  {\n    key: 'url',\n    label: 'Enter URL',\n    section: 'ENTER URL',\n    showWhen: { url: '' },\n    type: 'enterImageURL',\n    useImageSizeUpdate: true,\n  },\n];\n\nexport const ImageElement = ({ item, itemAccessor }) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isErrored, setIsErrored] = useState(false);\n\n  const {\n    opacity,\n    roundedCorners,\n    url,\n  } = item;\n\n  const additionalProps = itemAccessor(item);\n  const defaultURL = additionalProps?.defaultURL || DEFAULT_LOGO_SRC;\n\n  useEffect(() => {\n    setIsLoading(true);\n    setIsErrored(false);\n  }, [url, setIsLoading, setIsErrored]);\n\n  // TODO :: do we want to show a loading placeholder?\n\n  return (\n    <>\n      <div\n        style={{\n          ...imageWrapperStyle,\n          display: isLoading || isErrored ? 'none' : 'block',\n        }}\n      >\n        <img\n          alt=\"reportImage\"\n          onError={() => {\n            setIsLoading(false);\n            setIsErrored(true);\n          }}\n          onLoad={() => setIsLoading(false)}\n          src={url || defaultURL}\n          style={{\n            ...imageStyle,\n            borderRadius: `${roundedCorners}px`,\n            display: isErrored ? 'none' : '',\n            opacity: parseFloat(opacity),\n          }}\n        />\n      </div>\n      {isErrored && (\n        <div\n          style={{\n            ...imageWrapperStyle,\n            background: '#fafafa',\n            paddingTop: '40%',\n            textAlign: 'center',\n          }}\n        >\n          Image was not loaded!\n        </div>\n      )}\n    </>\n  );\n};\n\nImageElement.propTypes = {\n  item: shape({\n    defaultURL: string,\n    height: oneOfType([\n      number,\n      string,\n    ]),\n    id: string,\n    opacity: oneOfType([\n      number,\n      string,\n    ]),\n    roundedCorners: oneOfType([\n      number,\n      string,\n    ]),\n    url: string,\n    width: oneOfType([\n      number,\n      string,\n    ]),\n  }),\n  itemAccessor: func,\n};\n\nImageElement.defaultProps = {\n  item: {\n    opacity: 1,\n  },\n  itemAccessor: () => {},\n};\n\nconst details = {\n  height: 400,\n  itemType: ITEM_TYPE,\n  opacity: 1,\n  roundedCorners: 0,\n  url: '',\n  width: 400,\n};\n\nexport default {\n  Component: memo(ImageElement),\n  details,\n  itemType: ITEM_TYPE,\n  settings,\n};\n"],"names":["ITEM_TYPE","DEFAULT_LOGO_SRC","imageWrapperStyle","height","width","imageStyle","settings","hideWhen","url","ifValueEquals","cast","value","key","section","type","label","_","range","showWhen","shapeType","simple","useImageSizeUpdate","ImageElement","item","itemAccessor","useState","isLoading","setIsLoading","isErrored","setIsErrored","opacity","roundedCorners","additionalProps","defaultURL","useEffect","_jsxs","_jsx","display","borderRadius","parseFloat","background","paddingTop","textAlign","propTypes","shape","string","oneOfType","number","id","func","defaultProps","details","itemType","Component","memo"],"mappings":"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"}
+{"version":3,"file":"Image.js","sources":["../../../../src/components/Elements/Image.js"],"sourcesContent":["/* eslint max-len: [\"error\", { \"code\": 120 }] */\nimport { memo, useState, useEffect } from 'react';\nimport {\n  func,\n  number,\n  oneOfType,\n  shape,\n  string,\n} from 'prop-types';\n\nconst ITEM_TYPE = 'image';\n\nconst DEFAULT_LOGO_SRC = 'https://cdn.jotfor.ms/assets/resources/icon/jotform-logomark-transparent-400x400.png';\n\nconst imageWrapperStyle = {\n  height: 'inherit',\n  width: 'inherit',\n};\n\nconst imageStyle = {\n  height: '100%',\n  width: '100%',\n};\n\nconst settings = [\n  {\n    hideWhen: {\n      url: '',\n    },\n    ifValueEquals: {\n      '': {\n        height: {\n          cast: 'integer',\n          value: 400,\n        },\n        width: {\n          cast: 'integer',\n          value: 400,\n        },\n      },\n    },\n    key: 'url',\n    section: 'GENERAL',\n    type: 'imageThumbnailWithDelete',\n  },\n  {\n    hideWhen: {\n      url: '',\n    },\n    key: 'sizeSettings',\n    label: 'Size',\n    section: 'GENERAL',\n    type: 'sizeSettings',\n    value: (_, { height, width }) => `${width}x${height}`,\n  },\n  {\n    hideWhen: {\n      url: '',\n    },\n    key: 'roundedCorners',\n    label: 'Rounded Corners',\n    range: [0, 30],\n    section: 'GENERAL',\n    showWhen: {\n      shapeType: 'rectangle',\n    },\n    simple: true,\n    type: 'slider',\n  },\n  {\n    hideWhen: {\n      url: '',\n    },\n    key: 'opacity',\n    label: 'Opacity',\n    range: [0, 100],\n    section: 'GENERAL',\n    type: 'slider',\n  },\n  {\n    key: 'url',\n    label: 'Enter URL',\n    section: 'ENTER URL',\n    showWhen: { url: '' },\n    type: 'enterImageURL',\n    useImageSizeUpdate: true,\n  },\n];\n\nexport const ImageElement = ({ item, itemAccessor }) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isErrored, setIsErrored] = useState(false);\n\n  const {\n    opacity,\n    roundedCorners,\n    url,\n  } = item;\n\n  const additionalProps = itemAccessor(item);\n  const defaultURL = additionalProps?.defaultURL || DEFAULT_LOGO_SRC;\n  const imageUrl = additionalProps?.url || url;\n\n  useEffect(() => {\n    setIsLoading(true);\n    setIsErrored(false);\n  }, [imageUrl, setIsLoading, setIsErrored]);\n\n  // TODO :: do we want to show a loading placeholder?\n\n  return (\n    <>\n      <div\n        style={{\n          ...imageWrapperStyle,\n          display: isLoading || isErrored ? 'none' : 'block',\n        }}\n      >\n        <img\n          alt=\"reportImage\"\n          onError={() => {\n            setIsLoading(false);\n            setIsErrored(true);\n          }}\n          onLoad={() => setIsLoading(false)}\n          src={imageUrl || defaultURL}\n          style={{\n            ...imageStyle,\n            borderRadius: `${roundedCorners}px`,\n            display: isErrored ? 'none' : '',\n            opacity: parseFloat(opacity),\n          }}\n        />\n      </div>\n      {isErrored && (\n        <div\n          style={{\n            ...imageWrapperStyle,\n            background: '#fafafa',\n            paddingTop: '40%',\n            textAlign: 'center',\n          }}\n        >\n          Image was not loaded!\n        </div>\n      )}\n    </>\n  );\n};\n\nImageElement.propTypes = {\n  item: shape({\n    defaultURL: string,\n    height: oneOfType([\n      number,\n      string,\n    ]),\n    id: string,\n    opacity: oneOfType([\n      number,\n      string,\n    ]),\n    roundedCorners: oneOfType([\n      number,\n      string,\n    ]),\n    url: string,\n    width: oneOfType([\n      number,\n      string,\n    ]),\n  }),\n  itemAccessor: func,\n};\n\nImageElement.defaultProps = {\n  item: {\n    opacity: 1,\n  },\n  itemAccessor: () => {},\n};\n\nconst details = {\n  height: 400,\n  itemType: ITEM_TYPE,\n  opacity: 1,\n  roundedCorners: 0,\n  url: '',\n  width: 400,\n};\n\nexport default {\n  Component: memo(ImageElement),\n  details,\n  itemType: ITEM_TYPE,\n  settings,\n};\n"],"names":["ITEM_TYPE","DEFAULT_LOGO_SRC","imageWrapperStyle","height","width","imageStyle","settings","hideWhen","url","ifValueEquals","cast","value","key","section","type","label","_","range","showWhen","shapeType","simple","useImageSizeUpdate","ImageElement","item","itemAccessor","useState","isLoading","setIsLoading","isErrored","setIsErrored","opacity","roundedCorners","additionalProps","defaultURL","imageUrl","useEffect","_jsxs","_jsx","display","borderRadius","parseFloat","background","paddingTop","textAlign","propTypes","shape","string","oneOfType","number","id","func","defaultProps","details","itemType","Component","memo"],"mappings":"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"}

package/lib/esm/components/Report.js

@@ -33,8 +33,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var Report = function Report(_ref) {
   var leftPanelConfig = _ref.leftPanelConfig,
-      mode = _ref.mode,
-      newReportsAppTexts = _ref.reportsAppTexts,
+      _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? 'customize' : _ref$mode,
+      _ref$reportsAppTexts = _ref.reportsAppTexts,
+      newReportsAppTexts = _ref$reportsAppTexts === void 0 ? ALL_TEXTS : _ref$reportsAppTexts,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState(mode),
@@ -52,11 +54,13 @@ var Report = function Report(_ref) {
   }, [newReportsAppTexts]);
   useEffect(function () {
     if (['customize', 'preview'].indexOf(viewMode) > -1) {
-      setLastScrollPosition(document.querySelector('.jfReport-viewport').scrollTop);
+      var _document$querySelect;
+
+      setLastScrollPosition(((_document$querySelect = document.querySelector('.jfReport-viewport')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.scrollTop) || 0);
     }
 
     setViewMode(mode);
-  }, [mode]);
+  }, [mode, viewMode]);
 
   var customProps = _objectSpread(_objectSpread({}, props), {}, {
     lastScrollPosition: lastScrollPosition,
@@ -88,6 +92,8 @@ var Report = function Report(_ref) {
 };
 
 Report.propTypes = {
+  leftPanelConfig: PropTypes.any,
+
   /** Conditionally rendering different modes  */
   mode: PropTypes.oneOf(['customize', 'preview', 'print', 'presentation']),
 
@@ -98,11 +104,6 @@ Report.propTypes = {
   reportsAppTexts: PropTypes.shape({}),
   theme: PropTypes.oneOf(['lightMode', 'darkMode'])
 };
-Report.defaultProps = {
-  mode: 'customize',
-  reportsAppTexts: ALL_TEXTS,
-  theme: 'lightMode'
-};
 
 export default Report;
 //# sourceMappingURL=Report.js.map

package/lib/esm/components/Report.js.map

@@ -1 +1 @@
-{"version":3,"file":"Report.js","sources":["../../../src/components/Report.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Builder from './Builder';\nimport Presentation from './Presentation/Presentation';\nimport Preview from './Preview';\nimport Print from './Print';\nimport reportsAppTexts, { SharingTextsModule } from '../constants/texts';\n\nconst Report = ({\n  leftPanelConfig,\n  mode,\n  reportsAppTexts: newReportsAppTexts,\n  ...props\n}) => {\n  const [viewMode, setViewMode] = useState(mode);\n  const [lastScrollPosition, setLastScrollPosition] = useState(0);\n\n  useEffect(() => {\n    SharingTextsModule.setTexts(newReportsAppTexts);\n  }, [newReportsAppTexts]);\n\n  useEffect(() => {\n    if (['customize', 'preview'].indexOf(viewMode) > -1) {\n      setLastScrollPosition(document.querySelector('.jfReport-viewport').scrollTop);\n    }\n    setViewMode(mode);\n  }, [mode]);\n\n  const customProps = { ...props, lastScrollPosition, leftPanelConfig };\n\n  switch (viewMode) {\n    case 'preview': {\n      return <Preview {...customProps} />;\n    }\n    case 'presentation': {\n      return <Presentation {...props} />;\n    }\n    case 'print': {\n      return <Print {...props} />;\n    }\n    case 'customize':\n    default: {\n      return <Builder {...customProps} />;\n    }\n  }\n};\n\nReport.propTypes = {\n  /** Conditionally rendering different modes  */\n  mode: PropTypes.oneOf(['customize', 'preview', 'print', 'presentation']),\n  /**\n   It can be changed static texts or translated which use in the library.\n   New texts are set when you pass again.\n  */\n  reportsAppTexts: PropTypes.shape({}),\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\nReport.defaultProps = {\n  mode: 'customize',\n  reportsAppTexts,\n  theme: 'lightMode',\n};\n\nexport default Report;\n"],"names":["Report","leftPanelConfig","mode","newReportsAppTexts","reportsAppTexts","props","useState","viewMode","setViewMode","lastScrollPosition","setLastScrollPosition","useEffect","SharingTextsModule","setTexts","indexOf","document","querySelector","scrollTop","customProps","_jsx","propTypes","PropTypes","oneOf","shape","theme","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,MAJJC,eAII,QAJJA,eAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFaC,kBAEb,QAFJC,eAEI;AAAA,MADDC,KACC;;AACJ,kBAAgCC,QAAQ,CAACJ,IAAD,CAAxC;AAAA;AAAA,MAAOK,QAAP;AAAA,MAAiBC,WAAjB;;AACA,mBAAoDF,QAAQ,CAAC,CAAD,CAA5D;AAAA;AAAA,MAAOG,kBAAP;AAAA,MAA2BC,qBAA3B;;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACdC,IAAAA,kBAAkB,CAACC,QAAnB,CAA4BV,kBAA5B;AACD,GAFQ,EAEN,CAACA,kBAAD,CAFM,CAAT;AAIAQ,EAAAA,SAAS,CAAC,YAAM;AACd,QAAI,CAAC,WAAD,EAAc,SAAd,EAAyBG,OAAzB,CAAiCP,QAAjC,IAA6C,CAAC,CAAlD,EAAqD;AACnDG,MAAAA,qBAAqB,CAACK,QAAQ,CAACC,aAAT,CAAuB,oBAAvB,EAA6CC,SAA9C,CAArB;AACD;;AACDT,IAAAA,WAAW,CAACN,IAAD,CAAX;AACD,GALQ,EAKN,CAACA,IAAD,CALM,CAAT;;AAOA,MAAMgB,WAAW,mCAAQb,KAAR;AAAeI,IAAAA,kBAAkB,EAAlBA,kBAAf;AAAmCR,IAAAA,eAAe,EAAfA;AAAnC,IAAjB;;AAEA,UAAQM,QAAR;AACE,SAAK,SAAL;AAAgB;AACd,4BAAOY,IAAC,OAAD,oBAAaD,WAAb,EAAP;AACD;;AACD,SAAK,cAAL;AAAqB;AACnB,4BAAOC,IAAC,YAAD,oBAAkBd,KAAlB,EAAP;AACD;;AACD,SAAK,OAAL;AAAc;AACZ,4BAAOc,IAAC,KAAD,oBAAWd,KAAX,EAAP;AACD;;AACD,SAAK,WAAL;AACA;AAAS;AACP,4BAAOc,IAAC,OAAD,oBAAaD,WAAb,EAAP;AACD;AAbH;AAeD;;AAEDlB,MAAM,CAACoB,SAAP,GAAmB;AACjB;AACAlB,EAAAA,IAAI,EAAEmB,SAAS,CAACC,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,OAAzB,EAAkC,cAAlC,CAAhB,CAFW;;AAGjB;AACF;AACA;AACA;AACElB,EAAAA,eAAe,EAAEiB,SAAS,CAACE,KAAV,CAAgB,EAAhB,CAPA;AAQjBC,EAAAA,KAAK,EAAEH,SAAS,CAACC,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB;AARU,CAAnB;AAWAtB,MAAM,CAACyB,YAAP,GAAsB;AACpBvB,EAAAA,IAAI,EAAE,WADc;AAEpBE,EAAAA,eAAe,EAAfA,SAFoB;AAGpBoB,EAAAA,KAAK,EAAE;AAHa,CAAtB;;;;"}
+{"version":3,"file":"Report.js","sources":["../../../src/components/Report.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Builder from './Builder';\nimport Presentation from './Presentation/Presentation';\nimport Preview from './Preview';\nimport Print from './Print';\nimport reportsAppTexts, { SharingTextsModule } from '../constants/texts';\n\nconst Report = ({\n  leftPanelConfig,\n  mode = 'customize',\n  reportsAppTexts: newReportsAppTexts = reportsAppTexts,\n  ...props\n}) => {\n  const [viewMode, setViewMode] = useState(mode);\n  const [lastScrollPosition, setLastScrollPosition] = useState(0);\n\n  useEffect(() => {\n    SharingTextsModule.setTexts(newReportsAppTexts);\n  }, [newReportsAppTexts]);\n\n  useEffect(() => {\n    if (['customize', 'preview'].indexOf(viewMode) > -1) {\n      setLastScrollPosition(document.querySelector('.jfReport-viewport')?.scrollTop || 0);\n    }\n    setViewMode(mode);\n  }, [mode, viewMode]);\n\n  const customProps = {\n    ...props,\n    lastScrollPosition,\n    leftPanelConfig,\n  };\n\n  switch (viewMode) {\n    case 'preview': {\n      return <Preview {...customProps} />;\n    }\n    case 'presentation': {\n      return (\n        <Presentation\n          {...props}\n        />\n      );\n    }\n    case 'print': {\n      return (\n        <Print\n          {...props}\n        />\n      );\n    }\n    case 'customize':\n    default: {\n      return <Builder {...customProps} />;\n    }\n  }\n};\n\nReport.propTypes = {\n  leftPanelConfig: PropTypes.any,\n  /** Conditionally rendering different modes  */\n  mode: PropTypes.oneOf(['customize', 'preview', 'print', 'presentation']),\n  /**\n   It can be changed static texts or translated which use in the library.\n   New texts are set when you pass again.\n  */\n  reportsAppTexts: PropTypes.shape({}),\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\nexport default Report;\n"],"names":["Report","leftPanelConfig","mode","reportsAppTexts","newReportsAppTexts","props","useState","viewMode","setViewMode","lastScrollPosition","setLastScrollPosition","useEffect","SharingTextsModule","setTexts","indexOf","document","querySelector","scrollTop","customProps","_jsx","propTypes","PropTypes","any","oneOf","shape","theme"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,MAJJC,eAII,QAJJA,eAII;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,WAGH;AAAA,kCAFJC,eAEI;AAAA,MAFaC,kBAEb,qCAFkCD,SAElC;AAAA,MADDE,KACC;;AACJ,kBAAgCC,QAAQ,CAACJ,IAAD,CAAxC;AAAA;AAAA,MAAOK,QAAP;AAAA,MAAiBC,WAAjB;;AACA,mBAAoDF,QAAQ,CAAC,CAAD,CAA5D;AAAA;AAAA,MAAOG,kBAAP;AAAA,MAA2BC,qBAA3B;;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACdC,IAAAA,kBAAkB,CAACC,QAAnB,CAA4BT,kBAA5B;AACD,GAFQ,EAEN,CAACA,kBAAD,CAFM,CAAT;AAIAO,EAAAA,SAAS,CAAC,YAAM;AACd,QAAI,CAAC,WAAD,EAAc,SAAd,EAAyBG,OAAzB,CAAiCP,QAAjC,IAA6C,CAAC,CAAlD,EAAqD;AAAA;;AACnDG,MAAAA,qBAAqB,CAAC,0BAAAK,QAAQ,CAACC,aAAT,CAAuB,oBAAvB,iFAA8CC,SAA9C,KAA2D,CAA5D,CAArB;AACD;;AACDT,IAAAA,WAAW,CAACN,IAAD,CAAX;AACD,GALQ,EAKN,CAACA,IAAD,EAAOK,QAAP,CALM,CAAT;;AAOA,MAAMW,WAAW,mCACZb,KADY;AAEfI,IAAAA,kBAAkB,EAAlBA,kBAFe;AAGfR,IAAAA,eAAe,EAAfA;AAHe,IAAjB;;AAMA,UAAQM,QAAR;AACE,SAAK,SAAL;AAAgB;AACd,4BAAOY,IAAC,OAAD,oBAAaD,WAAb,EAAP;AACD;;AACD,SAAK,cAAL;AAAqB;AACnB,4BACEC,IAAC,YAAD,oBACMd,KADN,EADF;AAKD;;AACD,SAAK,OAAL;AAAc;AACZ,4BACEc,IAAC,KAAD,oBACMd,KADN,EADF;AAKD;;AACD,SAAK,WAAL;AACA;AAAS;AACP,4BAAOc,IAAC,OAAD,oBAAaD,WAAb,EAAP;AACD;AArBH;AAuBD;;AAEDlB,MAAM,CAACoB,SAAP,GAAmB;AACjBnB,EAAAA,eAAe,EAAEoB,SAAS,CAACC,GADV;;AAEjB;AACApB,EAAAA,IAAI,EAAEmB,SAAS,CAACE,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,OAAzB,EAAkC,cAAlC,CAAhB,CAHW;;AAIjB;AACF;AACA;AACA;AACEpB,EAAAA,eAAe,EAAEkB,SAAS,CAACG,KAAV,CAAgB,EAAhB,CARA;AASjBC,EAAAA,KAAK,EAAEJ,SAAS,CAACE,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB;AATU,CAAnB;;;;"}

package/lib/esm/components/ReportWrapper.js

@@ -11,10 +11,14 @@ var getModeClass = function getModeClass(mode) {
 };
 
 var ReportWrapper = function ReportWrapper(_ref) {
-  var children = _ref.children,
-      mode = _ref.mode,
-      pageCount = _ref.pageCount,
-      theme = _ref.theme;
+  var _ref$children = _ref.children,
+      children = _ref$children === void 0 ? null : _ref$children,
+      _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? '' : _ref$mode,
+      _ref$pageCount = _ref.pageCount,
+      pageCount = _ref$pageCount === void 0 ? 0 : _ref$pageCount,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'lightMode' : _ref$theme;
 
   var _useBuilderContext = useBuilderContext(),
       isAllSlidesPanelOpen = _useBuilderContext.isAllSlidesPanelOpen,
@@ -54,7 +58,7 @@ var ReportWrapper = function ReportWrapper(_ref) {
     }
 
     decidedWhichPanelToOpen.current = true;
-  }, [mode, pageCount]);
+  }, [mode, pageCount, isLeftPanelOpen, isSlidesPanelOpen, setIsLeftPanelOpen, setIsSlidesPanelOpen]);
   var wrapperClass = classNames('jfReport', 'f-height', 'd-flex', getModeClass(mode), isLeftPanelOpen === true ? 'leftPaneIsActive' : '', isRightPanelOpen === true || isSlidesPanelOpen === true ? 'rightPaneIsActive' : '', isSlidesPanelOpen === true ? 'slidesPaneIsActive' : '', isAllSlidesPanelOpen === true ? 'allSlidesPaneIsActive' : '', theme);
   return /*#__PURE__*/jsx("div", {
     className: wrapperClass,
@@ -63,17 +67,11 @@ var ReportWrapper = function ReportWrapper(_ref) {
 };
 
 ReportWrapper.propTypes = {
-  children: PropTypes.any,
+  children: PropTypes.node,
   mode: PropTypes.string,
   pageCount: PropTypes.number,
   theme: PropTypes.oneOf(['lightMode', 'darkMode'])
 };
-ReportWrapper.defaultProps = {
-  children: null,
-  mode: '',
-  pageCount: 0,
-  theme: 'lightMode'
-};
 var ReportWrapper$1 = /*#__PURE__*/memo(ReportWrapper);
 
 export default ReportWrapper$1;

package/lib/esm/components/ReportWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReportWrapper.js","sources":["../../../src/components/ReportWrapper.js"],"sourcesContent":["import { memo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderContext } from '../utils/builderContext';\nimport { useFitZoom } from '../utils/hooks';\nimport { usePropContext } from '../utils/propContext';\n\nconst getModeClass = mode => `${mode}Mode`;\n\nconst ReportWrapper = ({\n  children,\n  mode,\n  pageCount,\n  theme,\n}) => {\n  const {\n    isAllSlidesPanelOpen,\n    isLeftPanelOpen,\n    isRightPanelOpen,\n    isSlidesPanelOpen,\n    setIsLeftPanelOpen,\n    setIsSlidesPanelOpen,\n    setZoom,\n  } = useBuilderContext();\n  const { settings } = usePropContext();\n  const decidedWhichPanelToOpen = useRef(false);\n\n  useFitZoom({\n    handler: setZoom,\n    isModeCustomize: mode === 'customize',\n    settings,\n  });\n\n  useEffect(() => {\n    if (mode !== 'customize' || decidedWhichPanelToOpen.current) {\n      return;\n    }\n\n    if (pageCount > 1) {\n      if (isLeftPanelOpen) {\n        setIsLeftPanelOpen(false);\n      }\n      setIsSlidesPanelOpen(true);\n    } else {\n      if (isSlidesPanelOpen) {\n        setIsSlidesPanelOpen(false);\n      }\n      setIsLeftPanelOpen(true);\n    }\n\n    decidedWhichPanelToOpen.current = true;\n  }, [mode, pageCount]);\n\n  const wrapperClass = classNames(\n    'jfReport',\n    'f-height',\n    'd-flex',\n    getModeClass(mode),\n    isLeftPanelOpen === true ? 'leftPaneIsActive' : '',\n    isRightPanelOpen === true || isSlidesPanelOpen === true ? 'rightPaneIsActive' : '',\n    isSlidesPanelOpen === true ? 'slidesPaneIsActive' : '',\n    isAllSlidesPanelOpen === true ? 'allSlidesPaneIsActive' : '',\n    theme,\n  );\n  return (\n    <div\n      className={wrapperClass}\n    >\n      {children}\n    </div>\n  );\n};\n\nReportWrapper.propTypes = {\n  children: PropTypes.any,\n  mode: PropTypes.string,\n  pageCount: PropTypes.number,\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\nReportWrapper.defaultProps = {\n  children: null,\n  mode: '',\n  pageCount: 0,\n  theme: 'lightMode',\n};\n\nexport default memo(ReportWrapper);\n"],"names":["getModeClass","mode","ReportWrapper","children","pageCount","theme","useBuilderContext","isAllSlidesPanelOpen","isLeftPanelOpen","isRightPanelOpen","isSlidesPanelOpen","setIsLeftPanelOpen","setIsSlidesPanelOpen","setZoom","usePropContext","settings","decidedWhichPanelToOpen","useRef","useFitZoom","handler","isModeCustomize","useEffect","current","wrapperClass","classNames","_jsx","propTypes","PropTypes","any","string","number","oneOf","defaultProps","memo"],"mappings":";;;;;;;;AAOA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAAAC,IAAI;AAAA,mBAAOA,IAAP;AAAA,CAAzB;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAKhB;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJF,IAGI,QAHJA,IAGI;AAAA,MAFJG,SAEI,QAFJA,SAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,2BAQIC,iBAAiB,EARrB;AAAA,MACEC,oBADF,sBACEA,oBADF;AAAA,MAEEC,eAFF,sBAEEA,eAFF;AAAA,MAGEC,gBAHF,sBAGEA,gBAHF;AAAA,MAIEC,iBAJF,sBAIEA,iBAJF;AAAA,MAKEC,kBALF,sBAKEA,kBALF;AAAA,MAMEC,oBANF,sBAMEA,oBANF;AAAA,MAOEC,OAPF,sBAOEA,OAPF;;AASA,wBAAqBC,cAAc,EAAnC;AAAA,MAAQC,QAAR,mBAAQA,QAAR;;AACA,MAAMC,uBAAuB,GAAGC,MAAM,CAAC,KAAD,CAAtC;AAEAC,EAAAA,UAAU,CAAC;AACTC,IAAAA,OAAO,EAAEN,OADA;AAETO,IAAAA,eAAe,EAAEnB,IAAI,KAAK,WAFjB;AAGTc,IAAAA,QAAQ,EAARA;AAHS,GAAD,CAAV;AAMAM,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIpB,IAAI,KAAK,WAAT,IAAwBe,uBAAuB,CAACM,OAApD,EAA6D;AAC3D;AACD;;AAED,QAAIlB,SAAS,GAAG,CAAhB,EAAmB;AACjB,UAAII,eAAJ,EAAqB;AACnBG,QAAAA,kBAAkB,CAAC,KAAD,CAAlB;AACD;;AACDC,MAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD,KALD,MAKO;AACL,UAAIF,iBAAJ,EAAuB;AACrBE,QAAAA,oBAAoB,CAAC,KAAD,CAApB;AACD;;AACDD,MAAAA,kBAAkB,CAAC,IAAD,CAAlB;AACD;;AAEDK,IAAAA,uBAAuB,CAACM,OAAxB,GAAkC,IAAlC;AACD,GAlBQ,EAkBN,CAACrB,IAAD,EAAOG,SAAP,CAlBM,CAAT;AAoBA,MAAMmB,YAAY,GAAGC,UAAU,CAC7B,UAD6B,EAE7B,UAF6B,EAG7B,QAH6B,EAI7BxB,YAAY,CAACC,IAAD,CAJiB,EAK7BO,eAAe,KAAK,IAApB,GAA2B,kBAA3B,GAAgD,EALnB,EAM7BC,gBAAgB,KAAK,IAArB,IAA6BC,iBAAiB,KAAK,IAAnD,GAA0D,mBAA1D,GAAgF,EANnD,EAO7BA,iBAAiB,KAAK,IAAtB,GAA6B,oBAA7B,GAAoD,EAPvB,EAQ7BH,oBAAoB,KAAK,IAAzB,GAAgC,uBAAhC,GAA0D,EAR7B,EAS7BF,KAT6B,CAA/B;AAWA,sBACEoB;AACE,IAAA,SAAS,EAAEF,YADb;AAAA,cAGGpB;AAHH,IADF;AAOD,CA9DD;;AAgEAD,aAAa,CAACwB,SAAd,GAA0B;AACxBvB,EAAAA,QAAQ,EAAEwB,SAAS,CAACC,GADI;AAExB3B,EAAAA,IAAI,EAAE0B,SAAS,CAACE,MAFQ;AAGxBzB,EAAAA,SAAS,EAAEuB,SAAS,CAACG,MAHG;AAIxBzB,EAAAA,KAAK,EAAEsB,SAAS,CAACI,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB;AAJiB,CAA1B;AAOA7B,aAAa,CAAC8B,YAAd,GAA6B;AAC3B7B,EAAAA,QAAQ,EAAE,IADiB;AAE3BF,EAAAA,IAAI,EAAE,EAFqB;AAG3BG,EAAAA,SAAS,EAAE,CAHgB;AAI3BC,EAAAA,KAAK,EAAE;AAJoB,CAA7B;AAOA,mCAAe4B,IAAI,CAAC/B,aAAD,CAAnB;;;;"}
+{"version":3,"file":"ReportWrapper.js","sources":["../../../src/components/ReportWrapper.js"],"sourcesContent":["import { memo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderContext } from '../utils/builderContext';\nimport { useFitZoom } from '../utils/hooks';\nimport { usePropContext } from '../utils/propContext';\n\nconst getModeClass = mode => `${mode}Mode`;\n\nconst ReportWrapper = ({\n  children = null,\n  mode = '',\n  pageCount = 0,\n  theme = 'lightMode',\n}) => {\n  const {\n    isAllSlidesPanelOpen,\n    isLeftPanelOpen,\n    isRightPanelOpen,\n    isSlidesPanelOpen,\n    setIsLeftPanelOpen,\n    setIsSlidesPanelOpen,\n    setZoom,\n  } = useBuilderContext();\n  const { settings } = usePropContext();\n  const decidedWhichPanelToOpen = useRef(false);\n\n  useFitZoom({\n    handler: setZoom,\n    isModeCustomize: mode === 'customize',\n    settings,\n  });\n\n  useEffect(() => {\n    if (mode !== 'customize' || decidedWhichPanelToOpen.current) {\n      return;\n    }\n\n    if (pageCount > 1) {\n      if (isLeftPanelOpen) {\n        setIsLeftPanelOpen(false);\n      }\n      setIsSlidesPanelOpen(true);\n    } else {\n      if (isSlidesPanelOpen) {\n        setIsSlidesPanelOpen(false);\n      }\n      setIsLeftPanelOpen(true);\n    }\n\n    decidedWhichPanelToOpen.current = true;\n  }, [\n    mode,\n    pageCount,\n    isLeftPanelOpen,\n    isSlidesPanelOpen,\n    setIsLeftPanelOpen,\n    setIsSlidesPanelOpen,\n  ]);\n\n  const wrapperClass = classNames(\n    'jfReport',\n    'f-height',\n    'd-flex',\n    getModeClass(mode),\n    isLeftPanelOpen === true ? 'leftPaneIsActive' : '',\n    isRightPanelOpen === true || isSlidesPanelOpen === true ? 'rightPaneIsActive' : '',\n    isSlidesPanelOpen === true ? 'slidesPaneIsActive' : '',\n    isAllSlidesPanelOpen === true ? 'allSlidesPaneIsActive' : '',\n    theme,\n  );\n  return (\n    <div\n      className={wrapperClass}\n    >\n      {children}\n    </div>\n  );\n};\n\nReportWrapper.propTypes = {\n  children: PropTypes.node,\n  mode: PropTypes.string,\n  pageCount: PropTypes.number,\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\nexport default memo(ReportWrapper);\n"],"names":["getModeClass","mode","ReportWrapper","children","pageCount","theme","useBuilderContext","isAllSlidesPanelOpen","isLeftPanelOpen","isRightPanelOpen","isSlidesPanelOpen","setIsLeftPanelOpen","setIsSlidesPanelOpen","setZoom","usePropContext","settings","decidedWhichPanelToOpen","useRef","useFitZoom","handler","isModeCustomize","useEffect","current","wrapperClass","classNames","_jsx","propTypes","PropTypes","node","string","number","oneOf","memo"],"mappings":";;;;;;;;AAOA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAAAC,IAAI;AAAA,mBAAOA,IAAP;AAAA,CAAzB;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAKhB;AAAA,2BAJJC,QAII;AAAA,MAJJA,QAII,8BAJO,IAIP;AAAA,uBAHJF,IAGI;AAAA,MAHJA,IAGI,0BAHG,EAGH;AAAA,4BAFJG,SAEI;AAAA,MAFJA,SAEI,+BAFQ,CAER;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,WACJ;;AACJ,2BAQIC,iBAAiB,EARrB;AAAA,MACEC,oBADF,sBACEA,oBADF;AAAA,MAEEC,eAFF,sBAEEA,eAFF;AAAA,MAGEC,gBAHF,sBAGEA,gBAHF;AAAA,MAIEC,iBAJF,sBAIEA,iBAJF;AAAA,MAKEC,kBALF,sBAKEA,kBALF;AAAA,MAMEC,oBANF,sBAMEA,oBANF;AAAA,MAOEC,OAPF,sBAOEA,OAPF;;AASA,wBAAqBC,cAAc,EAAnC;AAAA,MAAQC,QAAR,mBAAQA,QAAR;;AACA,MAAMC,uBAAuB,GAAGC,MAAM,CAAC,KAAD,CAAtC;AAEAC,EAAAA,UAAU,CAAC;AACTC,IAAAA,OAAO,EAAEN,OADA;AAETO,IAAAA,eAAe,EAAEnB,IAAI,KAAK,WAFjB;AAGTc,IAAAA,QAAQ,EAARA;AAHS,GAAD,CAAV;AAMAM,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIpB,IAAI,KAAK,WAAT,IAAwBe,uBAAuB,CAACM,OAApD,EAA6D;AAC3D;AACD;;AAED,QAAIlB,SAAS,GAAG,CAAhB,EAAmB;AACjB,UAAII,eAAJ,EAAqB;AACnBG,QAAAA,kBAAkB,CAAC,KAAD,CAAlB;AACD;;AACDC,MAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD,KALD,MAKO;AACL,UAAIF,iBAAJ,EAAuB;AACrBE,QAAAA,oBAAoB,CAAC,KAAD,CAApB;AACD;;AACDD,MAAAA,kBAAkB,CAAC,IAAD,CAAlB;AACD;;AAEDK,IAAAA,uBAAuB,CAACM,OAAxB,GAAkC,IAAlC;AACD,GAlBQ,EAkBN,CACDrB,IADC,EAEDG,SAFC,EAGDI,eAHC,EAIDE,iBAJC,EAKDC,kBALC,EAMDC,oBANC,CAlBM,CAAT;AA2BA,MAAMW,YAAY,GAAGC,UAAU,CAC7B,UAD6B,EAE7B,UAF6B,EAG7B,QAH6B,EAI7BxB,YAAY,CAACC,IAAD,CAJiB,EAK7BO,eAAe,KAAK,IAApB,GAA2B,kBAA3B,GAAgD,EALnB,EAM7BC,gBAAgB,KAAK,IAArB,IAA6BC,iBAAiB,KAAK,IAAnD,GAA0D,mBAA1D,GAAgF,EANnD,EAO7BA,iBAAiB,KAAK,IAAtB,GAA6B,oBAA7B,GAAoD,EAPvB,EAQ7BH,oBAAoB,KAAK,IAAzB,GAAgC,uBAAhC,GAA0D,EAR7B,EAS7BF,KAT6B,CAA/B;AAWA,sBACEoB;AACE,IAAA,SAAS,EAAEF,YADb;AAAA,cAGGpB;AAHH,IADF;AAOD,CArED;;AAuEAD,aAAa,CAACwB,SAAd,GAA0B;AACxBvB,EAAAA,QAAQ,EAAEwB,SAAS,CAACC,IADI;AAExB3B,EAAAA,IAAI,EAAE0B,SAAS,CAACE,MAFQ;AAGxBzB,EAAAA,SAAS,EAAEuB,SAAS,CAACG,MAHG;AAIxBzB,EAAAA,KAAK,EAAEsB,SAAS,CAACI,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB;AAJiB,CAA1B;AAOA,mCAAeC,IAAI,CAAC9B,aAAD,CAAnB;;;;"}

package/lib/esm/styles/_jfPrint.scss

@@ -27,6 +27,18 @@
 
   display: block;
 }
+.jfReport.printMode [id*="presentation-page-"] {
+  width: 100% !important;
+  height: 100% !important;
+  page-break-after: always !important;
+  break-after: always !important;
+
+  &:last-child {
+    page-break-after: auto !important;
+    break-after: auto !important;
+  }
+}
+
 .jfReport.printMode .jfReport-col {
   display: block;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jotforminc/dnd-builder",
-  "version": "2.9.13",
+  "version": "2.9.16",
   "files": [
     "lib"
   ],
@@ -19,13 +19,13 @@
     "object-hash": "2.1.1",
     "prop-types": "15.7.2",
     "re-resizable": "6.9.0",
-    "react": "17.0.1",
     "react-color": "2.19.3",
-    "react-dnd-cjs": "9.5.1",
-    "react-dnd-html5-backend-cjs": "9.5.1",
-    "react-dnd-multi-backend": "4.0.0",
-    "react-dnd-touch-backend-cjs": "9.5.1",
-    "react-dom": "17.0.1",
+    "react": "18.3.0",
+    "react-dom": "18.3.0",
+    "react-dnd": "14.0.4",
+    "react-dnd-html5-backend": "14.0.2",
+    "react-dnd-multi-backend": "7.1.3",
+    "react-dnd-touch-backend": "11.1.3",
     "react-modal": "3.12.1",
     "react-quill": "1.3.5",
     "react-sortable-hoc": "2.0.0",
@@ -35,6 +35,9 @@
     "regenerator-runtime": "0.13.7"
   },
   "devDependencies": {
+    "react-dnd": "14.0.4",
+    "react-dnd-html5-backend": "14.0.2",
+    "react-dnd-touch-backend": "11.1.3",
     "@babel/core": "7.12.17",
     "@babel/helper-builder-react-jsx-experimental": "7.12.11",
     "@babel/plugin-proposal-export-default-from": "7.12.13",