@jotforminc/dnd-builder 3.1.0 → 3.2.0

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

@@ -1 +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;;;;"}
+{"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  items,\n}) => {\n  const acceptedItems = usePropStore(state => state.acceptedItems);\n  const activeElements = useBuilderStore(state => state.activeElements);\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          item={item}\n        >\n          <ReportItemRenderer\n            item={mergedItem}\n          >\n            {ReportItem => (\n              <ReportItem\n                isMultipleItemSelected={activeElements.length > 1}\n                isSelected={isSelectedItem(item.id, activeElements)}\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  items: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n};\n\nexport default memo(ReportItemsWrapper);\n"],"names":["ReportItemsWrapper","items","acceptedItems","usePropStore","state","activeElements","useBuilderStore","itemAccessor","onAnEventTrigger","onItemChange","filter","item","isVisible","undefined","map","mergedItem","getMergedItem","_jsx","ReportItem","length","isSelectedItem","id","propTypes","PropTypes","arrayOf","shape","memo"],"mappings":";;;;;;;;;;;;AASA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAErB;AAAA,MADJC,KACI,QADJA,KACI;AACJ,MAAMC,aAAa,GAAGC,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,aAAV;AAAA,GAAN,CAAlC;AACA,MAAMG,cAAc,GAAGC,eAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACC,cAAV;AAAA,GAAN,CAAtC;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,IAAI,EAAEN,IAFR;AAAA,6BAIEM,IAAC,kBAAD;AACE,QAAA,IAAI,EAAEF,UADR;AAAA,kBAGG,kBAAAG,UAAU;AAAA,8BACTD,IAAC,UAAD;AACE,YAAA,sBAAsB,EAAEZ,cAAc,CAACc,MAAf,GAAwB,CADlD;AAEE,YAAA,UAAU,EAAEC,cAAc,CAACT,IAAI,CAACU,EAAN,EAAUhB,cAAV,CAF5B;AAGE,YAAA,IAAI,EAAEU,UAHR;AAIE,YAAA,YAAY,EAAER,YAJhB;AAKE,YAAA,gBAAgB,EAAEC,gBALpB;AAME,YAAA,YAAY,EAAEC;AANhB,YADS;AAAA;AAHb;AAJF,OACOE,IAAI,CAACU,EADZ,CADF;AAqBD,GA7BI,CAAP;AA8BD,CAvCD;;AAyCArB,kBAAkB,CAACsB,SAAnB,GAA+B;AAC7BrB,EAAAA,KAAK,EAAEsB,SAAS,CAACC,OAAV,CACLD,SAAS,CAACE,KAAV,CAAgB,EAAhB,CADK;AADsB,CAA/B;AAMA,wCAAeC,IAAI,CAAC1B,kBAAD,CAAnB;;;;"}

package/lib/esm/components/Settings/PageLayer/LayerDragOverlay.js

@@ -17,8 +17,7 @@ var DragHandle = function DragHandle() {
 };
 
 var LayerDragOverlay = function LayerDragOverlay(_ref) {
-  var _ref$activeItemData = _ref.activeItemData,
-      activeItemData = _ref$activeItemData === void 0 ? null : _ref$activeItemData;
+  var activeItemData = _ref.activeItemData;
 
   var _useTranslatedTexts = useTranslatedTexts(),
       CHART_ELEMENT = _useTranslatedTexts.CHART_ELEMENT,
@@ -27,7 +26,6 @@ var LayerDragOverlay = function LayerDragOverlay(_ref) {
       PAGE_ELEMENT = _useTranslatedTexts.PAGE_ELEMENT,
       RECTANGLE = _useTranslatedTexts.RECTANGLE;
 
-  if (!activeItemData) return null;
   var Icon = activeItemData.icon,
       item = activeItemData.item;
   var id = item.id,
@@ -113,7 +111,7 @@ LayerDragOverlay.propTypes = {
       isVisible: PropTypes.bool,
       itemType: PropTypes.string
     })
-  })
+  }).isRequired
 };
 var LayerDragOverlay$1 = /*#__PURE__*/memo(LayerDragOverlay);
 

package/lib/esm/components/Settings/PageLayer/LayerDragOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayerDragOverlay.js","sources":["../../../../../src/components/Settings/PageLayer/LayerDragOverlay.js"],"sourcesContent":["import { memo } from 'react';\nimport { DragOverlay } from '@dnd-kit/core';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\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 LayerDragOverlay = ({\n  activeItemData = null,\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  if (!activeItemData) return null;\n\n  const { icon: Icon, item } = activeItemData;\n  const { id, isVisible } = item;\n  const isVisib = isVisible !== undefined ? isVisible : true;\n\n  const itemText = passedItem => {\n    if (passedItem.itemType === 'shapes') {\n      return capitalize(passedItem.shapeType || RECTANGLE);\n    }\n    if (passedItem.itemType === 'chart') {\n      return passedItem.text || CHART_ELEMENT;\n    }\n    if (passedItem.itemType === 'header') {\n      return passedItem.headerText || CLIK_TO_EDIT_HEADER;\n    }\n    if (passedItem.itemType === 'text') {\n      return passedItem.value ? stripHTML(passedItem.value) : CLICK_TO_EDIT_TEXT;\n    }\n    return capitalize(passedItem.itemType || PAGE_ELEMENT);\n  };\n\n  const content = (\n    <div className=\"jfReportSelectOption\">\n      <div className=\"jfReportSelectOption-icon\">\n        <Icon />\n      </div>\n      <div className=\"jfReportSelectOption-text\">\n        {itemText(item)}\n      </div>\n    </div>\n  );\n\n  return (\n    <DragOverlay\n      adjustScale={false}\n      dropAnimation={null}\n      style={{ cursor: 'grabbing' }}\n    >\n      <div\n        className={classNames('jfReportSelectOption forHelper withDnd', {\n          isSelected: isVisib,\n        })}\n        style={{ opacity: 0.9, transform: 'rotate(2deg)' }}\n      >\n        <div className=\"jfReportSelectOption-visibility\">\n          <label\n            className=\"jfReportChoice isLight hasNotText\"\n            htmlFor={`overlay-${id}`}\n          >\n            <input\n              checked={isVisib}\n              className=\"jfReportChoice-input\"\n              id={`overlay-${id}`}\n              readOnly\n              type=\"checkbox\"\n            />\n            <div className=\"jfReportChoice-labelIcon\">\n              <div className=\"jfReportChoice-label checkbox\" />\n            </div>\n          </label>\n        </div>\n        <div className=\"jfReportSelectOption-name\">\n          <DragHandle />\n          {content}\n        </div>\n      </div>\n    </DragOverlay>\n  );\n};\n\nLayerDragOverlay.propTypes = {\n  activeItemData: PropTypes.shape({\n    icon: PropTypes.elementType,\n    item: PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      isVisible: PropTypes.bool,\n      itemType: PropTypes.string,\n    }),\n  }),\n};\n\nexport default memo(LayerDragOverlay);\n"],"names":["DragHandle","_jsx","icons.drag","LayerDragOverlay","activeItemData","useTranslatedTexts","CHART_ELEMENT","CLICK_TO_EDIT_TEXT","CLIK_TO_EDIT_HEADER","PAGE_ELEMENT","RECTANGLE","Icon","icon","item","id","isVisible","isVisib","undefined","itemText","passedItem","itemType","capitalize","shapeType","text","headerText","value","stripHTML","content","_jsxs","cursor","classNames","isSelected","opacity","transform","propTypes","PropTypes","shape","elementType","string","isRequired","bool","memo"],"mappings":"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"}
+{"version":3,"file":"LayerDragOverlay.js","sources":["../../../../../src/components/Settings/PageLayer/LayerDragOverlay.js"],"sourcesContent":["import { memo } from 'react';\nimport { DragOverlay } from '@dnd-kit/core';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\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 LayerDragOverlay = ({\n  activeItemData,\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 { icon: Icon, item } = activeItemData;\n  const { id, isVisible } = item;\n  const isVisib = isVisible !== undefined ? isVisible : true;\n\n  const itemText = passedItem => {\n    if (passedItem.itemType === 'shapes') {\n      return capitalize(passedItem.shapeType || RECTANGLE);\n    }\n    if (passedItem.itemType === 'chart') {\n      return passedItem.text || CHART_ELEMENT;\n    }\n    if (passedItem.itemType === 'header') {\n      return passedItem.headerText || CLIK_TO_EDIT_HEADER;\n    }\n    if (passedItem.itemType === 'text') {\n      return passedItem.value ? stripHTML(passedItem.value) : CLICK_TO_EDIT_TEXT;\n    }\n    return capitalize(passedItem.itemType || PAGE_ELEMENT);\n  };\n\n  const content = (\n    <div className=\"jfReportSelectOption\">\n      <div className=\"jfReportSelectOption-icon\">\n        <Icon />\n      </div>\n      <div className=\"jfReportSelectOption-text\">\n        {itemText(item)}\n      </div>\n    </div>\n  );\n\n  return (\n    <DragOverlay\n      adjustScale={false}\n      dropAnimation={null}\n      style={{ cursor: 'grabbing' }}\n    >\n      <div\n        className={classNames('jfReportSelectOption forHelper withDnd', {\n          isSelected: isVisib,\n        })}\n        style={{ opacity: 0.9, transform: 'rotate(2deg)' }}\n      >\n        <div className=\"jfReportSelectOption-visibility\">\n          <label\n            className=\"jfReportChoice isLight hasNotText\"\n            htmlFor={`overlay-${id}`}\n          >\n            <input\n              checked={isVisib}\n              className=\"jfReportChoice-input\"\n              id={`overlay-${id}`}\n              readOnly\n              type=\"checkbox\"\n            />\n            <div className=\"jfReportChoice-labelIcon\">\n              <div className=\"jfReportChoice-label checkbox\" />\n            </div>\n          </label>\n        </div>\n        <div className=\"jfReportSelectOption-name\">\n          <DragHandle />\n          {content}\n        </div>\n      </div>\n    </DragOverlay>\n  );\n};\n\nLayerDragOverlay.propTypes = {\n  activeItemData: PropTypes.shape({\n    icon: PropTypes.elementType,\n    item: PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      isVisible: PropTypes.bool,\n      itemType: PropTypes.string,\n    }),\n  }).isRequired,\n};\n\nexport default memo(LayerDragOverlay);\n"],"names":["DragHandle","_jsx","icons.drag","LayerDragOverlay","activeItemData","useTranslatedTexts","CHART_ELEMENT","CLICK_TO_EDIT_TEXT","CLIK_TO_EDIT_HEADER","PAGE_ELEMENT","RECTANGLE","Icon","icon","item","id","isVisible","isVisib","undefined","itemText","passedItem","itemType","capitalize","shapeType","text","headerText","value","stripHTML","content","_jsxs","cursor","classNames","isSelected","opacity","transform","propTypes","PropTypes","shape","elementType","string","isRequired","bool","memo"],"mappings":";;;;;;;;;AAQA,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,gBAAgB,GAAG,SAAnBA,gBAAmB,OAEnB;AAAA,MADJC,cACI,QADJA,cACI;;AACJ,4BAMIC,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,MAAcC,IAAd,GAA6BP,cAA7B,CAAQQ,IAAR;AAAA,MAAoBC,IAApB,GAA6BT,cAA7B,CAAoBS,IAApB;AACA,MAAQC,EAAR,GAA0BD,IAA1B,CAAQC,EAAR;AAAA,MAAYC,SAAZ,GAA0BF,IAA1B,CAAYE,SAAZ;AACA,MAAMC,OAAO,GAAGD,SAAS,KAAKE,SAAd,GAA0BF,SAA1B,GAAsC,IAAtD;;AAEA,MAAMG,QAAQ,GAAG,SAAXA,QAAW,CAAAC,UAAU,EAAI;AAC7B,QAAIA,UAAU,CAACC,QAAX,KAAwB,QAA5B,EAAsC;AACpC,aAAOC,UAAU,CAACF,UAAU,CAACG,SAAX,IAAwBZ,SAAzB,CAAjB;AACD;;AACD,QAAIS,UAAU,CAACC,QAAX,KAAwB,OAA5B,EAAqC;AACnC,aAAOD,UAAU,CAACI,IAAX,IAAmBjB,aAA1B;AACD;;AACD,QAAIa,UAAU,CAACC,QAAX,KAAwB,QAA5B,EAAsC;AACpC,aAAOD,UAAU,CAACK,UAAX,IAAyBhB,mBAAhC;AACD;;AACD,QAAIW,UAAU,CAACC,QAAX,KAAwB,MAA5B,EAAoC;AAClC,aAAOD,UAAU,CAACM,KAAX,GAAmBC,SAAS,CAACP,UAAU,CAACM,KAAZ,CAA5B,GAAiDlB,kBAAxD;AACD;;AACD,WAAOc,UAAU,CAACF,UAAU,CAACC,QAAX,IAAuBX,YAAxB,CAAjB;AACD,GAdD;;AAgBA,MAAMkB,OAAO,gBACXC;AAAK,IAAA,SAAS,EAAC,sBAAf;AAAA,4BACE3B;AAAK,MAAA,SAAS,EAAC,2BAAf;AAAA,6BACEA,IAAC,IAAD;AADF,MADF,eAIEA;AAAK,MAAA,SAAS,EAAC,2BAAf;AAAA,gBACGiB,QAAQ,CAACL,IAAD;AADX,MAJF;AAAA,IADF;;AAWA,sBACEZ,IAAC,WAAD;AACE,IAAA,WAAW,EAAE,KADf;AAEE,IAAA,aAAa,EAAE,IAFjB;AAGE,IAAA,KAAK,EAAE;AAAE4B,MAAAA,MAAM,EAAE;AAAV,KAHT;AAAA,2BAKED;AACE,MAAA,SAAS,EAAEE,UAAU,CAAC,wCAAD,EAA2C;AAC9DC,QAAAA,UAAU,EAAEf;AADkD,OAA3C,CADvB;AAIE,MAAA,KAAK,EAAE;AAAEgB,QAAAA,OAAO,EAAE,GAAX;AAAgBC,QAAAA,SAAS,EAAE;AAA3B,OAJT;AAAA,8BAMEhC;AAAK,QAAA,SAAS,EAAC,iCAAf;AAAA,+BACE2B;AACE,UAAA,SAAS,EAAC,mCADZ;AAEE,UAAA,OAAO,oBAAad,EAAb,CAFT;AAAA,kCAIEb;AACE,YAAA,OAAO,EAAEe,OADX;AAEE,YAAA,SAAS,EAAC,sBAFZ;AAGE,YAAA,EAAE,oBAAaF,EAAb,CAHJ;AAIE,YAAA,QAAQ,MAJV;AAKE,YAAA,IAAI,EAAC;AALP,YAJF,eAWEb;AAAK,YAAA,SAAS,EAAC,0BAAf;AAAA,mCACEA;AAAK,cAAA,SAAS,EAAC;AAAf;AADF,YAXF;AAAA;AADF,QANF,eAuBE2B;AAAK,QAAA,SAAS,EAAC,2BAAf;AAAA,gCACE3B,IAAC,UAAD,KADF,EAEG0B,OAFH;AAAA,QAvBF;AAAA;AALF,IADF;AAoCD,CA9ED;;AAgFAxB,gBAAgB,CAAC+B,SAAjB,GAA6B;AAC3B9B,EAAAA,cAAc,EAAE+B,SAAS,CAACC,KAAV,CAAgB;AAC9BxB,IAAAA,IAAI,EAAEuB,SAAS,CAACE,WADc;AAE9BxB,IAAAA,IAAI,EAAEsB,SAAS,CAACC,KAAV,CAAgB;AACpBtB,MAAAA,EAAE,EAAEqB,SAAS,CAACG,MAAV,CAAiBC,UADD;AAEpBxB,MAAAA,SAAS,EAAEoB,SAAS,CAACK,IAFD;AAGpBpB,MAAAA,QAAQ,EAAEe,SAAS,CAACG;AAHA,KAAhB;AAFwB,GAAhB,EAObC;AARwB,CAA7B;AAWA,sCAAeE,IAAI,CAACtC,gBAAD,CAAnB;;;;"}

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

@@ -7,6 +7,7 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { capitalize, stripHTML } from '../../../utils/string.js';
 import { useTranslatedTexts } from '../../../utils/hooks.js';
+import { useBuilderStore } from '../../../contexts/BuilderContext.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import SvgDrag from '../../../assets/svg/settings/drag.svg.js';
 
@@ -30,8 +31,7 @@ var LayerItem = function LayerItem(_ref) {
       itemId = _ref.id,
       item = _ref.item,
       onItemChange = _ref.onItemChange,
-      optionKey = _ref.optionKey,
-      setActiveElement = _ref.setActiveElement;
+      optionKey = _ref.optionKey;
 
   var _useSortable = useSortable({
     id: itemId
@@ -43,6 +43,9 @@ var LayerItem = function LayerItem(_ref) {
       transform = _useSortable.transform,
       transition = _useSortable.transition;
 
+  var setActiveElements = useBuilderStore(function (state) {
+    return state.setActiveElements;
+  });
   var dragStyle = useMemo(function () {
     return {
       opacity: isDragging ? 0.5 : 1,
@@ -88,6 +91,11 @@ var LayerItem = function LayerItem(_ref) {
 
     return capitalize(item.itemType || PAGE_ELEMENT);
   }, [item.itemType, item.shapeType, item.headerText, item.text, item.value, RECTANGLE, CHART_ELEMENT, CLIK_TO_EDIT_HEADER, CLICK_TO_EDIT_TEXT, PAGE_ELEMENT]);
+
+  var handleClick = function handleClick() {
+    setActiveElements(id, false);
+  };
+
   var content = useMemo(function () {
     return /*#__PURE__*/jsxs("div", {
       className: "jfReportSelectOption",
@@ -105,9 +113,7 @@ var LayerItem = function LayerItem(_ref) {
     className: classNames('jfReportSelectOption', {
       isSelected: isVisib
     }),
-    onClick: function onClick() {
-      return setActiveElement(id, false);
-    },
+    onClick: handleClick,
     onKeyDown: function onKeyDown() {},
     style: dragStyle
   }, attributes), listeners), {}, {
@@ -151,8 +157,7 @@ LayerItem.propTypes = {
     value: PropTypes.string
   }),
   onItemChange: PropTypes.func,
-  optionKey: PropTypes.string,
-  setActiveElement: PropTypes.func
+  optionKey: PropTypes.string
 };
 var LayerItem$1 = /*#__PURE__*/memo(LayerItem);
 

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

@@ -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  }, [\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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"}
+{"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';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\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}) => {\n  const {\n    attributes,\n    isDragging,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({ id: itemId });\n\n  const setActiveElements = useBuilderStore(state => state.setActiveElements);\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 handleClick = () => {\n    setActiveElements(id, false);\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={handleClick}\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};\n\nexport default memo(LayerItem);\n"],"names":["DragHandle","_jsx","icons.drag","LayerItem","Icon","icon","itemId","id","item","onItemChange","optionKey","useSortable","attributes","isDragging","listeners","setNodeRef","transform","transition","setActiveElements","useBuilderStore","state","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","handleClick","content","_jsxs","classNames","isSelected","propTypes","PropTypes","elementType","string","shape","bool","func","memo"],"mappings":"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"}

package/lib/esm/components/Settings/PageLayer/PageLayer.js

@@ -127,12 +127,11 @@ var PageLayer = function PageLayer(_ref) {
             index: index,
             item: item,
             onItemChange: config.updater,
-            optionKey: index,
-            setActiveElement: config.setActiveElement
+            optionKey: index
           }, item.id);
         })
       })
-    }), /*#__PURE__*/jsx(LayerDragOverlay, {
+    }), activeItemData && /*#__PURE__*/jsx(LayerDragOverlay, {
       activeItemData: activeItemData
     })]
   }) : /*#__PURE__*/jsx("div", {
@@ -143,7 +142,6 @@ var PageLayer = function PageLayer(_ref) {
 
 PageLayer.propTypes = {
   config: PropTypes.shape({
-    setActiveElement: PropTypes.func,
     updater: PropTypes.func
   }),
   item: PropTypes.shape({

package/lib/esm/components/Settings/PageLayer/PageLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayer.js","sources":["../../../../../src/components/Settings/PageLayer/PageLayer.js"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors,\n} from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { arrayMove } from '../../../utils/functions';\nimport LayerItem from './LayerItem';\nimport LayerDragOverlay from './LayerDragOverlay';\nimport { elementIcons } from '../../../constants/elementIcons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst PageLayer = ({\n  config = {},\n  item: page = {},\n  onItemChange = () => {},\n}) => {\n  const [activeId, setActiveId] = useState(null);\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 0,\n      },\n    }),\n    useSensor(KeyboardSensor),\n  );\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 reversedItems = [...page.items].reverse();\n      const oldIndex = reversedItems.findIndex(item => item.id === active.id);\n      const newIndex = reversedItems.findIndex(item => item.id === over.id);\n\n      if (oldIndex !== -1 && newIndex !== -1) {\n        const newItems = arrayMove(reversedItems, oldIndex, newIndex).map(i => i.id);\n        onItemChange({\n          id: page.id,\n        }, { items: JSON.stringify([...newItems].reverse()) });\n      }\n    }\n  }, [page.id, page.items, onItemChange]);\n\n  const handleDragCancel = useCallback(() => {\n    setActiveId(null);\n  }, []);\n\n  const { NO_ELEMENT_IN_PAGE } = useTranslatedTexts();\n\n  const items = useMemo(() => {\n    if (!page.items || page.items.length === 0) return [];\n    return [...page.items].reverse().map(item => item.id);\n  }, [page.items]);\n\n  const activeItemData = useMemo(() => {\n    if (!activeId || !page.items) return null;\n\n    const reversedItems = [...page.items].reverse();\n    const activeItem = reversedItems.find(item => item.id === activeId);\n    if (!activeItem) return null;\n\n    const icon = elementIcons[activeItem.itemType]\n      ? elementIcons[activeItem.itemType]\n      : elementIcons.default;\n\n    return {\n      icon,\n      item: activeItem,\n    };\n  }, [activeId, page.items]);\n\n  return (\n    page.items && page.items.length > 0 ? (\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          <ul className=\"jfReportSelectOption-list withDnd forPageLayer\">\n            {[...page.items].reverse().map((item, index) => {\n              const icon = elementIcons[item.itemType]\n                ? elementIcons[item.itemType]\n                : elementIcons.default;\n              return (\n                <LayerItem\n                  key={item.id}\n                  icon={icon}\n                  id={item.id}\n                  index={index}\n                  item={item}\n                  onItemChange={config.updater}\n                  optionKey={index}\n                  setActiveElement={config.setActiveElement}\n                />\n              );\n            })}\n          </ul>\n        </SortableContext>\n        <LayerDragOverlay activeItemData={activeItemData} />\n      </DndContext>\n    ) : (\n      <div className=\"toolSection-notifier\">\n        {NO_ELEMENT_IN_PAGE}\n      </div>\n    )\n  );\n};\n\nPageLayer.propTypes = {\n  config: PropTypes.shape({\n    setActiveElement: PropTypes.func,\n    updater: PropTypes.func,\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n    isVisible: PropTypes.bool,\n    itemType: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n};\n\nexport default PageLayer;\n"],"names":["PageLayer","config","item","page","onItemChange","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","KeyboardSensor","handleDragStart","useCallback","event","active","id","handleDragEnd","over","reversedItems","items","reverse","oldIndex","findIndex","newIndex","newItems","arrayMove","map","i","JSON","stringify","handleDragCancel","useTranslatedTexts","NO_ELEMENT_IN_PAGE","useMemo","length","activeItemData","activeItem","find","icon","elementIcons","itemType","default","_jsxs","closestCenter","_jsx","verticalListSortingStrategy","index","updater","setActiveElement","propTypes","PropTypes","shape","func","string","isVisible","bool"],"mappings":"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"}
+{"version":3,"file":"PageLayer.js","sources":["../../../../../src/components/Settings/PageLayer/PageLayer.js"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors,\n} from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { arrayMove } from '../../../utils/functions';\nimport LayerItem from './LayerItem';\nimport LayerDragOverlay from './LayerDragOverlay';\nimport { elementIcons } from '../../../constants/elementIcons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst PageLayer = ({\n  config = {},\n  item: page = {},\n  onItemChange = () => {},\n}) => {\n  const [activeId, setActiveId] = useState(null);\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 0,\n      },\n    }),\n    useSensor(KeyboardSensor),\n  );\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 reversedItems = [...page.items].reverse();\n      const oldIndex = reversedItems.findIndex(item => item.id === active.id);\n      const newIndex = reversedItems.findIndex(item => item.id === over.id);\n\n      if (oldIndex !== -1 && newIndex !== -1) {\n        const newItems = arrayMove(reversedItems, oldIndex, newIndex).map(i => i.id);\n        onItemChange({\n          id: page.id,\n        }, { items: JSON.stringify([...newItems].reverse()) });\n      }\n    }\n  }, [page.id, page.items, onItemChange]);\n\n  const handleDragCancel = useCallback(() => {\n    setActiveId(null);\n  }, []);\n\n  const { NO_ELEMENT_IN_PAGE } = useTranslatedTexts();\n\n  const items = useMemo(() => {\n    if (!page.items || page.items.length === 0) return [];\n    return [...page.items].reverse().map(item => item.id);\n  }, [page.items]);\n\n  const activeItemData = useMemo(() => {\n    if (!activeId || !page.items) return null;\n\n    const reversedItems = [...page.items].reverse();\n    const activeItem = reversedItems.find(item => item.id === activeId);\n    if (!activeItem) return null;\n\n    const icon = elementIcons[activeItem.itemType]\n      ? elementIcons[activeItem.itemType]\n      : elementIcons.default;\n\n    return {\n      icon,\n      item: activeItem,\n    };\n  }, [activeId, page.items]);\n\n  return (\n    page.items && page.items.length > 0 ? (\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          <ul className=\"jfReportSelectOption-list withDnd forPageLayer\">\n            {[...page.items].reverse().map((item, index) => {\n              const icon = elementIcons[item.itemType]\n                ? elementIcons[item.itemType]\n                : elementIcons.default;\n              return (\n                <LayerItem\n                  key={item.id}\n                  icon={icon}\n                  id={item.id}\n                  index={index}\n                  item={item}\n                  onItemChange={config.updater}\n                  optionKey={index}\n                />\n              );\n            })}\n          </ul>\n        </SortableContext>\n        {activeItemData && <LayerDragOverlay activeItemData={activeItemData} />}\n      </DndContext>\n    ) : (\n      <div className=\"toolSection-notifier\">\n        {NO_ELEMENT_IN_PAGE}\n      </div>\n    )\n  );\n};\n\nPageLayer.propTypes = {\n  config: PropTypes.shape({\n    updater: PropTypes.func,\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n    isVisible: PropTypes.bool,\n    itemType: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n};\n\nexport default PageLayer;\n"],"names":["PageLayer","config","item","page","onItemChange","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","KeyboardSensor","handleDragStart","useCallback","event","active","id","handleDragEnd","over","reversedItems","items","reverse","oldIndex","findIndex","newIndex","newItems","arrayMove","map","i","JSON","stringify","handleDragCancel","useTranslatedTexts","NO_ELEMENT_IN_PAGE","useMemo","length","activeItemData","activeItem","find","icon","elementIcons","itemType","default","_jsxs","closestCenter","_jsx","verticalListSortingStrategy","index","updater","propTypes","PropTypes","shape","func","string","isVisible","bool"],"mappings":"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"}

package/lib/esm/components/TextEditor/CustomToolbar/CustomToolbarWrapper.js

@@ -1,14 +1,11 @@
-import { memo } from 'react';
 import PropTypes from 'prop-types';
 import CustomToolbar from './CustomToolbar.js';
 import { jsx } from 'react/jsx-runtime';
 
 var CustomToolbarWrapper = function CustomToolbarWrapper(_ref) {
-  var _ref$isTextEditorOpen = _ref.isTextEditorOpen,
-      isTextEditorOpen = _ref$isTextEditorOpen === void 0 ? false : _ref$isTextEditorOpen,
-      _ref$itemWidth = _ref.itemWidth,
+  var _ref$itemWidth = _ref.itemWidth,
       itemWidth = _ref$itemWidth === void 0 ? 0 : _ref$itemWidth;
-  return isTextEditorOpen && /*#__PURE__*/jsx("div", {
+  return /*#__PURE__*/jsx("div", {
     id: "toolbar",
     style: {
       pointerEvents: 'auto',
@@ -22,10 +19,8 @@ var CustomToolbarWrapper = function CustomToolbarWrapper(_ref) {
 };
 
 CustomToolbarWrapper.propTypes = {
-  isTextEditorOpen: PropTypes.bool,
   itemWidth: PropTypes.number
 };
-var CustomToolbarWrapper$1 = /*#__PURE__*/memo(CustomToolbarWrapper);
 
-export default CustomToolbarWrapper$1;
+export default CustomToolbarWrapper;
 //# sourceMappingURL=CustomToolbarWrapper.js.map

package/lib/esm/components/TextEditor/CustomToolbar/CustomToolbarWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomToolbarWrapper.js","sources":["../../../../../src/components/TextEditor/CustomToolbar/CustomToolbarWrapper.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport CustomToolbar from './CustomToolbar';\n\n// This wrapper is needed to prevent the re-render\n// of the toolbar id div since it breaks the editor\nconst CustomToolbarWrapper = ({\n  isTextEditorOpen = false,\n  itemWidth = 0,\n}) => isTextEditorOpen && (\n  <div\n    id=\"toolbar\"\n    style={{\n      pointerEvents: 'auto',\n      position: 'absolute',\n      top: '100%',\n    }}\n  >\n    <CustomToolbar itemWidth={itemWidth} />\n  </div>\n);\n\nCustomToolbarWrapper.propTypes = {\n  isTextEditorOpen: PropTypes.bool,\n  itemWidth: PropTypes.number,\n};\n\nexport default memo(CustomToolbarWrapper);\n"],"names":["CustomToolbarWrapper","isTextEditorOpen","itemWidth","_jsx","pointerEvents","position","top","propTypes","PropTypes","bool","number","memo"],"mappings":";;;;;AAMA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB;AAAA,mCAC3BC,gBAD2B;AAAA,MAC3BA,gBAD2B,sCACR,KADQ;AAAA,4BAE3BC,SAF2B;AAAA,MAE3BA,SAF2B,+BAEf,CAFe;AAAA,SAGvBD,gBAAgB,iBACpBE;AACE,IAAA,EAAE,EAAC,SADL;AAEE,IAAA,KAAK,EAAE;AACLC,MAAAA,aAAa,EAAE,MADV;AAELC,MAAAA,QAAQ,EAAE,UAFL;AAGLC,MAAAA,GAAG,EAAE;AAHA,KAFT;AAAA,2BAQEH,IAAC,aAAD;AAAe,MAAA,SAAS,EAAED;AAA1B;AARF,IAJ2B;AAAA,CAA7B;;AAgBAF,oBAAoB,CAACO,SAArB,GAAiC;AAC/BN,EAAAA,gBAAgB,EAAEO,SAAS,CAACC,IADG;AAE/BP,EAAAA,SAAS,EAAEM,SAAS,CAACE;AAFU,CAAjC;AAKA,0CAAeC,IAAI,CAACX,oBAAD,CAAnB;;;;"}
+{"version":3,"file":"CustomToolbarWrapper.js","sources":["../../../../../src/components/TextEditor/CustomToolbar/CustomToolbarWrapper.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport CustomToolbar from './CustomToolbar';\n\nconst CustomToolbarWrapper = ({\n  itemWidth = 0,\n}) => (\n  <div\n    id=\"toolbar\"\n    style={{\n      pointerEvents: 'auto',\n      position: 'absolute',\n      top: '100%',\n    }}\n  >\n    <CustomToolbar itemWidth={itemWidth} />\n  </div>\n);\n\nCustomToolbarWrapper.propTypes = {\n  itemWidth: PropTypes.number,\n};\n\nexport default CustomToolbarWrapper;\n"],"names":["CustomToolbarWrapper","itemWidth","_jsx","pointerEvents","position","top","propTypes","PropTypes","number"],"mappings":";;;;IAGMA,oBAAoB,GAAG,SAAvBA,oBAAuB;AAAA,4BAC3BC,SAD2B;AAAA,MAC3BA,SAD2B,+BACf,CADe;AAAA,sBAG3BC;AACE,IAAA,EAAE,EAAC,SADL;AAEE,IAAA,KAAK,EAAE;AACLC,MAAAA,aAAa,EAAE,MADV;AAELC,MAAAA,QAAQ,EAAE,UAFL;AAGLC,MAAAA,GAAG,EAAE;AAHA,KAFT;AAAA,2BAQEH,IAAC,aAAD;AAAe,MAAA,SAAS,EAAED;AAA1B;AARF,IAH2B;AAAA;;AAe7BD,oBAAoB,CAACM,SAArB,GAAiC;AAC/BL,EAAAA,SAAS,EAAEM,SAAS,CAACC;AADU,CAAjC;;;;"}

package/lib/esm/constants/texts.js

@@ -14,7 +14,6 @@ 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

@@ -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  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;;;;;"}
+{"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;;;;;"}

package/lib/esm/contexts/BuilderContext.js

@@ -10,12 +10,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -28,16 +22,23 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var builderStore = function builderStore(props) {
   return createStore(function (set, get) {
     return {
-      activeElement: props.activeElement || null,
+      activeElements: props.activeElement || [],
       activeTab: props.activeTab || {
         left: 0,
         right: 0
       },
       contextMenuProps: props.contextMenuProps || false,
       editedElement: props.editedElement || 'l_layout',
+      guides: {},
       isAllSlidesPanelOpen: props.isAllSlidesPanelOpen || false,
       isLeftPanelOpen: props.isLeftPanelOpen || false,
       isResize: false,
@@ -45,28 +46,41 @@ var builderStore = function builderStore(props) {
       isSlidesPanelOpen: props.isSlidesPanelOpen || false,
       isTextEditorOpen: props.isTextEditorOpen || false,
       lastScrollPosition: props.lastScrollPosition || 0,
+      matches: {},
       onRightPanelsToggled: props.onRightPanelsToggled || function () {},
-      setActiveElement: props.setActiveElement || function (itemID) {
+      resetActiveElements: props.resetActiveElements || function () {
+        set({
+          activeElements: [],
+          editedElement: 'l_layout'
+        });
+      },
+      setActiveElements: props.setActiveElements || function (itemID) {
         var edit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-        var multiple = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+        var replace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
 
-        if (!multiple) {
-          var config = {
-            activeElement: itemID === null ? null : [itemID]
-          };
+        var _get = get(),
+            activeElements = _get.activeElements;
 
-          if (edit) {
-            var editedElement = !itemID ? 'l_layout' : "i_".concat(itemID);
-            config.editedElement = editedElement;
-          }
-
-          set(config);
+        set(_objectSpread({
+          activeElements: replace ? [itemID] : [].concat(_toConsumableArray(activeElements), [itemID])
+        }, edit ? {
+          editedElement: !itemID ? 'l_layout' : "i_".concat(itemID)
+        } : {}));
+      },
+      setActiveElementsSelection: props.setActiveElementsSelection || function (itemIDs) {
+        if (!itemIDs || itemIDs.length === 0) {
+          set({
+            activeElements: [],
+            editedElement: 'l_layout'
+          });
+        } else if (itemIDs.length === 1) {
+          set({
+            activeElements: itemIDs,
+            editedElement: "i_".concat(itemIDs[0])
+          });
         } else {
-          var _get = get(),
-              activeElement = _get.activeElement;
-
           set({
-            activeElement: activeElement === null ? [itemID] : [].concat(_toConsumableArray(activeElement), [itemID])
+            activeElements: itemIDs
           });
         }
       },
@@ -88,6 +102,11 @@ var builderStore = function builderStore(props) {
           editedElement: id
         });
       },
+      setGuides: function setGuides(guides) {
+        set({
+          guides: guides
+        });
+      },
       setIsAllSlidesPanelOpen: function setIsAllSlidesPanelOpen(status) {
         set({
           isAllSlidesPanelOpen: status
@@ -141,6 +160,11 @@ var builderStore = function builderStore(props) {
           isTextEditorOpen: status
         });
       },
+      setMatches: function setMatches(matches) {
+        set({
+          matches: matches
+        });
+      },
       setZoom: function setZoom(zoom, layoutWidth) {
         set({
           zoom: zoom

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

@@ -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    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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"}
+{"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    activeElements: props.activeElement || [],\n    activeTab: props.activeTab || { left: 0, right: 0 },\n    contextMenuProps: props.contextMenuProps || false,\n    editedElement: props.editedElement || 'l_layout',\n    guides: {},\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    matches: {},\n    onRightPanelsToggled: props.onRightPanelsToggled || (() => {}),\n    resetActiveElements: props.resetActiveElements || (() => {\n      set({ activeElements: [], editedElement: 'l_layout' });\n    }),\n    setActiveElements: props.setActiveElements || ((itemID, edit = true, replace = true) => {\n      const { activeElements } = get();\n      set({\n        activeElements: replace ? [itemID] : [...activeElements, itemID],\n        ...edit ? { editedElement: !itemID ? 'l_layout' : `i_${itemID}` } : {},\n      });\n    }),\n    setActiveElementsSelection: props.setActiveElementsSelection || (itemIDs => {\n      if (!itemIDs || itemIDs.length === 0) {\n        set({ activeElements: [], editedElement: 'l_layout' });\n      } else if (itemIDs.length === 1) {\n        set({\n          activeElements: itemIDs,\n          editedElement: `i_${itemIDs[0]}`,\n        });\n      } else {\n        set({ activeElements: itemIDs });\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    setGuides: guides => {\n      set({ guides });\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    setMatches: matches => {\n      set({ matches });\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","activeElements","activeElement","activeTab","left","right","contextMenuProps","editedElement","guides","isAllSlidesPanelOpen","isLeftPanelOpen","isResize","isRightPanelOpen","isSlidesPanelOpen","isTextEditorOpen","lastScrollPosition","matches","onRightPanelsToggled","resetActiveElements","setActiveElements","itemID","edit","replace","setActiveElementsSelection","itemIDs","length","setActiveTab","panel","tabIndex","setContextMenuProps","status","setEditedElement","id","setGuides","setIsAllSlidesPanelOpen","setIsLeftPanelOpen","isEnoughCanvasSize","setIsResize","setIsRightPanelOpen","setIsSlidesPanelOpen","setIsTextEditorOpen","setMatches","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/styles/_jfDarkTheme.scss

@@ -382,11 +382,6 @@
     }
   }
 
-  .forAllSlides:not(.jfReport-toolbox) .paneClose .jfReportSVG {
-    width: 16px;
-    height: 16px;
-  }
-
   .forSlides .paneToggler {
     background-color: #343C6A;
   }

package/lib/esm/styles/_jfPrint.scss

@@ -21,10 +21,6 @@
   height: 100vh !important;
 }
 .jfReport.printMode .jfReport-viewport {
-  *:not(.jfGrid-colHeaderContainer):not(.jfGrid-colHeaderContainer *) {
-    overflow: hidden !important;
-  }
-
   display: block;
 }
 .jfReport.printMode [id*="presentation-page-"] {

package/lib/esm/styles/_jfReportsPages.scss

@@ -158,7 +158,7 @@
   color: #fff;
   display: block;
   position: absolute;
-  width: 165px;
+  width: 225px;
   z-index: 10;
   box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
 }
@@ -168,12 +168,14 @@
   cursor: pointer;
   display: flex;
   align-items: center;
+  justify-content: flex-start;
   background: none;
   border: none;
   height: 45px;
   width: 100%;
   font-size: 0.875rem;
   padding-left: 14px;
+  text-align: left;
 
   .contextMenu-icon {
     margin-right: 9px;
@@ -190,6 +192,13 @@
     }
   }
 
+  .contextMenu-text {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    line-height: 1.2;
+  }
+
   &:hover {
     background: #f0f0f0;
   }
@@ -199,8 +208,8 @@
 
   .contextMenu-icon {
     svg {
-      width: 10px;
-      height: 14px;
+      width: 16px;
+      height: 16px;
     }
   }
 }