@jotforminc/dnd-builder 2.9.0 → 2.9.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.
 
+### [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)
 
 

package/lib/cjs/components/Panels/SlidesPanel/ListWrapper.js

@@ -136,6 +136,7 @@ var ListWrapper = function ListWrapper(_ref) {
             height: containerHeight,
             helperClass: "pageThumbnailHelper",
             lockAxis: "y",
+            onPageAdd: handlePageAdd,
             onPageClick: onPageClick,
             onSortEnd: _onSortEnd,
             pageContainerStyle: pageContainerStyles,

package/lib/cjs/components/Panels/SlidesPanel/ListWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListWrapper.js","sources":["../../../../../src/components/Panels/SlidesPanel/ListWrapper.js"],"sourcesContent":["import {\n  memo, useCallback, useRef, useState, useMemo, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveContainer } from 'recharts';\nimport ResponsiveContent from '../../ResponsiveContent';\nimport PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\n\nconst ListWrapper = ({\n  component: Component,\n  onPageAdd,\n  onSortEnd,\n  pageCount,\n  reportSettings,\n  ...otherProps\n}) => {\n  const outerRef = useRef(null);\n  const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n  const [scrollTracking, setScrollTracking] = useState(true);\n  const {\n    reportBackgroundColor,\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = reportSettings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  const { left, scale, top } = getScaleForPageThumbnail(width, height);\n\n  const pageContainerStyles = useMemo(() => ({\n    backgroundColor: reportBackgroundColor || '#fff',\n    height: height,\n    left,\n    top,\n    transform: `scale(${scale})`,\n    transformOrigin: '0 0',\n    width: width,\n  }), [reportSettings]);\n\n  const _onSortEnd = useCallback((sortEvent, nativeEvent) => {\n    if (onSortEnd) {\n      onSortEnd(sortEvent, nativeEvent, outerRef.current);\n    }\n  }, [onSortEnd]);\n\n  useEffect(() => {\n    if (selectedPageIndex !== -1) {\n      const instance = outerRef.current.getWrappedInstance();\n      const list = instance.sortablePageListRef.current;\n      list.scrollToItem(selectedPageIndex);\n    }\n  }, [selectedPageIndex]);\n\n  useEffect(() => { // for page thumbnails actions\n    if (!scrollTracking) {\n      scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, {});\n      setScrollTracking(true);\n    }\n  }, [pageCount]);\n\n  usePageVisibility(index => {\n    if (scrollTracking && index !== selectedPageIndex && !Number.isNaN(index)) {\n      setSelectedPageIndex(index);\n    } else if (!scrollTracking && index === selectedPageIndex) {\n      setScrollTracking(true);\n    }\n  }, scrollTracking, pageCount, selectedPageIndex);\n\n  const onPageClick = useCallback(e => {\n    const order = e.target.getAttribute('data-order');\n    setScrollTracking(false);\n    setSelectedPageIndex(parseInt(order, 10));\n    if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n      scrollToTarget(`pageActions-id-${order}`);\n    }\n  }, []);\n\n  const handlePageAdd = useCallback(index => {\n    setScrollTracking(false);\n    setSelectedPageIndex(index);\n    onPageAdd(index);\n  }, [onPageAdd]);\n\n  return (\n    <>\n      <ResponsiveContainer>\n        <ResponsiveContent>\n          {(containerWidth, containerHeight) => (\n            <Component\n              ref={outerRef}\n              distance={50}\n              height={containerHeight}\n              helperClass=\"pageThumbnailHelper\"\n              lockAxis=\"y\"\n              onPageClick={onPageClick}\n              onSortEnd={_onSortEnd}\n              pageContainerStyle={pageContainerStyles}\n              pageCount={pageCount}\n              selectedPageIndex={selectedPageIndex}\n              width={containerWidth}\n              {...otherProps}\n            />\n          )}\n        </ResponsiveContent>\n      </ResponsiveContainer>\n      <div className=\"jfReport-pane-footer\">\n        <PageAdder\n          additionalClass=\"forOptions\"\n          onPageAdd={handlePageAdd}\n          pageCount={pageCount}\n        />\n      </div>\n    </>\n  );\n};\n\nListWrapper.propTypes = {\n  component: PropTypes.any,\n  onPageAdd: PropTypes.func,\n  onSortEnd: PropTypes.func,\n  pageCount: PropTypes.number,\n  reportSettings: PropTypes.shape({\n    reportBackgroundColor: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n  }),\n};\n\nListWrapper.defaultProps = {\n  component: null,\n  onPageAdd: () => {},\n  onSortEnd: () => {},\n  pageCount: 0,\n  reportSettings: {},\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","Component","component","onPageAdd","onSortEnd","pageCount","reportSettings","otherProps","outerRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","scrollTracking","setScrollTracking","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","useCallback","sortEvent","nativeEvent","current","useEffect","instance","getWrappedInstance","list","sortablePageListRef","scrollToItem","scrollToTarget","usePageVisibility","index","Number","isNaN","onPageClick","e","order","target","getAttribute","classList","contains","handlePageAdd","_jsxs","_jsx","ResponsiveContainer","containerWidth","containerHeight","propTypes","PropTypes","any","func","number","shape","string","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"ListWrapper.js","sources":["../../../../../src/components/Panels/SlidesPanel/ListWrapper.js"],"sourcesContent":["import {\n  memo, useCallback, useRef, useState, useMemo, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveContainer } from 'recharts';\nimport ResponsiveContent from '../../ResponsiveContent';\nimport PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\n\nconst ListWrapper = ({\n  component: Component,\n  onPageAdd,\n  onSortEnd,\n  pageCount,\n  reportSettings,\n  ...otherProps\n}) => {\n  const outerRef = useRef(null);\n  const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n  const [scrollTracking, setScrollTracking] = useState(true);\n  const {\n    reportBackgroundColor,\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = reportSettings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  const { left, scale, top } = getScaleForPageThumbnail(width, height);\n\n  const pageContainerStyles = useMemo(() => ({\n    backgroundColor: reportBackgroundColor || '#fff',\n    height: height,\n    left,\n    top,\n    transform: `scale(${scale})`,\n    transformOrigin: '0 0',\n    width: width,\n  }), [reportSettings]);\n\n  const _onSortEnd = useCallback((sortEvent, nativeEvent) => {\n    if (onSortEnd) {\n      onSortEnd(sortEvent, nativeEvent, outerRef.current);\n    }\n  }, [onSortEnd]);\n\n  useEffect(() => {\n    if (selectedPageIndex !== -1) {\n      const instance = outerRef.current.getWrappedInstance();\n      const list = instance.sortablePageListRef.current;\n      list.scrollToItem(selectedPageIndex);\n    }\n  }, [selectedPageIndex]);\n\n  useEffect(() => { // for page thumbnails actions\n    if (!scrollTracking) {\n      scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, {});\n      setScrollTracking(true);\n    }\n  }, [pageCount]);\n\n  usePageVisibility(index => {\n    if (scrollTracking && index !== selectedPageIndex && !Number.isNaN(index)) {\n      setSelectedPageIndex(index);\n    } else if (!scrollTracking && index === selectedPageIndex) {\n      setScrollTracking(true);\n    }\n  }, scrollTracking, pageCount, selectedPageIndex);\n\n  const onPageClick = useCallback(e => {\n    const order = e.target.getAttribute('data-order');\n    setScrollTracking(false);\n    setSelectedPageIndex(parseInt(order, 10));\n    if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n      scrollToTarget(`pageActions-id-${order}`);\n    }\n  }, []);\n\n  const handlePageAdd = useCallback(index => {\n    setScrollTracking(false);\n    setSelectedPageIndex(index);\n    onPageAdd(index);\n  }, [onPageAdd]);\n\n  return (\n    <>\n      <ResponsiveContainer>\n        <ResponsiveContent>\n          {(containerWidth, containerHeight) => (\n            <Component\n              ref={outerRef}\n              distance={50}\n              height={containerHeight}\n              helperClass=\"pageThumbnailHelper\"\n              lockAxis=\"y\"\n              onPageAdd={handlePageAdd}\n              onPageClick={onPageClick}\n              onSortEnd={_onSortEnd}\n              pageContainerStyle={pageContainerStyles}\n              pageCount={pageCount}\n              selectedPageIndex={selectedPageIndex}\n              width={containerWidth}\n              {...otherProps}\n            />\n          )}\n        </ResponsiveContent>\n      </ResponsiveContainer>\n      <div className=\"jfReport-pane-footer\">\n        <PageAdder\n          additionalClass=\"forOptions\"\n          onPageAdd={handlePageAdd}\n          pageCount={pageCount}\n        />\n      </div>\n    </>\n  );\n};\n\nListWrapper.propTypes = {\n  component: PropTypes.any,\n  onPageAdd: PropTypes.func,\n  onSortEnd: PropTypes.func,\n  pageCount: PropTypes.number,\n  reportSettings: PropTypes.shape({\n    reportBackgroundColor: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n  }),\n};\n\nListWrapper.defaultProps = {\n  component: null,\n  onPageAdd: () => {},\n  onSortEnd: () => {},\n  pageCount: 0,\n  reportSettings: {},\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","Component","component","onPageAdd","onSortEnd","pageCount","reportSettings","otherProps","outerRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","scrollTracking","setScrollTracking","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","useCallback","sortEvent","nativeEvent","current","useEffect","instance","getWrappedInstance","list","sortablePageListRef","scrollToItem","scrollToTarget","usePageVisibility","index","Number","isNaN","onPageClick","e","order","target","getAttribute","classList","contains","handlePageAdd","_jsxs","_jsx","ResponsiveContainer","containerWidth","containerHeight","propTypes","PropTypes","any","func","number","shape","string","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAOd;AAAA,MANOC,SAMP,QANJC,SAMI;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,cAEI,QAFJA,cAEI;AAAA,MADDC,UACC;;AACJ,MAAMC,QAAQ,GAAGC,YAAM,CAAC,IAAD,CAAvB;;AACA,kBAAkDC,cAAQ,CAAC,CAAC,CAAF,CAA1D;AAAA;AAAA,MAAOC,iBAAP;AAAA,MAA0BC,oBAA1B;;AACA,mBAA4CF,cAAQ,CAAC,IAAD,CAApD;AAAA;AAAA,MAAOG,cAAP;AAAA,MAAuBC,iBAAvB;;AACA,MACEC,qBADF,GAIIT,cAJJ,CACES,qBADF;AAAA,8BAIIT,cAJJ,CAEEU,kBAFF;AAAA,MAEEA,kBAFF,sCAEuB,GAFvB;AAAA,+BAIIV,cAJJ,CAGEW,iBAHF;AAAA,MAGEA,iBAHF,uCAGsB,IAHtB;AAKA,MAAMC,KAAK,GAAGC,QAAQ,CAACF,iBAAD,EAAoB,EAApB,CAAtB;AACA,MAAMG,MAAM,GAAGD,QAAQ,CAACH,kBAAD,EAAqB,EAArB,CAAvB;;AACA,8BAA6BK,kCAAwB,CAACH,KAAD,EAAQE,MAAR,CAArD;AAAA,MAAQE,IAAR,yBAAQA,IAAR;AAAA,MAAcC,KAAd,yBAAcA,KAAd;AAAA,MAAqBC,GAArB,yBAAqBA,GAArB;;AAEA,MAAMC,mBAAmB,GAAGC,aAAO,CAAC;AAAA,WAAO;AACzCC,MAAAA,eAAe,EAAEZ,qBAAqB,IAAI,MADD;AAEzCK,MAAAA,MAAM,EAAEA,MAFiC;AAGzCE,MAAAA,IAAI,EAAJA,IAHyC;AAIzCE,MAAAA,GAAG,EAAHA,GAJyC;AAKzCI,MAAAA,SAAS,kBAAWL,KAAX,MALgC;AAMzCM,MAAAA,eAAe,EAAE,KANwB;AAOzCX,MAAAA,KAAK,EAAEA;AAPkC,KAAP;AAAA,GAAD,EAQ/B,CAACZ,cAAD,CAR+B,CAAnC;;AAUA,MAAMwB,UAAU,GAAGC,iBAAW,CAAC,UAACC,SAAD,EAAYC,WAAZ,EAA4B;AACzD,QAAI7B,SAAJ,EAAe;AACbA,MAAAA,SAAS,CAAC4B,SAAD,EAAYC,WAAZ,EAAyBzB,QAAQ,CAAC0B,OAAlC,CAAT;AACD;AACF,GAJ6B,EAI3B,CAAC9B,SAAD,CAJ2B,CAA9B;;AAMA+B,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIxB,iBAAiB,KAAK,CAAC,CAA3B,EAA8B;AAC5B,UAAMyB,QAAQ,GAAG5B,QAAQ,CAAC0B,OAAT,CAAiBG,kBAAjB,EAAjB;AACA,UAAMC,IAAI,GAAGF,QAAQ,CAACG,mBAAT,CAA6BL,OAA1C;AACAI,MAAAA,IAAI,CAACE,YAAL,CAAkB7B,iBAAlB;AACD;AACF,GANQ,EAMN,CAACA,iBAAD,CANM,CAAT;AAQAwB,EAAAA,eAAS,CAAC,YAAM;AAAE;AAChB,QAAI,CAACtB,cAAL,EAAqB;AACnB4B,MAAAA,wBAAc,0BAAmB9B,iBAAnB,GAAwC,CAAxC,EAA2C,EAA3C,CAAd;AACAG,MAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD;AACF,GALQ,EAKN,CAACT,SAAD,CALM,CAAT;AAOAqC,EAAAA,uBAAiB,CAAC,UAAAC,KAAK,EAAI;AACzB,QAAI9B,cAAc,IAAI8B,KAAK,KAAKhC,iBAA5B,IAAiD,CAACiC,MAAM,CAACC,KAAP,CAAaF,KAAb,CAAtD,EAA2E;AACzE/B,MAAAA,oBAAoB,CAAC+B,KAAD,CAApB;AACD,KAFD,MAEO,IAAI,CAAC9B,cAAD,IAAmB8B,KAAK,KAAKhC,iBAAjC,EAAoD;AACzDG,MAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD;AACF,GANgB,EAMdD,cANc,EAMER,SANF,EAMaM,iBANb,CAAjB;AAQA,MAAMmC,WAAW,GAAGf,iBAAW,CAAC,UAAAgB,CAAC,EAAI;AACnC,QAAMC,KAAK,GAAGD,CAAC,CAACE,MAAF,CAASC,YAAT,CAAsB,YAAtB,CAAd;AACApC,IAAAA,iBAAiB,CAAC,KAAD,CAAjB;AACAF,IAAAA,oBAAoB,CAACO,QAAQ,CAAC6B,KAAD,EAAQ,EAAR,CAAT,CAApB;;AACA,QAAI,CAACD,CAAC,CAACE,MAAF,CAASE,SAAT,CAAmBC,QAAnB,CAA4B,gBAA5B,CAAL,EAAoD;AAAE;AACpDX,MAAAA,wBAAc,0BAAmBO,KAAnB,EAAd;AACD;AACF,GAP8B,EAO5B,EAP4B,CAA/B;AASA,MAAMK,aAAa,GAAGtB,iBAAW,CAAC,UAAAY,KAAK,EAAI;AACzC7B,IAAAA,iBAAiB,CAAC,KAAD,CAAjB;AACAF,IAAAA,oBAAoB,CAAC+B,KAAD,CAApB;AACAxC,IAAAA,SAAS,CAACwC,KAAD,CAAT;AACD,GAJgC,EAI9B,CAACxC,SAAD,CAJ8B,CAAjC;AAMA,sBACEmD;AAAA,4BACEC,eAACC,4BAAD;AAAA,6BACED,eAAC,iBAAD;AAAA,kBACG,kBAACE,cAAD,EAAiBC,eAAjB;AAAA,8BACCH,eAAC,SAAD;AACE,YAAA,GAAG,EAAE/C,QADP;AAEE,YAAA,QAAQ,EAAE,EAFZ;AAGE,YAAA,MAAM,EAAEkD,eAHV;AAIE,YAAA,WAAW,EAAC,qBAJd;AAKE,YAAA,QAAQ,EAAC,GALX;AAME,YAAA,SAAS,EAAEL,aANb;AAOE,YAAA,WAAW,EAAEP,WAPf;AAQE,YAAA,SAAS,EAAEhB,UARb;AASE,YAAA,kBAAkB,EAAEL,mBATtB;AAUE,YAAA,SAAS,EAAEpB,SAVb;AAWE,YAAA,iBAAiB,EAAEM,iBAXrB;AAYE,YAAA,KAAK,EAAE8C;AAZT,aAaMlD,UAbN,EADD;AAAA;AADH;AADF,MADF,eAsBEgD;AAAK,MAAA,SAAS,EAAC,sBAAf;AAAA,6BACEA,eAAC,SAAD;AACE,QAAA,eAAe,EAAC,YADlB;AAEE,QAAA,SAAS,EAAEF,aAFb;AAGE,QAAA,SAAS,EAAEhD;AAHb;AADF,MAtBF;AAAA,IADF;AAgCD,CA1GD;;AA4GAL,WAAW,CAAC2D,SAAZ,GAAwB;AACtBzD,EAAAA,SAAS,EAAE0D,6BAAS,CAACC,GADC;AAEtB1D,EAAAA,SAAS,EAAEyD,6BAAS,CAACE,IAFC;AAGtB1D,EAAAA,SAAS,EAAEwD,6BAAS,CAACE,IAHC;AAItBzD,EAAAA,SAAS,EAAEuD,6BAAS,CAACG,MAJC;AAKtBzD,EAAAA,cAAc,EAAEsD,6BAAS,CAACI,KAAV,CAAgB;AAC9BjD,IAAAA,qBAAqB,EAAE6C,6BAAS,CAACK,MADH;AAE9BjD,IAAAA,kBAAkB,EAAE4C,6BAAS,CAACK,MAFA;AAG9BhD,IAAAA,iBAAiB,EAAE2C,6BAAS,CAACK;AAHC,GAAhB;AALM,CAAxB;AAYAjE,WAAW,CAACkE,YAAZ,GAA2B;AACzBhE,EAAAA,SAAS,EAAE,IADc;AAEzBC,EAAAA,SAAS,EAAE,qBAAM,EAFQ;AAGzBC,EAAAA,SAAS,EAAE,qBAAM,EAHQ;AAIzBC,EAAAA,SAAS,EAAE,CAJc;AAKzBC,EAAAA,cAAc,EAAE;AALS,CAA3B;AAQA,iCAAe6D,UAAI,CAACnE,WAAD,CAAnB;;;;"}

package/lib/esm/components/Panels/SlidesPanel/ListWrapper.js

@@ -130,6 +130,7 @@ var ListWrapper = function ListWrapper(_ref) {
             height: containerHeight,
             helperClass: "pageThumbnailHelper",
             lockAxis: "y",
+            onPageAdd: handlePageAdd,
             onPageClick: onPageClick,
             onSortEnd: _onSortEnd,
             pageContainerStyle: pageContainerStyles,

package/lib/esm/components/Panels/SlidesPanel/ListWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListWrapper.js","sources":["../../../../../src/components/Panels/SlidesPanel/ListWrapper.js"],"sourcesContent":["import {\n  memo, useCallback, useRef, useState, useMemo, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveContainer } from 'recharts';\nimport ResponsiveContent from '../../ResponsiveContent';\nimport PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\n\nconst ListWrapper = ({\n  component: Component,\n  onPageAdd,\n  onSortEnd,\n  pageCount,\n  reportSettings,\n  ...otherProps\n}) => {\n  const outerRef = useRef(null);\n  const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n  const [scrollTracking, setScrollTracking] = useState(true);\n  const {\n    reportBackgroundColor,\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = reportSettings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  const { left, scale, top } = getScaleForPageThumbnail(width, height);\n\n  const pageContainerStyles = useMemo(() => ({\n    backgroundColor: reportBackgroundColor || '#fff',\n    height: height,\n    left,\n    top,\n    transform: `scale(${scale})`,\n    transformOrigin: '0 0',\n    width: width,\n  }), [reportSettings]);\n\n  const _onSortEnd = useCallback((sortEvent, nativeEvent) => {\n    if (onSortEnd) {\n      onSortEnd(sortEvent, nativeEvent, outerRef.current);\n    }\n  }, [onSortEnd]);\n\n  useEffect(() => {\n    if (selectedPageIndex !== -1) {\n      const instance = outerRef.current.getWrappedInstance();\n      const list = instance.sortablePageListRef.current;\n      list.scrollToItem(selectedPageIndex);\n    }\n  }, [selectedPageIndex]);\n\n  useEffect(() => { // for page thumbnails actions\n    if (!scrollTracking) {\n      scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, {});\n      setScrollTracking(true);\n    }\n  }, [pageCount]);\n\n  usePageVisibility(index => {\n    if (scrollTracking && index !== selectedPageIndex && !Number.isNaN(index)) {\n      setSelectedPageIndex(index);\n    } else if (!scrollTracking && index === selectedPageIndex) {\n      setScrollTracking(true);\n    }\n  }, scrollTracking, pageCount, selectedPageIndex);\n\n  const onPageClick = useCallback(e => {\n    const order = e.target.getAttribute('data-order');\n    setScrollTracking(false);\n    setSelectedPageIndex(parseInt(order, 10));\n    if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n      scrollToTarget(`pageActions-id-${order}`);\n    }\n  }, []);\n\n  const handlePageAdd = useCallback(index => {\n    setScrollTracking(false);\n    setSelectedPageIndex(index);\n    onPageAdd(index);\n  }, [onPageAdd]);\n\n  return (\n    <>\n      <ResponsiveContainer>\n        <ResponsiveContent>\n          {(containerWidth, containerHeight) => (\n            <Component\n              ref={outerRef}\n              distance={50}\n              height={containerHeight}\n              helperClass=\"pageThumbnailHelper\"\n              lockAxis=\"y\"\n              onPageClick={onPageClick}\n              onSortEnd={_onSortEnd}\n              pageContainerStyle={pageContainerStyles}\n              pageCount={pageCount}\n              selectedPageIndex={selectedPageIndex}\n              width={containerWidth}\n              {...otherProps}\n            />\n          )}\n        </ResponsiveContent>\n      </ResponsiveContainer>\n      <div className=\"jfReport-pane-footer\">\n        <PageAdder\n          additionalClass=\"forOptions\"\n          onPageAdd={handlePageAdd}\n          pageCount={pageCount}\n        />\n      </div>\n    </>\n  );\n};\n\nListWrapper.propTypes = {\n  component: PropTypes.any,\n  onPageAdd: PropTypes.func,\n  onSortEnd: PropTypes.func,\n  pageCount: PropTypes.number,\n  reportSettings: PropTypes.shape({\n    reportBackgroundColor: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n  }),\n};\n\nListWrapper.defaultProps = {\n  component: null,\n  onPageAdd: () => {},\n  onSortEnd: () => {},\n  pageCount: 0,\n  reportSettings: {},\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","Component","component","onPageAdd","onSortEnd","pageCount","reportSettings","otherProps","outerRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","scrollTracking","setScrollTracking","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","useCallback","sortEvent","nativeEvent","current","useEffect","instance","getWrappedInstance","list","sortablePageListRef","scrollToItem","scrollToTarget","usePageVisibility","index","Number","isNaN","onPageClick","e","order","target","getAttribute","classList","contains","handlePageAdd","_jsxs","_jsx","containerWidth","containerHeight","propTypes","PropTypes","any","func","number","shape","string","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"ListWrapper.js","sources":["../../../../../src/components/Panels/SlidesPanel/ListWrapper.js"],"sourcesContent":["import {\n  memo, useCallback, useRef, useState, useMemo, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveContainer } from 'recharts';\nimport ResponsiveContent from '../../ResponsiveContent';\nimport PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\n\nconst ListWrapper = ({\n  component: Component,\n  onPageAdd,\n  onSortEnd,\n  pageCount,\n  reportSettings,\n  ...otherProps\n}) => {\n  const outerRef = useRef(null);\n  const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n  const [scrollTracking, setScrollTracking] = useState(true);\n  const {\n    reportBackgroundColor,\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = reportSettings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  const { left, scale, top } = getScaleForPageThumbnail(width, height);\n\n  const pageContainerStyles = useMemo(() => ({\n    backgroundColor: reportBackgroundColor || '#fff',\n    height: height,\n    left,\n    top,\n    transform: `scale(${scale})`,\n    transformOrigin: '0 0',\n    width: width,\n  }), [reportSettings]);\n\n  const _onSortEnd = useCallback((sortEvent, nativeEvent) => {\n    if (onSortEnd) {\n      onSortEnd(sortEvent, nativeEvent, outerRef.current);\n    }\n  }, [onSortEnd]);\n\n  useEffect(() => {\n    if (selectedPageIndex !== -1) {\n      const instance = outerRef.current.getWrappedInstance();\n      const list = instance.sortablePageListRef.current;\n      list.scrollToItem(selectedPageIndex);\n    }\n  }, [selectedPageIndex]);\n\n  useEffect(() => { // for page thumbnails actions\n    if (!scrollTracking) {\n      scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, {});\n      setScrollTracking(true);\n    }\n  }, [pageCount]);\n\n  usePageVisibility(index => {\n    if (scrollTracking && index !== selectedPageIndex && !Number.isNaN(index)) {\n      setSelectedPageIndex(index);\n    } else if (!scrollTracking && index === selectedPageIndex) {\n      setScrollTracking(true);\n    }\n  }, scrollTracking, pageCount, selectedPageIndex);\n\n  const onPageClick = useCallback(e => {\n    const order = e.target.getAttribute('data-order');\n    setScrollTracking(false);\n    setSelectedPageIndex(parseInt(order, 10));\n    if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n      scrollToTarget(`pageActions-id-${order}`);\n    }\n  }, []);\n\n  const handlePageAdd = useCallback(index => {\n    setScrollTracking(false);\n    setSelectedPageIndex(index);\n    onPageAdd(index);\n  }, [onPageAdd]);\n\n  return (\n    <>\n      <ResponsiveContainer>\n        <ResponsiveContent>\n          {(containerWidth, containerHeight) => (\n            <Component\n              ref={outerRef}\n              distance={50}\n              height={containerHeight}\n              helperClass=\"pageThumbnailHelper\"\n              lockAxis=\"y\"\n              onPageAdd={handlePageAdd}\n              onPageClick={onPageClick}\n              onSortEnd={_onSortEnd}\n              pageContainerStyle={pageContainerStyles}\n              pageCount={pageCount}\n              selectedPageIndex={selectedPageIndex}\n              width={containerWidth}\n              {...otherProps}\n            />\n          )}\n        </ResponsiveContent>\n      </ResponsiveContainer>\n      <div className=\"jfReport-pane-footer\">\n        <PageAdder\n          additionalClass=\"forOptions\"\n          onPageAdd={handlePageAdd}\n          pageCount={pageCount}\n        />\n      </div>\n    </>\n  );\n};\n\nListWrapper.propTypes = {\n  component: PropTypes.any,\n  onPageAdd: PropTypes.func,\n  onSortEnd: PropTypes.func,\n  pageCount: PropTypes.number,\n  reportSettings: PropTypes.shape({\n    reportBackgroundColor: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n  }),\n};\n\nListWrapper.defaultProps = {\n  component: null,\n  onPageAdd: () => {},\n  onSortEnd: () => {},\n  pageCount: 0,\n  reportSettings: {},\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","Component","component","onPageAdd","onSortEnd","pageCount","reportSettings","otherProps","outerRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","scrollTracking","setScrollTracking","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","useCallback","sortEvent","nativeEvent","current","useEffect","instance","getWrappedInstance","list","sortablePageListRef","scrollToItem","scrollToTarget","usePageVisibility","index","Number","isNaN","onPageClick","e","order","target","getAttribute","classList","contains","handlePageAdd","_jsxs","_jsx","containerWidth","containerHeight","propTypes","PropTypes","any","func","number","shape","string","defaultProps","memo"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jotforminc/dnd-builder",
-  "version": "2.9.0",
+  "version": "2.9.1",
   "files": [
     "lib"
   ],