npm - @jotforminc/dnd-builder - Versions diffs - 3.0.0 → 3.1.0 - Mend

@jotforminc/dnd-builder 3.0.0 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (46) hide show

package/lib/esm/components/Panels/SlidesPanel/SortablePageList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SortablePageList.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageList.js"],"sourcesContent":["import {\n useRef, useMemo, useCallback, forwardRef, useImperativeHandle, useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n DndContext,\n closestCenter,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy, sortableKeyboardCoordinates } from '@dnd-kit/sortable';\nimport { Virtuoso } from 'react-virtuoso';\nimport memoize from 'memoize-one';\nimport SortablePageItemRenderer from './SortablePageItemRenderer';\nimport SortableDragOverlay from './SortablePageItemDragOverlay';\n\nconst createItemData = memoize((\n onPageAdd,\n onPageClick,\n onPageDuplicate,\n onPageRemove,\n pageContainerStyle,\n pageGetter,\n) => ({\n onPageAdd,\n onPageClick,\n onPageDuplicate,\n onPageRemove,\n pageContainerStyle,\n pageGetter,\n}));\n\nconst SortablePageList = () => {\n const VirtuosoList = forwardRef(({\n height,\n onPageAdd = () => {},\n onPageClick = () => {},\n onPageDuplicate = () => {},\n onPageRemove = () => {},\n onSortEnd = () => {},\n pageContainerStyle = {},\n pageCount = 0,\n pageGetter = () => {},\n pages = [],\n width,\n }, ref) => {\n const sortablePageListRef = useRef(null);\n const virtuosoRef = useRef(null);\n const [activeId, setActiveId] = useState(null);\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: {\n delay: 200,\n distance: 0,\n },\n }),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n );\n\n const itemData = useMemo(() => createItemData(\n onPageAdd,\n onPageClick,\n onPageDuplicate,\n onPageRemove,\n pageContainerStyle,\n pageGetter,\n ), [\n onPageAdd,\n onPageClick,\n onPageDuplicate,\n onPageRemove,\n pageContainerStyle,\n pageGetter,\n ]);\n\n const scrollToIndex = useCallback((index, align = 'center') => {\n if (virtuosoRef.current) {\n virtuosoRef.current.scrollToIndex({ align, index });\n }\n }, []);\n\n useImperativeHandle(ref, () => ({\n scrollToIndex,\n sortablePageListRef: sortablePageListRef.current,\n virtuosoRef: virtuosoRef.current,\n }), [scrollToIndex]);\n\n const handleDragStart = useCallback(event => {\n setActiveId(event.active.id);\n }, []);\n\n const handleDragEnd = useCallback(event => {\n const { active, over } = event;\n setActiveId(null);\n\n if (over && active.id !== over.id) {\n const oldIndex = parseInt(active.id, 10);\n const newIndex = parseInt(over.id, 10);\n\n onSortEnd({ newIndex, oldIndex });\n }\n }, [onSortEnd]);\n\n const handleDragCancel = useCallback(() => {\n setActiveId(null);\n }, []);\n\n const virtuosoStyle = useMemo(() => {\n const outsideMargin = 75; // box-margin + top padding total value;\n return {\n height: `${(pageCount * 127) + outsideMargin}px`,\n scrollbarWidth: 'none',\n width: '100%',\n };\n }, [pageCount]);\n\n const items = useMemo(() => pages.map((page, index) => index.toString()), [pages]);\n\n const activePageData = useMemo(() => {\n if (!activeId) return null;\n const activeIndex = parseInt(activeId, 10);\n const activePage = pageGetter(activeIndex);\n if (!activePage) return null;\n\n return {\n page: activePage,\n pageContainerLastStyle: {\n ...pageContainerStyle,\n ...activePage.backgroundColor ? { backgroundColor: activePage.backgroundColor } : {},\n },\n };\n }, [activeId, pageGetter, pageContainerStyle]);\n\n return (\n <div\n ref={sortablePageListRef}\n style={{ height, width }}\n >\n <DndContext\n collisionDetection={closestCenter}\n onDragCancel={handleDragCancel}\n onDragEnd={handleDragEnd}\n onDragStart={handleDragStart}\n sensors={sensors}\n >\n <SortableContext\n items={items}\n strategy={verticalListSortingStrategy}\n >\n <Virtuoso\n ref={virtuosoRef}\n fixedItemHeight={127}\n itemContent={index => {\n const page = pageGetter(index);\n if (!page) return null;\n return (\n <SortablePageItemRenderer\n data={itemData}\n id={page.id}\n index={index}\n style={{ height: 127 }}\n />\n );\n }}\n style={virtuosoStyle}\n totalCount={pageCount}\n />\n </SortableContext>\n <SortableDragOverlay\n activePageData={activePageData}\n />\n </DndContext>\n </div>\n );\n });\n\n VirtuosoList.displayName = 'VirtuosoList';\n\n VirtuosoList.propTypes = {\n height: PropTypes.number,\n onPageAdd: PropTypes.func,\n onPageClick: PropTypes.func,\n onPageDuplicate: PropTypes.func,\n onPageRemove: PropTypes.func,\n onSortEnd: PropTypes.func,\n pageContainerStyle: PropTypes.shape({}),\n pageCount: PropTypes.number,\n pageGetter: PropTypes.func,\n pages: PropTypes.arrayOf(PropTypes.shape({})),\n width: PropTypes.number,\n };\n\n return VirtuosoList;\n};\n\nexport default memoize(SortablePageList);\n"],"names":["createItemData","memoize","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","pageContainerStyle","pageGetter","SortablePageList","VirtuosoList","forwardRef","ref","height","onSortEnd","pageCount","pages","width","sortablePageListRef","useRef","virtuosoRef","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","activationConstraint","delay","distance","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","itemData","useMemo","scrollToIndex","useCallback","index","align","current","useImperativeHandle","handleDragStart","event","active","id","handleDragEnd","over","oldIndex","parseInt","newIndex","handleDragCancel","virtuosoStyle","outsideMargin","scrollbarWidth","items","map","page","toString","activePageData","activeIndex","activePage","pageContainerLastStyle","backgroundColor","_jsx","_jsxs","closestCenter","verticalListSortingStrategy","SortableDragOverlay","displayName","propTypes","PropTypes","number","func","shape","arrayOf"],"mappings":"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"}
1	+ {"version":3,"file":"SortablePageList.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageList.js"],"sourcesContent":["import {\n useRef, useMemo, useCallback, forwardRef, useImperativeHandle, useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n DndContext,\n closestCenter,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy, sortableKeyboardCoordinates } from '@dnd-kit/sortable';\nimport { Virtuoso } from 'react-virtuoso';\nimport memoize from 'memoize-one';\nimport SortablePageItemRenderer from './SortablePageItemRenderer';\nimport SortableDragOverlay from './SortablePageItemDragOverlay';\n\nconst createItemData = memoize((\n onPageAdd,\n onPageClick,\n onPageDuplicate,\n onPageRemove,\n pageContainerStyle,\n pageGetter,\n) => ({\n onPageAdd,\n onPageClick,\n onPageDuplicate,\n onPageRemove,\n pageContainerStyle,\n pageGetter,\n}));\n\nconst SortablePageList = () => {\n const VirtuosoList = forwardRef(({\n height,\n onPageAdd = () => {},\n onPageClick = () => {},\n onPageDuplicate = () => {},\n onPageRemove = () => {},\n onSortEnd = () => {},\n pageContainerStyle = {},\n pageCount = 0,\n pageGetter = () => {},\n pages = [],\n width,\n }, ref) => {\n const sortablePageListRef = useRef(null);\n const virtuosoRef = useRef(null);\n const [activeId, setActiveId] = useState(null);\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: {\n delay: 200,\n distance: 0,\n },\n }),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n );\n\n const itemData = useMemo(() => createItemData(\n onPageAdd,\n onPageClick,\n onPageDuplicate,\n onPageRemove,\n pageContainerStyle,\n pageGetter,\n ), [\n onPageAdd,\n onPageClick,\n onPageDuplicate,\n onPageRemove,\n pageContainerStyle,\n pageGetter,\n ]);\n\n const scrollToIndex = useCallback((index, align = 'center') => {\n if (virtuosoRef.current) {\n virtuosoRef.current.scrollToIndex({ align, index });\n }\n }, []);\n\n useImperativeHandle(ref, () => ({\n scrollToIndex,\n sortablePageListRef: sortablePageListRef.current,\n virtuosoRef: virtuosoRef.current,\n }), [scrollToIndex]);\n\n const handleDragStart = useCallback(event => {\n setActiveId(event.active.id);\n }, []);\n\n const handleDragEnd = useCallback(event => {\n const { active, over } = event;\n setActiveId(null);\n\n if (over && active.id !== over.id) {\n const oldIndex = parseInt(active.id, 10);\n const newIndex = parseInt(over.id, 10);\n\n onSortEnd({ newIndex, oldIndex });\n }\n }, [onSortEnd]);\n\n const handleDragCancel = useCallback(() => {\n setActiveId(null);\n }, []);\n\n const virtuosoStyle = useMemo(() => {\n const outsideMargin = 75; // box-margin + top padding total value;\n return {\n height: `${(pageCount * 127) + outsideMargin}px`,\n scrollbarWidth: 'none',\n width: '100%',\n };\n }, [pageCount]);\n\n const items = useMemo(() => pages.map((page, index) => index.toString()), [pages]);\n\n const activePageData = useMemo(() => {\n if (!activeId) return null;\n const activeIndex = parseInt(activeId, 10);\n const activePage = pageGetter(activeIndex);\n if (!activePage) return null;\n\n return {\n page: activePage,\n pageContainerLastStyle: {\n ...pageContainerStyle,\n ...activePage.backgroundColor ? { backgroundColor: activePage.backgroundColor } : {},\n },\n };\n }, [activeId, pageGetter, pageContainerStyle]);\n\n return (\n <div\n ref={sortablePageListRef}\n style={{ height, width }}\n >\n <DndContext\n collisionDetection={closestCenter}\n onDragCancel={handleDragCancel}\n onDragEnd={handleDragEnd}\n onDragStart={handleDragStart}\n sensors={sensors}\n >\n <SortableContext\n items={items}\n strategy={verticalListSortingStrategy}\n >\n <Virtuoso\n ref={virtuosoRef}\n fixedItemHeight={127}\n itemContent={index => {\n return (\n <SortablePageItemRenderer\n data={itemData}\n id={index.toString()}\n index={index}\n style={{ height: 127 }}\n />\n );\n }}\n style={virtuosoStyle}\n totalCount={pageCount}\n />\n </SortableContext>\n <SortableDragOverlay\n activePageData={activePageData}\n />\n </DndContext>\n </div>\n );\n });\n\n VirtuosoList.displayName = 'VirtuosoList';\n\n VirtuosoList.propTypes = {\n height: PropTypes.number,\n onPageAdd: PropTypes.func,\n onPageClick: PropTypes.func,\n onPageDuplicate: PropTypes.func,\n onPageRemove: PropTypes.func,\n onSortEnd: PropTypes.func,\n pageContainerStyle: PropTypes.shape({}),\n pageCount: PropTypes.number,\n pageGetter: PropTypes.func,\n pages: PropTypes.arrayOf(PropTypes.shape({})),\n width: PropTypes.number,\n };\n\n return VirtuosoList;\n};\n\nexport default memoize(SortablePageList);\n"],"names":["createItemData","memoize","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","pageContainerStyle","pageGetter","SortablePageList","VirtuosoList","forwardRef","ref","height","onSortEnd","pageCount","pages","width","sortablePageListRef","useRef","virtuosoRef","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","activationConstraint","delay","distance","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","itemData","useMemo","scrollToIndex","useCallback","index","align","current","useImperativeHandle","handleDragStart","event","active","id","handleDragEnd","over","oldIndex","parseInt","newIndex","handleDragCancel","virtuosoStyle","outsideMargin","scrollbarWidth","items","map","page","toString","activePageData","activeIndex","activePage","pageContainerLastStyle","backgroundColor","_jsx","_jsxs","closestCenter","verticalListSortingStrategy","SortableDragOverlay","displayName","propTypes","PropTypes","number","func","shape","arrayOf"],"mappings":"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"}

package/lib/esm/components/ReportItemsWrapper.js CHANGED Viewed

@@ -1,21 +1,19 @@
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.map.js';
 import { memo } from 'react';
+import PropTypes from 'prop-types';
 import ReportItemRenderer from './Builder/ReportItemRenderer.js';
 import DraggableItem from './DraggableItem/DraggableItem.js';
 import getMergedItem from '../utils/getMergedItem.js';
 import { useBuilderStore } from '../contexts/BuilderContext.js';
-import { isSelected } from '../utils/functions.js';
+import { isSelectedItem } from '../utils/functions.js';
 import { usePropStore } from '../contexts/PropContext.js';
 import { jsx } from 'react/jsx-runtime';
 var ReportItemsWrapper = function ReportItemsWrapper(_ref) {
-  var guides = _ref.guides,
-      isResize = _ref.isResize,
-      items = _ref.items,
-      matches = _ref.matches,
-      setIsResize = _ref.setIsResize,
-      setMatches = _ref.setMatches;
+  var getIntersectionsFromMatches = _ref.getIntersectionsFromMatches,
+      handleMatches = _ref.handleMatches,
+      items = _ref.items;
   var acceptedItems = usePropStore(function (state) {
     return state.acceptedItems;
   });
@@ -33,35 +31,34 @@ var ReportItemsWrapper = function ReportItemsWrapper(_ref) {
   });
   return items.filter(function (item) {
     return item.isVisible !== undefined ? item.isVisible : true;
-  }).map(function (item, index) {
+  }).map(function (item) {
     var mergedItem = getMergedItem(item, acceptedItems);
     return /*#__PURE__*/jsx(DraggableItem, {
-      guides: guides,
-      index: index,
-      isMultipleItemSelected: activeElement !== null && activeElement.length > 1,
-      isResize: isResize,
-      isSelected: isSelected(item.id, activeElement),
+      getIntersectionsFromMatches: getIntersectionsFromMatches,
+      handleMatches: handleMatches,
       item: item,
-      matches: matches,
-      setIsResize: setIsResize,
-      setMatches: setMatches,
       children: /*#__PURE__*/jsx(ReportItemRenderer, {
         item: mergedItem,
         children: function children(ReportItem) {
           return /*#__PURE__*/jsx(ReportItem, {
             isMultipleItemSelected: activeElement !== null && activeElement.length > 1,
-            isSelected: isSelected(item.id, activeElement),
+            isSelected: isSelectedItem(item.id, activeElement),
             item: mergedItem,
             itemAccessor: itemAccessor,
             onAnEventTrigger: onAnEventTrigger,
             onItemChange: onItemChange
           });
         }
-      }, item.id)
+      })
     }, item.id);
   });
 };
+ReportItemsWrapper.propTypes = {
+  getIntersectionsFromMatches: PropTypes.func,
+  handleMatches: PropTypes.func,
+  items: PropTypes.arrayOf(PropTypes.shape({}))
+};
 var ReportItemsWrapper$1 = /*#__PURE__*/memo(ReportItemsWrapper);
 export default ReportItemsWrapper$1;

package/lib/esm/components/ReportItemsWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReportItemsWrapper.js","sources":["../../../src/components/ReportItemsWrapper.js"],"sourcesContent":["import { memo } from 'react';\nimport ReportItemRenderer from './Builder/ReportItemRenderer';\nimport DraggableItem from './DraggableItem/DraggableItem';\nimport getMergedItem from '../utils/getMergedItem';\nimport { useBuilderStore } from '../contexts/BuilderContext';\nimport { ~~isSelected~~ } from '../utils/functions';\nimport { usePropStore } from '../contexts/PropContext';\n\nconst ReportItemsWrapper = ({\n ~~guides~~,\n ~~isResize~~,\n items,\n ~~matches,\n setIsResize,\n setMatches,\n~~}) => {\n const acceptedItems = usePropStore(state => state.acceptedItems);\n const activeElement = useBuilderStore(state => state.activeElement);\n const itemAccessor = usePropStore(state => state.itemAccessor);\n const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n const onItemChange = usePropStore(state => state.onItemChange);\n\n return items\n .filter(item => (\n item.isVisible !== undefined\n ? item.isVisible\n : true\n ))\n .map((item, ~~index)~~ => {\n const mergedItem = getMergedItem(item, acceptedItems);\n return (\n <DraggableItem\n key={item.id}\n ~~guides~~={~~guides~~}\n ~~index~~={~~index~~}\n ~~isMultipleItemSelected={activeElement !== null && activeElement.length > 1}\n isResize={isResize}\n isSelected={isSelected(~~item~~.id, activeElement)}\n item~~={item}\n ~~matches={matches}\n setIsResize={setIsResize}\n setMatches={setMatches}\n~~ >\n <ReportItemRenderer\n ~~key={~~item~~.id}\n item~~={mergedItem}\n >\n {ReportItem => (\n <ReportItem\n isMultipleItemSelected={activeElement !== null && activeElement.length > 1}\n isSelected={~~isSelected~~(item.id, activeElement)}\n item={mergedItem}\n itemAccessor={itemAccessor}\n onAnEventTrigger={onAnEventTrigger}\n onItemChange={onItemChange}\n />\n )}\n </ReportItemRenderer>\n </DraggableItem>\n );\n });\n};\n\nexport default memo(ReportItemsWrapper);\n"],"names":["ReportItemsWrapper","~~guides~~","~~isResize~~","items","~~matches","setIsResize","setMatches","~~acceptedItems","usePropStore","state","activeElement","useBuilderStore","itemAccessor","onAnEventTrigger","onItemChange","filter","item","isVisible","undefined","map","~~index","~~mergedItem","getMergedItem","_jsx","length","~~isSelected~~","id","~~ReportItem~~","memo"],"mappings":"~~;;;;;;;;;;;AAQA~~,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,~~OAOrB~~;AAAA,~~MANJC,MAMI,QANJA,MAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,~~MAHJC,~~OAGI~~,QAHJA,~~OAGI~~;AAAA,MAFJC,~~WAEI~~,QAFJA,~~WAEI~~;AAAA,MADJC,~~UACI~~,QADJA,~~UACI~~;AACJ,MAAMC,aAAa,GAAGC,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,aAAV;AAAA,GAAN,CAAlC;AACA,MAAMG,aAAa,GAAGC,eAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACC,aAAV;AAAA,GAAN,CAArC;AACA,MAAME,YAAY,GAAGJ,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACG,YAAV;AAAA,GAAN,CAAjC;AACA,MAAMC,gBAAgB,GAAGL,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACI,gBAAV;AAAA,GAAN,CAArC;AACA,MAAMC,YAAY,GAAGN,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACK,YAAV;AAAA,GAAN,CAAjC;AAEA,~~SAAOX~~,KAAK,~~CACTY~~,MADI,CACG,UAAAC,IAAI;AAAA,WACVA,IAAI,CAACC,SAAL,KAAmBC,SAAnB,GACIF,IAAI,CAACC,SADT,GAEI,IAHM;AAAA,GADP,EAMJE,GANI,CAMA,~~UAACH~~,~~IAAD~~,~~EAAOI,KAAP,EAAiB~~;~~AACpB~~,~~QAAMC~~,UAAU,GAAGC,aAAa,~~CAACN~~,IAAD,EAAOT,aAAP,CAAhC;AACA,~~wBACEgB~~,IAAC,aAAD;AAEE,MAAA,~~MAAM~~,~~EAAEtB~~,~~MAFV~~;AAGE,MAAA,~~KAAK~~,~~EAAEmB~~,~~KAHT~~;AAIE,MAAA,~~sBAAsB,EAAEV,aAAa,KAAK,IAAlB,IAA0BA,aAAa,CAACc,MAAd,GAAuB,CAJ3E;AAKE,MAAA,QAAQ,EAAEtB,QALZ;AAME,MAAA,UAAU,EAAEuB,UAAU,CAACT,~~IAAI,~~CAACU~~,~~EAAN,EAAUhB,aAAV,CANxB~~;~~AAOE,MAAA,IAAI,EAAEM,IAPR;AAQE,MAAA,OAAO,EAAEZ,OARX;AASE,MAAA,WAAW,EAAEC,WATf;AAUE,MAAA,UAAU,EAAEC,UAVd;~~AAAA,~~6BAYEiB~~,IAAC,kBAAD;~~AAEE~~,QAAA,IAAI,EAAEF,~~UAFR~~;AAAA,~~kBAIG~~,~~kBAAAM~~,UAAU;AAAA,~~8BACTJ~~,IAAC,UAAD;AACE,YAAA,sBAAsB,~~EAAEb~~,aAAa,KAAK,IAAlB,IAA0BA,aAAa,CAACc,MAAd,GAAuB,CAD3E;AAEE,YAAA,UAAU,EAAEC,~~UAAU~~,CAACT,IAAI,CAACU,EAAN,EAAUhB,aAAV,~~CAFxB~~;AAGE,YAAA,IAAI,~~EAAEW~~,UAHR;AAIE,YAAA,YAAY,~~EAAET~~,YAJhB;AAKE,YAAA,gBAAgB,EAAEC,gBALpB;AAME,YAAA,YAAY,EAAEC;AANhB,YADS;AAAA;~~AAJb~~,~~SACOE~~,IAAI,CAACU,EADZ;~~AAZF~~,~~OACOV~~,~~IAAI~~,~~CAACU~~,~~EADZ~~,~~CADF~~;~~AA8BD~~,~~GAtCI~~,~~CAAP~~;~~AAuCD~~,~~CArDD;;AAuDA~~,~~wCAAeE~~,IAAI,~~CAAC5B~~,kBAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"ReportItemsWrapper.js","sources":["../../../src/components/ReportItemsWrapper.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport ReportItemRenderer from './Builder/ReportItemRenderer';\nimport DraggableItem from './DraggableItem/DraggableItem';\nimport getMergedItem from '../utils/getMergedItem';\nimport { useBuilderStore } from '../contexts/BuilderContext';\nimport { isSelectedItem } from '../utils/functions';\nimport { usePropStore } from '../contexts/PropContext';\n\nconst ReportItemsWrapper = ({\n getIntersectionsFromMatches,\n handleMatches,\n items,\n}) => {\n const acceptedItems = usePropStore(state => state.acceptedItems);\n const activeElement = useBuilderStore(state => state.activeElement);\n const itemAccessor = usePropStore(state => state.itemAccessor);\n const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n const onItemChange = usePropStore(state => state.onItemChange);\n\n return items\n .filter(item => (\n item.isVisible !== undefined\n ? item.isVisible\n : true\n ))\n .map(item => {\n const mergedItem = getMergedItem(item, acceptedItems);\n return (\n <DraggableItem\n key={item.id}\n getIntersectionsFromMatches={getIntersectionsFromMatches}\n handleMatches={handleMatches}\n item={item}\n >\n <ReportItemRenderer\n item={mergedItem}\n >\n {ReportItem => (\n <ReportItem\n isMultipleItemSelected={activeElement !== null && activeElement.length > 1}\n isSelected={isSelectedItem(item.id, activeElement)}\n item={mergedItem}\n itemAccessor={itemAccessor}\n onAnEventTrigger={onAnEventTrigger}\n onItemChange={onItemChange}\n />\n )}\n </ReportItemRenderer>\n </DraggableItem>\n );\n });\n};\n\nReportItemsWrapper.propTypes = {\n getIntersectionsFromMatches: PropTypes.func,\n handleMatches: PropTypes.func,\n items: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n};\n\nexport default memo(ReportItemsWrapper);\n"],"names":["ReportItemsWrapper","getIntersectionsFromMatches","handleMatches","items","acceptedItems","usePropStore","state","activeElement","useBuilderStore","itemAccessor","onAnEventTrigger","onItemChange","filter","item","isVisible","undefined","map","mergedItem","getMergedItem","_jsx","ReportItem","length","isSelectedItem","id","propTypes","PropTypes","func","arrayOf","shape","memo"],"mappings":";;;;;;;;;;;;AASA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAIrB;AAAA,MAHJC,2BAGI,QAHJA,2BAGI;AAAA,MAFJC,aAEI,QAFJA,aAEI;AAAA,MADJC,KACI,QADJA,KACI;AACJ,MAAMC,aAAa,GAAGC,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,aAAV;AAAA,GAAN,CAAlC;AACA,MAAMG,aAAa,GAAGC,eAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACC,aAAV;AAAA,GAAN,CAArC;AACA,MAAME,YAAY,GAAGJ,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACG,YAAV;AAAA,GAAN,CAAjC;AACA,MAAMC,gBAAgB,GAAGL,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACI,gBAAV;AAAA,GAAN,CAArC;AACA,MAAMC,YAAY,GAAGN,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACK,YAAV;AAAA,GAAN,CAAjC;AAEA,SAAOR,KAAK,CACTS,MADI,CACG,UAAAC,IAAI;AAAA,WACVA,IAAI,CAACC,SAAL,KAAmBC,SAAnB,GACIF,IAAI,CAACC,SADT,GAEI,IAHM;AAAA,GADP,EAMJE,GANI,CAMA,UAAAH,IAAI,EAAI;AACX,QAAMI,UAAU,GAAGC,aAAa,CAACL,IAAD,EAAOT,aAAP,CAAhC;AACA,wBACEe,IAAC,aAAD;AAEE,MAAA,2BAA2B,EAAElB,2BAF/B;AAGE,MAAA,aAAa,EAAEC,aAHjB;AAIE,MAAA,IAAI,EAAEW,IAJR;AAAA,6BAMEM,IAAC,kBAAD;AACE,QAAA,IAAI,EAAEF,UADR;AAAA,kBAGG,kBAAAG,UAAU;AAAA,8BACTD,IAAC,UAAD;AACE,YAAA,sBAAsB,EAAEZ,aAAa,KAAK,IAAlB,IAA0BA,aAAa,CAACc,MAAd,GAAuB,CAD3E;AAEE,YAAA,UAAU,EAAEC,cAAc,CAACT,IAAI,CAACU,EAAN,EAAUhB,aAAV,CAF5B;AAGE,YAAA,IAAI,EAAEU,UAHR;AAIE,YAAA,YAAY,EAAER,YAJhB;AAKE,YAAA,gBAAgB,EAAEC,gBALpB;AAME,YAAA,YAAY,EAAEC;AANhB,YADS;AAAA;AAHb;AANF,OACOE,IAAI,CAACU,EADZ,CADF;AAuBD,GA/BI,CAAP;AAgCD,CA3CD;;AA6CAvB,kBAAkB,CAACwB,SAAnB,GAA+B;AAC7BvB,EAAAA,2BAA2B,EAAEwB,SAAS,CAACC,IADV;AAE7BxB,EAAAA,aAAa,EAAEuB,SAAS,CAACC,IAFI;AAG7BvB,EAAAA,KAAK,EAAEsB,SAAS,CAACE,OAAV,CACLF,SAAS,CAACG,KAAV,CAAgB,EAAhB,CADK;AAHsB,CAA/B;AAQA,wCAAeC,IAAI,CAAC7B,kBAAD,CAAnB;;;;"}

package/lib/esm/components/Settings/PageLayer/LayerItem.js CHANGED Viewed

@@ -87,7 +87,7 @@ var LayerItem = function LayerItem(_ref) {
     }
     return capitalize(item.itemType || PAGE_ELEMENT);
-  }, [item]);
+  }, [item.itemType, item.shapeType, item.headerText, item.text, item.value, RECTANGLE, CHART_ELEMENT, CLIK_TO_EDIT_HEADER, CLICK_TO_EDIT_TEXT, PAGE_ELEMENT]);
   var content = useMemo(function () {
     return /*#__PURE__*/jsxs("div", {
       className: "jfReportSelectOption",

package/lib/esm/components/Settings/PageLayer/LayerItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LayerItem.js","sources":["../../../../../src/components/Settings/PageLayer/LayerItem.js"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { capitalize, stripHTML } from '../../../utils/string';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst DragHandle = () => (\n <span className=\"jfReportSelectOption-drag\">\n <icons.drag className=\"jfReportSVG icon-drag\" />\n </span>\n);\n\nconst LayerItem = ({\n icon: Icon,\n id: itemId,\n item,\n onItemChange,\n optionKey,\n setActiveElement,\n}) => {\n const {\n attributes,\n isDragging,\n listeners,\n setNodeRef,\n transform,\n transition,\n } = useSortable({ id: itemId });\n\n const dragStyle = useMemo(() => ({\n opacity: isDragging ? 0.5 : 1,\n transform: CSS.Transform.toString(transform),\n transition: transition,\n }), [transform, transition, isDragging]);\n\n const { id, isVisible } = item;\n const isVisib = isVisible !== undefined ? isVisible : true;\n\n const {\n CHART_ELEMENT,\n CLICK_TO_EDIT_TEXT,\n CLIK_TO_EDIT_HEADER,\n PAGE_ELEMENT,\n RECTANGLE,\n } = useTranslatedTexts();\n\n const handleItemLock = useCallback(({ target }) => {\n onItemChange({ id }, { isVisible: target.checked });\n }, [id, onItemChange]);\n\n const itemText = useMemo(() => {\n if (item.itemType === 'shapes') {\n return capitalize(item.shapeType \|\| RECTANGLE);\n }\n if (item.itemType === 'chart') {\n return item.text \|\| CHART_ELEMENT;\n }\n if (item.itemType === 'header') {\n return item.headerText \|\| CLIK_TO_EDIT_HEADER;\n }\n if (item.itemType === 'text') {\n return item.value ? stripHTML(item.value) : CLICK_TO_EDIT_TEXT;\n }\n return capitalize(item.itemType \|\| PAGE_ELEMENT);\n }, [item]);\n\n const content = useMemo(() => (\n <div className=\"jfReportSelectOption\">\n <div className=\"jfReportSelectOption-icon\">\n <Icon />\n </div>\n <div className=\"jfReportSelectOption-text\">\n {itemText}\n </div>\n </div>\n ), [itemText]);\n\n return (\n <div\n ref={setNodeRef}\n className={classNames('jfReportSelectOption', {\n isSelected: isVisib,\n })}\n onClick={() => setActiveElement(id, false)}\n onKeyDown={() => {}}\n style={dragStyle}\n {...attributes}\n {...listeners}\n >\n <div className=\"jfReportSelectOption-visibility\">\n <label\n className=\"jfReportChoice isLight hasNotText\"\n htmlFor={optionKey}\n >\n <input\n checked={isVisib}\n className=\"jfReportChoice-input\"\n data-option-key={optionKey}\n id={optionKey}\n onChange={handleItemLock}\n type=\"checkbox\"\n />\n <div className=\"jfReportChoice-labelIcon\">\n <div className=\"jfReportChoice-label checkbox\" />\n </div>\n </label>\n </div>\n <div\n className=\"jfReportSelectOption-name\"\n // style={{ backgroundColor: option.color }}\n >\n <DragHandle />\n {content}\n </div>\n </div>\n );\n};\n\nLayerItem.propTypes = {\n icon: PropTypes.elementType,\n id: PropTypes.string,\n item: PropTypes.shape({\n headerText: PropTypes.string,\n id: PropTypes.string,\n isVisible: PropTypes.bool,\n itemType: PropTypes.string,\n shapeType: PropTypes.string,\n text: PropTypes.string,\n value: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n optionKey: PropTypes.string,\n setActiveElement: PropTypes.func,\n};\n\nexport default memo(LayerItem);\n"],"names":["DragHandle","_jsx","icons.drag","LayerItem","Icon","icon","itemId","id","item","onItemChange","optionKey","setActiveElement","useSortable","attributes","isDragging","listeners","setNodeRef","transform","transition","dragStyle","useMemo","opacity","CSS","Transform","toString","isVisible","isVisib","undefined","useTranslatedTexts","CHART_ELEMENT","CLICK_TO_EDIT_TEXT","CLIK_TO_EDIT_HEADER","PAGE_ELEMENT","RECTANGLE","handleItemLock","useCallback","target","checked","itemText","itemType","capitalize","shapeType","text","headerText","value","stripHTML","content","_jsxs","classNames","isSelected","propTypes","PropTypes","elementType","string","shape","bool","func","memo"],"mappings":";;;;;;;;;;;;;;;;;;AASA,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,sBACjBC;AAAM,IAAA,SAAS,EAAC,2BAAhB;AAAA,2BACEA,IAACC,OAAD;AAAY,MAAA,SAAS,EAAC;AAAtB;AADF,IADiB;AAAA,CAAnB;;AAMA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAOZ;AAAA,MANEC,IAMF,QANJC,IAMI;AAAA,MALAC,MAKA,QALJC,EAKI;AAAA,MAJJC,IAII,QAJJA,IAII;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,gBACI,QADJA,gBACI;;AACJ,qBAOIC,WAAW,CAAC;AAAEL,IAAAA,EAAE,EAAED;AAAN,GAAD,CAPf;AAAA,MACEO,UADF,gBACEA,UADF;AAAA,MAEEC,UAFF,gBAEEA,UAFF;AAAA,MAGEC,SAHF,gBAGEA,SAHF;AAAA,MAIEC,UAJF,gBAIEA,UAJF;AAAA,MAKEC,SALF,gBAKEA,SALF;AAAA,MAMEC,UANF,gBAMEA,UANF;;AASA,MAAMC,SAAS,GAAGC,OAAO,CAAC;AAAA,WAAO;AAC/BC,MAAAA,OAAO,EAAEP,UAAU,GAAG,GAAH,GAAS,CADG;AAE/BG,MAAAA,SAAS,EAAEK,GAAG,CAACC,SAAJ,CAAcC,QAAd,CAAuBP,SAAvB,CAFoB;AAG/BC,MAAAA,UAAU,EAAEA;AAHmB,KAAP;AAAA,GAAD,EAIrB,CAACD,SAAD,EAAYC,UAAZ,EAAwBJ,UAAxB,CAJqB,CAAzB;AAMA,MAAQP,EAAR,GAA0BC,IAA1B,CAAQD,EAAR;AAAA,MAAYkB,SAAZ,GAA0BjB,IAA1B,CAAYiB,SAAZ;AACA,MAAMC,OAAO,GAAGD,SAAS,KAAKE,SAAd,GAA0BF,SAA1B,GAAsC,IAAtD;;AAEA,4BAMIG,kBAAkB,EANtB;AAAA,MACEC,aADF,uBACEA,aADF;AAAA,MAEEC,kBAFF,uBAEEA,kBAFF;AAAA,MAGEC,mBAHF,uBAGEA,mBAHF;AAAA,MAIEC,YAJF,uBAIEA,YAJF;AAAA,MAKEC,SALF,uBAKEA,SALF;;AAQA,MAAMC,cAAc,GAAGC,WAAW,CAAC,iBAAgB;AAAA,QAAbC,MAAa,SAAbA,MAAa;AACjD3B,IAAAA,YAAY,CAAC;AAAEF,MAAAA,EAAE,EAAFA;AAAF,KAAD,EAAS;AAAEkB,MAAAA,SAAS,EAAEW,MAAM,CAACC;AAApB,KAAT,CAAZ;AACD,GAFiC,EAE/B,CAAC9B,EAAD,EAAKE,YAAL,CAF+B,CAAlC;AAIA,MAAM6B,QAAQ,GAAGlB,OAAO,CAAC,YAAM;AAC7B,QAAIZ,IAAI,CAAC+B,QAAL,KAAkB,QAAtB,EAAgC;AAC9B,aAAOC,UAAU,CAAChC,IAAI,CAACiC,SAAL,IAAkBR,SAAnB,CAAjB;AACD;;AACD,QAAIzB,IAAI,CAAC+B,QAAL,KAAkB,OAAtB,EAA+B;AAC7B,aAAO/B,IAAI,CAACkC,IAAL,IAAab,aAApB;AACD;;AACD,QAAIrB,IAAI,CAAC+B,QAAL,KAAkB,QAAtB,EAAgC;AAC9B,aAAO/B,IAAI,CAACmC,UAAL,IAAmBZ,mBAA1B;AACD;;AACD,QAAIvB,IAAI,CAAC+B,QAAL,KAAkB,MAAtB,EAA8B;AAC5B,aAAO/B,IAAI,CAACoC,KAAL,GAAaC,SAAS,CAACrC,IAAI,CAACoC,KAAN,CAAtB,GAAqCd,kBAA5C;AACD;;AACD,WAAOU,UAAU,CAAChC,IAAI,CAAC+B,QAAL,IAAiBP,YAAlB,CAAjB;AACD,GAduB,EAcrB,~~CAACxB~~,~~IAAD~~,CAdqB,CAAxB;~~AAgBA~~,~~MAAMsC~~,OAAO,GAAG1B,OAAO,CAAC;AAAA,wBACtB2B;AAAK,MAAA,SAAS,EAAC,sBAAf;AAAA,8BACE9C;AAAK,QAAA,SAAS,EAAC,2BAAf;AAAA,+BACEA,IAAC,IAAD;AADF,QADF,eAIEA;AAAK,QAAA,SAAS,EAAC,2BAAf;AAAA,kBACGqC;AADH,QAJF;AAAA,MADsB;AAAA,GAAD,EASpB,CAACA,QAAD,CAToB,CAAvB;AAWA,sBACES;AACE,IAAA,GAAG,EAAE/B,UADP;AAEE,IAAA,SAAS,EAAEgC,UAAU,CAAC,sBAAD,EAAyB;AAC5CC,MAAAA,UAAU,EAAEvB;AADgC,KAAzB,CAFvB;AAKE,IAAA,OAAO,EAAE;AAAA,aAAMf,gBAAgB,CAACJ,EAAD,EAAK,KAAL,CAAtB;AAAA,KALX;AAME,IAAA,SAAS,EAAE,qBAAM,EANnB;AAOE,IAAA,KAAK,EAAEY;AAPT,KAQMN,UARN,GASME,SATN;AAAA,4BAWEd;AAAK,MAAA,SAAS,EAAC,iCAAf;AAAA,6BACE8C;AACE,QAAA,SAAS,EAAC,mCADZ;AAEE,QAAA,OAAO,EAAErC,SAFX;AAAA,gCAIET;AACE,UAAA,OAAO,EAAEyB,OADX;AAEE,UAAA,SAAS,EAAC,sBAFZ;AAGE,6BAAiBhB,SAHnB;AAIE,UAAA,EAAE,EAAEA,SAJN;AAKE,UAAA,QAAQ,EAAEwB,cALZ;AAME,UAAA,IAAI,EAAC;AANP,UAJF,eAYEjC;AAAK,UAAA,SAAS,EAAC,0BAAf;AAAA,iCACEA;AAAK,YAAA,SAAS,EAAC;AAAf;AADF,UAZF;AAAA;AADF,MAXF,eA6BE8C;AACE,MAAA,SAAS,EAAC,2BADZ;AAAA;AAAA,8BAIE9C,IAAC,UAAD,KAJF,EAKG6C,OALH;AAAA,MA7BF;AAAA,KADF;AAuCD,~~CAxGD~~;;~~AA0GA3C~~,SAAS,CAAC+C,SAAV,GAAsB;AACpB7C,EAAAA,IAAI,EAAE8C,SAAS,CAACC,WADI;AAEpB7C,EAAAA,EAAE,EAAE4C,SAAS,CAACE,MAFM;AAGpB7C,EAAAA,IAAI,EAAE2C,SAAS,CAACG,KAAV,CAAgB;AACpBX,IAAAA,UAAU,EAAEQ,SAAS,CAACE,MADF;AAEpB9C,IAAAA,EAAE,EAAE4C,SAAS,CAACE,MAFM;AAGpB5B,IAAAA,SAAS,EAAE0B,SAAS,CAACI,IAHD;AAIpBhB,IAAAA,QAAQ,EAAEY,SAAS,CAACE,MAJA;AAKpBZ,IAAAA,SAAS,EAAEU,SAAS,CAACE,MALD;AAMpBX,IAAAA,IAAI,EAAES,SAAS,CAACE,MANI;AAOpBT,IAAAA,KAAK,EAAEO,SAAS,CAACE;AAPG,GAAhB,CAHc;AAYpB5C,EAAAA,YAAY,EAAE0C,SAAS,CAACK,IAZJ;AAapB9C,EAAAA,SAAS,EAAEyC,SAAS,CAACE,MAbD;AAcpB1C,EAAAA,gBAAgB,EAAEwC,SAAS,CAACK;AAdR,CAAtB;AAiBA,+BAAeC,IAAI,CAACtD,SAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"LayerItem.js","sources":["../../../../../src/components/Settings/PageLayer/LayerItem.js"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { capitalize, stripHTML } from '../../../utils/string';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst DragHandle = () => (\n <span className=\"jfReportSelectOption-drag\">\n <icons.drag className=\"jfReportSVG icon-drag\" />\n </span>\n);\n\nconst LayerItem = ({\n icon: Icon,\n id: itemId,\n item,\n onItemChange,\n optionKey,\n setActiveElement,\n}) => {\n const {\n attributes,\n isDragging,\n listeners,\n setNodeRef,\n transform,\n transition,\n } = useSortable({ id: itemId });\n\n const dragStyle = useMemo(() => ({\n opacity: isDragging ? 0.5 : 1,\n transform: CSS.Transform.toString(transform),\n transition: transition,\n }), [transform, transition, isDragging]);\n\n const { id, isVisible } = item;\n const isVisib = isVisible !== undefined ? isVisible : true;\n\n const {\n CHART_ELEMENT,\n CLICK_TO_EDIT_TEXT,\n CLIK_TO_EDIT_HEADER,\n PAGE_ELEMENT,\n RECTANGLE,\n } = useTranslatedTexts();\n\n const handleItemLock = useCallback(({ target }) => {\n onItemChange({ id }, { isVisible: target.checked });\n }, [id, onItemChange]);\n\n const itemText = useMemo(() => {\n if (item.itemType === 'shapes') {\n return capitalize(item.shapeType \|\| RECTANGLE);\n }\n if (item.itemType === 'chart') {\n return item.text \|\| CHART_ELEMENT;\n }\n if (item.itemType === 'header') {\n return item.headerText \|\| CLIK_TO_EDIT_HEADER;\n }\n if (item.itemType === 'text') {\n return item.value ? stripHTML(item.value) : CLICK_TO_EDIT_TEXT;\n }\n return capitalize(item.itemType \|\| PAGE_ELEMENT);\n }, [\n item.itemType,\n item.shapeType,\n item.headerText,\n item.text,\n item.value,\n RECTANGLE,\n CHART_ELEMENT,\n CLIK_TO_EDIT_HEADER,\n CLICK_TO_EDIT_TEXT,\n PAGE_ELEMENT,\n ]);\n\n const content = useMemo(() => (\n <div className=\"jfReportSelectOption\">\n <div className=\"jfReportSelectOption-icon\">\n <Icon />\n </div>\n <div className=\"jfReportSelectOption-text\">\n {itemText}\n </div>\n </div>\n ), [itemText]);\n\n return (\n <div\n ref={setNodeRef}\n className={classNames('jfReportSelectOption', {\n isSelected: isVisib,\n })}\n onClick={() => setActiveElement(id, false)}\n onKeyDown={() => {}}\n style={dragStyle}\n {...attributes}\n {...listeners}\n >\n <div className=\"jfReportSelectOption-visibility\">\n <label\n className=\"jfReportChoice isLight hasNotText\"\n htmlFor={optionKey}\n >\n <input\n checked={isVisib}\n className=\"jfReportChoice-input\"\n data-option-key={optionKey}\n id={optionKey}\n onChange={handleItemLock}\n type=\"checkbox\"\n />\n <div className=\"jfReportChoice-labelIcon\">\n <div className=\"jfReportChoice-label checkbox\" />\n </div>\n </label>\n </div>\n <div\n className=\"jfReportSelectOption-name\"\n // style={{ backgroundColor: option.color }}\n >\n <DragHandle />\n {content}\n </div>\n </div>\n );\n};\n\nLayerItem.propTypes = {\n icon: PropTypes.elementType,\n id: PropTypes.string,\n item: PropTypes.shape({\n headerText: PropTypes.string,\n id: PropTypes.string,\n isVisible: PropTypes.bool,\n itemType: PropTypes.string,\n shapeType: PropTypes.string,\n text: PropTypes.string,\n value: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n optionKey: PropTypes.string,\n setActiveElement: PropTypes.func,\n};\n\nexport default memo(LayerItem);\n"],"names":["DragHandle","_jsx","icons.drag","LayerItem","Icon","icon","itemId","id","item","onItemChange","optionKey","setActiveElement","useSortable","attributes","isDragging","listeners","setNodeRef","transform","transition","dragStyle","useMemo","opacity","CSS","Transform","toString","isVisible","isVisib","undefined","useTranslatedTexts","CHART_ELEMENT","CLICK_TO_EDIT_TEXT","CLIK_TO_EDIT_HEADER","PAGE_ELEMENT","RECTANGLE","handleItemLock","useCallback","target","checked","itemText","itemType","capitalize","shapeType","text","headerText","value","stripHTML","content","_jsxs","classNames","isSelected","propTypes","PropTypes","elementType","string","shape","bool","func","memo"],"mappings":"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"}

package/lib/esm/components/Settings/SizeSettings.js CHANGED Viewed

@@ -62,7 +62,7 @@ var SizeSettings = function SizeSettings(_ref) {
     if (aspectLock) {
       initialAspect.current = stackSize.width / stackSize.height;
     }
-  }, [aspectLock]);
+  }, [aspectLock, stackSize.width, stackSize.height]);
   var sizeSetter = function sizeSetter(_ref2) {
     var height = _ref2.height,

package/lib/esm/components/Settings/SizeSettings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SizeSettings.js","sources":["../../../../src/components/Settings/SizeSettings.js"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getImageSizes, roundForDecimalPart } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\nimport * as icons from '../../utils/icons';\n\nconst SizeSettings = ({\n item = {},\n onItemChange = () => {},\n}) => {\n const initialAspect = useRef();\n const [stackSize, setStackSize] = useState({ height: item.height, width: item.width });\n const [aspectLock, setAspectLock] = useState(true);\n const imageRefForMeta = useRef(null);\n const { HEIGHT, ORIGINAL_SIZE, WIDTH } = useTranslatedTexts();\n\n useEffect(() => {\n setStackSize({ height: item.height, width: item.width });\n }, [item.height, item.width]);\n\n useEffect(() => {\n if (aspectLock) {\n initialAspect.current = stackSize.width / stackSize.height;\n }\n }, [aspectLock]);\n\n const sizeSetter = ({ height, width }) => {\n const sizes = { height: Number(height), width: Number(width) };\n setStackSize(sizes);\n onItemChange({ id: item.id }, sizes);\n };\n\n const sizeSetterHelper = ({ height, width }) => {\n let exactWidth = Number(width);\n let exactHeight = Number(height);\n if (aspectLock) {\n if (item.width !== stackSize.width) {\n exactHeight = stackSize.width / initialAspect.current;\n } else {\n exactWidth = stackSize.height * initialAspect.current;\n }\n }\n\n sizeSetter({ height: Math.max(exactHeight, 5), width: Math.max(exactWidth, 5) });\n };\n\n const handleBlur = () => {\n sizeSetterHelper(stackSize);\n };\n\n const handleChangeSize = (type = 'width', prevValue) => e => {\n if (e.stopPropagation) e.stopPropagation();\n\n const { value } = e.target;\n if (Number(value) !== Number(prevValue)) {\n setStackSize({ ...stackSize, [type]: Number(value) \|\| 0 });\n }\n };\n\n const setOriginalSizes = () => {\n // For Shapes\n if (item.shapeType) {\n return sizeSetter({\n height: 200,\n width: 200,\n });\n }\n // For Images\n if (!imageRefForMeta.current) {\n getImageSizes(item.url, (imageWidth, imageHeight) => {\n imageRefForMeta.current = {\n imageHeight,\n imageWidth,\n };\n sizeSetter({\n height: imageHeight,\n width: imageWidth,\n });\n });\n } else {\n const { imageHeight, imageWidth } = imageRefForMeta.current;\n sizeSetter({\n height: imageHeight,\n width: imageWidth,\n });\n }\n };\n\n const handleKeyDown = (type, currValue) => event => {\n event.stopPropagation();\n if (event.key === 'ArrowUp' \|\| event.key === 'ArrowDown') {\n event.preventDefault();\n const ref = event.shiftKey ? 10 : 1;\n const diff = event.key === 'ArrowUp' ? ref : -ref;\n handleChangeSize(type, currValue)({\n target: {\n value: Number(currValue) + diff,\n },\n });\n } else if (event.key === 'Tab') {\n event.preventDefault();\n const input = type === 'width' ? 'height-input' : 'width-input';\n document.getElementById(input).focus();\n document.getElementById(input).select();\n } else if (event.key === 'Enter') {\n sizeSetterHelper(stackSize);\n }\n };\n\n return (\n <>\n <div className=\"toolSection-wrapper d-flex\">\n <div className=\"toolSection-subItem\">\n <label\n className=\"d-flex dir-col hasUnit isPixel\"\n htmlFor=\"width-input\"\n >\n <input\n className=\"toolSection-input\"\n id=\"width-input\"\n onBlur={handleBlur}\n onChange={handleChangeSize('width', stackSize.width)}\n onKeyDown={handleKeyDown('width', stackSize.width)}\n pattern=\"[0-9]\"\n tabIndex={0}\n value={roundForDecimalPart(stackSize.width)}\n />\n <span className=\"toolSection-subLabel\">{WIDTH}</span>\n </label>\n </div>\n <div className=\"toolSection-subItem hasAspect\">\n <button\n className=\"p-relative forAspect\"\n onClick={() => setAspectLock(!aspectLock)}\n type=\"button\"\n >\n {aspectLock\n ? <icons.lock className=\"jfReportSVG icon-aspectLock\" />\n : <icons.unlock className=\"jfReportSVG icon-aspectUnlock\" />}\n </button>\n </div>\n <div className=\"toolSection-subItem\">\n <label\n className=\"d-flex dir-col hasUnit isPixel\"\n htmlFor=\"width-input\"\n >\n <input\n className=\"toolSection-input\"\n id=\"height-input\"\n onBlur={handleBlur}\n onChange={handleChangeSize('height', stackSize.height)}\n onKeyDown={handleKeyDown('height', stackSize.height)}\n pattern=\"[0-9]\"\n value={roundForDecimalPart(stackSize.height)}\n />\n <span className=\"toolSection-subLabel\">{HEIGHT}</span>\n </label>\n </div>\n </div>\n {(item.url \|\| item.shapeType)\n && (\n <div className=\"toolSection-wrapper\">\n <button\n className=\"jfReportButton forOptions forDimension f-width\"\n onClick={setOriginalSizes}\n type=\"button\"\n >\n {ORIGINAL_SIZE}\n </button>\n </div>\n )}\n </>\n );\n};\n\nSizeSettings.propTypes = {\n item: PropTypes.shape({\n height: PropTypes.number,\n id: PropTypes.string,\n shapeType: PropTypes.string,\n url: PropTypes.string,\n width: PropTypes.number,\n }),\n onItemChange: PropTypes.func,\n};\n\nexport default SizeSettings;\n"],"names":["SizeSettings","item","onItemChange","initialAspect","useRef","useState","height","width","stackSize","setStackSize","aspectLock","setAspectLock","imageRefForMeta","useTranslatedTexts","HEIGHT","ORIGINAL_SIZE","WIDTH","useEffect","current","sizeSetter","sizes","Number","id","sizeSetterHelper","exactWidth","exactHeight","Math","max","handleBlur","handleChangeSize","type","prevValue","e","stopPropagation","value","target","setOriginalSizes","shapeType","getImageSizes","url","imageWidth","imageHeight","handleKeyDown","currValue","event","key","preventDefault","ref","shiftKey","diff","input","document","getElementById","focus","select","_jsxs","_jsx","roundForDecimalPart","icons.lock","icons.unlock","propTypes","PropTypes","shape","number","string","func"],"mappings":"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"}
1	+ {"version":3,"file":"SizeSettings.js","sources":["../../../../src/components/Settings/SizeSettings.js"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getImageSizes, roundForDecimalPart } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\nimport * as icons from '../../utils/icons';\n\nconst SizeSettings = ({\n item = {},\n onItemChange = () => {},\n}) => {\n const initialAspect = useRef();\n const [stackSize, setStackSize] = useState({ height: item.height, width: item.width });\n const [aspectLock, setAspectLock] = useState(true);\n const imageRefForMeta = useRef(null);\n const { HEIGHT, ORIGINAL_SIZE, WIDTH } = useTranslatedTexts();\n\n useEffect(() => {\n setStackSize({ height: item.height, width: item.width });\n }, [item.height, item.width]);\n\n useEffect(() => {\n if (aspectLock) {\n initialAspect.current = stackSize.width / stackSize.height;\n }\n }, [aspectLock, stackSize.width, stackSize.height]);\n\n const sizeSetter = ({ height, width }) => {\n const sizes = { height: Number(height), width: Number(width) };\n setStackSize(sizes);\n onItemChange({ id: item.id }, sizes);\n };\n\n const sizeSetterHelper = ({ height, width }) => {\n let exactWidth = Number(width);\n let exactHeight = Number(height);\n if (aspectLock) {\n if (item.width !== stackSize.width) {\n exactHeight = stackSize.width / initialAspect.current;\n } else {\n exactWidth = stackSize.height * initialAspect.current;\n }\n }\n\n sizeSetter({ height: Math.max(exactHeight, 5), width: Math.max(exactWidth, 5) });\n };\n\n const handleBlur = () => {\n sizeSetterHelper(stackSize);\n };\n\n const handleChangeSize = (type = 'width', prevValue) => e => {\n if (e.stopPropagation) e.stopPropagation();\n\n const { value } = e.target;\n if (Number(value) !== Number(prevValue)) {\n setStackSize({ ...stackSize, [type]: Number(value) \|\| 0 });\n }\n };\n\n const setOriginalSizes = () => {\n // For Shapes\n if (item.shapeType) {\n return sizeSetter({\n height: 200,\n width: 200,\n });\n }\n // For Images\n if (!imageRefForMeta.current) {\n getImageSizes(item.url, (imageWidth, imageHeight) => {\n imageRefForMeta.current = {\n imageHeight,\n imageWidth,\n };\n sizeSetter({\n height: imageHeight,\n width: imageWidth,\n });\n });\n } else {\n const { imageHeight, imageWidth } = imageRefForMeta.current;\n sizeSetter({\n height: imageHeight,\n width: imageWidth,\n });\n }\n };\n\n const handleKeyDown = (type, currValue) => event => {\n event.stopPropagation();\n if (event.key === 'ArrowUp' \|\| event.key === 'ArrowDown') {\n event.preventDefault();\n const ref = event.shiftKey ? 10 : 1;\n const diff = event.key === 'ArrowUp' ? ref : -ref;\n handleChangeSize(type, currValue)({\n target: {\n value: Number(currValue) + diff,\n },\n });\n } else if (event.key === 'Tab') {\n event.preventDefault();\n const input = type === 'width' ? 'height-input' : 'width-input';\n document.getElementById(input).focus();\n document.getElementById(input).select();\n } else if (event.key === 'Enter') {\n sizeSetterHelper(stackSize);\n }\n };\n\n return (\n <>\n <div className=\"toolSection-wrapper d-flex\">\n <div className=\"toolSection-subItem\">\n <label\n className=\"d-flex dir-col hasUnit isPixel\"\n htmlFor=\"width-input\"\n >\n <input\n className=\"toolSection-input\"\n id=\"width-input\"\n onBlur={handleBlur}\n onChange={handleChangeSize('width', stackSize.width)}\n onKeyDown={handleKeyDown('width', stackSize.width)}\n pattern=\"[0-9]\"\n tabIndex={0}\n value={roundForDecimalPart(stackSize.width)}\n />\n <span className=\"toolSection-subLabel\">{WIDTH}</span>\n </label>\n </div>\n <div className=\"toolSection-subItem hasAspect\">\n <button\n className=\"p-relative forAspect\"\n onClick={() => setAspectLock(!aspectLock)}\n type=\"button\"\n >\n {aspectLock\n ? <icons.lock className=\"jfReportSVG icon-aspectLock\" />\n : <icons.unlock className=\"jfReportSVG icon-aspectUnlock\" />}\n </button>\n </div>\n <div className=\"toolSection-subItem\">\n <label\n className=\"d-flex dir-col hasUnit isPixel\"\n htmlFor=\"width-input\"\n >\n <input\n className=\"toolSection-input\"\n id=\"height-input\"\n onBlur={handleBlur}\n onChange={handleChangeSize('height', stackSize.height)}\n onKeyDown={handleKeyDown('height', stackSize.height)}\n pattern=\"[0-9]\"\n value={roundForDecimalPart(stackSize.height)}\n />\n <span className=\"toolSection-subLabel\">{HEIGHT}</span>\n </label>\n </div>\n </div>\n {(item.url \|\| item.shapeType)\n && (\n <div className=\"toolSection-wrapper\">\n <button\n className=\"jfReportButton forOptions forDimension f-width\"\n onClick={setOriginalSizes}\n type=\"button\"\n >\n {ORIGINAL_SIZE}\n </button>\n </div>\n )}\n </>\n );\n};\n\nSizeSettings.propTypes = {\n item: PropTypes.shape({\n height: PropTypes.number,\n id: PropTypes.string,\n shapeType: PropTypes.string,\n url: PropTypes.string,\n width: PropTypes.number,\n }),\n onItemChange: PropTypes.func,\n};\n\nexport default SizeSettings;\n"],"names":["SizeSettings","item","onItemChange","initialAspect","useRef","useState","height","width","stackSize","setStackSize","aspectLock","setAspectLock","imageRefForMeta","useTranslatedTexts","HEIGHT","ORIGINAL_SIZE","WIDTH","useEffect","current","sizeSetter","sizes","Number","id","sizeSetterHelper","exactWidth","exactHeight","Math","max","handleBlur","handleChangeSize","type","prevValue","e","stopPropagation","value","target","setOriginalSizes","shapeType","getImageSizes","url","imageWidth","imageHeight","handleKeyDown","currValue","event","key","preventDefault","ref","shiftKey","diff","input","document","getElementById","focus","select","_jsxs","_jsx","roundForDecimalPart","icons.lock","icons.unlock","propTypes","PropTypes","shape","number","string","func"],"mappings":"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"}

package/lib/esm/constants/texts.js CHANGED Viewed

@@ -14,6 +14,7 @@ var ALL_TEXTS = {
   CHART_SETTINGS: 'Chart Settings',
   CLICK_TO_EDIT_HEADER: 'Click to edit header',
   CLICK_TO_EDIT_TEXT: 'Click to edit text',
+  DATACARD_SETTINGS: 'Data Card Settings',
   DELETE: 'Delete',
   DELETE_ITEM: 'Delete Item',
   DUPLICATE_ITEM: 'Duplicate Item',

package/lib/esm/constants/texts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"texts.js","sources":["../../../src/constants/texts.js"],"sourcesContent":["/* eslint-disable max-len */\nconst ALL_TEXTS = {\n ADD_ELEMENT: 'Add Element',\n ADD_LINK: 'ADD LINK',\n ADD_NEW_PAGE: 'ADD SLIDE',\n BACKGROUND_COLOR: 'Background Color',\n CHART_ELEMENT: 'Chart Element',\n CHART_SETTINGS: 'Chart Settings',\n CLICK_TO_EDIT_HEADER: 'Click to edit header',\n CLICK_TO_EDIT_TEXT: 'Click to edit text',\n DELETE: 'Delete',\n DELETE_ITEM: 'Delete Item',\n DUPLICATE_ITEM: 'Duplicate Item',\n DUPLICATE_PAGE: 'Duplicate Slide',\n ELEMENTS: 'Elements',\n FIT_TO_PAGE: 'Fit to Slide',\n FIT_TO_SCENE: 'Fit to Screen',\n GENERAL: 'GENERAL',\n GRID_SETTINGS: 'Grid Settings',\n HEADER_SETTINGS: 'Header Settings',\n HEIGHT: 'Height',\n ICON_SETTINGS: 'Icon Settings',\n IMAGE_SETTINGS: 'Image Settings',\n ITEM_SETTINGS: 'Item Settings',\n LAYERS: 'Layers',\n LAYOUT_SETTINGS: 'Layout Settings',\n LOCK_ITEM: 'Lock Item',\n MOVE_BACKWARDS: 'Move Backwards',\n MOVE_FORWARDS: 'Move Forwards',\n MOVE_PAGE_DOWNWARDS: 'Move Slide Downwards',\n MOVE_PAGE_UPWARDS: 'Move Slide Upwards',\n MOVE_TO_BACK: 'Move to Back',\n MOVE_TO_FRONT: 'Move to Front',\n NO_ELEMENT_IN_PAGE: 'There is no element on this slide. You can add a new element from side menu.',\n NO_RESULT: 'No result was found',\n ORIGINAL_SIZE: 'Original Size',\n PAGE_ELEMENT: 'Page Element',\n PAGE_SETTINGS: 'Slide Settings',\n PAGE_STYLE: 'Slide Style',\n RECTANGLE: 'Rectangle',\n REMOVE_PAGE: 'Remove Slide',\n SEARCH: 'Search',\n SETTINGS: 'Settings',\n SHOW_ALL: 'Show All',\n SLIDES: 'Slides',\n TEXT_SETTINGS: 'Text Settings',\n TOGGLE_OFF: 'OFF',\n TOGGLE_ON: 'ON',\n UNLOCK_ITEM: 'Unlock Item',\n WIDTH: 'Width',\n ZOOM_IN: 'Zoom In',\n ZOOM_OUT: 'Zoom Out',\n};\n\nclass ModuleTexts {\n constructor(allTexts) {\n this._texts = allTexts;\n }\n\n get Texts() {\n return this._texts;\n }\n\n setTexts(allTexts) {\n this._texts = allTexts;\n }\n}\n\nexport const SharingTextsModule = new ModuleTexts(ALL_TEXTS);\nexport default ALL_TEXTS;\n"],"names":["ALL_TEXTS","ADD_ELEMENT","ADD_LINK","ADD_NEW_PAGE","BACKGROUND_COLOR","CHART_ELEMENT","CHART_SETTINGS","CLICK_TO_EDIT_HEADER","CLICK_TO_EDIT_TEXT","DELETE","DELETE_ITEM","DUPLICATE_ITEM","DUPLICATE_PAGE","ELEMENTS","FIT_TO_PAGE","FIT_TO_SCENE","GENERAL","GRID_SETTINGS","HEADER_SETTINGS","HEIGHT","ICON_SETTINGS","IMAGE_SETTINGS","ITEM_SETTINGS","LAYERS","LAYOUT_SETTINGS","LOCK_ITEM","MOVE_BACKWARDS","MOVE_FORWARDS","MOVE_PAGE_DOWNWARDS","MOVE_PAGE_UPWARDS","MOVE_TO_BACK","MOVE_TO_FRONT","NO_ELEMENT_IN_PAGE","NO_RESULT","ORIGINAL_SIZE","PAGE_ELEMENT","PAGE_SETTINGS","PAGE_STYLE","RECTANGLE","REMOVE_PAGE","SEARCH","SETTINGS","SHOW_ALL","SLIDES","TEXT_SETTINGS","TOGGLE_OFF","TOGGLE_ON","UNLOCK_ITEM","WIDTH","ZOOM_IN","ZOOM_OUT","ModuleTexts","allTexts","_texts","SharingTextsModule"],"mappings":";;;;;;AAAA;IACMA,SAAS,GAAG;AAChBC,EAAAA,WAAW,EAAE,aADG;AAEhBC,EAAAA,QAAQ,EAAE,UAFM;AAGhBC,EAAAA,YAAY,EAAE,WAHE;AAIhBC,EAAAA,gBAAgB,EAAE,kBAJF;AAKhBC,EAAAA,aAAa,EAAE,eALC;AAMhBC,EAAAA,cAAc,EAAE,gBANA;AAOhBC,EAAAA,oBAAoB,EAAE,sBAPN;AAQhBC,EAAAA,kBAAkB,EAAE,oBARJ;AAShBC,EAAAA,~~MAAM~~,EAAE,~~QATQ~~;AAUhBC,EAAAA,~~WAAW~~,EAAE,~~aAVG~~;AAWhBC,EAAAA,~~cAAc~~,EAAE,~~gBAXA~~;AAYhBC,EAAAA,cAAc,EAAE,~~iBAZA~~;AAahBC,EAAAA,~~QAAQ~~,EAAE,~~UAbM~~;AAchBC,EAAAA,~~WAAW~~,EAAE,~~cAdG~~;AAehBC,EAAAA,~~YAAY~~,EAAE,~~eAfE~~;AAgBhBC,EAAAA,~~OAAO~~,EAAE,~~SAhBO~~;AAiBhBC,EAAAA,~~aAAa~~,EAAE,~~eAjBC~~;AAkBhBC,EAAAA,~~eAAe~~,EAAE,~~iBAlBD~~;AAmBhBC,EAAAA,~~MAAM~~,EAAE,~~QAnBQ~~;AAoBhBC,EAAAA,~~aAAa~~,EAAE,~~eApBC~~;AAqBhBC,EAAAA,~~cAAc~~,EAAE,~~gBArBA~~;AAsBhBC,EAAAA,~~aAAa~~,EAAE,~~eAtBC~~;AAuBhBC,EAAAA,~~MAAM~~,EAAE,~~QAvBQ~~;AAwBhBC,EAAAA,~~eAAe~~,EAAE,~~iBAxBD~~;AAyBhBC,EAAAA,~~SAAS~~,EAAE,~~WAzBK~~;AA0BhBC,EAAAA,~~cAAc~~,EAAE,~~gBA1BA~~;AA2BhBC,EAAAA,~~aAAa~~,EAAE,~~eA3BC~~;AA4BhBC,EAAAA,~~mBAAmB~~,EAAE,~~sBA5BL~~;AA6BhBC,EAAAA,~~iBAAiB~~,EAAE,~~oBA7BH~~;AA8BhBC,EAAAA,~~YAAY~~,EAAE,~~cA9BE~~;AA+BhBC,EAAAA,~~aAAa~~,EAAE,eA/BC;AAgChBC,EAAAA,~~kBAAkB~~,EAAE,~~8EAhCJ~~;AAiChBC,EAAAA,~~SAAS~~,EAAE,~~qBAjCK~~;AAkChBC,EAAAA,~~aAAa~~,EAAE,~~eAlCC~~;AAmChBC,EAAAA,~~YAAY~~,EAAE,~~cAnCE~~;AAoChBC,EAAAA,~~aAAa~~,EAAE,~~gBApCC~~;AAqChBC,EAAAA,~~UAAU~~,EAAE,~~aArCI~~;AAsChBC,EAAAA,~~SAAS~~,EAAE,~~WAtCK~~;AAuChBC,EAAAA,~~WAAW~~,EAAE,~~cAvCG~~;AAwChBC,EAAAA,~~MAAM~~,EAAE,~~QAxCQ~~;AAyChBC,EAAAA,~~QAAQ~~,EAAE,~~UAzCM~~;AA0ChBC,EAAAA,QAAQ,EAAE,UA1CM;AA2ChBC,EAAAA,~~MAAM~~,EAAE,~~QA3CQ~~;AA4ChBC,EAAAA,~~aAAa~~,EAAE,~~eA5CC~~;AA6ChBC,EAAAA,~~UAAU~~,EAAE,~~KA7CI~~;AA8ChBC,EAAAA,~~SAAS~~,EAAE,~~IA9CK~~;AA+ChBC,EAAAA,~~WAAW~~,EAAE,aA/CG;AAgDhBC,EAAAA,~~KAAK~~,EAAE,~~OAhDS~~;AAiDhBC,EAAAA,~~OAAO~~,EAAE,~~SAjDO~~;AAkDhBC,EAAAA,QAAQ,EAAE;~~AAlDM~~;;~~IAqDZC~~;AACJ,uBAAYC,QAAZ,EAAsB;AAAA;;AACpB,SAAKC,MAAL,GAAcD,QAAd;AACD;;;;SAED,eAAY;AACV,aAAO,KAAKC,MAAZ;AACD;;;WAED,kBAASD,QAAT,EAAmB;AACjB,WAAKC,MAAL,GAAcD,QAAd;AACD;;;;;;IAGUE,kBAAkB,GAAG,IAAIH,WAAJ,~~CAAgBnD~~,SAAhB;;;;;"}
1	+ {"version":3,"file":"texts.js","sources":["../../../src/constants/texts.js"],"sourcesContent":["/* eslint-disable max-len */\nconst ALL_TEXTS = {\n ADD_ELEMENT: 'Add Element',\n ADD_LINK: 'ADD LINK',\n ADD_NEW_PAGE: 'ADD SLIDE',\n BACKGROUND_COLOR: 'Background Color',\n CHART_ELEMENT: 'Chart Element',\n CHART_SETTINGS: 'Chart Settings',\n CLICK_TO_EDIT_HEADER: 'Click to edit header',\n CLICK_TO_EDIT_TEXT: 'Click to edit text',\n DATACARD_SETTINGS: 'Data Card Settings',\n DELETE: 'Delete',\n DELETE_ITEM: 'Delete Item',\n DUPLICATE_ITEM: 'Duplicate Item',\n DUPLICATE_PAGE: 'Duplicate Slide',\n ELEMENTS: 'Elements',\n FIT_TO_PAGE: 'Fit to Slide',\n FIT_TO_SCENE: 'Fit to Screen',\n GENERAL: 'GENERAL',\n GRID_SETTINGS: 'Grid Settings',\n HEADER_SETTINGS: 'Header Settings',\n HEIGHT: 'Height',\n ICON_SETTINGS: 'Icon Settings',\n IMAGE_SETTINGS: 'Image Settings',\n ITEM_SETTINGS: 'Item Settings',\n LAYERS: 'Layers',\n LAYOUT_SETTINGS: 'Layout Settings',\n LOCK_ITEM: 'Lock Item',\n MOVE_BACKWARDS: 'Move Backwards',\n MOVE_FORWARDS: 'Move Forwards',\n MOVE_PAGE_DOWNWARDS: 'Move Slide Downwards',\n MOVE_PAGE_UPWARDS: 'Move Slide Upwards',\n MOVE_TO_BACK: 'Move to Back',\n MOVE_TO_FRONT: 'Move to Front',\n NO_ELEMENT_IN_PAGE: 'There is no element on this slide. You can add a new element from side menu.',\n NO_RESULT: 'No result was found',\n ORIGINAL_SIZE: 'Original Size',\n PAGE_ELEMENT: 'Page Element',\n PAGE_SETTINGS: 'Slide Settings',\n PAGE_STYLE: 'Slide Style',\n RECTANGLE: 'Rectangle',\n REMOVE_PAGE: 'Remove Slide',\n SEARCH: 'Search',\n SETTINGS: 'Settings',\n SHOW_ALL: 'Show All',\n SLIDES: 'Slides',\n TEXT_SETTINGS: 'Text Settings',\n TOGGLE_OFF: 'OFF',\n TOGGLE_ON: 'ON',\n UNLOCK_ITEM: 'Unlock Item',\n WIDTH: 'Width',\n ZOOM_IN: 'Zoom In',\n ZOOM_OUT: 'Zoom Out',\n};\n\nclass ModuleTexts {\n constructor(allTexts) {\n this._texts = allTexts;\n }\n\n get Texts() {\n return this._texts;\n }\n\n setTexts(allTexts) {\n this._texts = allTexts;\n }\n}\n\nexport const SharingTextsModule = new ModuleTexts(ALL_TEXTS);\nexport default ALL_TEXTS;\n"],"names":["ALL_TEXTS","ADD_ELEMENT","ADD_LINK","ADD_NEW_PAGE","BACKGROUND_COLOR","CHART_ELEMENT","CHART_SETTINGS","CLICK_TO_EDIT_HEADER","CLICK_TO_EDIT_TEXT","DATACARD_SETTINGS","DELETE","DELETE_ITEM","DUPLICATE_ITEM","DUPLICATE_PAGE","ELEMENTS","FIT_TO_PAGE","FIT_TO_SCENE","GENERAL","GRID_SETTINGS","HEADER_SETTINGS","HEIGHT","ICON_SETTINGS","IMAGE_SETTINGS","ITEM_SETTINGS","LAYERS","LAYOUT_SETTINGS","LOCK_ITEM","MOVE_BACKWARDS","MOVE_FORWARDS","MOVE_PAGE_DOWNWARDS","MOVE_PAGE_UPWARDS","MOVE_TO_BACK","MOVE_TO_FRONT","NO_ELEMENT_IN_PAGE","NO_RESULT","ORIGINAL_SIZE","PAGE_ELEMENT","PAGE_SETTINGS","PAGE_STYLE","RECTANGLE","REMOVE_PAGE","SEARCH","SETTINGS","SHOW_ALL","SLIDES","TEXT_SETTINGS","TOGGLE_OFF","TOGGLE_ON","UNLOCK_ITEM","WIDTH","ZOOM_IN","ZOOM_OUT","ModuleTexts","allTexts","_texts","SharingTextsModule"],"mappings":";;;;;;AAAA;IACMA,SAAS,GAAG;AAChBC,EAAAA,WAAW,EAAE,aADG;AAEhBC,EAAAA,QAAQ,EAAE,UAFM;AAGhBC,EAAAA,YAAY,EAAE,WAHE;AAIhBC,EAAAA,gBAAgB,EAAE,kBAJF;AAKhBC,EAAAA,aAAa,EAAE,eALC;AAMhBC,EAAAA,cAAc,EAAE,gBANA;AAOhBC,EAAAA,oBAAoB,EAAE,sBAPN;AAQhBC,EAAAA,kBAAkB,EAAE,oBARJ;AAShBC,EAAAA,iBAAiB,EAAE,oBATH;AAUhBC,EAAAA,MAAM,EAAE,QAVQ;AAWhBC,EAAAA,WAAW,EAAE,aAXG;AAYhBC,EAAAA,cAAc,EAAE,gBAZA;AAahBC,EAAAA,cAAc,EAAE,iBAbA;AAchBC,EAAAA,QAAQ,EAAE,UAdM;AAehBC,EAAAA,WAAW,EAAE,cAfG;AAgBhBC,EAAAA,YAAY,EAAE,eAhBE;AAiBhBC,EAAAA,OAAO,EAAE,SAjBO;AAkBhBC,EAAAA,aAAa,EAAE,eAlBC;AAmBhBC,EAAAA,eAAe,EAAE,iBAnBD;AAoBhBC,EAAAA,MAAM,EAAE,QApBQ;AAqBhBC,EAAAA,aAAa,EAAE,eArBC;AAsBhBC,EAAAA,cAAc,EAAE,gBAtBA;AAuBhBC,EAAAA,aAAa,EAAE,eAvBC;AAwBhBC,EAAAA,MAAM,EAAE,QAxBQ;AAyBhBC,EAAAA,eAAe,EAAE,iBAzBD;AA0BhBC,EAAAA,SAAS,EAAE,WA1BK;AA2BhBC,EAAAA,cAAc,EAAE,gBA3BA;AA4BhBC,EAAAA,aAAa,EAAE,eA5BC;AA6BhBC,EAAAA,mBAAmB,EAAE,sBA7BL;AA8BhBC,EAAAA,iBAAiB,EAAE,oBA9BH;AA+BhBC,EAAAA,YAAY,EAAE,cA/BE;AAgChBC,EAAAA,aAAa,EAAE,eAhCC;AAiChBC,EAAAA,kBAAkB,EAAE,8EAjCJ;AAkChBC,EAAAA,SAAS,EAAE,qBAlCK;AAmChBC,EAAAA,aAAa,EAAE,eAnCC;AAoChBC,EAAAA,YAAY,EAAE,cApCE;AAqChBC,EAAAA,aAAa,EAAE,gBArCC;AAsChBC,EAAAA,UAAU,EAAE,aAtCI;AAuChBC,EAAAA,SAAS,EAAE,WAvCK;AAwChBC,EAAAA,WAAW,EAAE,cAxCG;AAyChBC,EAAAA,MAAM,EAAE,QAzCQ;AA0ChBC,EAAAA,QAAQ,EAAE,UA1CM;AA2ChBC,EAAAA,QAAQ,EAAE,UA3CM;AA4ChBC,EAAAA,MAAM,EAAE,QA5CQ;AA6ChBC,EAAAA,aAAa,EAAE,eA7CC;AA8ChBC,EAAAA,UAAU,EAAE,KA9CI;AA+ChBC,EAAAA,SAAS,EAAE,IA/CK;AAgDhBC,EAAAA,WAAW,EAAE,aAhDG;AAiDhBC,EAAAA,KAAK,EAAE,OAjDS;AAkDhBC,EAAAA,OAAO,EAAE,SAlDO;AAmDhBC,EAAAA,QAAQ,EAAE;AAnDM;;IAsDZC;AACJ,uBAAYC,QAAZ,EAAsB;AAAA;;AACpB,SAAKC,MAAL,GAAcD,QAAd;AACD;;;;SAED,eAAY;AACV,aAAO,KAAKC,MAAZ;AACD;;;WAED,kBAASD,QAAT,EAAmB;AACjB,WAAKC,MAAL,GAAcD,QAAd;AACD;;;;;;IAGUE,kBAAkB,GAAG,IAAIH,WAAJ,CAAgBpD,SAAhB;;;;;"}

package/lib/esm/contexts/BuilderContext.js CHANGED Viewed

@@ -40,6 +40,7 @@ var builderStore = function builderStore(props) {
       editedElement: props.editedElement || 'l_layout',
       isAllSlidesPanelOpen: props.isAllSlidesPanelOpen || false,
       isLeftPanelOpen: props.isLeftPanelOpen || false,
+      isResize: false,
       isRightPanelOpen: props.isRightPanelOpen || false,
       isSlidesPanelOpen: props.isSlidesPanelOpen || false,
       isTextEditorOpen: props.isTextEditorOpen || false,
@@ -102,6 +103,11 @@ var builderStore = function builderStore(props) {
           isRightPanelOpen: false
         }));
       },
+      setIsResize: function setIsResize(status) {
+        set({
+          isResize: status
+        });
+      },
       setIsRightPanelOpen: props.setIsRightPanelOpen || function (status) {
         var _get4 = get(),
             isEnoughCanvasSize = _get4.isEnoughCanvasSize,

package/lib/esm/contexts/BuilderContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BuilderContext.js","sources":["../../../src/contexts/BuilderContext.js"],"sourcesContent":["import { createContext, useContext, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { createStore, useStore } from 'zustand';\n\nconst builderStore = props => {\n return createStore((set, get) => ({\n activeElement: props.activeElement \|\| null,\n activeTab: props.activeTab \|\| { left: 0, right: 0 },\n contextMenuProps: props.contextMenuProps \|\| false,\n editedElement: props.editedElement \|\| 'l_layout',\n isAllSlidesPanelOpen: props.isAllSlidesPanelOpen \|\| false,\n isLeftPanelOpen: props.isLeftPanelOpen \|\| false,\n isRightPanelOpen: props.isRightPanelOpen \|\| false,\n isSlidesPanelOpen: props.isSlidesPanelOpen \|\| false,\n isTextEditorOpen: props.isTextEditorOpen \|\| false,\n lastScrollPosition: props.lastScrollPosition \|\| 0,\n onRightPanelsToggled: props.onRightPanelsToggled \|\| (() => {}),\n setActiveElement: props.setActiveElement \|\| ((itemID, edit = true, multiple = false) => {\n if (!multiple) {\n const config = {\n activeElement: itemID === null ? null : [itemID],\n };\n if (edit) {\n const editedElement = !itemID ? 'l_layout' : `i_${itemID}`;\n config.editedElement = editedElement;\n }\n set(config);\n } else {\n const { activeElement } = get();\n set({ activeElement: activeElement === null ? [itemID] : [...activeElement, itemID] });\n }\n }),\n setActiveTab: props.setActiveTab \|\| ((panel, tabIndex) => {\n const { activeTab } = get();\n set({ activeTab: { ...activeTab, [panel]: tabIndex } });\n }),\n setContextMenuProps: status => {\n set({ contextMenuProps: status });\n },\n setEditedElement: id => {\n set({ editedElement: id });\n },\n setIsAllSlidesPanelOpen: status => {\n set({ isAllSlidesPanelOpen: status });\n },\n setIsLeftPanelOpen: props.setIsLeftPanelOpen \|\| (status => {\n const { isEnoughCanvasSize } = get();\n set({\n isLeftPanelOpen: status,\n ...status && !isEnoughCanvasSize && { isRightPanelOpen: false },\n });\n }),\n setIsRightPanelOpen: props.setIsRightPanelOpen \|\| (status => {\n const { isEnoughCanvasSize, onRightPanelsToggled } = get();\n set({\n isRightPanelOpen: status,\n ...status && !isEnoughCanvasSize && { isLeftPanelOpen: false },\n ...status && { isSlidesPanelOpen: false },\n });\n onRightPanelsToggled(status);\n }),\n setIsSlidesPanelOpen: props.setIsSlidesPanelOpen \|\| (status => {\n const { isEnoughCanvasSize, onRightPanelsToggled } = get();\n set({\n isSlidesPanelOpen: status,\n ...status && !isEnoughCanvasSize && { isLeftPanelOpen: false },\n ...status && { isRightPanelOpen: false },\n });\n onRightPanelsToggled(status);\n }),\n setIsTextEditorOpen: status => {\n set({ isTextEditorOpen: status });\n },\n setZoom: (zoom, layoutWidth) => {\n set({ zoom });\n if (layoutWidth) {\n const { clientWidth: paneWidth } = document.querySelector('.jfReport-pane .toolItemWrapper');\n const sceneWidth = parseInt(layoutWidth, 10) * zoom;\n if (window.innerWidth - sceneWidth + 100 > (paneWidth * 2)) {\n set({ isEnoughCanvasSize: true });\n } else {\n set({\n isEnoughCanvasSize: false,\n isLeftPanelOpen: false,\n });\n }\n }\n },\n zoom: 1,\n }));\n};\n\nconst BuilderContext = createContext(null);\n\nexport const BuilderProvider = ({ children, value, ...props }) => {\n const storeRef = useRef();\n if (!storeRef.current) {\n storeRef.current = builderStore(props);\n }\n\n return (\n <BuilderContext.Provider value={storeRef.current}>\n {children}\n </BuilderContext.Provider>\n );\n};\n\nBuilderProvider.propTypes = {\n children: PropTypes.any,\n value: PropTypes.object,\n};\n\nexport const BuilderConsumer = BuilderContext.Consumer;\n\nexport const useBuilderStore = selector => {\n const context = useContext(BuilderContext);\n if (!context) {\n throw new Error('useBuilderStore must be used with BuilderProvider!');\n }\n return useStore(context, selector);\n};\n"],"names":["builderStore","props","createStore","set","get","activeElement","activeTab","left","right","contextMenuProps","editedElement","isAllSlidesPanelOpen","isLeftPanelOpen","isRightPanelOpen","isSlidesPanelOpen","isTextEditorOpen","lastScrollPosition","onRightPanelsToggled","setActiveElement","itemID","edit","multiple","config","setActiveTab","panel","tabIndex","setContextMenuProps","status","setEditedElement","id","setIsAllSlidesPanelOpen","setIsLeftPanelOpen","isEnoughCanvasSize","setIsRightPanelOpen","setIsSlidesPanelOpen","setIsTextEditorOpen","setZoom","zoom","layoutWidth","document","querySelector","paneWidth","clientWidth","sceneWidth","parseInt","window","innerWidth","BuilderContext","createContext","BuilderProvider","children","value","storeRef","useRef","current","_jsx","propTypes","PropTypes","any","object","Consumer","useBuilderStore","selector","context","useContext","Error","useStore"],"mappings":"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"}
1	+ {"version":3,"file":"BuilderContext.js","sources":["../../../src/contexts/BuilderContext.js"],"sourcesContent":["import { createContext, useContext, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { createStore, useStore } from 'zustand';\n\nconst builderStore = props => {\n return createStore((set, get) => ({\n activeElement: props.activeElement \|\| null,\n activeTab: props.activeTab \|\| { left: 0, right: 0 },\n contextMenuProps: props.contextMenuProps \|\| false,\n editedElement: props.editedElement \|\| 'l_layout',\n isAllSlidesPanelOpen: props.isAllSlidesPanelOpen \|\| false,\n isLeftPanelOpen: props.isLeftPanelOpen \|\| false,\n isResize: false,\n isRightPanelOpen: props.isRightPanelOpen \|\| false,\n isSlidesPanelOpen: props.isSlidesPanelOpen \|\| false,\n isTextEditorOpen: props.isTextEditorOpen \|\| false,\n lastScrollPosition: props.lastScrollPosition \|\| 0,\n onRightPanelsToggled: props.onRightPanelsToggled \|\| (() => {}),\n setActiveElement: props.setActiveElement \|\| ((itemID, edit = true, multiple = false) => {\n if (!multiple) {\n const config = {\n activeElement: itemID === null ? null : [itemID],\n };\n if (edit) {\n const editedElement = !itemID ? 'l_layout' : `i_${itemID}`;\n config.editedElement = editedElement;\n }\n set(config);\n } else {\n const { activeElement } = get();\n set({ activeElement: activeElement === null ? [itemID] : [...activeElement, itemID] });\n }\n }),\n setActiveTab: props.setActiveTab \|\| ((panel, tabIndex) => {\n const { activeTab } = get();\n set({ activeTab: { ...activeTab, [panel]: tabIndex } });\n }),\n setContextMenuProps: status => {\n set({ contextMenuProps: status });\n },\n setEditedElement: id => {\n set({ editedElement: id });\n },\n setIsAllSlidesPanelOpen: status => {\n set({ isAllSlidesPanelOpen: status });\n },\n setIsLeftPanelOpen: props.setIsLeftPanelOpen \|\| (status => {\n const { isEnoughCanvasSize } = get();\n set({\n isLeftPanelOpen: status,\n ...status && !isEnoughCanvasSize && { isRightPanelOpen: false },\n });\n }),\n setIsResize: status => {\n set({ isResize: status });\n },\n setIsRightPanelOpen: props.setIsRightPanelOpen \|\| (status => {\n const { isEnoughCanvasSize, onRightPanelsToggled } = get();\n set({\n isRightPanelOpen: status,\n ...status && !isEnoughCanvasSize && { isLeftPanelOpen: false },\n ...status && { isSlidesPanelOpen: false },\n });\n onRightPanelsToggled(status);\n }),\n setIsSlidesPanelOpen: props.setIsSlidesPanelOpen \|\| (status => {\n const { isEnoughCanvasSize, onRightPanelsToggled } = get();\n set({\n isSlidesPanelOpen: status,\n ...status && !isEnoughCanvasSize && { isLeftPanelOpen: false },\n ...status && { isRightPanelOpen: false },\n });\n onRightPanelsToggled(status);\n }),\n setIsTextEditorOpen: status => {\n set({ isTextEditorOpen: status });\n },\n setZoom: (zoom, layoutWidth) => {\n set({ zoom });\n if (layoutWidth) {\n const { clientWidth: paneWidth } = document.querySelector('.jfReport-pane .toolItemWrapper');\n const sceneWidth = parseInt(layoutWidth, 10) * zoom;\n if (window.innerWidth - sceneWidth + 100 > (paneWidth * 2)) {\n set({ isEnoughCanvasSize: true });\n } else {\n set({\n isEnoughCanvasSize: false,\n isLeftPanelOpen: false,\n });\n }\n }\n },\n zoom: 1,\n }));\n};\n\nconst BuilderContext = createContext(null);\n\nexport const BuilderProvider = ({ children, value, ...props }) => {\n const storeRef = useRef();\n if (!storeRef.current) {\n storeRef.current = builderStore(props);\n }\n\n return (\n <BuilderContext.Provider value={storeRef.current}>\n {children}\n </BuilderContext.Provider>\n );\n};\n\nBuilderProvider.propTypes = {\n children: PropTypes.any,\n value: PropTypes.object,\n};\n\nexport const BuilderConsumer = BuilderContext.Consumer;\n\nexport const useBuilderStore = selector => {\n const context = useContext(BuilderContext);\n if (!context) {\n throw new Error('useBuilderStore must be used with BuilderProvider!');\n }\n return useStore(context, selector);\n};\n"],"names":["builderStore","props","createStore","set","get","activeElement","activeTab","left","right","contextMenuProps","editedElement","isAllSlidesPanelOpen","isLeftPanelOpen","isResize","isRightPanelOpen","isSlidesPanelOpen","isTextEditorOpen","lastScrollPosition","onRightPanelsToggled","setActiveElement","itemID","edit","multiple","config","setActiveTab","panel","tabIndex","setContextMenuProps","status","setEditedElement","id","setIsAllSlidesPanelOpen","setIsLeftPanelOpen","isEnoughCanvasSize","setIsResize","setIsRightPanelOpen","setIsSlidesPanelOpen","setIsTextEditorOpen","setZoom","zoom","layoutWidth","document","querySelector","paneWidth","clientWidth","sceneWidth","parseInt","window","innerWidth","BuilderContext","createContext","BuilderProvider","children","value","storeRef","useRef","current","_jsx","propTypes","PropTypes","any","object","Consumer","useBuilderStore","selector","context","useContext","Error","useStore"],"mappings":"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"}

package/lib/esm/utils/functions.js CHANGED Viewed

@@ -77,7 +77,7 @@ var getStyles = function getStyles(left, top, isDragging) {
     top: top
   };
 };
-var isSelected = function isSelected(id, activeElements) {
+var isSelectedItem = function isSelectedItem(id, activeElements) {
   if (activeElements === null) return id === activeElements;
   return activeElements.indexOf(id) !== -1;
 };
@@ -95,12 +95,12 @@ var findItemById = function findItemById(itemID, pages) {
 var getSelectedItems = function getSelectedItems(selectedItemsIds, pages) {
   var page = pages.find(function (p) {
     return p.items.find(function (item) {
-      return isSelected(item.id, selectedItemsIds);
+      return isSelectedItem(item.id, selectedItemsIds);
     });
   });
   if (!page) return null;
   return page.items.filter(function (item) {
-    return isSelected(item.id, selectedItemsIds);
+    return isSelectedItem(item.id, selectedItemsIds);
   });
 };
@@ -272,37 +272,37 @@ var proximityListener = function proximityListener(active, allGuides) {
   return allMatchedGuides;
 };
-var getCorrectDroppedOffsetValueBySnap = function getCorrectDroppedOffsetValueBySnap(coords, guides, itemID, pages, zoom) {
-  var newItem = findItemById(itemID, pages);
-  newItem = _objectSpread(_objectSpread({}, newItem), coords);
-  var pageGuides = guides[newItem.pageID];
+var getMatchesForItem = function getMatchesForItem(item, guides, zoom) {
+  var pageGuides = guides[item.pageID];
-  var _guides = _objectSpread(_objectSpread({}, pageGuides), {}, _defineProperty({}, itemID, _objectSpread(_objectSpread({}, pageGuides[itemID]), {}, {
-    x: calculateGuidePositions(newItem, 'x', zoom),
-    y: calculateGuidePositions(newItem, 'y', zoom)
+  var _guides = _objectSpread(_objectSpread({}, pageGuides), {}, _defineProperty({}, item.id, _objectSpread(_objectSpread({}, pageGuides[item.id]), {}, {
+    x: calculateGuidePositions(item, 'x', zoom),
+    y: calculateGuidePositions(item, 'y', zoom)
   })));
-  var match = proximityListener(itemID, _guides);
-  var newActiveBoxLeft = newItem.left;
-  var newActiveBoxTop = newItem.top;
-  Object.keys(match).forEach(function (axis) {
-    var _match$axis = match[axis],
-        activeBoxGuides = _match$axis.activeBoxGuides,
-        matchedArray = _match$axis.matchedArray,
-        proximity = _match$axis.proximity;
+  return proximityListener(item.id, _guides);
+};
+var getCoordinatesFromMatches = function getCoordinatesFromMatches(item, matches) {
+  var newActiveBoxLeft = item.left;
+  var newActiveBoxTop = item.top;
+  Object.keys(matches).forEach(function (axis) {
+    var _matches$axis = matches[axis],
+        activeBoxGuides = _matches$axis.activeBoxGuides,
+        matchedArray = _matches$axis.matchedArray,
+        proximity = _matches$axis.proximity;
     var activeBoxProximityIndex = proximity.activeBoxIndex;
     var matchedBoxProximityIndex = proximity.matchedBoxIndex;
     if (axis === 'x') {
       if (activeBoxGuides[activeBoxProximityIndex] > matchedArray[matchedBoxProximityIndex]) {
-        newActiveBoxLeft = newItem.left - proximity.value;
+        newActiveBoxLeft = item.left - proximity.value;
       } else {
-        newActiveBoxLeft = newItem.left + proximity.value;
+        newActiveBoxLeft = item.left + proximity.value;
       }
     } else if (activeBoxGuides[activeBoxProximityIndex] > matchedArray[matchedBoxProximityIndex]) {
-      newActiveBoxTop = newItem.top - proximity.value;
+      newActiveBoxTop = item.top - proximity.value;
     } else {
-      newActiveBoxTop = newItem.top + proximity.value;
+      newActiveBoxTop = item.top + proximity.value;
     }
   });
   return {
@@ -310,6 +310,10 @@ var getCorrectDroppedOffsetValueBySnap = function getCorrectDroppedOffsetValueBy
     top: newActiveBoxTop
   };
 };
+var getCorrectDroppedOffsetValueBySnap = function getCorrectDroppedOffsetValueBySnap(item, guides, zoom) {
+  var matches = getMatchesForItem(item, guides, zoom);
+  return getCoordinatesFromMatches(item, matches);
+};
 var getPosition = function getPosition(e) {
   var posx = 0;
   var posy = 0;
@@ -813,5 +817,5 @@ var emptyFunction = function emptyFunction(f) {
   return f;
 };
-export { arrayMove, calculateGuidePositions, changePage, checkValueProximities, closeFullscreen, collisionCheck, emptyFunction, findItemById, findItemsOnPage, getAllGuidesForGivenAxisExceptActiveBox, getAvailableCoordinate, getContainerPositions, getCorrectDroppedOffsetValue, getCorrectDroppedOffsetValueBySnap, getExactIconType, getFileName, getImageSizes, getMostVisiblePage, getPosition, getScaleForPageThumbnail, getScaleForPageThumbnailLarge, getSelectedItems, getStyles, getTabsWithElements, getTabsWithSettings, getVisibleHeightPx, getZoomValue, imageSizeUpdater, isSelected, isValidHexColor, moveArrayItem, moveItemInArrayFromIndexToIndex, normalizeHexColor, onChangeFunction, openFullscreenHelper, proximityListener, roundForDecimalPart, safeJSONParse, scrollToTarget, throttle };
+export { arrayMove, calculateGuidePositions, changePage, checkValueProximities, closeFullscreen, collisionCheck, emptyFunction, findItemById, findItemsOnPage, getAllGuidesForGivenAxisExceptActiveBox, getAvailableCoordinate, getContainerPositions, getCoordinatesFromMatches, getCorrectDroppedOffsetValue, getCorrectDroppedOffsetValueBySnap, getExactIconType, getFileName, getImageSizes, getMatchesForItem, getMostVisiblePage, getPosition, getScaleForPageThumbnail, getScaleForPageThumbnailLarge, getSelectedItems, getStyles, getTabsWithElements, getTabsWithSettings, getVisibleHeightPx, getZoomValue, imageSizeUpdater, isSelectedItem, isValidHexColor, moveArrayItem, moveItemInArrayFromIndexToIndex, normalizeHexColor, onChangeFunction, openFullscreenHelper, proximityListener, roundForDecimalPart, safeJSONParse, scrollToTarget, throttle };
 //# sourceMappingURL=functions.js.map