@jotforminc/dnd-builder 2.9.16 → 2.9.19

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

@@ -1 +1 @@
-{"version":3,"file":"DraggableItem.js","sources":["../../../../src/components/DraggableItem/DraggableItem.js"],"sourcesContent":["import { useEffect, useState, memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDrag } from 'react-dnd';\nimport { getEmptyImage } from 'react-dnd-html5-backend';\nimport isEqual from 'lodash.isequal';\nimport ItemPositioner from '../ItemPositioner';\nimport { DRAGGABLE_ITEM_TYPE } from '../../constants/itemTypes';\nimport {\n  getStyles,\n  getPosition, calculateGuidePositions, proximityListener,\n} from '../../utils/functions';\nimport PageItemResizer from '../PageItemResizer';\nimport ErrorBoundary from '../ErrorBoundary';\nimport * as classNames from '../../constants/classNames';\nimport generateId from '../../utils/generateId';\nimport {\n  addEventListenerForSidebar,\n  removeEventListenerForSidebar,\n} from '../../utils/scrollZoneFunctions';\n\nconst exceptionalClassesForClickOutside = ['contextMenu-itemLabel', 'contextMenu-item'];\nconst reportItemStyle = {\n  height: '100%',\n  width: '100%',\n};\n\nconst DraggableItem = ({\n  children,\n  guides,\n  isMultipleItemSelected,\n  isResize,\n  isRightPanelOpen,\n  isSelected,\n  isTextEditorOpen,\n  item,\n  matches,\n  onAnEventTrigger,\n  onItemAdd,\n  onItemChange,\n  onItemRemove,\n  onItemResize,\n  setActiveElement,\n  setContextMenuProps,\n  setIsResize,\n  setIsRightPanelOpen,\n  setMatches,\n  zoom,\n}) => {\n  const {\n    height,\n    id,\n    isLocked,\n    left,\n    pageID,\n    top,\n    width,\n  } = item;\n\n  const select = event => {\n    if (!isSelected) {\n      if (!event || !event.metaKey) {\n        if (isLocked) {\n          setActiveElement(id, false);\n          setIsRightPanelOpen(false);\n        } else {\n          setActiveElement(id);\n        }\n      } else {\n        setActiveElement(id, undefined, true);\n      }\n    }\n  };\n\n  const canDrag = !item.isLocked && !isTextEditorOpen;\n\n  const [{ isDragging }, drag, preview] = useDrag(() => ({\n    canDrag: () => canDrag,\n\n    collect: monitor => ({\n      isDragging: monitor.isDragging(),\n    }),\n\n    end: () => {\n      removeEventListenerForSidebar();\n    },\n\n    isDragging: () => (isMultipleItemSelected && isSelected)\n    || (!isMultipleItemSelected && isSelected),\n\n    item: () => ({\n      height,\n      id,\n      left,\n      top,\n      width,\n    }),\n\n    type: DRAGGABLE_ITEM_TYPE,\n  }), [\n    canDrag,\n    height, id, left, top, width,\n    isMultipleItemSelected, isSelected,\n  ]);\n\n  const [\n    {\n      height: stateHeight,\n      left: stateLeft,\n      top: stateTop,\n      width: stateWidth,\n    },\n    setResizeSize,\n  ] = useState({\n    height,\n    left,\n    top,\n    width,\n  });\n\n  useEffect(() => {\n    if (!isDragging) return;\n    if (!isSelected) select();\n    addEventListenerForSidebar();\n    return () => {\n      removeEventListenerForSidebar();\n    };\n  }, [isDragging, isSelected, select]);\n\n  useEffect(() => {\n    preview(getEmptyImage(), { captureDraggingState: true });\n  }, [preview]);\n\n  useEffect(() => {\n    if (width !== stateWidth || height !== stateHeight || left !== stateLeft || top !== stateTop) {\n      setResizeSize({\n        height,\n        left,\n        top,\n        width,\n      });\n    }\n  }, [width, height, left, top, stateWidth, stateHeight, stateLeft, stateTop]);\n\n  const onResizeStop = (deltaWidth, deltaHeight, direction) => {\n    const activeItem = {\n      ...item,\n      height: item.height + deltaHeight,\n      width: item.width + deltaWidth,\n    };\n    if (/left/i.test(direction)) activeItem.left = activeItem.left - deltaWidth;\n    if (/top/i.test(direction)) activeItem.top = activeItem.top - deltaHeight;\n    let newActiveBoxLeft = activeItem.left;\n    let newActiveBoxTop = activeItem.top;\n    Object.keys(matches).forEach(axis => {\n      const { activeBoxGuides, matchedArray, proximity } = matches[axis];\n      const activeBoxProximityIndex = proximity.activeBoxIndex;\n      const matchedBoxProximityIndex = proximity.matchedBoxIndex;\n      if (axis === 'x') {\n        if (activeBoxGuides[activeBoxProximityIndex] > matchedArray[matchedBoxProximityIndex]) {\n          newActiveBoxLeft = activeItem.left - proximity.value;\n        } else {\n          newActiveBoxLeft = activeItem.left + proximity.value;\n        }\n      } else if (activeBoxGuides[activeBoxProximityIndex]\n        > matchedArray[matchedBoxProximityIndex]) {\n        newActiveBoxTop = activeItem.top - proximity.value;\n      } else {\n        newActiveBoxTop = activeItem.top + proximity.value;\n      }\n    });\n\n    let newResizeSize = {\n      height: activeItem.height,\n      left: activeItem.left,\n      top: activeItem.top,\n      width: activeItem.width,\n    };\n\n    if (!(/top/i.test(direction) && /left/i.test(direction))) {\n      newResizeSize = {\n        ...newResizeSize,\n        height: newResizeSize.height + (newActiveBoxTop - activeItem.top),\n        width: newResizeSize.width + (newActiveBoxLeft - activeItem.left),\n      };\n    }\n    if (/top/i.test(direction) && newActiveBoxTop !== newResizeSize.top) {\n      newResizeSize.top = newActiveBoxTop;\n    }\n    if (/left/i.test(direction) && newActiveBoxLeft !== newResizeSize.left) {\n      newResizeSize.left = newActiveBoxLeft;\n    }\n    setIsResize(false);\n    onItemResize(item, newResizeSize);\n  };\n\n  const onResize = (deltaWidth, deltaHeight, direction) => {\n    if (!isResize) { setIsResize(true); }\n    const activeItem = {\n      ...item,\n      height: item.height + deltaHeight,\n      width: item.width + deltaWidth,\n    };\n    if (/left/i.test(direction)) activeItem.left = activeItem.left - deltaWidth;\n    if (/top/i.test(direction)) activeItem.top = activeItem.top - deltaHeight;\n    const _guides = {\n      ...guides,\n      [item.id]: {\n        ...guides[item.id],\n        x: calculateGuidePositions(activeItem, 'x', zoom),\n        y: calculateGuidePositions(activeItem, 'y', zoom),\n      },\n    };\n    setMatches(proximityListener(item.id, _guides));\n    setResizeSize({\n      height: activeItem.height,\n      left: activeItem.left,\n      top: activeItem.top,\n      width: activeItem.width,\n    });\n  };\n\n  const deleteItem = () => {\n    setIsRightPanelOpen(false);\n    setActiveElement(null);\n    onItemRemove(item);\n    onAnEventTrigger('removeItem', item.itemType);\n  };\n\n  const duplicateItem = () => {\n    const itemID = generateId();\n    onItemAdd({\n      ...item,\n      id: itemID,\n      left: item.left + 50,\n      top: item.top + 50,\n    });\n    onAnEventTrigger('duplicateItem', item.itemType);\n    setActiveElement(itemID);\n    if (!isRightPanelOpen) {\n      setIsRightPanelOpen(true);\n    }\n  };\n\n  const onClickOutside = event => {\n    // clickoutside should not work for scrollbar\n    const viewPort = document.querySelector('.jfReport-viewport');\n    const { clientHeight, offsetHeight } = viewPort;\n    const headerHeight = window.innerHeight - offsetHeight;\n    if (event.clientY - headerHeight >= clientHeight\n        || Array.from(event.target.classList)\n          .some(xClass => exceptionalClassesForClickOutside.includes(xClass))) {\n      return;\n    }\n    setIsRightPanelOpen(false);\n    setActiveElement(null);\n  };\n\n  const onContextMenuClick = e => {\n    if (\n      e.target.contentEditable === 'true'\n      || isTextEditorOpen\n    ) {\n      // Dont override behaviour on text edits.\n      return;\n    }\n\n    e.preventDefault();\n    onAnEventTrigger('openContextMenu', item.itemType);\n    setContextMenuProps({\n      id,\n      pageID,\n      position: getPosition(e),\n    });\n  };\n\n  const onDoubleClick = e => {\n    if (\n      e.target.contentEditable === 'true'\n      || isTextEditorOpen\n    ) {\n      // Dont override behaviour on text edits.\n      return;\n    }\n\n    setIsRightPanelOpen(true);\n  };\n\n  const duplicateWithAltKey = e => {\n    if (e.altKey) {\n      const itemID = generateId();\n      const itemToAdd = item;\n      setTimeout(() => {\n        onItemAdd({\n          ...itemToAdd,\n          id: itemID,\n          left: itemToAdd.left,\n          top: itemToAdd.top,\n        });\n        onAnEventTrigger('duplicateItem', itemToAdd.itemType);\n      });\n    }\n  };\n\n  const changeLockStatus = () => {\n    onAnEventTrigger(item.isLocked ? 'unlockReportItem' : 'lockReportItem', item.itemType);\n    onItemChange({ id: item.id }, { isLocked: item.isLocked ? false : true });\n    if (!item.isLocked) {\n      setActiveElement(item.id, false);\n      setIsRightPanelOpen(false);\n    }\n  };\n\n  return (\n    <ErrorBoundary>\n      <ItemPositioner\n        classNames={`reportItemWrapper${isSelected ? ' isSelected' : ''}`}\n        style={{\n          ...getStyles(left, top, isDragging),\n          height: stateHeight,\n          left: stateLeft,\n          top: stateTop,\n          width: stateWidth,\n        }}\n      >\n        <div\n          ref={drag}\n          className={`${classNames.reportItem}${isLocked ? ' isLocked' : ''}`}\n          onClick={select}\n          onContextMenu={onContextMenuClick}\n          onDoubleClick={onDoubleClick}\n          onDragStart={duplicateWithAltKey}\n          onKeyDown={() => {}}\n          style={reportItemStyle}\n        >\n          {children}\n        </div>\n      </ItemPositioner>\n      <PageItemResizer\n        changeLockStatus={changeLockStatus}\n        deleteItem={deleteItem}\n        duplicateItem={duplicateItem}\n        isDragging={isDragging}\n        isMultipleItemSelected={isMultipleItemSelected}\n        isRightPanelOpen={isRightPanelOpen}\n        isSelectedElement={isSelected}\n        isTextEditorOpen={isTextEditorOpen}\n        item={item}\n        onClickOutside={onClickOutside}\n        onResize={onResize}\n        onResizeStop={onResizeStop}\n        pageID={pageID}\n        setActiveElement={setActiveElement}\n        setIsRightPanelOpen={setIsRightPanelOpen}\n        stateHeight={stateHeight}\n        stateLeft={stateLeft}\n        stateTop={stateTop}\n        stateWidth={stateWidth}\n        zoom={zoom}\n      />\n    </ErrorBoundary>\n  );\n};\n\nDraggableItem.propTypes = {\n  children: PropTypes.any,\n  guides: PropTypes.shape({}),\n  isMultipleItemSelected: PropTypes.bool,\n  isResize: PropTypes.bool,\n  isRightPanelOpen: PropTypes.bool,\n  isSelected: PropTypes.bool,\n  isTextEditorOpen: PropTypes.bool,\n  item: PropTypes.shape({\n    height: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    id: PropTypes.string,\n    isLocked: PropTypes.bool,\n    itemType: PropTypes.string,\n    left: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    pageID: PropTypes.string,\n    top: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    width: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n  }),\n  matches: PropTypes.shape({}),\n  onAnEventTrigger: PropTypes.func,\n  onItemAdd: PropTypes.func,\n  onItemChange: PropTypes.func,\n  onItemRemove: PropTypes.func,\n  onItemResize: PropTypes.func,\n  setActiveElement: PropTypes.func,\n  setContextMenuProps: PropTypes.func,\n  setIsResize: PropTypes.func,\n  setIsRightPanelOpen: PropTypes.func,\n  setMatches: PropTypes.func,\n  zoom: PropTypes.number,\n};\n\nDraggableItem.defaultProps = {\n  children: null,\n  guides: {},\n  isMultipleItemSelected: false,\n  isResize: false,\n  isRightPanelOpen: false,\n  isSelected: false,\n  isTextEditorOpen: false,\n  item: {},\n  matches: {},\n  onAnEventTrigger: () => {},\n  onItemAdd: () => {},\n  onItemChange: () => {},\n  onItemRemove: () => {},\n  onItemResize: () => {},\n  setActiveElement: () => {},\n  setContextMenuProps: () => {},\n  setIsResize: () => {},\n  setIsRightPanelOpen: () => {},\n  setMatches: () => {},\n  zoom: 1,\n};\n\n// avoid unnecessary renders while resizing\nconst areEqual = (prevProps, nextProps) => {\n  if (prevProps.hashCode !== nextProps.hashCode) return false;\n  if (!isEqual(prevProps.item, nextProps.item)) return false;\n  if (prevProps.matches !== nextProps.matches) return false;\n  if (prevProps.isTextEditorOpen !== nextProps.isTextEditorOpen) return false;\n  if ((prevProps.isSelected && nextProps.isSelected) || prevProps.isResize !== nextProps.isResize) {\n    return false;\n  }\n  if (prevProps.isSelected !== nextProps.isSelected) return false;\n  return true;\n};\n\nexport default memo(DraggableItem, areEqual);\n"],"names":["exceptionalClassesForClickOutside","reportItemStyle","height","width","DraggableItem","children","guides","isMultipleItemSelected","isResize","isRightPanelOpen","isSelected","isTextEditorOpen","item","matches","onAnEventTrigger","onItemAdd","onItemChange","onItemRemove","onItemResize","setActiveElement","setContextMenuProps","setIsResize","setIsRightPanelOpen","setMatches","zoom","id","isLocked","left","pageID","top","select","event","metaKey","undefined","canDrag","useDrag","collect","monitor","isDragging","end","removeEventListenerForSidebar","type","DRAGGABLE_ITEM_TYPE","drag","preview","useState","stateHeight","stateLeft","stateTop","stateWidth","setResizeSize","useEffect","addEventListenerForSidebar","getEmptyImage","captureDraggingState","onResizeStop","deltaWidth","deltaHeight","direction","activeItem","test","newActiveBoxLeft","newActiveBoxTop","Object","keys","forEach","axis","activeBoxGuides","matchedArray","proximity","activeBoxProximityIndex","activeBoxIndex","matchedBoxProximityIndex","matchedBoxIndex","value","newResizeSize","onResize","_guides","x","calculateGuidePositions","y","proximityListener","deleteItem","itemType","duplicateItem","itemID","generateId","onClickOutside","viewPort","document","querySelector","clientHeight","offsetHeight","headerHeight","window","innerHeight","clientY","Array","from","target","classList","some","xClass","includes","onContextMenuClick","e","contentEditable","preventDefault","position","getPosition","onDoubleClick","duplicateWithAltKey","altKey","itemToAdd","setTimeout","changeLockStatus","_jsxs","ErrorBoundary","_jsx","getStyles","classNames","propTypes","PropTypes","any","shape","bool","oneOfType","number","string","func","defaultProps","areEqual","prevProps","nextProps","hashCode","isEqual","memo"],"mappings":"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"}
+{"version":3,"file":"DraggableItem.js","sources":["../../../../src/components/DraggableItem/DraggableItem.js"],"sourcesContent":["import { useEffect, useState, memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDrag } from 'react-dnd';\nimport { getEmptyImage } from 'react-dnd-html5-backend';\nimport isEqual from 'lodash.isequal';\nimport ItemPositioner from '../ItemPositioner';\nimport { DRAGGABLE_ITEM_TYPE } from '../../constants/itemTypes';\nimport {\n  getStyles,\n  getPosition, calculateGuidePositions, proximityListener,\n} from '../../utils/functions';\nimport PageItemResizer from '../PageItemResizer';\nimport ErrorBoundary from '../ErrorBoundary';\nimport * as classNames from '../../constants/classNames';\nimport generateId from '../../utils/generateId';\nimport {\n  addEventListenerForSidebar,\n  removeEventListenerForSidebar,\n} from '../../utils/scrollZoneFunctions';\n\nconst exceptionalClassesForClickOutside = ['contextMenu-itemLabel', 'contextMenu-item'];\nconst reportItemStyle = {\n  height: '100%',\n  width: '100%',\n};\n\nconst DraggableItem = ({\n  children = null,\n  guides = {},\n  isMultipleItemSelected = false,\n  isResize = false,\n  isRightPanelOpen = false,\n  isSelected = false,\n  isTextEditorOpen = false,\n  item = {},\n  matches = {},\n  onAnEventTrigger = () => {},\n  onItemAdd = () => {},\n  onItemChange = () => {},\n  onItemRemove = () => {},\n  onItemResize = () => {},\n  setActiveElement = () => {},\n  setContextMenuProps = () => {},\n  setIsResize = () => {},\n  setIsRightPanelOpen = () => {},\n  setMatches = () => {},\n  zoom = 1,\n}) => {\n  const {\n    height,\n    id,\n    isLocked,\n    left,\n    pageID,\n    top,\n    width,\n  } = item;\n\n  const [\n    {\n      height: stateHeight,\n      left: stateLeft,\n      top: stateTop,\n      width: stateWidth,\n    },\n    setResizeSize,\n  ] = useState({\n    height,\n    left,\n    top,\n    width,\n  });\n\n  const select = event => {\n    if (!isSelected) {\n      if (!event || !event.metaKey) {\n        if (isLocked) {\n          setActiveElement(id, false);\n          setIsRightPanelOpen(false);\n        } else {\n          setActiveElement(id);\n        }\n      } else {\n        setActiveElement(id, undefined, true);\n      }\n    }\n  };\n\n  const canDrag = !item.isLocked && !isTextEditorOpen;\n\n  const [{ isDragging }, drag, preview] = useDrag(() => ({\n    canDrag: () => canDrag,\n    collect: monitor => ({\n      isDragging: monitor.isDragging(),\n    }),\n    end: (_item, monitor) => {\n      const dropResult = monitor.getDropResult();\n      if (dropResult && dropResult[id]) {\n        const { left: dropLeft, top: dropTop } = dropResult[id];\n        setResizeSize(prev => {\n          return {\n            height: prev.height,\n            left: dropLeft,\n            top: dropTop,\n            width: prev.width,\n          };\n        });\n      }\n      removeEventListenerForSidebar();\n    },\n    isDragging: () => (isMultipleItemSelected && isSelected) || (!isMultipleItemSelected && isSelected),\n    item: () => {\n      select();\n      addEventListenerForSidebar();\n      return item;\n    },\n    type: DRAGGABLE_ITEM_TYPE,\n  }), [\n    item,\n    canDrag,\n    id,\n    isMultipleItemSelected,\n    isSelected,\n  ]);\n\n  useEffect(() => {\n    if (preview) {\n      preview(getEmptyImage(), { captureDraggingState: true });\n    }\n  }, [preview]);\n\n  useEffect(() => {\n    if (!isResize) {\n      setResizeSize(prev => {\n        if (prev.left !== left || prev.top !== top || prev.width !== width || prev.height !== height) {\n          return {\n            ...prev,\n            height,\n            left,\n            top,\n            width,\n          };\n        }\n\n        return prev;\n      });\n    }\n  }, [left, top, width, height, isResize]);\n\n  const onResizeStop = (deltaWidth, deltaHeight, direction) => {\n    const activeItem = {\n      ...item,\n      height: item.height + deltaHeight,\n      width: item.width + deltaWidth,\n    };\n    if (/left/i.test(direction)) activeItem.left = activeItem.left - deltaWidth;\n    if (/top/i.test(direction)) activeItem.top = activeItem.top - deltaHeight;\n    let newActiveBoxLeft = activeItem.left;\n    let newActiveBoxTop = activeItem.top;\n    Object.keys(matches).forEach(axis => {\n      const { activeBoxGuides, matchedArray, proximity } = matches[axis];\n      const activeBoxProximityIndex = proximity.activeBoxIndex;\n      const matchedBoxProximityIndex = proximity.matchedBoxIndex;\n      if (axis === 'x') {\n        if (activeBoxGuides[activeBoxProximityIndex] > matchedArray[matchedBoxProximityIndex]) {\n          newActiveBoxLeft = activeItem.left - proximity.value;\n        } else {\n          newActiveBoxLeft = activeItem.left + proximity.value;\n        }\n      } else if (activeBoxGuides[activeBoxProximityIndex]\n        > matchedArray[matchedBoxProximityIndex]) {\n        newActiveBoxTop = activeItem.top - proximity.value;\n      } else {\n        newActiveBoxTop = activeItem.top + proximity.value;\n      }\n    });\n\n    let newResizeSize = {\n      height: activeItem.height,\n      left: activeItem.left,\n      top: activeItem.top,\n      width: activeItem.width,\n    };\n\n    if (!(/top/i.test(direction) && /left/i.test(direction))) {\n      newResizeSize = {\n        ...newResizeSize,\n        height: newResizeSize.height + (newActiveBoxTop - activeItem.top),\n        width: newResizeSize.width + (newActiveBoxLeft - activeItem.left),\n      };\n    }\n    if (/top/i.test(direction) && newActiveBoxTop !== newResizeSize.top) {\n      newResizeSize.top = newActiveBoxTop;\n    }\n    if (/left/i.test(direction) && newActiveBoxLeft !== newResizeSize.left) {\n      newResizeSize.left = newActiveBoxLeft;\n    }\n    setIsResize(false);\n    onItemResize(item, newResizeSize);\n  };\n\n  const onResize = (deltaWidth, deltaHeight, direction) => {\n    if (!isResize) { setIsResize(true); }\n    const activeItem = {\n      ...item,\n      height: item.height + deltaHeight,\n      width: item.width + deltaWidth,\n    };\n    if (/left/i.test(direction)) activeItem.left = activeItem.left - deltaWidth;\n    if (/top/i.test(direction)) activeItem.top = activeItem.top - deltaHeight;\n    const _guides = {\n      ...guides,\n      [item.id]: {\n        ...guides[item.id],\n        x: calculateGuidePositions(activeItem, 'x', zoom),\n        y: calculateGuidePositions(activeItem, 'y', zoom),\n      },\n    };\n    setMatches(proximityListener(item.id, _guides));\n    setResizeSize({\n      height: activeItem.height,\n      left: activeItem.left,\n      top: activeItem.top,\n      width: activeItem.width,\n    });\n  };\n\n  const deleteItem = () => {\n    setIsRightPanelOpen(false);\n    setActiveElement(null);\n    onItemRemove(item);\n    onAnEventTrigger('removeItem', item.itemType);\n  };\n\n  const duplicateItem = () => {\n    const itemID = generateId();\n    onItemAdd({\n      ...item,\n      id: itemID,\n      left: item.left + 50,\n      top: item.top + 50,\n    });\n    onAnEventTrigger('duplicateItem', item.itemType);\n    setActiveElement(itemID);\n    if (!isRightPanelOpen) {\n      setIsRightPanelOpen(true);\n    }\n  };\n\n  const onClickOutside = event => {\n    // clickoutside should not work for scrollbar\n    const viewPort = document.querySelector('.jfReport-viewport');\n    const { clientHeight, offsetHeight } = viewPort;\n    const headerHeight = window.innerHeight - offsetHeight;\n    if (event.clientY - headerHeight >= clientHeight\n        || Array.from(event.target.classList)\n          .some(xClass => exceptionalClassesForClickOutside.includes(xClass))) {\n      return;\n    }\n    setIsRightPanelOpen(false);\n    setActiveElement(null);\n  };\n\n  const onContextMenuClick = e => {\n    if (\n      e.target.contentEditable === 'true'\n      || isTextEditorOpen\n    ) {\n      // Dont override behaviour on text edits.\n      return;\n    }\n\n    e.preventDefault();\n    onAnEventTrigger('openContextMenu', item.itemType);\n    setContextMenuProps({\n      id,\n      pageID,\n      position: getPosition(e),\n    });\n  };\n\n  const onDoubleClick = e => {\n    if (\n      e.target.contentEditable === 'true'\n      || isTextEditorOpen\n    ) {\n      // Dont override behaviour on text edits.\n      return;\n    }\n\n    setIsRightPanelOpen(true);\n  };\n\n  const duplicateWithAltKey = e => {\n    if (e.altKey) {\n      const itemID = generateId();\n      const itemToAdd = item;\n      setTimeout(() => {\n        onItemAdd({\n          ...itemToAdd,\n          id: itemID,\n          left: itemToAdd.left,\n          top: itemToAdd.top,\n        });\n        onAnEventTrigger('duplicateItem', itemToAdd.itemType);\n      });\n    }\n  };\n\n  const changeLockStatus = () => {\n    onAnEventTrigger(item.isLocked ? 'unlockReportItem' : 'lockReportItem', item.itemType);\n    onItemChange({ id: item.id }, { isLocked: item.isLocked ? false : true });\n    if (!item.isLocked) {\n      setActiveElement(item.id, false);\n      setIsRightPanelOpen(false);\n    }\n  };\n\n  return (\n    <ErrorBoundary>\n      <ItemPositioner\n        classNames={`reportItemWrapper${isSelected ? ' isSelected' : ''}`}\n        style={{\n          ...getStyles(left, top, isDragging),\n          height: stateHeight,\n          left: stateLeft,\n          top: stateTop,\n          width: stateWidth,\n        }}\n      >\n        <div\n          ref={drag}\n          className={`${classNames.reportItem}${isLocked ? ' isLocked' : ''}`}\n          onContextMenu={onContextMenuClick}\n          onDoubleClick={onDoubleClick}\n          onDragStart={duplicateWithAltKey}\n          onMouseDown={select}\n          style={reportItemStyle}\n        >\n          {children}\n        </div>\n      </ItemPositioner>\n      <PageItemResizer\n        changeLockStatus={changeLockStatus}\n        deleteItem={deleteItem}\n        duplicateItem={duplicateItem}\n        isDragging={isDragging}\n        isMultipleItemSelected={isMultipleItemSelected}\n        isRightPanelOpen={isRightPanelOpen}\n        isSelectedElement={isSelected}\n        isTextEditorOpen={isTextEditorOpen}\n        item={item}\n        onClickOutside={onClickOutside}\n        onResize={onResize}\n        onResizeStop={onResizeStop}\n        pageID={pageID}\n        setActiveElement={setActiveElement}\n        setIsRightPanelOpen={setIsRightPanelOpen}\n        stateHeight={stateHeight}\n        stateLeft={stateLeft}\n        stateTop={stateTop}\n        stateWidth={stateWidth}\n        zoom={zoom}\n      />\n    </ErrorBoundary>\n  );\n};\n\nDraggableItem.propTypes = {\n  children: PropTypes.any,\n  guides: PropTypes.shape({}),\n  isMultipleItemSelected: PropTypes.bool,\n  isResize: PropTypes.bool,\n  isRightPanelOpen: PropTypes.bool,\n  isSelected: PropTypes.bool,\n  isTextEditorOpen: PropTypes.bool,\n  item: PropTypes.shape({\n    height: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    id: PropTypes.string,\n    isLocked: PropTypes.bool,\n    itemType: PropTypes.string,\n    left: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    pageID: PropTypes.string,\n    top: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    width: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n  }),\n  matches: PropTypes.shape({}),\n  onAnEventTrigger: PropTypes.func,\n  onItemAdd: PropTypes.func,\n  onItemChange: PropTypes.func,\n  onItemRemove: PropTypes.func,\n  onItemResize: PropTypes.func,\n  setActiveElement: PropTypes.func,\n  setContextMenuProps: PropTypes.func,\n  setIsResize: PropTypes.func,\n  setIsRightPanelOpen: PropTypes.func,\n  setMatches: PropTypes.func,\n  zoom: PropTypes.number,\n};\n\n// avoid unnecessary renders while resizing\nconst areEqual = (prevProps, nextProps) => {\n  if (prevProps.hashCode !== nextProps.hashCode) return false;\n  if (!isEqual(prevProps.item, nextProps.item)) return false;\n  if (prevProps.matches !== nextProps.matches) return false;\n  if (prevProps.isTextEditorOpen !== nextProps.isTextEditorOpen) return false;\n  if ((prevProps.isSelected && nextProps.isSelected) || prevProps.isResize !== nextProps.isResize) {\n    return false;\n  }\n  if (prevProps.isSelected !== nextProps.isSelected) return false;\n  return true;\n};\n\nexport default memo(DraggableItem, areEqual);\n"],"names":["exceptionalClassesForClickOutside","reportItemStyle","height","width","DraggableItem","children","guides","isMultipleItemSelected","isResize","isRightPanelOpen","isSelected","isTextEditorOpen","item","matches","onAnEventTrigger","onItemAdd","onItemChange","onItemRemove","onItemResize","setActiveElement","setContextMenuProps","setIsResize","setIsRightPanelOpen","setMatches","zoom","id","isLocked","left","pageID","top","useState","stateHeight","stateLeft","stateTop","stateWidth","setResizeSize","select","event","metaKey","undefined","canDrag","useDrag","collect","monitor","isDragging","end","_item","dropResult","getDropResult","dropLeft","dropTop","prev","removeEventListenerForSidebar","addEventListenerForSidebar","type","DRAGGABLE_ITEM_TYPE","drag","preview","useEffect","getEmptyImage","captureDraggingState","onResizeStop","deltaWidth","deltaHeight","direction","activeItem","test","newActiveBoxLeft","newActiveBoxTop","Object","keys","forEach","axis","activeBoxGuides","matchedArray","proximity","activeBoxProximityIndex","activeBoxIndex","matchedBoxProximityIndex","matchedBoxIndex","value","newResizeSize","onResize","_guides","x","calculateGuidePositions","y","proximityListener","deleteItem","itemType","duplicateItem","itemID","generateId","onClickOutside","viewPort","document","querySelector","clientHeight","offsetHeight","headerHeight","window","innerHeight","clientY","Array","from","target","classList","some","xClass","includes","onContextMenuClick","e","contentEditable","preventDefault","position","getPosition","onDoubleClick","duplicateWithAltKey","altKey","itemToAdd","setTimeout","changeLockStatus","_jsxs","ErrorBoundary","_jsx","getStyles","classNames","propTypes","PropTypes","any","shape","bool","oneOfType","number","string","func","areEqual","prevProps","nextProps","hashCode","isEqual","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAMA,iCAAiC,GAAG,CAAC,uBAAD,EAA0B,kBAA1B,CAA1C;AACA,IAAMC,eAAe,GAAG;AACtBC,EAAAA,MAAM,EAAE,MADc;AAEtBC,EAAAA,KAAK,EAAE;AAFe,CAAxB;;AAKA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAqBhB;AAAA,2BApBJC,QAoBI;AAAA,MApBJA,QAoBI,8BApBO,IAoBP;AAAA,yBAnBJC,MAmBI;AAAA,MAnBJA,MAmBI,4BAnBK,EAmBL;AAAA,mCAlBJC,sBAkBI;AAAA,MAlBJA,sBAkBI,sCAlBqB,KAkBrB;AAAA,2BAjBJC,QAiBI;AAAA,MAjBJA,QAiBI,8BAjBO,KAiBP;AAAA,mCAhBJC,gBAgBI;AAAA,MAhBJA,gBAgBI,sCAhBe,KAgBf;AAAA,6BAfJC,UAeI;AAAA,MAfJA,UAeI,gCAfS,KAeT;AAAA,mCAdJC,gBAcI;AAAA,MAdJA,gBAcI,sCAde,KAcf;AAAA,uBAbJC,IAaI;AAAA,MAbJA,MAaI,0BAbG,EAaH;AAAA,0BAZJC,OAYI;AAAA,MAZJA,OAYI,6BAZM,EAYN;AAAA,mCAXJC,gBAWI;AAAA,MAXJA,gBAWI,sCAXe,YAAM,EAWrB;AAAA,4BAVJC,SAUI;AAAA,MAVJA,SAUI,+BAVQ,YAAM,EAUd;AAAA,+BATJC,YASI;AAAA,MATJA,YASI,kCATW,YAAM,EASjB;AAAA,+BARJC,YAQI;AAAA,MARJA,YAQI,kCARW,YAAM,EAQjB;AAAA,+BAPJC,YAOI;AAAA,MAPJA,YAOI,kCAPW,YAAM,EAOjB;AAAA,mCANJC,gBAMI;AAAA,MANJA,gBAMI,sCANe,YAAM,EAMrB;AAAA,mCALJC,mBAKI;AAAA,MALJA,mBAKI,sCALkB,YAAM,EAKxB;AAAA,8BAJJC,WAII;AAAA,MAJJA,WAII,iCAJU,YAAM,EAIhB;AAAA,mCAHJC,mBAGI;AAAA,MAHJA,mBAGI,sCAHkB,YAAM,EAGxB;AAAA,6BAFJC,UAEI;AAAA,MAFJA,UAEI,gCAFS,YAAM,EAEf;AAAA,uBADJC,IACI;AAAA,MADJA,IACI,0BADG,CACH;;AACJ,MACEtB,MADF,GAQIU,MARJ,CACEV,MADF;AAAA,MAEEuB,EAFF,GAQIb,MARJ,CAEEa,EAFF;AAAA,MAGEC,QAHF,GAQId,MARJ,CAGEc,QAHF;AAAA,MAIEC,IAJF,GAQIf,MARJ,CAIEe,IAJF;AAAA,MAKEC,MALF,GAQIhB,MARJ,CAKEgB,MALF;AAAA,MAMEC,GANF,GAQIjB,MARJ,CAMEiB,GANF;AAAA,MAOE1B,KAPF,GAQIS,MARJ,CAOET,KAPF;;AAUA,kBAQI2B,QAAQ,CAAC;AACX5B,IAAAA,MAAM,EAANA,MADW;AAEXyB,IAAAA,IAAI,EAAJA,IAFW;AAGXE,IAAAA,GAAG,EAAHA,GAHW;AAIX1B,IAAAA,KAAK,EAALA;AAJW,GAAD,CARZ;AAAA;AAAA;AAAA,MAEY4B,WAFZ,eAEI7B,MAFJ;AAAA,MAGU8B,SAHV,eAGIL,IAHJ;AAAA,MAISM,QAJT,eAIIJ,GAJJ;AAAA,MAKWK,UALX,eAKI/B,KALJ;AAAA,MAOEgC,aAPF;;AAeA,MAAMC,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK,EAAI;AACtB,QAAI,CAAC3B,UAAL,EAAiB;AACf,UAAI,CAAC2B,KAAD,IAAU,CAACA,KAAK,CAACC,OAArB,EAA8B;AAC5B,YAAIZ,QAAJ,EAAc;AACZP,UAAAA,gBAAgB,CAACM,EAAD,EAAK,KAAL,CAAhB;AACAH,UAAAA,mBAAmB,CAAC,KAAD,CAAnB;AACD,SAHD,MAGO;AACLH,UAAAA,gBAAgB,CAACM,EAAD,CAAhB;AACD;AACF,OAPD,MAOO;AACLN,QAAAA,gBAAgB,CAACM,EAAD,EAAKc,SAAL,EAAgB,IAAhB,CAAhB;AACD;AACF;AACF,GAbD;;AAeA,MAAMC,QAAO,GAAG,CAAC5B,MAAI,CAACc,QAAN,IAAkB,CAACf,gBAAnC;;AAEA,iBAAwC8B,OAAO,CAAC;AAAA,WAAO;AACrDD,MAAAA,OAAO,EAAE;AAAA,eAAMA,QAAN;AAAA,OAD4C;AAErDE,MAAAA,OAAO,EAAE,iBAAAC,OAAO;AAAA,eAAK;AACnBC,UAAAA,UAAU,EAAED,OAAO,CAACC,UAAR;AADO,SAAL;AAAA,OAFqC;AAKrDC,MAAAA,GAAG,EAAE,aAACC,KAAD,EAAQH,OAAR,EAAoB;AACvB,YAAMI,UAAU,GAAGJ,OAAO,CAACK,aAAR,EAAnB;;AACA,YAAID,UAAU,IAAIA,UAAU,CAACtB,EAAD,CAA5B,EAAkC;AAChC,+BAAyCsB,UAAU,CAACtB,EAAD,CAAnD;AAAA,cAAcwB,QAAd,kBAAQtB,IAAR;AAAA,cAA6BuB,OAA7B,kBAAwBrB,GAAxB;AACAM,UAAAA,aAAa,CAAC,UAAAgB,IAAI,EAAI;AACpB,mBAAO;AACLjD,cAAAA,MAAM,EAAEiD,IAAI,CAACjD,MADR;AAELyB,cAAAA,IAAI,EAAEsB,QAFD;AAGLpB,cAAAA,GAAG,EAAEqB,OAHA;AAIL/C,cAAAA,KAAK,EAAEgD,IAAI,CAAChD;AAJP,aAAP;AAMD,WAPY,CAAb;AAQD;;AACDiD,QAAAA,6BAA6B;AAC9B,OAnBoD;AAoBrDR,MAAAA,UAAU,EAAE;AAAA,eAAOrC,sBAAsB,IAAIG,UAA3B,IAA2C,CAACH,sBAAD,IAA2BG,UAA5E;AAAA,OApByC;AAqBrDE,MAAAA,IAAI,EAAE,gBAAM;AACVwB,QAAAA,MAAM;AACNiB,QAAAA,0BAA0B;AAC1B,eAAOzC,MAAP;AACD,OAzBoD;AA0BrD0C,MAAAA,IAAI,EAAEC;AA1B+C,KAAP;AAAA,GAAD,EA2B3C,CACF3C,MADE,EAEF4B,QAFE,EAGFf,EAHE,EAIFlB,sBAJE,EAKFG,UALE,CA3B2C,CAA/C;AAAA;AAAA,MAASkC,UAAT,gBAASA,UAAT;AAAA,MAAuBY,IAAvB;AAAA,MAA6BC,OAA7B;;AAmCAC,EAAAA,SAAS,CAAC,YAAM;AACd,QAAID,OAAJ,EAAa;AACXA,MAAAA,OAAO,CAACE,aAAa,EAAd,EAAkB;AAAEC,QAAAA,oBAAoB,EAAE;AAAxB,OAAlB,CAAP;AACD;AACF,GAJQ,EAIN,CAACH,OAAD,CAJM,CAAT;AAMAC,EAAAA,SAAS,CAAC,YAAM;AACd,QAAI,CAAClD,QAAL,EAAe;AACb2B,MAAAA,aAAa,CAAC,UAAAgB,IAAI,EAAI;AACpB,YAAIA,IAAI,CAACxB,IAAL,KAAcA,IAAd,IAAsBwB,IAAI,CAACtB,GAAL,KAAaA,GAAnC,IAA0CsB,IAAI,CAAChD,KAAL,KAAeA,KAAzD,IAAkEgD,IAAI,CAACjD,MAAL,KAAgBA,MAAtF,EAA8F;AAC5F,iDACKiD,IADL;AAEEjD,YAAAA,MAAM,EAANA,MAFF;AAGEyB,YAAAA,IAAI,EAAJA,IAHF;AAIEE,YAAAA,GAAG,EAAHA,GAJF;AAKE1B,YAAAA,KAAK,EAALA;AALF;AAOD;;AAED,eAAOgD,IAAP;AACD,OAZY,CAAb;AAaD;AACF,GAhBQ,EAgBN,CAACxB,IAAD,EAAOE,GAAP,EAAY1B,KAAZ,EAAmBD,MAAnB,EAA2BM,QAA3B,CAhBM,CAAT;;AAkBA,MAAMqD,YAAY,GAAG,SAAfA,YAAe,CAACC,UAAD,EAAaC,WAAb,EAA0BC,SAA1B,EAAwC;AAC3D,QAAMC,UAAU,mCACXrD,MADW;AAEdV,MAAAA,MAAM,EAAEU,MAAI,CAACV,MAAL,GAAc6D,WAFR;AAGd5D,MAAAA,KAAK,EAAES,MAAI,CAACT,KAAL,GAAa2D;AAHN,MAAhB;;AAKA,QAAI,QAAQI,IAAR,CAAaF,SAAb,CAAJ,EAA6BC,UAAU,CAACtC,IAAX,GAAkBsC,UAAU,CAACtC,IAAX,GAAkBmC,UAApC;AAC7B,QAAI,OAAOI,IAAP,CAAYF,SAAZ,CAAJ,EAA4BC,UAAU,CAACpC,GAAX,GAAiBoC,UAAU,CAACpC,GAAX,GAAiBkC,WAAlC;AAC5B,QAAII,gBAAgB,GAAGF,UAAU,CAACtC,IAAlC;AACA,QAAIyC,eAAe,GAAGH,UAAU,CAACpC,GAAjC;AACAwC,IAAAA,MAAM,CAACC,IAAP,CAAYzD,OAAZ,EAAqB0D,OAArB,CAA6B,UAAAC,IAAI,EAAI;AACnC,0BAAqD3D,OAAO,CAAC2D,IAAD,CAA5D;AAAA,UAAQC,eAAR,iBAAQA,eAAR;AAAA,UAAyBC,YAAzB,iBAAyBA,YAAzB;AAAA,UAAuCC,SAAvC,iBAAuCA,SAAvC;AACA,UAAMC,uBAAuB,GAAGD,SAAS,CAACE,cAA1C;AACA,UAAMC,wBAAwB,GAAGH,SAAS,CAACI,eAA3C;;AACA,UAAIP,IAAI,KAAK,GAAb,EAAkB;AAChB,YAAIC,eAAe,CAACG,uBAAD,CAAf,GAA2CF,YAAY,CAACI,wBAAD,CAA3D,EAAuF;AACrFX,UAAAA,gBAAgB,GAAGF,UAAU,CAACtC,IAAX,GAAkBgD,SAAS,CAACK,KAA/C;AACD,SAFD,MAEO;AACLb,UAAAA,gBAAgB,GAAGF,UAAU,CAACtC,IAAX,GAAkBgD,SAAS,CAACK,KAA/C;AACD;AACF,OAND,MAMO,IAAIP,eAAe,CAACG,uBAAD,CAAf,GACPF,YAAY,CAACI,wBAAD,CADT,EACqC;AAC1CV,QAAAA,eAAe,GAAGH,UAAU,CAACpC,GAAX,GAAiB8C,SAAS,CAACK,KAA7C;AACD,OAHM,MAGA;AACLZ,QAAAA,eAAe,GAAGH,UAAU,CAACpC,GAAX,GAAiB8C,SAAS,CAACK,KAA7C;AACD;AACF,KAhBD;AAkBA,QAAIC,aAAa,GAAG;AAClB/E,MAAAA,MAAM,EAAE+D,UAAU,CAAC/D,MADD;AAElByB,MAAAA,IAAI,EAAEsC,UAAU,CAACtC,IAFC;AAGlBE,MAAAA,GAAG,EAAEoC,UAAU,CAACpC,GAHE;AAIlB1B,MAAAA,KAAK,EAAE8D,UAAU,CAAC9D;AAJA,KAApB;;AAOA,QAAI,EAAE,OAAO+D,IAAP,CAAYF,SAAZ,KAA0B,QAAQE,IAAR,CAAaF,SAAb,CAA5B,CAAJ,EAA0D;AACxDiB,MAAAA,aAAa,mCACRA,aADQ;AAEX/E,QAAAA,MAAM,EAAE+E,aAAa,CAAC/E,MAAd,IAAwBkE,eAAe,GAAGH,UAAU,CAACpC,GAArD,CAFG;AAGX1B,QAAAA,KAAK,EAAE8E,aAAa,CAAC9E,KAAd,IAAuBgE,gBAAgB,GAAGF,UAAU,CAACtC,IAArD;AAHI,QAAb;AAKD;;AACD,QAAI,OAAOuC,IAAP,CAAYF,SAAZ,KAA0BI,eAAe,KAAKa,aAAa,CAACpD,GAAhE,EAAqE;AACnEoD,MAAAA,aAAa,CAACpD,GAAd,GAAoBuC,eAApB;AACD;;AACD,QAAI,QAAQF,IAAR,CAAaF,SAAb,KAA2BG,gBAAgB,KAAKc,aAAa,CAACtD,IAAlE,EAAwE;AACtEsD,MAAAA,aAAa,CAACtD,IAAd,GAAqBwC,gBAArB;AACD;;AACD9C,IAAAA,WAAW,CAAC,KAAD,CAAX;AACAH,IAAAA,YAAY,CAACN,MAAD,EAAOqE,aAAP,CAAZ;AACD,GAlDD;;AAoDA,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACpB,UAAD,EAAaC,WAAb,EAA0BC,SAA1B,EAAwC;AACvD,QAAI,CAACxD,QAAL,EAAe;AAAEa,MAAAA,WAAW,CAAC,IAAD,CAAX;AAAoB;;AACrC,QAAM4C,UAAU,mCACXrD,MADW;AAEdV,MAAAA,MAAM,EAAEU,MAAI,CAACV,MAAL,GAAc6D,WAFR;AAGd5D,MAAAA,KAAK,EAAES,MAAI,CAACT,KAAL,GAAa2D;AAHN,MAAhB;;AAKA,QAAI,QAAQI,IAAR,CAAaF,SAAb,CAAJ,EAA6BC,UAAU,CAACtC,IAAX,GAAkBsC,UAAU,CAACtC,IAAX,GAAkBmC,UAApC;AAC7B,QAAI,OAAOI,IAAP,CAAYF,SAAZ,CAAJ,EAA4BC,UAAU,CAACpC,GAAX,GAAiBoC,UAAU,CAACpC,GAAX,GAAiBkC,WAAlC;;AAC5B,QAAMoB,OAAO,mCACR7E,MADQ,2BAEVM,MAAI,CAACa,EAFK,kCAGNnB,MAAM,CAACM,MAAI,CAACa,EAAN,CAHA;AAIT2D,MAAAA,CAAC,EAAEC,uBAAuB,CAACpB,UAAD,EAAa,GAAb,EAAkBzC,IAAlB,CAJjB;AAKT8D,MAAAA,CAAC,EAAED,uBAAuB,CAACpB,UAAD,EAAa,GAAb,EAAkBzC,IAAlB;AALjB,QAAb;;AAQAD,IAAAA,UAAU,CAACgE,iBAAiB,CAAC3E,MAAI,CAACa,EAAN,EAAU0D,OAAV,CAAlB,CAAV;AACAhD,IAAAA,aAAa,CAAC;AACZjC,MAAAA,MAAM,EAAE+D,UAAU,CAAC/D,MADP;AAEZyB,MAAAA,IAAI,EAAEsC,UAAU,CAACtC,IAFL;AAGZE,MAAAA,GAAG,EAAEoC,UAAU,CAACpC,GAHJ;AAIZ1B,MAAAA,KAAK,EAAE8D,UAAU,CAAC9D;AAJN,KAAD,CAAb;AAMD,GAxBD;;AA0BA,MAAMqF,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvBlE,IAAAA,mBAAmB,CAAC,KAAD,CAAnB;AACAH,IAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACAF,IAAAA,YAAY,CAACL,MAAD,CAAZ;AACAE,IAAAA,gBAAgB,CAAC,YAAD,EAAeF,MAAI,CAAC6E,QAApB,CAAhB;AACD,GALD;;AAOA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1B,QAAMC,MAAM,GAAGC,UAAU,EAAzB;AACA7E,IAAAA,SAAS,iCACJH,MADI;AAEPa,MAAAA,EAAE,EAAEkE,MAFG;AAGPhE,MAAAA,IAAI,EAAEf,MAAI,CAACe,IAAL,GAAY,EAHX;AAIPE,MAAAA,GAAG,EAAEjB,MAAI,CAACiB,GAAL,GAAW;AAJT,OAAT;AAMAf,IAAAA,gBAAgB,CAAC,eAAD,EAAkBF,MAAI,CAAC6E,QAAvB,CAAhB;AACAtE,IAAAA,gBAAgB,CAACwE,MAAD,CAAhB;;AACA,QAAI,CAAClF,gBAAL,EAAuB;AACrBa,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD;AACF,GAbD;;AAeA,MAAMuE,cAAc,GAAG,SAAjBA,cAAiB,CAAAxD,KAAK,EAAI;AAC9B;AACA,QAAMyD,QAAQ,GAAGC,QAAQ,CAACC,aAAT,CAAuB,oBAAvB,CAAjB;AACA,QAAQC,YAAR,GAAuCH,QAAvC,CAAQG,YAAR;AAAA,QAAsBC,YAAtB,GAAuCJ,QAAvC,CAAsBI,YAAtB;AACA,QAAMC,YAAY,GAAGC,MAAM,CAACC,WAAP,GAAqBH,YAA1C;;AACA,QAAI7D,KAAK,CAACiE,OAAN,GAAgBH,YAAhB,IAAgCF,YAAhC,IACGM,KAAK,CAACC,IAAN,CAAWnE,KAAK,CAACoE,MAAN,CAAaC,SAAxB,EACAC,IADA,CACK,UAAAC,MAAM;AAAA,aAAI5G,iCAAiC,CAAC6G,QAAlC,CAA2CD,MAA3C,CAAJ;AAAA,KADX,CADP,EAE2E;AACzE;AACD;;AACDtF,IAAAA,mBAAmB,CAAC,KAAD,CAAnB;AACAH,IAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACD,GAZD;;AAcA,MAAM2F,kBAAkB,GAAG,SAArBA,kBAAqB,CAAAC,CAAC,EAAI;AAC9B,QACEA,CAAC,CAACN,MAAF,CAASO,eAAT,KAA6B,MAA7B,IACGrG,gBAFL,EAGE;AACA;AACA;AACD;;AAEDoG,IAAAA,CAAC,CAACE,cAAF;AACAnG,IAAAA,gBAAgB,CAAC,iBAAD,EAAoBF,MAAI,CAAC6E,QAAzB,CAAhB;AACArE,IAAAA,mBAAmB,CAAC;AAClBK,MAAAA,EAAE,EAAFA,EADkB;AAElBG,MAAAA,MAAM,EAANA,MAFkB;AAGlBsF,MAAAA,QAAQ,EAAEC,WAAW,CAACJ,CAAD;AAHH,KAAD,CAAnB;AAKD,GAhBD;;AAkBA,MAAMK,aAAa,GAAG,SAAhBA,aAAgB,CAAAL,CAAC,EAAI;AACzB,QACEA,CAAC,CAACN,MAAF,CAASO,eAAT,KAA6B,MAA7B,IACGrG,gBAFL,EAGE;AACA;AACA;AACD;;AAEDW,IAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD,GAVD;;AAYA,MAAM+F,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAAN,CAAC,EAAI;AAC/B,QAAIA,CAAC,CAACO,MAAN,EAAc;AACZ,UAAM3B,MAAM,GAAGC,UAAU,EAAzB;AACA,UAAM2B,SAAS,GAAG3G,MAAlB;AACA4G,MAAAA,UAAU,CAAC,YAAM;AACfzG,QAAAA,SAAS,iCACJwG,SADI;AAEP9F,UAAAA,EAAE,EAAEkE,MAFG;AAGPhE,UAAAA,IAAI,EAAE4F,SAAS,CAAC5F,IAHT;AAIPE,UAAAA,GAAG,EAAE0F,SAAS,CAAC1F;AAJR,WAAT;AAMAf,QAAAA,gBAAgB,CAAC,eAAD,EAAkByG,SAAS,CAAC9B,QAA5B,CAAhB;AACD,OARS,CAAV;AASD;AACF,GAdD;;AAgBA,MAAMgC,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAC7B3G,IAAAA,gBAAgB,CAACF,MAAI,CAACc,QAAL,GAAgB,kBAAhB,GAAqC,gBAAtC,EAAwDd,MAAI,CAAC6E,QAA7D,CAAhB;AACAzE,IAAAA,YAAY,CAAC;AAAES,MAAAA,EAAE,EAAEb,MAAI,CAACa;AAAX,KAAD,EAAkB;AAAEC,MAAAA,QAAQ,EAAEd,MAAI,CAACc,QAAL,GAAgB,KAAhB,GAAwB;AAApC,KAAlB,CAAZ;;AACA,QAAI,CAACd,MAAI,CAACc,QAAV,EAAoB;AAClBP,MAAAA,gBAAgB,CAACP,MAAI,CAACa,EAAN,EAAU,KAAV,CAAhB;AACAH,MAAAA,mBAAmB,CAAC,KAAD,CAAnB;AACD;AACF,GAPD;;AASA,sBACEoG,KAACC,YAAD;AAAA,4BACEC,IAAC,cAAD;AACE,MAAA,UAAU,6BAAsBlH,UAAU,GAAG,aAAH,GAAmB,EAAnD,CADZ;AAEE,MAAA,KAAK,kCACAmH,SAAS,CAAClG,IAAD,EAAOE,GAAP,EAAYe,UAAZ,CADT;AAEH1C,QAAAA,MAAM,EAAE6B,WAFL;AAGHJ,QAAAA,IAAI,EAAEK,SAHH;AAIHH,QAAAA,GAAG,EAAEI,QAJF;AAKH9B,QAAAA,KAAK,EAAE+B;AALJ,QAFP;AAAA,6BAUE0F;AACE,QAAA,GAAG,EAAEpE,IADP;AAEE,QAAA,SAAS,YAAKsE,UAAL,SAA6BpG,QAAQ,GAAG,WAAH,GAAiB,EAAtD,CAFX;AAGE,QAAA,aAAa,EAAEoF,kBAHjB;AAIE,QAAA,aAAa,EAAEM,aAJjB;AAKE,QAAA,WAAW,EAAEC,mBALf;AAME,QAAA,WAAW,EAAEjF,MANf;AAOE,QAAA,KAAK,EAAEnC,eAPT;AAAA,kBASGI;AATH;AAVF,MADF,eAuBEuH,IAAC,eAAD;AACE,MAAA,gBAAgB,EAAEH,gBADpB;AAEE,MAAA,UAAU,EAAEjC,UAFd;AAGE,MAAA,aAAa,EAAEE,aAHjB;AAIE,MAAA,UAAU,EAAE9C,UAJd;AAKE,MAAA,sBAAsB,EAAErC,sBAL1B;AAME,MAAA,gBAAgB,EAAEE,gBANpB;AAOE,MAAA,iBAAiB,EAAEC,UAPrB;AAQE,MAAA,gBAAgB,EAAEC,gBARpB;AASE,MAAA,IAAI,EAAEC,MATR;AAUE,MAAA,cAAc,EAAEiF,cAVlB;AAWE,MAAA,QAAQ,EAAEX,QAXZ;AAYE,MAAA,YAAY,EAAErB,YAZhB;AAaE,MAAA,MAAM,EAAEjC,MAbV;AAcE,MAAA,gBAAgB,EAAET,gBAdpB;AAeE,MAAA,mBAAmB,EAAEG,mBAfvB;AAgBE,MAAA,WAAW,EAAES,WAhBf;AAiBE,MAAA,SAAS,EAAEC,SAjBb;AAkBE,MAAA,QAAQ,EAAEC,QAlBZ;AAmBE,MAAA,UAAU,EAAEC,UAnBd;AAoBE,MAAA,IAAI,EAAEV;AApBR,MAvBF;AAAA,IADF;AAgDD,CApVD;;AAsVApB,aAAa,CAAC2H,SAAd,GAA0B;AACxB1H,EAAAA,QAAQ,EAAE2H,SAAS,CAACC,GADI;AAExB3H,EAAAA,MAAM,EAAE0H,SAAS,CAACE,KAAV,CAAgB,EAAhB,CAFgB;AAGxB3H,EAAAA,sBAAsB,EAAEyH,SAAS,CAACG,IAHV;AAIxB3H,EAAAA,QAAQ,EAAEwH,SAAS,CAACG,IAJI;AAKxB1H,EAAAA,gBAAgB,EAAEuH,SAAS,CAACG,IALJ;AAMxBzH,EAAAA,UAAU,EAAEsH,SAAS,CAACG,IANE;AAOxBxH,EAAAA,gBAAgB,EAAEqH,SAAS,CAACG,IAPJ;AAQxBvH,EAAAA,IAAI,EAAEoH,SAAS,CAACE,KAAV,CAAgB;AACpBhI,IAAAA,MAAM,EAAE8H,SAAS,CAACI,SAAV,CAAoB,CAC1BJ,SAAS,CAACK,MADgB,EAE1BL,SAAS,CAACM,MAFgB,CAApB,CADY;AAKpB7G,IAAAA,EAAE,EAAEuG,SAAS,CAACM,MALM;AAMpB5G,IAAAA,QAAQ,EAAEsG,SAAS,CAACG,IANA;AAOpB1C,IAAAA,QAAQ,EAAEuC,SAAS,CAACM,MAPA;AAQpB3G,IAAAA,IAAI,EAAEqG,SAAS,CAACI,SAAV,CAAoB,CACxBJ,SAAS,CAACK,MADc,EAExBL,SAAS,CAACM,MAFc,CAApB,CARc;AAYpB1G,IAAAA,MAAM,EAAEoG,SAAS,CAACM,MAZE;AAapBzG,IAAAA,GAAG,EAAEmG,SAAS,CAACI,SAAV,CAAoB,CACvBJ,SAAS,CAACK,MADa,EAEvBL,SAAS,CAACM,MAFa,CAApB,CAbe;AAiBpBnI,IAAAA,KAAK,EAAE6H,SAAS,CAACI,SAAV,CAAoB,CACzBJ,SAAS,CAACK,MADe,EAEzBL,SAAS,CAACM,MAFe,CAApB;AAjBa,GAAhB,CARkB;AA8BxBzH,EAAAA,OAAO,EAAEmH,SAAS,CAACE,KAAV,CAAgB,EAAhB,CA9Be;AA+BxBpH,EAAAA,gBAAgB,EAAEkH,SAAS,CAACO,IA/BJ;AAgCxBxH,EAAAA,SAAS,EAAEiH,SAAS,CAACO,IAhCG;AAiCxBvH,EAAAA,YAAY,EAAEgH,SAAS,CAACO,IAjCA;AAkCxBtH,EAAAA,YAAY,EAAE+G,SAAS,CAACO,IAlCA;AAmCxBrH,EAAAA,YAAY,EAAE8G,SAAS,CAACO,IAnCA;AAoCxBpH,EAAAA,gBAAgB,EAAE6G,SAAS,CAACO,IApCJ;AAqCxBnH,EAAAA,mBAAmB,EAAE4G,SAAS,CAACO,IArCP;AAsCxBlH,EAAAA,WAAW,EAAE2G,SAAS,CAACO,IAtCC;AAuCxBjH,EAAAA,mBAAmB,EAAE0G,SAAS,CAACO,IAvCP;AAwCxBhH,EAAAA,UAAU,EAAEyG,SAAS,CAACO,IAxCE;AAyCxB/G,EAAAA,IAAI,EAAEwG,SAAS,CAACK;AAzCQ,CAA1B;;AA6CA,IAAMG,QAAQ,GAAG,SAAXA,QAAW,CAACC,SAAD,EAAYC,SAAZ,EAA0B;AACzC,MAAID,SAAS,CAACE,QAAV,KAAuBD,SAAS,CAACC,QAArC,EAA+C,OAAO,KAAP;AAC/C,MAAI,CAACC,OAAO,CAACH,SAAS,CAAC7H,IAAX,EAAiB8H,SAAS,CAAC9H,IAA3B,CAAZ,EAA8C,OAAO,KAAP;AAC9C,MAAI6H,SAAS,CAAC5H,OAAV,KAAsB6H,SAAS,CAAC7H,OAApC,EAA6C,OAAO,KAAP;AAC7C,MAAI4H,SAAS,CAAC9H,gBAAV,KAA+B+H,SAAS,CAAC/H,gBAA7C,EAA+D,OAAO,KAAP;;AAC/D,MAAK8H,SAAS,CAAC/H,UAAV,IAAwBgI,SAAS,CAAChI,UAAnC,IAAkD+H,SAAS,CAACjI,QAAV,KAAuBkI,SAAS,CAAClI,QAAvF,EAAiG;AAC/F,WAAO,KAAP;AACD;;AACD,MAAIiI,SAAS,CAAC/H,UAAV,KAAyBgI,SAAS,CAAChI,UAAvC,EAAmD,OAAO,KAAP;AACnD,SAAO,IAAP;AACD,CAVD;;AAYA,mCAAemI,IAAI,CAACzI,aAAD,EAAgBoI,QAAhB,CAAnB;;;;"}

package/lib/esm/components/DraggableItem/DraggableItemActions.js

@@ -9,12 +9,18 @@ import SvgUnlock from '../../assets/svg/settings/unlock.svg.js';
 import SvgTrash from '../../assets/svg/trash.svg.js';
 
 var DraggableItemActions = function DraggableItemActions(_ref) {
-  var changeLockStatus = _ref.changeLockStatus,
-      deleteItem = _ref.deleteItem,
-      duplicateItem = _ref.duplicateItem,
-      isLocked = _ref.isLocked,
-      isMultipleItemSelected = _ref.isMultipleItemSelected,
-      openSettings = _ref.openSettings;
+  var _ref$changeLockStatus = _ref.changeLockStatus,
+      changeLockStatus = _ref$changeLockStatus === void 0 ? function () {} : _ref$changeLockStatus,
+      _ref$deleteItem = _ref.deleteItem,
+      deleteItem = _ref$deleteItem === void 0 ? function () {} : _ref$deleteItem,
+      _ref$duplicateItem = _ref.duplicateItem,
+      duplicateItem = _ref$duplicateItem === void 0 ? function () {} : _ref$duplicateItem,
+      _ref$isLocked = _ref.isLocked,
+      isLocked = _ref$isLocked === void 0 ? false : _ref$isLocked,
+      _ref$isMultipleItemSe = _ref.isMultipleItemSelected,
+      isMultipleItemSelected = _ref$isMultipleItemSe === void 0 ? false : _ref$isMultipleItemSe,
+      _ref$openSettings = _ref.openSettings,
+      openSettings = _ref$openSettings === void 0 ? function () {} : _ref$openSettings;
 
   var _useTranslatedTexts = useTranslatedTexts(),
       DELETE_ITEM = _useTranslatedTexts.DELETE_ITEM,
@@ -84,14 +90,6 @@ DraggableItemActions.propTypes = {
   isMultipleItemSelected: PropTypes.bool,
   openSettings: PropTypes.func
 };
-DraggableItemActions.defaultProps = {
-  changeLockStatus: function changeLockStatus() {},
-  deleteItem: function deleteItem() {},
-  duplicateItem: function duplicateItem() {},
-  isLocked: false,
-  isMultipleItemSelected: false,
-  openSettings: function openSettings() {}
-};
 var DraggableItemActions$1 = /*#__PURE__*/memo(DraggableItemActions);
 
 export default DraggableItemActions$1;

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

@@ -1 +1 @@
-{"version":3,"file":"DraggableItemActions.js","sources":["../../../../src/components/DraggableItem/DraggableItemActions.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst DraggableItemActions = ({\n  changeLockStatus,\n  deleteItem,\n  duplicateItem,\n  isLocked,\n  isMultipleItemSelected,\n  openSettings,\n}) => {\n  const {\n    DELETE_ITEM,\n    DUPLICATE_ITEM,\n    ITEM_SETTINGS,\n    LOCK_ITEM,\n  } = useTranslatedTexts();\n\n  if (isMultipleItemSelected) return null;\n\n  if (isLocked) {\n    return (\n      <div className=\"reportItemMenu d-flex dir-col a-center forLocked\">\n        <button\n          className=\"reportItemMenu-item js-locked\"\n          onClick={changeLockStatus}\n          type=\"button\"\n        >\n          <icons.lock\n            className=\"jfReportSVG icon-lock isWhite\"\n          />\n        </button>\n      </div>\n    );\n  }\n  return (\n    <div className=\"reportItemMenu d-flex dir-col a-center\">\n      <button\n        className=\"reportItemMenu-item js-itemSettings\"\n        onClick={openSettings}\n        title={ITEM_SETTINGS}\n        type=\"button\"\n      >\n        <icons.settings className=\"jfReportSVG icon-settings isWhite\" />\n      </button>\n      <button\n        className=\"reportItemMenu-item js-duplicateItem\"\n        onClick={duplicateItem}\n        title={DUPLICATE_ITEM}\n        type=\"button\"\n      >\n        <icons.duplicate className=\"jfReportSVG icon-duplicate isWhite\" />\n      </button>\n      <button\n        className=\"reportItemMenu-item js-lockItem\"\n        onClick={changeLockStatus}\n        title={LOCK_ITEM}\n        type=\"button\"\n      >\n        <icons.unlock\n          className=\"jfReportSVG icon-lock isWhite\"\n        />\n      </button>\n      <button\n        className=\"reportItemMenu-item js-deleteItem\"\n        onClick={deleteItem}\n        title={DELETE_ITEM}\n        type=\"button\"\n      >\n        <icons.trash className=\"jfReportSVG icon-trash isWhite\" />\n      </button>\n    </div>\n  );\n};\n\nDraggableItemActions.propTypes = {\n  changeLockStatus: PropTypes.func,\n  deleteItem: PropTypes.func,\n  duplicateItem: PropTypes.func,\n  isLocked: PropTypes.bool,\n  isMultipleItemSelected: PropTypes.bool,\n  openSettings: PropTypes.func,\n};\n\nDraggableItemActions.defaultProps = {\n  changeLockStatus: () => {},\n  deleteItem: () => {},\n  duplicateItem: () => {},\n  isLocked: false,\n  isMultipleItemSelected: false,\n  openSettings: () => {},\n};\n\nexport default memo(DraggableItemActions);\n"],"names":["DraggableItemActions","changeLockStatus","deleteItem","duplicateItem","isLocked","isMultipleItemSelected","openSettings","useTranslatedTexts","DELETE_ITEM","DUPLICATE_ITEM","ITEM_SETTINGS","LOCK_ITEM","_jsx","icons.lock","_jsxs","icons.settings","icons.duplicate","icons.unlock","icons.trash","propTypes","PropTypes","func","bool","defaultProps","memo"],"mappings":";;;;;;;;;;AAKA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAOvB;AAAA,MANJC,gBAMI,QANJA,gBAMI;AAAA,MALJC,UAKI,QALJA,UAKI;AAAA,MAJJC,aAII,QAJJA,aAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,sBAEI,QAFJA,sBAEI;AAAA,MADJC,YACI,QADJA,YACI;;AACJ,4BAKIC,kBAAkB,EALtB;AAAA,MACEC,WADF,uBACEA,WADF;AAAA,MAEEC,cAFF,uBAEEA,cAFF;AAAA,MAGEC,aAHF,uBAGEA,aAHF;AAAA,MAIEC,SAJF,uBAIEA,SAJF;;AAOA,MAAIN,sBAAJ,EAA4B,OAAO,IAAP;;AAE5B,MAAID,QAAJ,EAAc;AACZ,wBACEQ;AAAK,MAAA,SAAS,EAAC,kDAAf;AAAA,6BACEA;AACE,QAAA,SAAS,EAAC,+BADZ;AAEE,QAAA,OAAO,EAAEX,gBAFX;AAGE,QAAA,IAAI,EAAC,QAHP;AAAA,+BAKEW,IAACC,OAAD;AACE,UAAA,SAAS,EAAC;AADZ;AALF;AADF,MADF;AAaD;;AACD,sBACEC;AAAK,IAAA,SAAS,EAAC,wCAAf;AAAA,4BACEF;AACE,MAAA,SAAS,EAAC,qCADZ;AAEE,MAAA,OAAO,EAAEN,YAFX;AAGE,MAAA,KAAK,EAAEI,aAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEE,IAACG,WAAD;AAAgB,QAAA,SAAS,EAAC;AAA1B;AANF,MADF,eASEH;AACE,MAAA,SAAS,EAAC,sCADZ;AAEE,MAAA,OAAO,EAAET,aAFX;AAGE,MAAA,KAAK,EAAEM,cAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEG,IAACI,YAAD;AAAiB,QAAA,SAAS,EAAC;AAA3B;AANF,MATF,eAiBEJ;AACE,MAAA,SAAS,EAAC,iCADZ;AAEE,MAAA,OAAO,EAAEX,gBAFX;AAGE,MAAA,KAAK,EAAEU,SAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEC,IAACK,SAAD;AACE,QAAA,SAAS,EAAC;AADZ;AANF,MAjBF,eA2BEL;AACE,MAAA,SAAS,EAAC,mCADZ;AAEE,MAAA,OAAO,EAAEV,UAFX;AAGE,MAAA,KAAK,EAAEM,WAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEI,IAACM,QAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AANF,MA3BF;AAAA,IADF;AAsCD,CAtED;;AAwEAlB,oBAAoB,CAACmB,SAArB,GAAiC;AAC/BlB,EAAAA,gBAAgB,EAAEmB,SAAS,CAACC,IADG;AAE/BnB,EAAAA,UAAU,EAAEkB,SAAS,CAACC,IAFS;AAG/BlB,EAAAA,aAAa,EAAEiB,SAAS,CAACC,IAHM;AAI/BjB,EAAAA,QAAQ,EAAEgB,SAAS,CAACE,IAJW;AAK/BjB,EAAAA,sBAAsB,EAAEe,SAAS,CAACE,IALH;AAM/BhB,EAAAA,YAAY,EAAEc,SAAS,CAACC;AANO,CAAjC;AASArB,oBAAoB,CAACuB,YAArB,GAAoC;AAClCtB,EAAAA,gBAAgB,EAAE,4BAAM,EADU;AAElCC,EAAAA,UAAU,EAAE,sBAAM,EAFgB;AAGlCC,EAAAA,aAAa,EAAE,yBAAM,EAHa;AAIlCC,EAAAA,QAAQ,EAAE,KAJwB;AAKlCC,EAAAA,sBAAsB,EAAE,KALU;AAMlCC,EAAAA,YAAY,EAAE,wBAAM;AANc,CAApC;AASA,0CAAekB,IAAI,CAACxB,oBAAD,CAAnB;;;;"}
+{"version":3,"file":"DraggableItemActions.js","sources":["../../../../src/components/DraggableItem/DraggableItemActions.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst DraggableItemActions = ({\n  changeLockStatus = () => {},\n  deleteItem = () => {},\n  duplicateItem = () => {},\n  isLocked = false,\n  isMultipleItemSelected = false,\n  openSettings = () => {},\n}) => {\n  const {\n    DELETE_ITEM,\n    DUPLICATE_ITEM,\n    ITEM_SETTINGS,\n    LOCK_ITEM,\n  } = useTranslatedTexts();\n\n  if (isMultipleItemSelected) return null;\n\n  if (isLocked) {\n    return (\n      <div className=\"reportItemMenu d-flex dir-col a-center forLocked\">\n        <button\n          className=\"reportItemMenu-item js-locked\"\n          onClick={changeLockStatus}\n          type=\"button\"\n        >\n          <icons.lock\n            className=\"jfReportSVG icon-lock isWhite\"\n          />\n        </button>\n      </div>\n    );\n  }\n  return (\n    <div className=\"reportItemMenu d-flex dir-col a-center\">\n      <button\n        className=\"reportItemMenu-item js-itemSettings\"\n        onClick={openSettings}\n        title={ITEM_SETTINGS}\n        type=\"button\"\n      >\n        <icons.settings className=\"jfReportSVG icon-settings isWhite\" />\n      </button>\n      <button\n        className=\"reportItemMenu-item js-duplicateItem\"\n        onClick={duplicateItem}\n        title={DUPLICATE_ITEM}\n        type=\"button\"\n      >\n        <icons.duplicate className=\"jfReportSVG icon-duplicate isWhite\" />\n      </button>\n      <button\n        className=\"reportItemMenu-item js-lockItem\"\n        onClick={changeLockStatus}\n        title={LOCK_ITEM}\n        type=\"button\"\n      >\n        <icons.unlock\n          className=\"jfReportSVG icon-lock isWhite\"\n        />\n      </button>\n      <button\n        className=\"reportItemMenu-item js-deleteItem\"\n        onClick={deleteItem}\n        title={DELETE_ITEM}\n        type=\"button\"\n      >\n        <icons.trash className=\"jfReportSVG icon-trash isWhite\" />\n      </button>\n    </div>\n  );\n};\n\nDraggableItemActions.propTypes = {\n  changeLockStatus: PropTypes.func,\n  deleteItem: PropTypes.func,\n  duplicateItem: PropTypes.func,\n  isLocked: PropTypes.bool,\n  isMultipleItemSelected: PropTypes.bool,\n  openSettings: PropTypes.func,\n};\n\nexport default memo(DraggableItemActions);\n"],"names":["DraggableItemActions","changeLockStatus","deleteItem","duplicateItem","isLocked","isMultipleItemSelected","openSettings","useTranslatedTexts","DELETE_ITEM","DUPLICATE_ITEM","ITEM_SETTINGS","LOCK_ITEM","_jsx","icons.lock","_jsxs","icons.settings","icons.duplicate","icons.unlock","icons.trash","propTypes","PropTypes","func","bool","memo"],"mappings":";;;;;;;;;;AAKA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAOvB;AAAA,mCANJC,gBAMI;AAAA,MANJA,gBAMI,sCANe,YAAM,EAMrB;AAAA,6BALJC,UAKI;AAAA,MALJA,UAKI,gCALS,YAAM,EAKf;AAAA,gCAJJC,aAII;AAAA,MAJJA,aAII,mCAJY,YAAM,EAIlB;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,KAGP;AAAA,mCAFJC,sBAEI;AAAA,MAFJA,sBAEI,sCAFqB,KAErB;AAAA,+BADJC,YACI;AAAA,MADJA,YACI,kCADW,YAAM,EACjB;;AACJ,4BAKIC,kBAAkB,EALtB;AAAA,MACEC,WADF,uBACEA,WADF;AAAA,MAEEC,cAFF,uBAEEA,cAFF;AAAA,MAGEC,aAHF,uBAGEA,aAHF;AAAA,MAIEC,SAJF,uBAIEA,SAJF;;AAOA,MAAIN,sBAAJ,EAA4B,OAAO,IAAP;;AAE5B,MAAID,QAAJ,EAAc;AACZ,wBACEQ;AAAK,MAAA,SAAS,EAAC,kDAAf;AAAA,6BACEA;AACE,QAAA,SAAS,EAAC,+BADZ;AAEE,QAAA,OAAO,EAAEX,gBAFX;AAGE,QAAA,IAAI,EAAC,QAHP;AAAA,+BAKEW,IAACC,OAAD;AACE,UAAA,SAAS,EAAC;AADZ;AALF;AADF,MADF;AAaD;;AACD,sBACEC;AAAK,IAAA,SAAS,EAAC,wCAAf;AAAA,4BACEF;AACE,MAAA,SAAS,EAAC,qCADZ;AAEE,MAAA,OAAO,EAAEN,YAFX;AAGE,MAAA,KAAK,EAAEI,aAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEE,IAACG,WAAD;AAAgB,QAAA,SAAS,EAAC;AAA1B;AANF,MADF,eASEH;AACE,MAAA,SAAS,EAAC,sCADZ;AAEE,MAAA,OAAO,EAAET,aAFX;AAGE,MAAA,KAAK,EAAEM,cAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEG,IAACI,YAAD;AAAiB,QAAA,SAAS,EAAC;AAA3B;AANF,MATF,eAiBEJ;AACE,MAAA,SAAS,EAAC,iCADZ;AAEE,MAAA,OAAO,EAAEX,gBAFX;AAGE,MAAA,KAAK,EAAEU,SAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEC,IAACK,SAAD;AACE,QAAA,SAAS,EAAC;AADZ;AANF,MAjBF,eA2BEL;AACE,MAAA,SAAS,EAAC,mCADZ;AAEE,MAAA,OAAO,EAAEV,UAFX;AAGE,MAAA,KAAK,EAAEM,WAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEI,IAACM,QAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AANF,MA3BF;AAAA,IADF;AAsCD,CAtED;;AAwEAlB,oBAAoB,CAACmB,SAArB,GAAiC;AAC/BlB,EAAAA,gBAAgB,EAAEmB,SAAS,CAACC,IADG;AAE/BnB,EAAAA,UAAU,EAAEkB,SAAS,CAACC,IAFS;AAG/BlB,EAAAA,aAAa,EAAEiB,SAAS,CAACC,IAHM;AAI/BjB,EAAAA,QAAQ,EAAEgB,SAAS,CAACE,IAJW;AAK/BjB,EAAAA,sBAAsB,EAAEe,SAAS,CAACE,IALH;AAM/BhB,EAAAA,YAAY,EAAEc,SAAS,CAACC;AANO,CAAjC;AASA,0CAAeE,IAAI,CAACvB,oBAAD,CAAnB;;;;"}

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

@@ -134,10 +134,14 @@ function getItemStyles(initialOffset, currentOffset, ref, pageGuides, item, zoom
 }
 
 var DraggableItemLayer = function DraggableItemLayer(_ref3) {
-  var guides = _ref3.guides,
-      itemAccessor = _ref3.itemAccessor,
-      pageRefs = _ref3.pageRefs,
-      pages = _ref3.pages;
+  var _ref3$guides = _ref3.guides,
+      guides = _ref3$guides === void 0 ? {} : _ref3$guides,
+      _ref3$itemAccessor = _ref3.itemAccessor,
+      itemAccessor = _ref3$itemAccessor === void 0 ? function () {} : _ref3$itemAccessor,
+      _ref3$pageRefs = _ref3.pageRefs,
+      pageRefs = _ref3$pageRefs === void 0 ? {} : _ref3$pageRefs,
+      _ref3$pages = _ref3.pages,
+      pages = _ref3$pages === void 0 ? [] : _ref3$pages;
 
   var _useDragLayer = useDragLayer(function (monitor) {
     return {
@@ -212,6 +216,7 @@ var DraggableItemLayer = function DraggableItemLayer(_ref3) {
     children: [/*#__PURE__*/jsx(ItemPositioner, {
       classNames: "reportItem".concat(isDragging ? ' isDraggingLayerElement' : ''),
       style: _objectSpread(_objectSpread({}, layerStyles(itemStyle)), {}, {
+        cursor: isDragging ? 'grabbing' : 'pointer',
         height: draggedItem.height,
         outlineColor: '#4277ff',
         transform: "scale(".concat(zoom, ")"),
@@ -237,6 +242,7 @@ var DraggableItemLayer = function DraggableItemLayer(_ref3) {
       return /*#__PURE__*/jsx(ItemPositioner, {
         classNames: "reportItem".concat(isDragging ? ' isDraggingLayerElement' : ''),
         style: _objectSpread(_objectSpread({}, layerStyles(__itemStyle)), {}, {
+          cursor: isDragging ? 'grabbing' : 'pointer',
           height: ii.height,
           outlineColor: '#4277ff',
           transform: "scale(".concat(zoom, ")"),
@@ -265,12 +271,6 @@ DraggableItemLayer.propTypes = {
   pageRefs: PropTypes.shape({}),
   pages: PropTypes.arrayOf(PropTypes.shape({}))
 };
-DraggableItemLayer.defaultProps = {
-  guides: {},
-  itemAccessor: function itemAccessor() {},
-  pageRefs: {},
-  pages: []
-};
 var DraggableItemLayer$1 = /*#__PURE__*/memo(DraggableItemLayer);
 
 export default DraggableItemLayer$1;

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';\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 = {},\n  itemAccessor = () => {},\n  pageRefs = {},\n  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          cursor: isDragging ? 'grabbing' : 'pointer',\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              cursor: isDragging ? 'grabbing' : 'pointer',\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\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","cursor","height","outlineColor","transform","transformOrigin","width","ReportItem","ii","__itemStyle","propTypes","PropTypes","shape","func","arrayOf","memo"],"mappings":"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"}

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

@@ -62,7 +62,9 @@ var ChartPie = function ChartPie() {
 };
 
 var Chart = function Chart(_ref) {
-  var chartType = _ref.item.chartType;
+  var _ref$item = _ref.item;
+  _ref$item = _ref$item === void 0 ? {} : _ref$item;
+  var chartType = _ref$item.chartType;
   return chartType === 'column' ? /*#__PURE__*/jsx(ChartColumn, {}) : /*#__PURE__*/jsx(ChartPie, {});
 };
 
@@ -71,9 +73,6 @@ Chart.propTypes = {
     chartType: PropTypes.string
   })
 };
-Chart.defaultProps = {
-  item: {}
-};
 var settings = [{
   key: 'chartType',
   label: 'Chart Type',

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sources":["../../../../src/components/Elements/Chart.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  BarChart, Bar, PieChart, Pie, XAxis, YAxis, Legend, ResponsiveContainer, Cell,\n} from 'recharts';\nimport * as icons from '../../utils/icons';\n\nconst COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042'];\n\nconst data = [\n  { name: 'Page A', value: 2400 },\n  { name: 'Page B', value: 1398 },\n  { name: 'Page C', value: 9800 },\n  { name: 'Page D', value: 3908 },\n];\n\nconst ChartColumn = () => (\n  <ResponsiveContainer>\n    <BarChart\n      data={data}\n      height={300}\n      width={400}\n    >\n      <XAxis dataKey=\"name\" />\n      <YAxis />\n      <Bar\n        dataKey=\"value\"\n        fill=\"#8884d8\"\n        isAnimationActive={false}\n      />\n    </BarChart>\n  </ResponsiveContainer>\n);\n\nconst ChartPie = () => (\n  <ResponsiveContainer>\n    <PieChart\n      height={300}\n      width={400}\n    >\n      <Pie\n        data={data}\n        dataKey=\"value\"\n        isAnimationActive={false}\n      >\n        {data.map((entry, index) => (\n          <Cell\n            key={`cell-${index.toString()}`}\n            fill={COLORS[index % COLORS.length]}\n          />\n        ))}\n      </Pie>\n      <Legend height={36} />\n    </PieChart>\n  </ResponsiveContainer>\n);\n\nconst Chart = ({ item: { chartType } }) => (\n  chartType === 'column' ? <ChartColumn /> : <ChartPie />\n);\n\nChart.propTypes = {\n  item: PropTypes.shape({\n    chartType: PropTypes.string,\n  }),\n};\n\nChart.defaultProps = {\n  item: {},\n};\n\nconst settings = [\n  {\n    key: 'chartType',\n    label: 'Chart Type',\n    options: [\n      {\n        icon: icons.pie,\n        name: 'pie',\n        title: 'Pie Chart',\n      },\n      {\n        icon: icons.column,\n        name: 'column',\n        title: 'Column Chart',\n      },\n    ],\n    section: 'GENERAL',\n    type: 'selectBox',\n  },\n];\n\nexport const details = {\n  chartType: 'pie',\n  height: 300,\n  itemType: 'graphic',\n  width: 420,\n};\n\nexport default {\n  Component: memo(Chart),\n  details,\n  itemType: 'graphic',\n  settings,\n};\n"],"names":["COLORS","data","name","value","ChartColumn","_jsx","_jsxs","ChartPie","map","entry","index","length","toString","Chart","chartType","item","propTypes","PropTypes","shape","string","defaultProps","settings","key","label","options","icon","icons","title","section","type","details","height","itemType","width","Component","memo"],"mappings":"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"}
+{"version":3,"file":"Chart.js","sources":["../../../../src/components/Elements/Chart.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  BarChart, Bar, PieChart, Pie, XAxis, YAxis, Legend, ResponsiveContainer, Cell,\n} from 'recharts';\nimport * as icons from '../../utils/icons';\n\nconst COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042'];\n\nconst data = [\n  { name: 'Page A', value: 2400 },\n  { name: 'Page B', value: 1398 },\n  { name: 'Page C', value: 9800 },\n  { name: 'Page D', value: 3908 },\n];\n\nconst ChartColumn = () => (\n  <ResponsiveContainer>\n    <BarChart\n      data={data}\n      height={300}\n      width={400}\n    >\n      <XAxis dataKey=\"name\" />\n      <YAxis />\n      <Bar\n        dataKey=\"value\"\n        fill=\"#8884d8\"\n        isAnimationActive={false}\n      />\n    </BarChart>\n  </ResponsiveContainer>\n);\n\nconst ChartPie = () => (\n  <ResponsiveContainer>\n    <PieChart\n      height={300}\n      width={400}\n    >\n      <Pie\n        data={data}\n        dataKey=\"value\"\n        isAnimationActive={false}\n      >\n        {data.map((entry, index) => (\n          <Cell\n            key={`cell-${index.toString()}`}\n            fill={COLORS[index % COLORS.length]}\n          />\n        ))}\n      </Pie>\n      <Legend height={36} />\n    </PieChart>\n  </ResponsiveContainer>\n);\n\nconst Chart = ({ item: { chartType } = {} }) => (\n  chartType === 'column' ? <ChartColumn /> : <ChartPie />\n);\n\nChart.propTypes = {\n  item: PropTypes.shape({\n    chartType: PropTypes.string,\n  }),\n};\n\nconst settings = [\n  {\n    key: 'chartType',\n    label: 'Chart Type',\n    options: [\n      {\n        icon: icons.pie,\n        name: 'pie',\n        title: 'Pie Chart',\n      },\n      {\n        icon: icons.column,\n        name: 'column',\n        title: 'Column Chart',\n      },\n    ],\n    section: 'GENERAL',\n    type: 'selectBox',\n  },\n];\n\nexport const details = {\n  chartType: 'pie',\n  height: 300,\n  itemType: 'graphic',\n  width: 420,\n};\n\nexport default {\n  Component: memo(Chart),\n  details,\n  itemType: 'graphic',\n  settings,\n};\n"],"names":["COLORS","data","name","value","ChartColumn","_jsx","_jsxs","ChartPie","map","entry","index","length","toString","Chart","item","chartType","propTypes","PropTypes","shape","string","settings","key","label","options","icon","icons","title","section","type","details","height","itemType","width","Component","memo"],"mappings":"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"}

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

@@ -43,8 +43,9 @@ var settings = [{
   }
 }];
 var IconElement = function IconElement(_ref2) {
-  var _ref2$item = _ref2.item,
-      iconFillColor = _ref2$item.iconFillColor,
+  var _ref2$item = _ref2.item;
+  _ref2$item = _ref2$item === void 0 ? {} : _ref2$item;
+  var iconFillColor = _ref2$item.iconFillColor,
       iconType = _ref2$item.iconType,
       opacity = _ref2$item.opacity;
   var Icon = iconSelector[iconType];
@@ -64,9 +65,6 @@ IconElement.propTypes = {
     width: PropTypes.number
   })
 };
-IconElement.defaultProps = {
-  item: {}
-};
 var details = {
   height: 200,
   iconFillColor: '#000000',

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../src/components/Elements/Icon.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { fieldSet } from '../../utils/staticSettings';\nimport * as icons from '../../utils/iconSelector';\n\nconst ITEM_TYPE = 'icon';\nconst iconStyle = {\n  height: '100%',\n  width: '100%',\n};\n\nconst settings = [\n  {\n    key: 'iconType',\n    label: 'Icon Type',\n    section: 'GENERAL',\n    type: 'iconSelectBox',\n  },\n  {\n    ...fieldSet('DETAILS', 'Icon Style'),\n  },\n  {\n    key: 'iconFillColor',\n    label: 'Color',\n    section: 'DETAILS',\n    type: 'colorPicker',\n  },\n  {\n    key: 'opacity',\n    label: 'Opacity',\n    range: [0, 100],\n    section: 'DETAILS',\n    type: 'slider',\n  },\n  {\n    key: 'sizeSettings',\n    label: 'Size',\n    section: 'DETAILS',\n    type: 'sizeSettings',\n    value: (_, { height, width }) => `${width}x${height}`,\n  },\n];\n\nexport const IconElement = ({\n  item: {\n    iconFillColor,\n    iconType,\n    opacity,\n  },\n}) => {\n  const Icon = icons[iconType];\n  return (<Icon style={{ fill: iconFillColor, fillOpacity: opacity, ...iconStyle }} />);\n};\n\nIconElement.propTypes = {\n  item: PropTypes.shape({\n    height: PropTypes.number,\n    iconFillColor: PropTypes.string,\n    iconType: PropTypes.string,\n    opacity: PropTypes.number,\n    width: PropTypes.number,\n  }),\n};\n\nIconElement.defaultProps = {\n  item: {},\n};\n\nconst details = {\n  height: 200,\n  iconFillColor: '#000000',\n  iconType: 'heart',\n  itemType: ITEM_TYPE,\n  opacity: 1,\n  width: 200,\n};\n\nexport default {\n  Component: memo(IconElement),\n  details,\n  itemType: ITEM_TYPE,\n  settings,\n};\n"],"names":["ITEM_TYPE","iconStyle","height","width","settings","key","label","section","type","fieldSet","range","value","_","IconElement","item","iconFillColor","iconType","opacity","Icon","icons","_jsx","fill","fillOpacity","propTypes","PropTypes","shape","number","string","defaultProps","details","itemType","Component","memo"],"mappings":";;;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,MAAlB;AACA,IAAMC,SAAS,GAAG;AAChBC,EAAAA,MAAM,EAAE,MADQ;AAEhBC,EAAAA,KAAK,EAAE;AAFS,CAAlB;AAKA,IAAMC,QAAQ,GAAG,CACf;AACEC,EAAAA,GAAG,EAAE,UADP;AAEEC,EAAAA,KAAK,EAAE,WAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE;AAJR,CADe,oBAQVC,QAAQ,CAAC,SAAD,EAAY,YAAZ,CARE,GAUf;AACEJ,EAAAA,GAAG,EAAE,eADP;AAEEC,EAAAA,KAAK,EAAE,OAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE;AAJR,CAVe,EAgBf;AACEH,EAAAA,GAAG,EAAE,SADP;AAEEC,EAAAA,KAAK,EAAE,SAFT;AAGEI,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CAHT;AAIEH,EAAAA,OAAO,EAAE,SAJX;AAKEC,EAAAA,IAAI,EAAE;AALR,CAhBe,EAuBf;AACEH,EAAAA,GAAG,EAAE,cADP;AAEEC,EAAAA,KAAK,EAAE,MAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE,cAJR;AAKEG,EAAAA,KAAK,EAAE,eAACC,CAAD;AAAA,QAAMV,MAAN,QAAMA,MAAN;AAAA,QAAcC,KAAd,QAAcA,KAAd;AAAA,qBAA6BA,KAA7B,cAAsCD,MAAtC;AAAA;AALT,CAvBe,CAAjB;IAgCaW,WAAW,GAAG,SAAdA,WAAc,QAMrB;AAAA,yBALJC,IAKI;AAAA,MAJFC,aAIE,cAJFA,aAIE;AAAA,MAHFC,QAGE,cAHFA,QAGE;AAAA,MAFFC,OAEE,cAFFA,OAEE;AACJ,MAAMC,IAAI,GAAGC,YAAK,CAACH,QAAD,CAAlB;AACA,sBAAQI,IAAC,IAAD;AAAM,IAAA,KAAK;AAAIC,MAAAA,IAAI,EAAEN,aAAV;AAAyBO,MAAAA,WAAW,EAAEL;AAAtC,OAAkDhB,SAAlD;AAAX,IAAR;AACD;AAEDY,WAAW,CAACU,SAAZ,GAAwB;AACtBT,EAAAA,IAAI,EAAEU,SAAS,CAACC,KAAV,CAAgB;AACpBvB,IAAAA,MAAM,EAAEsB,SAAS,CAACE,MADE;AAEpBX,IAAAA,aAAa,EAAES,SAAS,CAACG,MAFL;AAGpBX,IAAAA,QAAQ,EAAEQ,SAAS,CAACG,MAHA;AAIpBV,IAAAA,OAAO,EAAEO,SAAS,CAACE,MAJC;AAKpBvB,IAAAA,KAAK,EAAEqB,SAAS,CAACE;AALG,GAAhB;AADgB,CAAxB;AAUAb,WAAW,CAACe,YAAZ,GAA2B;AACzBd,EAAAA,IAAI,EAAE;AADmB,CAA3B;AAIA,IAAMe,OAAO,GAAG;AACd3B,EAAAA,MAAM,EAAE,GADM;AAEda,EAAAA,aAAa,EAAE,SAFD;AAGdC,EAAAA,QAAQ,EAAE,OAHI;AAIdc,EAAAA,QAAQ,EAAE9B,SAJI;AAKdiB,EAAAA,OAAO,EAAE,CALK;AAMdd,EAAAA,KAAK,EAAE;AANO,CAAhB;AASA,WAAe;AACb4B,EAAAA,SAAS,eAAEC,IAAI,CAACnB,WAAD,CADF;AAEbgB,EAAAA,OAAO,EAAPA,OAFa;AAGbC,EAAAA,QAAQ,EAAE9B,SAHG;AAIbI,EAAAA,QAAQ,EAARA;AAJa,CAAf;;;;;"}
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/Elements/Icon.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { fieldSet } from '../../utils/staticSettings';\nimport * as icons from '../../utils/iconSelector';\n\nconst ITEM_TYPE = 'icon';\nconst iconStyle = {\n  height: '100%',\n  width: '100%',\n};\n\nconst settings = [\n  {\n    key: 'iconType',\n    label: 'Icon Type',\n    section: 'GENERAL',\n    type: 'iconSelectBox',\n  },\n  {\n    ...fieldSet('DETAILS', 'Icon Style'),\n  },\n  {\n    key: 'iconFillColor',\n    label: 'Color',\n    section: 'DETAILS',\n    type: 'colorPicker',\n  },\n  {\n    key: 'opacity',\n    label: 'Opacity',\n    range: [0, 100],\n    section: 'DETAILS',\n    type: 'slider',\n  },\n  {\n    key: 'sizeSettings',\n    label: 'Size',\n    section: 'DETAILS',\n    type: 'sizeSettings',\n    value: (_, { height, width }) => `${width}x${height}`,\n  },\n];\n\nexport const IconElement = ({\n  item: {\n    iconFillColor,\n    iconType,\n    opacity,\n  } = {},\n}) => {\n  const Icon = icons[iconType];\n  return (<Icon style={{ fill: iconFillColor, fillOpacity: opacity, ...iconStyle }} />);\n};\n\nIconElement.propTypes = {\n  item: PropTypes.shape({\n    height: PropTypes.number,\n    iconFillColor: PropTypes.string,\n    iconType: PropTypes.string,\n    opacity: PropTypes.number,\n    width: PropTypes.number,\n  }),\n};\n\nconst details = {\n  height: 200,\n  iconFillColor: '#000000',\n  iconType: 'heart',\n  itemType: ITEM_TYPE,\n  opacity: 1,\n  width: 200,\n};\n\nexport default {\n  Component: memo(IconElement),\n  details,\n  itemType: ITEM_TYPE,\n  settings,\n};\n"],"names":["ITEM_TYPE","iconStyle","height","width","settings","key","label","section","type","fieldSet","range","value","_","IconElement","item","iconFillColor","iconType","opacity","Icon","icons","_jsx","fill","fillOpacity","propTypes","PropTypes","shape","number","string","details","itemType","Component","memo"],"mappings":";;;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,MAAlB;AACA,IAAMC,SAAS,GAAG;AAChBC,EAAAA,MAAM,EAAE,MADQ;AAEhBC,EAAAA,KAAK,EAAE;AAFS,CAAlB;AAKA,IAAMC,QAAQ,GAAG,CACf;AACEC,EAAAA,GAAG,EAAE,UADP;AAEEC,EAAAA,KAAK,EAAE,WAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE;AAJR,CADe,oBAQVC,QAAQ,CAAC,SAAD,EAAY,YAAZ,CARE,GAUf;AACEJ,EAAAA,GAAG,EAAE,eADP;AAEEC,EAAAA,KAAK,EAAE,OAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE;AAJR,CAVe,EAgBf;AACEH,EAAAA,GAAG,EAAE,SADP;AAEEC,EAAAA,KAAK,EAAE,SAFT;AAGEI,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CAHT;AAIEH,EAAAA,OAAO,EAAE,SAJX;AAKEC,EAAAA,IAAI,EAAE;AALR,CAhBe,EAuBf;AACEH,EAAAA,GAAG,EAAE,cADP;AAEEC,EAAAA,KAAK,EAAE,MAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE,cAJR;AAKEG,EAAAA,KAAK,EAAE,eAACC,CAAD;AAAA,QAAMV,MAAN,QAAMA,MAAN;AAAA,QAAcC,KAAd,QAAcA,KAAd;AAAA,qBAA6BA,KAA7B,cAAsCD,MAAtC;AAAA;AALT,CAvBe,CAAjB;IAgCaW,WAAW,GAAG,SAAdA,WAAc,QAMrB;AAAA,yBALJC,IAKI;AAAA,uCADA,EACA;AAAA,MAJFC,aAIE,cAJFA,aAIE;AAAA,MAHFC,QAGE,cAHFA,QAGE;AAAA,MAFFC,OAEE,cAFFA,OAEE;AACJ,MAAMC,IAAI,GAAGC,YAAK,CAACH,QAAD,CAAlB;AACA,sBAAQI,IAAC,IAAD;AAAM,IAAA,KAAK;AAAIC,MAAAA,IAAI,EAAEN,aAAV;AAAyBO,MAAAA,WAAW,EAAEL;AAAtC,OAAkDhB,SAAlD;AAAX,IAAR;AACD;AAEDY,WAAW,CAACU,SAAZ,GAAwB;AACtBT,EAAAA,IAAI,EAAEU,SAAS,CAACC,KAAV,CAAgB;AACpBvB,IAAAA,MAAM,EAAEsB,SAAS,CAACE,MADE;AAEpBX,IAAAA,aAAa,EAAES,SAAS,CAACG,MAFL;AAGpBX,IAAAA,QAAQ,EAAEQ,SAAS,CAACG,MAHA;AAIpBV,IAAAA,OAAO,EAAEO,SAAS,CAACE,MAJC;AAKpBvB,IAAAA,KAAK,EAAEqB,SAAS,CAACE;AALG,GAAhB;AADgB,CAAxB;AAUA,IAAME,OAAO,GAAG;AACd1B,EAAAA,MAAM,EAAE,GADM;AAEda,EAAAA,aAAa,EAAE,SAFD;AAGdC,EAAAA,QAAQ,EAAE,OAHI;AAIda,EAAAA,QAAQ,EAAE7B,SAJI;AAKdiB,EAAAA,OAAO,EAAE,CALK;AAMdd,EAAAA,KAAK,EAAE;AANO,CAAhB;AASA,WAAe;AACb2B,EAAAA,SAAS,eAAEC,IAAI,CAAClB,WAAD,CADF;AAEbe,EAAAA,OAAO,EAAPA,OAFa;AAGbC,EAAAA,QAAQ,EAAE7B,SAHG;AAIbI,EAAAA,QAAQ,EAARA;AAJa,CAAf;;;;;"}

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

@@ -95,8 +95,12 @@ var settings = [{
   useImageSizeUpdate: true
 }];
 var ImageElement = function ImageElement(_ref2) {
-  var item = _ref2.item,
-      itemAccessor = _ref2.itemAccessor;
+  var _ref2$item = _ref2.item,
+      item = _ref2$item === void 0 ? {
+    opacity: 1
+  } : _ref2$item,
+      _ref2$itemAccessor = _ref2.itemAccessor,
+      itemAccessor = _ref2$itemAccessor === void 0 ? function () {} : _ref2$itemAccessor;
 
   var _useState = useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -162,12 +166,6 @@ ImageElement.propTypes = {
   }),
   itemAccessor: func
 };
-ImageElement.defaultProps = {
-  item: {
-    opacity: 1
-  },
-  itemAccessor: function itemAccessor() {}
-};
 var details = {
   height: 400,
   itemType: ITEM_TYPE,

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://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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"}
+{"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 = ({\n  item = { opacity: 1 },\n  itemAccessor = () => {},\n}) => {\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\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","opacity","itemAccessor","useState","isLoading","setIsLoading","isErrored","setIsErrored","roundedCorners","additionalProps","defaultURL","imageUrl","useEffect","_jsxs","_jsx","display","borderRadius","parseFloat","background","paddingTop","textAlign","propTypes","shape","string","oneOfType","number","id","func","details","itemType","Component","memo"],"mappings":"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"}

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

@@ -32,14 +32,17 @@ var defaultItem = {
   value: ''
 };
 var RichTextElement = function RichTextElement(_ref) {
-  var isSelected = _ref.isSelected,
-      _ref$item = _ref.item,
-      fontFamily = _ref$item.fontFamily,
+  var _ref$isSelected = _ref.isSelected,
+      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _ref$item = _ref.item;
+  _ref$item = _ref$item === void 0 ? defaultItem : _ref$item;
+  var fontFamily = _ref$item.fontFamily,
       id = _ref$item.id,
       isLocked = _ref$item.isLocked,
       opacity = _ref$item.opacity,
       value = _ref$item.value,
-      onItemChange = _ref.onItemChange;
+      _ref$onItemChange = _ref.onItemChange,
+      onItemChange = _ref$onItemChange === void 0 ? function () {} : _ref$onItemChange;
   var reportItem = useRef({});
 
   var _useBuilderContext = useBuilderContext(),
@@ -94,11 +97,6 @@ RichTextElement.propTypes = {
   }),
   onItemChange: PropTypes.func
 };
-RichTextElement.defaultProps = {
-  isSelected: false,
-  item: {},
-  onItemChange: function onItemChange() {}
-};
 var details = {
   height: 65,
   itemType: ITEM_TYPE,

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

@@ -1 +1 @@
-{"version":3,"file":"RichText.js","sources":["../../../../src/components/Elements/RichText.js"],"sourcesContent":["import {\n  memo, useEffect, useRef, useCallback,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport TextEditor from '../TextEditor';\nimport { fontTypes } from '../../constants/fonts';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { divider } from '../../utils/staticSettings';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst ITEM_TYPE = 'text';\n\nconst settings = [\n  {\n    key: 'fontFamily',\n    label: 'Font Family',\n    options: fontTypes.fonts,\n    section: 'GENERAL',\n    type: 'dropdown',\n  },\n  {\n    ...divider('GENERAL'),\n  },\n  {\n    key: 'opacity',\n    label: 'Opacity',\n    range: [0, 100],\n    section: 'GENERAL',\n    type: 'slider',\n  },\n];\n\nconst defaultItem = {\n  fontFamily: 'Circular',\n  opacity: 1,\n  value: '',\n};\n\nexport const RichTextElement = ({\n  isSelected,\n  item: {\n    fontFamily,\n    id,\n    isLocked,\n    opacity,\n    value,\n  },\n  onItemChange,\n}) => {\n  const reportItem = useRef({});\n  const { isTextEditorOpen } = useBuilderContext();\n  const { CLICK_TO_EDIT_TEXT } = useTranslatedTexts();\n\n  const textStyle = {\n    fontFamily,\n    opacity,\n  };\n\n  const handleSave = useCallback(newValue => {\n    onItemChange(\n      { id },\n      { value: newValue },\n    );\n  }, [id]);\n\n  const onFocus = e => {\n    e.currentTarget.parentElement.setAttribute('draggable', false);\n  };\n\n  useEffect(() => {\n    if (!isTextEditorOpen) {\n      reportItem.current.parentElement.setAttribute('draggable', true);\n    }\n  }, [isTextEditorOpen]);\n\n  return (\n    <div\n      ref={reportItem}\n      className=\"reportItemInner f-height\"\n      onFocus={onFocus}\n      style={textStyle}\n    >\n      <TextEditor\n        content={value}\n        handleSave={handleSave}\n        isLocked={isLocked}\n        isSelected={isSelected}\n        placeholder={CLICK_TO_EDIT_TEXT}\n      />\n    </div>\n  );\n};\n\nRichTextElement.propTypes = {\n  isSelected: PropTypes.bool,\n  item: PropTypes.shape({\n    fontFamily: PropTypes.string,\n    id: PropTypes.string,\n    isLocked: PropTypes.bool,\n    opacity: PropTypes.number,\n    value: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n};\n\nRichTextElement.defaultProps = {\n  isSelected: false,\n  item: {},\n  onItemChange: () => { },\n};\n\nconst details = {\n  height: 65,\n  itemType: ITEM_TYPE,\n  width: 350,\n};\n\nexport default {\n  Component: memo(RichTextElement),\n  defaultItem,\n  details,\n  itemType: ITEM_TYPE,\n  settings,\n};\n"],"names":["ITEM_TYPE","settings","key","label","options","fontTypes","fonts","section","type","divider","range","defaultItem","fontFamily","opacity","value","RichTextElement","isSelected","item","id","isLocked","onItemChange","reportItem","useRef","useBuilderContext","isTextEditorOpen","useTranslatedTexts","CLICK_TO_EDIT_TEXT","textStyle","handleSave","useCallback","newValue","onFocus","e","currentTarget","parentElement","setAttribute","useEffect","current","_jsx","propTypes","PropTypes","bool","shape","string","number","func","defaultProps","details","height","itemType","width","Component","memo"],"mappings":"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"}
+{"version":3,"file":"RichText.js","sources":["../../../../src/components/Elements/RichText.js"],"sourcesContent":["import {\n  memo, useEffect, useRef, useCallback,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport TextEditor from '../TextEditor';\nimport { fontTypes } from '../../constants/fonts';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { divider } from '../../utils/staticSettings';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst ITEM_TYPE = 'text';\n\nconst settings = [\n  {\n    key: 'fontFamily',\n    label: 'Font Family',\n    options: fontTypes.fonts,\n    section: 'GENERAL',\n    type: 'dropdown',\n  },\n  {\n    ...divider('GENERAL'),\n  },\n  {\n    key: 'opacity',\n    label: 'Opacity',\n    range: [0, 100],\n    section: 'GENERAL',\n    type: 'slider',\n  },\n];\n\nconst defaultItem = {\n  fontFamily: 'Circular',\n  opacity: 1,\n  value: '',\n};\n\nexport const RichTextElement = ({\n  isSelected = false,\n  item: {\n    fontFamily,\n    id,\n    isLocked,\n    opacity,\n    value,\n  } = defaultItem,\n  onItemChange = () => {},\n}) => {\n  const reportItem = useRef({});\n  const { isTextEditorOpen } = useBuilderContext();\n  const { CLICK_TO_EDIT_TEXT } = useTranslatedTexts();\n\n  const textStyle = {\n    fontFamily,\n    opacity,\n  };\n\n  const handleSave = useCallback(newValue => {\n    onItemChange(\n      { id },\n      { value: newValue },\n    );\n  }, [id]);\n\n  const onFocus = e => {\n    e.currentTarget.parentElement.setAttribute('draggable', false);\n  };\n\n  useEffect(() => {\n    if (!isTextEditorOpen) {\n      reportItem.current.parentElement.setAttribute('draggable', true);\n    }\n  }, [isTextEditorOpen]);\n\n  return (\n    <div\n      ref={reportItem}\n      className=\"reportItemInner f-height\"\n      onFocus={onFocus}\n      style={textStyle}\n    >\n      <TextEditor\n        content={value}\n        handleSave={handleSave}\n        isLocked={isLocked}\n        isSelected={isSelected}\n        placeholder={CLICK_TO_EDIT_TEXT}\n      />\n    </div>\n  );\n};\n\nRichTextElement.propTypes = {\n  isSelected: PropTypes.bool,\n  item: PropTypes.shape({\n    fontFamily: PropTypes.string,\n    id: PropTypes.string,\n    isLocked: PropTypes.bool,\n    opacity: PropTypes.number,\n    value: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n};\n\nconst details = {\n  height: 65,\n  itemType: ITEM_TYPE,\n  width: 350,\n};\n\nexport default {\n  Component: memo(RichTextElement),\n  defaultItem,\n  details,\n  itemType: ITEM_TYPE,\n  settings,\n};\n"],"names":["ITEM_TYPE","settings","key","label","options","fontTypes","fonts","section","type","divider","range","defaultItem","fontFamily","opacity","value","RichTextElement","isSelected","item","id","isLocked","onItemChange","reportItem","useRef","useBuilderContext","isTextEditorOpen","useTranslatedTexts","CLICK_TO_EDIT_TEXT","textStyle","handleSave","useCallback","newValue","onFocus","e","currentTarget","parentElement","setAttribute","useEffect","current","_jsx","propTypes","PropTypes","bool","shape","string","number","func","details","height","itemType","width","Component","memo"],"mappings":"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"}