@jotforminc/dnd-builder 3.0.0-alpha.1 → 3.0.0

package/CHANGELOG.md

@@ -2,6 +2,199 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [3.0.0](https://github.com/jotform/dnd-builder/compare/v2.9.19...v3.0.0) (2026-01-23)
+
+
+### Bug Fixes
+
+* **dnd-builder:** add page and duplicate for page thumbnails ([82758d7](https://github.com/jotform/dnd-builder/commit/82758d7ba37a8134bc1dd17dabdbef9fc3e493ce))
+* do not force overflow hidden style for grid item ([9448109](https://github.com/jotform/dnd-builder/commit/9448109b87219605e87956438890711a7b45f4cb))
+* do not force overflow hidden style for grid item ([5e0e420](https://github.com/jotform/dnd-builder/commit/5e0e4206d2502c8aab8f6c92bcaacf17befc3a83))
+* react-hooks/exhaustive-deps rule is closed temporarily ([eb43fda](https://github.com/jotform/dnd-builder/commit/eb43fda2f3bc34c65eae11d28bc840f16c68c6c6))
+* **SizeSettings:** avoid change aspect ratio when stack size change ([b685219](https://github.com/jotform/dnd-builder/commit/b6852191f2ce00056f665daa22892170f54bf532))
+
+### [2.9.19](https://github.com/jotform/dnd-builder/compare/v2.9.18...v2.9.19) (2026-01-16)
+
+
+### Bug Fixes
+
+* all of defaultProps are removed ([9165427](https://github.com/jotform/dnd-builder/commit/916542744cdeb3df4d08a14936f16036e2bae6e0))
+* dnd operations fix & refactor ([2ffb3be](https://github.com/jotform/dnd-builder/commit/2ffb3be0417618f8a4b64842c692d27ec712561e))
+* **dnd-builder:** replace onKeyDown handler with emptyFunction ([ff7fd93](https://github.com/jotform/dnd-builder/commit/ff7fd936222157f2dd4d110eab5ef5307e33b443))
+* **dnd-builder:** set item type droppable element ([9175d49](https://github.com/jotform/dnd-builder/commit/9175d494a85ad079759997e6df67c98f7fec0add))
+* revert version of eslint-plugin-react-hooks ([040e308](https://github.com/jotform/dnd-builder/commit/040e3081138a3e37c8b5e36eef17e676dc0f58e1))
+* yarn.lock ([e2ea5f5](https://github.com/jotform/dnd-builder/commit/e2ea5f562931e1d73b6c755b458f02ac42fdc6f0))
+
+### [2.9.18](https://github.com/jotform/dnd-builder/compare/v2.9.17...v2.9.18) (2026-01-13)
+
+### [2.9.16](https://github.com/jotform/dnd-builder/compare/v2.9.15...v2.9.16) (2026-01-09)
+
+### [2.9.15](https://github.com/jotform/dnd-builder/compare/v2.9.14...v2.9.15) (2025-12-02)
+
+
+### Bug Fixes
+
+* **Image:** update image URL handling to use additionalProps for dynamic source ([e65156c](https://github.com/jotform/dnd-builder/commit/e65156c431422eda6cb6f3797dfa4612f1f7b206))
+
+### [2.9.14](https://github.com/jotform/dnd-builder/compare/v2.9.12...v2.9.14) (2025-12-02)
+
+
+### Bug Fixes
+
+* **dnd-builder:** page element id added for selector usage ([6167a48](https://github.com/jotform/dnd-builder/commit/6167a4847f7685e8dc9b3af2670a51c161dfcc8e))
+
+### [2.9.13](https://github.com/jotform/dnd-builder/compare/v2.9.12...v2.9.13) (2025-11-21)
+
+
+### Bug Fixes
+
+* **dnd-builder:** page element id added for selector usage ([6167a48](https://github.com/jotform/dnd-builder/commit/6167a4847f7685e8dc9b3af2670a51c161dfcc8e))
+
+### [2.9.12](https://github.com/jotform/dnd-builder/compare/v2.9.11...v2.9.12) (2025-11-13)
+
+
+### Bug Fixes
+
+* **colorpicker:** normalizedValue should be saved ([1be990d](https://github.com/jotform/dnd-builder/commit/1be990df5d136ec3ea2fdf08d4e8059fc78b0d5f))
+
+### [2.9.11](https://github.com/jotform/dnd-builder/compare/v2.9.10...v2.9.11) (2025-11-13)
+
+
+### Bug Fixes
+
+* **colorpicker:** setColorValue fix ([b6eb1bd](https://github.com/jotform/dnd-builder/commit/b6eb1bdd0732895e23e078117402d1e71bac9803))
+
+### [2.9.10](https://github.com/jotform/dnd-builder/compare/v2.9.9...v2.9.10) (2025-11-13)
+
+### [2.9.9](https://github.com/jotform/dnd-builder/compare/v2.9.8...v2.9.9) (2025-11-13)
+
+
+### Bug Fixes
+
+* **colorpicker:** validate hex color code ([215d1e7](https://github.com/jotform/dnd-builder/commit/215d1e712aaf9a1363c6f3b191288368bfbe16f4))
+
+### [2.9.8](https://github.com/jotform/dnd-builder/compare/v2.9.7...v2.9.8) (2025-10-14)
+
+
+### Bug Fixes
+
+* **quilleditor:** content should be set if source is equal user ([8ac4058](https://github.com/jotform/dnd-builder/commit/8ac405844e0ba4c4c0678149ada5ab7d13ac02ff))
+
+### [2.9.7](https://github.com/jotform/dnd-builder/compare/v2.9.6...v2.9.7) (2025-06-25)
+
+
+### Bug Fixes
+
+* **dnd-builder:** print style updates ([d04e92b](https://github.com/jotform/dnd-builder/commit/d04e92b6ee3eaac3fd3a8708e779b9ed01898732))
+
+### [2.9.6](https://github.com/jotform/dnd-builder/compare/v2.9.5...v2.9.6) (2024-12-18)
+
+
+### Bug Fixes
+
+* **dnd-builder:** fix same time multi backends error ([082ee11](https://github.com/jotform/dnd-builder/commit/082ee11cd9e0a23551d01786fe0dde6427038837))
+
+### [2.9.5](https://github.com/jotform/dnd-builder/compare/v2.9.4...v2.9.5) (2024-11-12)
+
+### [2.9.4](https://github.com/jotform/dnd-builder/compare/v2.9.3...v2.9.4) (2024-10-08)
+
+
+### Bug Fixes
+
+* **dnd-builder:** sass warning fixes ([bd22dd0](https://github.com/jotform/dnd-builder/commit/bd22dd0b7c997859c06acf02adc925af0b80567a))
+
+### [2.9.3](https://github.com/jotform/dnd-builder/compare/v2.9.2...v2.9.3) (2024-02-14)
+
+
+### Bug Fixes
+
+* **dnd-builder:** fixes for lint ([2ea65b8](https://github.com/jotform/dnd-builder/commit/2ea65b8660fe87d8295bf7cd2149f55ed39e5272))
+* **dnd-builder:** lint fixes ([6790b7c](https://github.com/jotform/dnd-builder/commit/6790b7c9f3d81318770c9e7ad8a04e6761b36f28))
+* **dnd-builder:** text element height update on edit mode ([1ce5e95](https://github.com/jotform/dnd-builder/commit/1ce5e95b20b671deaea4330f00f5de40ea27826b))
+
+### [2.9.2](https://github.com/jotform/dnd-builder/compare/v2.9.1...v2.9.2) (2024-01-16)
+
+### [2.9.1](https://github.com/CemTunaKoc/dnd-builder/compare/v2.9.0...v2.9.1) (2024-01-15)
+
+
+### Bug Fixes
+
+* **dnd-builder:** onPageAdd prop added ([8e44a13](https://github.com/CemTunaKoc/dnd-builder/commit/8e44a130297379a394999fd38618e3846537bbb9))
+
+## [2.9.0](https://github.com/jotform/dnd-builder/compare/v2.8.2...v2.9.0) (2023-12-26)
+
+
+### Features
+
+* **slides-panel:** isThumbnail prop is added for slides panel item ([be0418a](https://github.com/jotform/dnd-builder/commit/be0418a74179e9c885afc17c0a399ed15e7ecff6))
+
+### [2.8.2](https://github.com/jotform/dnd-builder/compare/v2.8.1...v2.8.2) (2023-12-25)
+
+### [2.8.1](https://github.com/jotform/dnd-builder/compare/v2.8.0...v2.8.1) (2023-11-27)
+
+
+### Bug Fixes
+
+* **dnd-builder:** escape escape key ([a4c95e1](https://github.com/jotform/dnd-builder/commit/a4c95e18f41ed546f1cb6fa291a91912fc430537))
+* **dnd-builder:** lint ([7bed875](https://github.com/jotform/dnd-builder/commit/7bed87572c51d0d16cfdf4f8018f9297d744f161))
+* **dnd-builder:** lint ([11b993d](https://github.com/jotform/dnd-builder/commit/11b993d529f9aaee41fa0bf2a25845cf76b3c6eb))
+
+## [2.8.0](https://github.com/jotform/dnd-builder/compare/v2.7.1...v2.8.0) (2023-11-27)
+
+
+### Features
+
+* **dnd-builder:** enforce role-based ignores in click outside ([fce52a3](https://github.com/jotform/dnd-builder/commit/fce52a3d8517b0b66ec5524bd2f3ae27037733aa))
+
+### [2.7.1](https://github.com/jotform/dnd-builder/compare/v2.7.0...v2.7.1) (2023-11-22)
+
+
+### Bug Fixes
+
+* **panel-elements:** size settings lock button alignment ([e221915](https://github.com/jotform/dnd-builder/commit/e22191523a06ba1b6c5616299e4de6eefe20f665))
+
+## [2.7.0](https://github.com/jotform/dnd-builder/compare/v2.6.1...v2.7.0) (2023-10-03)
+
+
+### Features
+
+* exceptionalClass update for resetDefaultText in pageItemResizer ([f4d9a02](https://github.com/jotform/dnd-builder/commit/f4d9a02b40746065a3b5c6d233eae3d17848440a))
+
+### [2.6.1](https://github.com/jotform/dnd-builder/compare/v2.6.0...v2.6.1) (2023-10-03)
+
+## [2.6.0](https://github.com/jotform/dnd-builder/compare/v2.5.10...v2.6.0) (2023-10-03)
+
+
+### Features
+
+* exceptionalClass update for contextMenu in pageItemResizer ([5b8e161](https://github.com/jotform/dnd-builder/commit/5b8e161df9adfb1b701b67346f91872f326dbbac))
+
+### [2.5.10](https://github.com/jotform/dnd-builder/compare/v2.5.9...v2.5.10) (2023-09-13)
+
+
+### Bug Fixes
+
+* **dnd-builder:** temporary fix for chromium svg rendering issue ([8d3b566](https://github.com/jotform/dnd-builder/commit/8d3b56612a423d1e786692dbd0f686d5546a9bd8))
+
+### [2.5.9](https://github.com/jotform/dnd-builder/compare/v2.5.6...v2.5.9) (2023-08-23)
+
+
+### Bug Fixes
+
+* **dnd-builder:** missing translations ([54d8fef](https://github.com/jotform/dnd-builder/commit/54d8feff7ad433504e7b6841ccb5c2e3eeefbb4c))
+* **dnd-builder:** missing translations and search bar icon spacing ([c6a44b7](https://github.com/jotform/dnd-builder/commit/c6a44b79ce89758fcba239688202a4ba0ad1857b))
+* **dnd-builder:** replace images with cdn ([4ac3bb3](https://github.com/jotform/dnd-builder/commit/4ac3bb35ca283ff50a42f8a9e6ce86fd45ca4259))
+* **dnd-builder:** replace images with cdn ([f7d1e4c](https://github.com/jotform/dnd-builder/commit/f7d1e4c1e1f2c9dd76f19528a9a7dc2b5bf24e74))
+
+### [2.5.8](https://github.com/jotform/dnd-builder/compare/v2.5.6...v2.5.8) (2023-07-26)
+
+
+### Bug Fixes
+
+* **dnd-builder:** missing translations ([54d8fef](https://github.com/jotform/dnd-builder/commit/54d8feff7ad433504e7b6841ccb5c2e3eeefbb4c))
+* **dnd-builder:** replace images with cdn ([4ac3bb3](https://github.com/jotform/dnd-builder/commit/4ac3bb35ca283ff50a42f8a9e6ce86fd45ca4259))
+* **dnd-builder:** replace images with cdn ([f7d1e4c](https://github.com/jotform/dnd-builder/commit/f7d1e4c1e1f2c9dd76f19528a9a7dc2b5bf24e74))
+
 ### [2.5.7](https://github.com/jotform/dnd-builder/compare/v2.5.6...v2.5.7) (2023-05-08)
 
 

package/lib/cjs/components/AlignmentGuides.js

@@ -7,6 +7,7 @@ require('core-js/modules/es.object.to-string.js');
 require('core-js/modules/es.regexp.to-string.js');
 var React = require('react');
 var PropTypes = require('prop-types');
+var BuilderContext = require('../contexts/BuilderContext.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -17,10 +18,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var AlignmentGuides = function AlignmentGuides(_ref) {
   var axis = _ref.axis,
-      guides = _ref.guides,
-      matches = _ref.matches,
-      show = _ref.show,
-      zoom = _ref.zoom;
+      _ref$guides = _ref.guides,
+      guides = _ref$guides === void 0 ? {} : _ref$guides,
+      _ref$matches = _ref.matches,
+      matches = _ref$matches === void 0 ? {} : _ref$matches,
+      _ref$show = _ref.show,
+      show = _ref$show === void 0 ? false : _ref$show;
+  var zoom = BuilderContext.useBuilderStore(function (state) {
+    return state.zoom;
+  });
   if (Object.keys(matches).length === 0) return null;
   var styleKey = axis === 'x' ? 'left' : 'top';
   return Object.keys(guides).reduce(function (result, box) {
@@ -43,14 +49,7 @@ AlignmentGuides.propTypes = {
   axis: PropTypes__default['default'].oneOf(['x', 'y']).isRequired,
   guides: PropTypes__default['default'].shape({}),
   matches: PropTypes__default['default'].shape({}),
-  show: PropTypes__default['default'].bool,
-  zoom: PropTypes__default['default'].number
-};
-AlignmentGuides.defaultProps = {
-  guides: {},
-  matches: {},
-  show: false,
-  zoom: 1
+  show: PropTypes__default['default'].bool
 };
 var AlignmentGuides$1 = /*#__PURE__*/React.memo(AlignmentGuides);
 

package/lib/cjs/components/AlignmentGuides.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlignmentGuides.js","sources":["../../../src/components/AlignmentGuides.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst AlignmentGuides = ({\n  axis,\n  guides,\n  matches,\n  show,\n  zoom,\n}) => {\n  if (Object.keys(matches).length === 0) return null;\n  const styleKey = axis === 'x' ? 'left' : 'top';\n\n  return Object.keys(guides).reduce((result, box) => {\n    const guideClassNames = show ? `guide ${axis}Axis active` : `guide ${axis}Axis`;\n    const yAxisGuidesForCurrentBox = guides[box][axis].map((position, index) => {\n      if (\n        show\n        && matches\n        && matches[axis]\n        && matches[axis].intersection\n        && matches[axis].intersection === position\n      ) {\n        return (\n          <div\n            key={`${position}-${index.toString()}-${box}`}\n            className={guideClassNames}\n            style={{ [styleKey]: position / zoom }}\n          />\n        );\n      }\n      return null;\n    });\n\n    return result.concat(yAxisGuidesForCurrentBox);\n  }, []);\n};\n\nAlignmentGuides.propTypes = {\n  axis: PropTypes.oneOf(['x', 'y']).isRequired,\n  guides: PropTypes.shape({}),\n  matches: PropTypes.shape({}),\n  show: PropTypes.bool,\n  zoom: PropTypes.number,\n};\n\nAlignmentGuides.defaultProps = {\n  guides: {},\n  matches: {},\n  show: false,\n  zoom: 1,\n};\n\nexport default memo(AlignmentGuides);\n"],"names":["AlignmentGuides","axis","guides","matches","show","zoom","Object","keys","length","styleKey","reduce","result","box","guideClassNames","yAxisGuidesForCurrentBox","map","position","index","intersection","_jsx","toString","concat","propTypes","PropTypes","oneOf","isRequired","shape","bool","number","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAMlB;AAAA,MALJC,IAKI,QALJA,IAKI;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADJC,IACI,QADJA,IACI;AACJ,MAAIC,MAAM,CAACC,IAAP,CAAYJ,OAAZ,EAAqBK,MAArB,KAAgC,CAApC,EAAuC,OAAO,IAAP;AACvC,MAAMC,QAAQ,GAAGR,IAAI,KAAK,GAAT,GAAe,MAAf,GAAwB,KAAzC;AAEA,SAAOK,MAAM,CAACC,IAAP,CAAYL,MAAZ,EAAoBQ,MAApB,CAA2B,UAACC,MAAD,EAASC,GAAT,EAAiB;AACjD,QAAMC,eAAe,GAAGT,IAAI,mBAAYH,IAAZ,mCAAyCA,IAAzC,SAA5B;AACA,QAAMa,wBAAwB,GAAGZ,MAAM,CAACU,GAAD,CAAN,CAAYX,IAAZ,EAAkBc,GAAlB,CAAsB,UAACC,QAAD,EAAWC,KAAX,EAAqB;AAC1E,UACEb,IAAI,IACDD,OADH,IAEGA,OAAO,CAACF,IAAD,CAFV,IAGGE,OAAO,CAACF,IAAD,CAAP,CAAciB,YAHjB,IAIGf,OAAO,CAACF,IAAD,CAAP,CAAciB,YAAd,KAA+BF,QALpC,EAME;AACA,4BACEG;AAEE,UAAA,SAAS,EAAEN,eAFb;AAGE,UAAA,KAAK,sBAAKJ,QAAL,EAAgBO,QAAQ,GAAGX,IAA3B;AAHP,qBACUW,QADV,cACsBC,KAAK,CAACG,QAAN,EADtB,cAC0CR,GAD1C,EADF;AAOD;;AACD,aAAO,IAAP;AACD,KAjBgC,CAAjC;AAmBA,WAAOD,MAAM,CAACU,MAAP,CAAcP,wBAAd,CAAP;AACD,GAtBM,EAsBJ,EAtBI,CAAP;AAuBD,CAjCD;;AAmCAd,eAAe,CAACsB,SAAhB,GAA4B;AAC1BrB,EAAAA,IAAI,EAAEsB,6BAAS,CAACC,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BC,UADR;AAE1BvB,EAAAA,MAAM,EAAEqB,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAFkB;AAG1BvB,EAAAA,OAAO,EAAEoB,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAHiB;AAI1BtB,EAAAA,IAAI,EAAEmB,6BAAS,CAACI,IAJU;AAK1BtB,EAAAA,IAAI,EAAEkB,6BAAS,CAACK;AALU,CAA5B;AAQA5B,eAAe,CAAC6B,YAAhB,GAA+B;AAC7B3B,EAAAA,MAAM,EAAE,EADqB;AAE7BC,EAAAA,OAAO,EAAE,EAFoB;AAG7BC,EAAAA,IAAI,EAAE,KAHuB;AAI7BC,EAAAA,IAAI,EAAE;AAJuB,CAA/B;AAOA,qCAAeyB,UAAI,CAAC9B,eAAD,CAAnB;;;;"}
+{"version":3,"file":"AlignmentGuides.js","sources":["../../../src/components/AlignmentGuides.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useBuilderStore } from '../contexts/BuilderContext';\n\nconst AlignmentGuides = ({\n  axis,\n  guides = {},\n  matches = {},\n  show = false,\n}) => {\n  const zoom = useBuilderStore(state => state.zoom);\n  if (Object.keys(matches).length === 0) return null;\n  const styleKey = axis === 'x' ? 'left' : 'top';\n\n  return Object.keys(guides).reduce((result, box) => {\n    const guideClassNames = show ? `guide ${axis}Axis active` : `guide ${axis}Axis`;\n    const yAxisGuidesForCurrentBox = guides[box][axis].map((position, index) => {\n      if (\n        show\n        && matches\n        && matches[axis]\n        && matches[axis].intersection\n        && matches[axis].intersection === position\n      ) {\n        return (\n          <div\n            key={`${position}-${index.toString()}-${box}`}\n            className={guideClassNames}\n            style={{ [styleKey]: position / zoom }}\n          />\n        );\n      }\n      return null;\n    });\n\n    return result.concat(yAxisGuidesForCurrentBox);\n  }, []);\n};\n\nAlignmentGuides.propTypes = {\n  axis: PropTypes.oneOf(['x', 'y']).isRequired,\n  guides: PropTypes.shape({}),\n  matches: PropTypes.shape({}),\n  show: PropTypes.bool,\n};\n\nexport default memo(AlignmentGuides);\n"],"names":["AlignmentGuides","axis","guides","matches","show","zoom","useBuilderStore","state","Object","keys","length","styleKey","reduce","result","box","guideClassNames","yAxisGuidesForCurrentBox","map","position","index","intersection","_jsx","toString","concat","propTypes","PropTypes","oneOf","isRequired","shape","bool","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAIA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAKlB;AAAA,MAJJC,IAII,QAJJA,IAII;AAAA,yBAHJC,MAGI;AAAA,MAHJA,MAGI,4BAHK,EAGL;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,EAEN;AAAA,uBADJC,IACI;AAAA,MADJA,IACI,0BADG,KACH;AACJ,MAAMC,IAAI,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,IAAV;AAAA,GAAN,CAA5B;AACA,MAAIG,MAAM,CAACC,IAAP,CAAYN,OAAZ,EAAqBO,MAArB,KAAgC,CAApC,EAAuC,OAAO,IAAP;AACvC,MAAMC,QAAQ,GAAGV,IAAI,KAAK,GAAT,GAAe,MAAf,GAAwB,KAAzC;AAEA,SAAOO,MAAM,CAACC,IAAP,CAAYP,MAAZ,EAAoBU,MAApB,CAA2B,UAACC,MAAD,EAASC,GAAT,EAAiB;AACjD,QAAMC,eAAe,GAAGX,IAAI,mBAAYH,IAAZ,mCAAyCA,IAAzC,SAA5B;AACA,QAAMe,wBAAwB,GAAGd,MAAM,CAACY,GAAD,CAAN,CAAYb,IAAZ,EAAkBgB,GAAlB,CAAsB,UAACC,QAAD,EAAWC,KAAX,EAAqB;AAC1E,UACEf,IAAI,IACDD,OADH,IAEGA,OAAO,CAACF,IAAD,CAFV,IAGGE,OAAO,CAACF,IAAD,CAAP,CAAcmB,YAHjB,IAIGjB,OAAO,CAACF,IAAD,CAAP,CAAcmB,YAAd,KAA+BF,QALpC,EAME;AACA,4BACEG;AAEE,UAAA,SAAS,EAAEN,eAFb;AAGE,UAAA,KAAK,sBAAKJ,QAAL,EAAgBO,QAAQ,GAAGb,IAA3B;AAHP,qBACUa,QADV,cACsBC,KAAK,CAACG,QAAN,EADtB,cAC0CR,GAD1C,EADF;AAOD;;AACD,aAAO,IAAP;AACD,KAjBgC,CAAjC;AAmBA,WAAOD,MAAM,CAACU,MAAP,CAAcP,wBAAd,CAAP;AACD,GAtBM,EAsBJ,EAtBI,CAAP;AAuBD,CAjCD;;AAmCAhB,eAAe,CAACwB,SAAhB,GAA4B;AAC1BvB,EAAAA,IAAI,EAAEwB,6BAAS,CAACC,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BC,UADR;AAE1BzB,EAAAA,MAAM,EAAEuB,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAFkB;AAG1BzB,EAAAA,OAAO,EAAEsB,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAHiB;AAI1BxB,EAAAA,IAAI,EAAEqB,6BAAS,CAACI;AAJU,CAA5B;AAOA,qCAAeC,UAAI,CAAC9B,eAAD,CAAnB;;;;"}

package/lib/cjs/components/Builder/Builder.js

@@ -1,125 +1,39 @@
 'use strict';
 
-var React = require('react');
 var PropTypes = require('prop-types');
-var objectHash = require('object-hash');
 var DndWrapper = require('./DndWrapper.js');
-var builderContext = require('../../utils/builderContext.js');
-var propContext = require('../../utils/propContext.js');
-var ReportWrapper = require('../ReportWrapper.js');
 var Scene = require('./Scene.js');
 var RightPanel = require('../Panels/RightPanel/RightPanel.js');
 var LeftPanel = require('../Panels/LeftPanel/LeftPanel.js');
 var SlidesPanel = require('../Panels/SlidesPanel/SlidesPanel.js');
 var AllSlidesPanel = require('../Panels/AllSlidesPanel/AllSlidesPanel.js');
 var propTypes = require('../../constants/propTypes.js');
-require('intersection-observer');
 require('../../styles/jfReportsBundle.scss');
+var BuilderWrapper = require('./BuilderWrapper.js');
+var Providers = require('../../contexts/Providers.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var objectHash__default = /*#__PURE__*/_interopDefaultLegacy(objectHash);
-
-var _excluded = ["acceptedItems", "additionalPageItems", "disableInteraction", "itemAccessor", "lastScrollPosition", "leftPanelConfig", "onAnEventTrigger", "onItemAdd", "onItemChange", "onItemMove", "onItemRemove", "onItemResize", "onItemsMove", "onPageAdd", "onPageChange", "onPageDuplicate", "onPageOrdersChange", "onPageRemove", "onRightPanelsToggled", "onSettingChange", "pages", "settings", "theme", "useExperimentalFeatures"];
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-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; }
-
-var Builder = function Builder(_ref) {
-  var acceptedItems = _ref.acceptedItems,
-      additionalPageItems = _ref.additionalPageItems,
-      disableInteraction = _ref.disableInteraction,
-      itemAccessor = _ref.itemAccessor,
-      lastScrollPosition = _ref.lastScrollPosition,
-      leftPanelConfig = _ref.leftPanelConfig,
-      onAnEventTrigger = _ref.onAnEventTrigger,
-      onItemAdd = _ref.onItemAdd,
-      onItemChange = _ref.onItemChange,
-      onItemMove = _ref.onItemMove,
-      onItemRemove = _ref.onItemRemove,
-      onItemResize = _ref.onItemResize,
-      onItemsMove = _ref.onItemsMove,
-      onPageAdd = _ref.onPageAdd,
-      onPageChange = _ref.onPageChange,
-      onPageDuplicate = _ref.onPageDuplicate,
-      onPageOrdersChange = _ref.onPageOrdersChange,
-      onPageRemove = _ref.onPageRemove,
-      onRightPanelsToggled = _ref.onRightPanelsToggled,
-      onSettingChange = _ref.onSettingChange,
-      pages = _ref.pages,
-      settings = _ref.settings,
-      theme = _ref.theme,
-      useExperimentalFeatures = _ref.useExperimentalFeatures,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  var hashCode = objectHash__default['default'](otherProps);
-  return /*#__PURE__*/jsxRuntime.jsx(React.StrictMode, {
-    children: /*#__PURE__*/jsxRuntime.jsx(builderContext.BuilderProvider, {
-      onRightPanelsToggled: onRightPanelsToggled,
-      children: /*#__PURE__*/jsxRuntime.jsx(propContext.PropProvider, {
-        acceptedItems: acceptedItems,
-        disableInteraction: disableInteraction,
-        onAnEventTrigger: onAnEventTrigger,
-        settings: settings,
-        useExperimentalFeatures: useExperimentalFeatures,
-        children: /*#__PURE__*/jsxRuntime.jsxs(ReportWrapper, {
-          mode: "customize",
-          pageCount: pages.length,
-          theme: theme,
-          children: [/*#__PURE__*/jsxRuntime.jsxs(DndWrapper, {
-            children: [/*#__PURE__*/jsxRuntime.jsx(LeftPanel, {
-              leftPanelConfig: leftPanelConfig,
-              onItemAdd: onItemAdd
-            }), /*#__PURE__*/jsxRuntime.jsx(Scene, {
-              additionalPageItems: additionalPageItems,
-              hashCode: hashCode,
-              itemAccessor: itemAccessor,
-              lastScrollPosition: lastScrollPosition,
-              onItemAdd: onItemAdd,
-              onItemChange: onItemChange,
-              onItemMove: onItemMove,
-              onItemRemove: onItemRemove,
-              onItemResize: onItemResize,
-              onItemsMove: onItemsMove,
-              onPageAdd: onPageAdd,
-              onPageChange: onPageChange,
-              onPageDuplicate: onPageDuplicate,
-              onPageOrdersChange: onPageOrdersChange,
-              onPageRemove: onPageRemove,
-              pages: pages
-            })]
-          }), /*#__PURE__*/jsxRuntime.jsx(RightPanel, {
-            itemAccessor: itemAccessor,
-            onItemChange: onItemChange,
-            onPageChange: onPageChange,
-            onSettingChange: onSettingChange,
-            pages: pages
-          }), /*#__PURE__*/jsxRuntime.jsx(SlidesPanel, {
-            additionalPageItems: additionalPageItems,
-            hashCode: hashCode,
-            itemAccessor: itemAccessor,
-            onPageAdd: onPageAdd,
-            onPageDuplicate: onPageDuplicate,
-            onPageOrdersChange: onPageOrdersChange,
-            onPageRemove: onPageRemove,
-            pages: pages
-          }), useExperimentalFeatures && /*#__PURE__*/jsxRuntime.jsx(AllSlidesPanel, {
-            additionalPageItems: additionalPageItems,
-            hashCode: hashCode,
-            itemAccessor: itemAccessor,
-            onPageAdd: onPageAdd,
-            onPageDuplicate: onPageDuplicate,
-            onPageOrdersChange: onPageOrdersChange,
-            onPageRemove: onPageRemove,
-            pages: pages
-          })]
-        })
-      })
+
+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 Builder = function Builder(props) {
+  var useExperimentalFeatures = props.useExperimentalFeatures;
+  return /*#__PURE__*/jsxRuntime.jsx(Providers, _objectSpread(_objectSpread({
+    mode: "customize"
+  }, props), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(BuilderWrapper, {
+      children: [/*#__PURE__*/jsxRuntime.jsxs(DndWrapper, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(LeftPanel, {}), /*#__PURE__*/jsxRuntime.jsx(Scene, {})]
+      }), /*#__PURE__*/jsxRuntime.jsx(RightPanel, {}), /*#__PURE__*/jsxRuntime.jsx(SlidesPanel, {}), useExperimentalFeatures && /*#__PURE__*/jsxRuntime.jsx(AllSlidesPanel, {})]
     })
-  });
+  }));
 };
 
 Builder.propTypes = {
@@ -132,6 +46,8 @@ Builder.propTypes = {
 
   /** To pass in extra props to items selectively */
   itemAccessor: PropTypes__default['default'].func,
+
+  /** Last scroll position */
   lastScrollPosition: PropTypes__default['default'].number,
   leftPanelConfig: propTypes.leftPanelConfigPropType,
 
@@ -188,32 +104,6 @@ Builder.propTypes = {
   theme: PropTypes__default['default'].oneOf(['lightMode', 'darkMode']),
   useExperimentalFeatures: PropTypes__default['default'].bool
 };
-Builder.defaultProps = {
-  acceptedItems: {},
-  additionalPageItems: [],
-  disableInteraction: [],
-  itemAccessor: function itemAccessor() {},
-  lastScrollPosition: 0,
-  leftPanelConfig: [],
-  onAnEventTrigger: function onAnEventTrigger() {},
-  onItemAdd: function onItemAdd() {},
-  onItemChange: function onItemChange() {},
-  onItemMove: function onItemMove() {},
-  onItemRemove: function onItemRemove() {},
-  onItemResize: function onItemResize() {},
-  onItemsMove: function onItemsMove() {},
-  onPageAdd: function onPageAdd() {},
-  onPageChange: function onPageChange() {},
-  onPageDuplicate: function onPageDuplicate() {},
-  onPageOrdersChange: function onPageOrdersChange() {},
-  onPageRemove: function onPageRemove() {},
-  onRightPanelsToggled: function onRightPanelsToggled() {},
-  onSettingChange: function onSettingChange() {},
-  pages: [],
-  settings: {},
-  theme: 'lightMode',
-  useExperimentalFeatures: false
-};
 
 module.exports = Builder;
 //# sourceMappingURL=Builder.js.map

package/lib/cjs/components/Builder/Builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"Builder.js","sources":["../../../../src/components/Builder/Builder.js"],"sourcesContent":["import { StrictMode } from 'react';\nimport PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport DndWrapper from './DndWrapper';\nimport { BuilderProvider } from '../../utils/builderContext';\nimport { PropProvider } from '../../utils/propContext';\nimport ReportWrapper from '../ReportWrapper';\nimport Scene from './Scene';\nimport RightPanel from '../Panels/RightPanel';\nimport LeftPanel from '../Panels/LeftPanel';\nimport SlidesPanel from '../Panels/SlidesPanel';\nimport AllSlidesPanel from '../Panels/AllSlidesPanel';\nimport { leftPanelConfigPropType } from '../../constants/propTypes';\n\nimport 'intersection-observer';\nimport '../../styles/jfReportsBundle.scss';\n\nconst Builder = ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  itemAccessor,\n  lastScrollPosition,\n  leftPanelConfig,\n  onAnEventTrigger,\n  onItemAdd,\n  onItemChange,\n  onItemMove,\n  onItemRemove,\n  onItemResize,\n  onItemsMove,\n  onPageAdd,\n  onPageChange,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  onRightPanelsToggled,\n  onSettingChange,\n  pages,\n  settings,\n  theme,\n  useExperimentalFeatures,\n  ...otherProps\n}) => {\n  const hashCode = objectHash(otherProps);\n\n  return (\n    <StrictMode>\n      <BuilderProvider onRightPanelsToggled={onRightPanelsToggled}>\n        <PropProvider\n          acceptedItems={acceptedItems}\n          disableInteraction={disableInteraction}\n          onAnEventTrigger={onAnEventTrigger}\n          settings={settings}\n          useExperimentalFeatures={useExperimentalFeatures}\n        >\n          <ReportWrapper\n            mode=\"customize\"\n            pageCount={pages.length}\n            theme={theme}\n          >\n            <DndWrapper>\n              <LeftPanel\n                leftPanelConfig={leftPanelConfig}\n                onItemAdd={onItemAdd}\n              />\n              <Scene\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                lastScrollPosition={lastScrollPosition}\n                onItemAdd={onItemAdd}\n                onItemChange={onItemChange}\n                onItemMove={onItemMove}\n                onItemRemove={onItemRemove}\n                onItemResize={onItemResize}\n                onItemsMove={onItemsMove}\n                onPageAdd={onPageAdd}\n                onPageChange={onPageChange}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            </DndWrapper>\n            <RightPanel\n              itemAccessor={itemAccessor}\n              onItemChange={onItemChange}\n              onPageChange={onPageChange}\n              onSettingChange={onSettingChange}\n              pages={pages}\n            />\n            <SlidesPanel\n              additionalPageItems={additionalPageItems}\n              hashCode={hashCode}\n              itemAccessor={itemAccessor}\n              onPageAdd={onPageAdd}\n              onPageDuplicate={onPageDuplicate}\n              onPageOrdersChange={onPageOrdersChange}\n              onPageRemove={onPageRemove}\n              pages={pages}\n            />\n            {useExperimentalFeatures && (\n              <AllSlidesPanel\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                onPageAdd={onPageAdd}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            )}\n          </ReportWrapper>\n        </PropProvider>\n      </BuilderProvider>\n    </StrictMode>\n  );\n};\n\nBuilder.propTypes = {\n  /** Items for to render in the report */\n  acceptedItems: PropTypes.shape({}),\n  /** Array of React components to render statically on each page (eg. watermark) */\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  /** To pass in extra props to items selectively */\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  leftPanelConfig: leftPanelConfigPropType,\n  /** To track and log user actions */\n  onAnEventTrigger: PropTypes.func,\n  /** Function called upon adding an item */\n  onItemAdd: PropTypes.func,\n  /** Function called upon editing an item */\n  onItemChange: PropTypes.func,\n  /** Function called upon moving an item */\n  onItemMove: PropTypes.func,\n  /** Function called upon removing an item */\n  onItemRemove: PropTypes.func,\n  /** Function called upon resizing an item */\n  onItemResize: PropTypes.func,\n  onItemsMove: PropTypes.func,\n  /** Function called upon adding a page */\n  onPageAdd: PropTypes.func,\n  /** Function called upon editing a page */\n  onPageChange: PropTypes.func,\n  /** Function called upon duplicating a page */\n  onPageDuplicate: PropTypes.func,\n  /** Function called upon reordering pages */\n  onPageOrdersChange: PropTypes.func,\n  /** Function called upon removing a page */\n  onPageRemove: PropTypes.func,\n  /** Function called when the slides or the right panel is\n   * toggled takes a boolean value to indicate whether or\n   * not the panel is toggled open.\n   */\n  onRightPanelsToggled: PropTypes.func,\n  /** Function called upon editing a general report setting */\n  onSettingChange: PropTypes.func,\n  /** Array of pages with their settings and items */\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  /** General report settings such as layout size and background color */\n  settings: PropTypes.shape({}),\n  /** Theme */\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n  useExperimentalFeatures: PropTypes.bool,\n};\n\nBuilder.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  disableInteraction: [],\n  itemAccessor: () => { },\n  lastScrollPosition: 0,\n  leftPanelConfig: [],\n  onAnEventTrigger: () => { },\n  onItemAdd: () => { },\n  onItemChange: () => { },\n  onItemMove: () => { },\n  onItemRemove: () => { },\n  onItemResize: () => { },\n  onItemsMove: () => { },\n  onPageAdd: () => { },\n  onPageChange: () => { },\n  onPageDuplicate: () => { },\n  onPageOrdersChange: () => { },\n  onPageRemove: () => { },\n  onRightPanelsToggled: () => { },\n  onSettingChange: () => { },\n  pages: [],\n  settings: {},\n  theme: 'lightMode',\n  useExperimentalFeatures: false,\n};\n\nexport default Builder;\n"],"names":["Builder","acceptedItems","additionalPageItems","disableInteraction","itemAccessor","lastScrollPosition","leftPanelConfig","onAnEventTrigger","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onRightPanelsToggled","onSettingChange","pages","settings","theme","useExperimentalFeatures","otherProps","hashCode","objectHash","_jsx","StrictMode","BuilderProvider","PropProvider","_jsxs","length","propTypes","PropTypes","shape","arrayOf","node","string","func","number","leftPanelConfigPropType","oneOf","bool","defaultProps"],"mappings":"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"}
+{"version":3,"file":"Builder.js","sources":["../../../../src/components/Builder/Builder.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport DndWrapper from './DndWrapper';\nimport Scene from './Scene';\nimport RightPanel from '../Panels/RightPanel';\nimport LeftPanel from '../Panels/LeftPanel';\nimport SlidesPanel from '../Panels/SlidesPanel';\nimport AllSlidesPanel from '../Panels/AllSlidesPanel';\nimport { leftPanelConfigPropType } from '../../constants/propTypes';\nimport '../../styles/jfReportsBundle.scss';\nimport BuilderWrapper from './BuilderWrapper';\nimport Providers from '../../contexts/Providers';\n\nconst Builder = props => {\n  const { useExperimentalFeatures } = props;\n  return (\n    <Providers\n      mode=\"customize\"\n      {...props}\n    >\n      <BuilderWrapper>\n        <DndWrapper>\n          <LeftPanel />\n          <Scene />\n        </DndWrapper>\n        <RightPanel />\n        <SlidesPanel />\n        {useExperimentalFeatures && (\n          <AllSlidesPanel />\n        )}\n      </BuilderWrapper>\n    </Providers>\n\n  );\n};\n\nBuilder.propTypes = {\n  /** Items for to render in the report */\n  acceptedItems: PropTypes.shape({}),\n  /** Array of React components to render statically on each page (eg. watermark) */\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  /** To pass in extra props to items selectively */\n  itemAccessor: PropTypes.func,\n  /** Last scroll position */\n  lastScrollPosition: PropTypes.number,\n  leftPanelConfig: leftPanelConfigPropType,\n  /** To track and log user actions */\n  onAnEventTrigger: PropTypes.func,\n  /** Function called upon adding an item */\n  onItemAdd: PropTypes.func,\n  /** Function called upon editing an item */\n  onItemChange: PropTypes.func,\n  /** Function called upon moving an item */\n  onItemMove: PropTypes.func,\n  /** Function called upon removing an item */\n  onItemRemove: PropTypes.func,\n  /** Function called upon resizing an item */\n  onItemResize: PropTypes.func,\n  onItemsMove: PropTypes.func,\n  /** Function called upon adding a page */\n  onPageAdd: PropTypes.func,\n  /** Function called upon editing a page */\n  onPageChange: PropTypes.func,\n  /** Function called upon duplicating a page */\n  onPageDuplicate: PropTypes.func,\n  /** Function called upon reordering pages */\n  onPageOrdersChange: PropTypes.func,\n  /** Function called upon removing a page */\n  onPageRemove: PropTypes.func,\n  /** Function called when the slides or the right panel is\n   * toggled takes a boolean value to indicate whether or\n   * not the panel is toggled open.\n   */\n  onRightPanelsToggled: PropTypes.func,\n  /** Function called upon editing a general report setting */\n  onSettingChange: PropTypes.func,\n  /** Array of pages with their settings and items */\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  /** General report settings such as layout size and background color */\n  settings: PropTypes.shape({}),\n  /** Theme */\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n  useExperimentalFeatures: PropTypes.bool,\n};\n\nexport default Builder;\n"],"names":["Builder","props","useExperimentalFeatures","_jsx","_jsxs","propTypes","acceptedItems","PropTypes","shape","additionalPageItems","arrayOf","node","disableInteraction","string","itemAccessor","func","lastScrollPosition","number","leftPanelConfig","leftPanelConfigPropType","onAnEventTrigger","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onRightPanelsToggled","onSettingChange","pages","settings","theme","oneOf","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAYMA,OAAO,GAAG,SAAVA,OAAU,CAAAC,KAAK,EAAI;AACvB,MAAQC,uBAAR,GAAoCD,KAApC,CAAQC,uBAAR;AACA,sBACEC,eAAC,SAAD;AACE,IAAA,IAAI,EAAC;AADP,KAEMF,KAFN;AAAA,2BAIEG,gBAAC,cAAD;AAAA,8BACEA,gBAAC,UAAD;AAAA,gCACED,eAAC,SAAD,KADF,eAEEA,eAAC,KAAD,KAFF;AAAA,QADF,eAKEA,eAAC,UAAD,KALF,eAMEA,eAAC,WAAD,KANF,EAOGD,uBAAuB,iBACtBC,eAAC,cAAD,KARJ;AAAA;AAJF,KADF;AAmBD;;AAEDH,OAAO,CAACK,SAAR,GAAoB;AAClB;AACAC,EAAAA,aAAa,EAAEC,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAFG;;AAGlB;AACAC,EAAAA,mBAAmB,EAAEF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACI,IAA5B,CAJH;AAKlBC,EAAAA,kBAAkB,EAAEL,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACM,MAA5B,CALF;;AAMlB;AACAC,EAAAA,YAAY,EAAEP,6BAAS,CAACQ,IAPN;;AAQlB;AACAC,EAAAA,kBAAkB,EAAET,6BAAS,CAACU,MATZ;AAUlBC,EAAAA,eAAe,EAAEC,iCAVC;;AAWlB;AACAC,EAAAA,gBAAgB,EAAEb,6BAAS,CAACQ,IAZV;;AAalB;AACAM,EAAAA,SAAS,EAAEd,6BAAS,CAACQ,IAdH;;AAelB;AACAO,EAAAA,YAAY,EAAEf,6BAAS,CAACQ,IAhBN;;AAiBlB;AACAQ,EAAAA,UAAU,EAAEhB,6BAAS,CAACQ,IAlBJ;;AAmBlB;AACAS,EAAAA,YAAY,EAAEjB,6BAAS,CAACQ,IApBN;;AAqBlB;AACAU,EAAAA,YAAY,EAAElB,6BAAS,CAACQ,IAtBN;AAuBlBW,EAAAA,WAAW,EAAEnB,6BAAS,CAACQ,IAvBL;;AAwBlB;AACAY,EAAAA,SAAS,EAAEpB,6BAAS,CAACQ,IAzBH;;AA0BlB;AACAa,EAAAA,YAAY,EAAErB,6BAAS,CAACQ,IA3BN;;AA4BlB;AACAc,EAAAA,eAAe,EAAEtB,6BAAS,CAACQ,IA7BT;;AA8BlB;AACAe,EAAAA,kBAAkB,EAAEvB,6BAAS,CAACQ,IA/BZ;;AAgClB;AACAgB,EAAAA,YAAY,EAAExB,6BAAS,CAACQ,IAjCN;;AAkClB;AACF;AACA;AACA;AACEiB,EAAAA,oBAAoB,EAAEzB,6BAAS,CAACQ,IAtCd;;AAuClB;AACAkB,EAAAA,eAAe,EAAE1B,6BAAS,CAACQ,IAxCT;;AAyClB;AACAmB,EAAAA,KAAK,EAAE3B,6BAAS,CAACG,OAAV,CACLH,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADK,CA1CW;;AA6ClB;AACA2B,EAAAA,QAAQ,EAAE5B,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CA9CQ;;AA+ClB;AACA4B,EAAAA,KAAK,EAAE7B,6BAAS,CAAC8B,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB,CAhDW;AAiDlBnC,EAAAA,uBAAuB,EAAEK,6BAAS,CAAC+B;AAjDjB,CAApB;;;;"}

package/lib/cjs/components/Builder/BuilderWrapper.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var ReportWrapper = require('../ReportWrapper.js');
+var PropContext = require('../../contexts/PropContext.js');
+var BuilderContext = require('../../contexts/BuilderContext.js');
+var hooks = require('../../utils/hooks.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+var BuilderWrapper = function BuilderWrapper(_ref) {
+  var children = _ref.children;
+  var decidedWhichPanelToOpen = React.useRef(false);
+  var pageCount = PropContext.usePropStore(function (state) {
+    return state.pages.length;
+  });
+  var isLeftPanelOpen = BuilderContext.useBuilderStore(function (state) {
+    return state.isLeftPanelOpen;
+  });
+  var isSlidesPanelOpen = BuilderContext.useBuilderStore(function (state) {
+    return state.isSlidesPanelOpen;
+  });
+  var setIsLeftPanelOpen = BuilderContext.useBuilderStore(function (state) {
+    return state.setIsLeftPanelOpen;
+  });
+  var setIsSlidesPanelOpen = BuilderContext.useBuilderStore(function (state) {
+    return state.setIsSlidesPanelOpen;
+  });
+  hooks.useFitZoom();
+  React.useEffect(function () {
+    if (!decidedWhichPanelToOpen.current) {
+      if (pageCount > 1) {
+        if (isLeftPanelOpen) {
+          setIsLeftPanelOpen(false);
+        }
+
+        setIsSlidesPanelOpen(true);
+      } else {
+        if (isSlidesPanelOpen) {
+          setIsSlidesPanelOpen(false);
+        }
+
+        setIsLeftPanelOpen(true);
+      }
+
+      decidedWhichPanelToOpen.current = true;
+    }
+  }, [pageCount, isLeftPanelOpen, isSlidesPanelOpen, setIsLeftPanelOpen, setIsSlidesPanelOpen]);
+  return /*#__PURE__*/jsxRuntime.jsx(ReportWrapper, {
+    mode: "customize",
+    children: children
+  });
+};
+
+BuilderWrapper.propTypes = {
+  children: PropTypes__default['default'].node.isRequired
+};
+
+module.exports = BuilderWrapper;
+//# sourceMappingURL=BuilderWrapper.js.map

package/lib/cjs/components/Builder/BuilderWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuilderWrapper.js","sources":["../../../../src/components/Builder/BuilderWrapper.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport ReportWrapper from '../ReportWrapper';\nimport { usePropStore } from '../../contexts/PropContext';\nimport { useBuilderStore } from '../../contexts/BuilderContext';\nimport { useFitZoom } from '../../utils/hooks';\n\nconst BuilderWrapper = ({ children }) => {\n  const decidedWhichPanelToOpen = useRef(false);\n\n  const pageCount = usePropStore(state => state.pages.length);\n  const isLeftPanelOpen = useBuilderStore(state => state.isLeftPanelOpen);\n  const isSlidesPanelOpen = useBuilderStore(state => state.isSlidesPanelOpen);\n  const setIsLeftPanelOpen = useBuilderStore(state => state.setIsLeftPanelOpen);\n  const setIsSlidesPanelOpen = useBuilderStore(state => state.setIsSlidesPanelOpen);\n\n  useFitZoom();\n\n  useEffect(() => {\n    if (!decidedWhichPanelToOpen.current) {\n      if (pageCount > 1) {\n        if (isLeftPanelOpen) {\n          setIsLeftPanelOpen(false);\n        }\n        setIsSlidesPanelOpen(true);\n      } else {\n        if (isSlidesPanelOpen) {\n          setIsSlidesPanelOpen(false);\n        }\n        setIsLeftPanelOpen(true);\n      }\n\n      decidedWhichPanelToOpen.current = true;\n    }\n  }, [\n    pageCount,\n    isLeftPanelOpen,\n    isSlidesPanelOpen,\n    setIsLeftPanelOpen,\n    setIsSlidesPanelOpen,\n  ]);\n\n  return (\n    <ReportWrapper mode=\"customize\">\n      {children}\n    </ReportWrapper>\n  );\n};\n\nBuilderWrapper.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default BuilderWrapper;\n"],"names":["BuilderWrapper","children","decidedWhichPanelToOpen","useRef","pageCount","usePropStore","state","pages","length","isLeftPanelOpen","useBuilderStore","isSlidesPanelOpen","setIsLeftPanelOpen","setIsSlidesPanelOpen","useFitZoom","useEffect","current","_jsx","propTypes","PropTypes","node","isRequired"],"mappings":";;;;;;;;;;;;;;IAOMA,cAAc,GAAG,SAAjBA,cAAiB,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACvC,MAAMC,uBAAuB,GAAGC,YAAM,CAAC,KAAD,CAAtC;AAEA,MAAMC,SAAS,GAAGC,wBAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,KAAN,CAAYC,MAAhB;AAAA,GAAN,CAA9B;AACA,MAAMC,eAAe,GAAGC,8BAAe,CAAC,UAAAJ,KAAK;AAAA,WAAIA,KAAK,CAACG,eAAV;AAAA,GAAN,CAAvC;AACA,MAAME,iBAAiB,GAAGD,8BAAe,CAAC,UAAAJ,KAAK;AAAA,WAAIA,KAAK,CAACK,iBAAV;AAAA,GAAN,CAAzC;AACA,MAAMC,kBAAkB,GAAGF,8BAAe,CAAC,UAAAJ,KAAK;AAAA,WAAIA,KAAK,CAACM,kBAAV;AAAA,GAAN,CAA1C;AACA,MAAMC,oBAAoB,GAAGH,8BAAe,CAAC,UAAAJ,KAAK;AAAA,WAAIA,KAAK,CAACO,oBAAV;AAAA,GAAN,CAA5C;AAEAC,EAAAA,gBAAU;AAEVC,EAAAA,eAAS,CAAC,YAAM;AACd,QAAI,CAACb,uBAAuB,CAACc,OAA7B,EAAsC;AACpC,UAAIZ,SAAS,GAAG,CAAhB,EAAmB;AACjB,YAAIK,eAAJ,EAAqB;AACnBG,UAAAA,kBAAkB,CAAC,KAAD,CAAlB;AACD;;AACDC,QAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD,OALD,MAKO;AACL,YAAIF,iBAAJ,EAAuB;AACrBE,UAAAA,oBAAoB,CAAC,KAAD,CAApB;AACD;;AACDD,QAAAA,kBAAkB,CAAC,IAAD,CAAlB;AACD;;AAEDV,MAAAA,uBAAuB,CAACc,OAAxB,GAAkC,IAAlC;AACD;AACF,GAhBQ,EAgBN,CACDZ,SADC,EAEDK,eAFC,EAGDE,iBAHC,EAIDC,kBAJC,EAKDC,oBALC,CAhBM,CAAT;AAwBA,sBACEI,eAAC,aAAD;AAAe,IAAA,IAAI,EAAC,WAApB;AAAA,cACGhB;AADH,IADF;AAKD;;AAEDD,cAAc,CAACkB,SAAf,GAA2B;AACzBjB,EAAAA,QAAQ,EAAEkB,6BAAS,CAACC,IAAV,CAAeC;AADA,CAA3B;;;;"}