@jotforminc/dnd-builder 2.0.0-beta.1 → 2.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","sources":["../../../../src/components/Preview/Preview.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport ReportWrapper from '../ReportWrapper';\nimport StaticScene from './StaticScene';\nimport { PropProvider } from '../../utils/propContext';\nimport { BuilderProvider } from '../../utils/builderContext';\n\nconst Preview = ({\n  acceptedItems,\n  additionalPageItems,\n  itemAccessor,\n  lastScrollPosition,\n  onAnEventTrigger,\n  pages,\n  settings,\n  theme,\n  ...otherProps\n}) => {\n/* eslint-disable no-unused-vars */\n  const {\n    disableInteraction,\n    leftPanelConfig,\n    onItemAdd,\n    onItemChange,\n    onItemMove,\n    onItemRemove,\n    onItemResize,\n    onItemsMove,\n    onPageAdd,\n    onPageChange,\n    onPageDuplicate,\n    onPageOrdersChange,\n    onPageRemove,\n    onSettingChange,\n    useExperimentalFeatures,\n    ...hashProps\n  } = otherProps;\n  /* eslint-enable no-unused-vars */\n\n  const hashCode = objectHash(hashProps);\n\n  return (\n    <BuilderProvider>\n      <PropProvider\n        acceptedItems={acceptedItems}\n        onAnEventTrigger={onAnEventTrigger}\n        settings={settings}\n      >\n        <ReportWrapper\n          mode=\"preview\"\n          theme={theme}\n        >\n          <StaticScene\n            additionalPageItems={additionalPageItems}\n            hashCode={hashCode}\n            isExistsZoom\n            itemAccessor={itemAccessor}\n            lastScrollPosition={lastScrollPosition}\n            pages={pages}\n          />\n        </ReportWrapper>\n      </PropProvider>\n    </BuilderProvider>\n  );\n};\n\nPreview.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  /** To pass in extra props to items selectively */\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  onAnEventTrigger: 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.string,\n};\n\nPreview.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  itemAccessor: () => {},\n  lastScrollPosition: 0,\n  onAnEventTrigger: () => {},\n  pages: [],\n  settings: {},\n  theme: 'lightMode',\n};\n\nexport default Preview;\n"],"names":["Preview","acceptedItems","additionalPageItems","itemAccessor","lastScrollPosition","onAnEventTrigger","pages","settings","theme","otherProps","disableInteraction","leftPanelConfig","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onSettingChange","useExperimentalFeatures","hashProps","hashCode","objectHash","_jsx","propTypes","PropTypes","shape","arrayOf","node","func","number","string","defaultProps"],"mappings":"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"}
+{"version":3,"file":"Preview.js","sources":["../../../../src/components/Preview/Preview.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport ReportWrapper from '../ReportWrapper';\nimport StaticScene from './StaticScene';\nimport { PropProvider } from '../../utils/propContext';\nimport { BuilderProvider } from '../../utils/builderContext';\n\nconst Preview = ({\n  acceptedItems,\n  additionalPageItems,\n  itemAccessor,\n  lastScrollPosition,\n  onAnEventTrigger,\n  pages,\n  settings,\n  theme,\n  ...otherProps\n}) => {\n/* eslint-disable no-unused-vars */\n  const {\n    disableInteraction,\n    leftPanelConfig,\n    onItemAdd,\n    onItemChange,\n    onItemMove,\n    onItemRemove,\n    onItemResize,\n    onItemsMove,\n    onPageAdd,\n    onPageChange,\n    onPageDuplicate,\n    onPageOrdersChange,\n    onPageRemove,\n    onSettingChange,\n    useExperimentalFeatures,\n    ...hashProps\n  } = otherProps;\n  /* eslint-enable no-unused-vars */\n\n  const hashCode = objectHash(hashProps);\n\n  return (\n    <BuilderProvider>\n      <PropProvider\n        acceptedItems={acceptedItems}\n        onAnEventTrigger={onAnEventTrigger}\n        settings={settings}\n      >\n        <ReportWrapper\n          mode=\"preview\"\n          theme={theme}\n        >\n          <StaticScene\n            additionalPageItems={additionalPageItems}\n            hashCode={hashCode}\n            isExistsZoom\n            itemAccessor={itemAccessor}\n            lastScrollPosition={lastScrollPosition}\n            pages={pages}\n          />\n        </ReportWrapper>\n      </PropProvider>\n    </BuilderProvider>\n  );\n};\n\nPreview.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  /** To pass in extra props to items selectively */\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  onAnEventTrigger: 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};\n\nPreview.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  itemAccessor: () => {},\n  lastScrollPosition: 0,\n  onAnEventTrigger: () => {},\n  pages: [],\n  settings: {},\n  theme: 'lightMode',\n};\n\nexport default Preview;\n"],"names":["Preview","acceptedItems","additionalPageItems","itemAccessor","lastScrollPosition","onAnEventTrigger","pages","settings","theme","otherProps","disableInteraction","leftPanelConfig","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onSettingChange","useExperimentalFeatures","hashProps","hashCode","objectHash","_jsx","propTypes","PropTypes","shape","arrayOf","node","func","number","oneOf","defaultProps"],"mappings":"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"}

package/lib/esm/components/Preview/StaticItem.js

@@ -8,7 +8,7 @@ import ItemPositioner from '../ItemPositioner.js';
 import ErrorBoundry from '../ErrorBoundary.js';
 import { jsx } from 'react/jsx-runtime';
 
-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 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; }
 

package/lib/esm/components/Preview/StaticItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticItem.js","sources":["../../../../src/components/Preview/StaticItem.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport isEqual from 'lodash.isequal';\nimport cn from 'classnames';\nimport * as classNames from '../../constants/classNames';\nimport { getStyles } from '../../utils/functions';\nimport ItemPositioner from '../ItemPositioner';\nimport ErrorBoundary from '../ErrorBoundary';\n\nconst elementStyle = {\n  height: '100%',\n  width: '100%',\n};\n\nconst StaticItem = ({\n  children,\n  item,\n}) => {\n  const {\n    height,\n    left,\n    top,\n    width,\n  } = item;\n  return (\n    <ErrorBoundary>\n      <ItemPositioner\n        style={{\n          ...getStyles(left, top, false),\n          height,\n          width,\n        }}\n      >\n        <div\n          className={classNames.reportItemWrapper}\n        >\n          <div\n            className={cn(\n              `${classNames.reportItem}`,\n              { hasChart: item.itemType === 'chart' },\n            )}\n            style={elementStyle}\n          >\n            {children}\n          </div>\n        </div>\n      </ItemPositioner>\n    </ErrorBoundary>\n  );\n};\n\nStaticItem.propTypes = {\n  children: PropTypes.any,\n  item: PropTypes.shape({\n    height: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    id: PropTypes.string,\n    itemType: PropTypes.string,\n    left: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    pageID: PropTypes.string,\n    top: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    width: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n  }),\n};\n\nStaticItem.defaultProps = {\n  children: null,\n  item: {},\n};\n\nconst areEqual = (prevProps, nextProps) => {\n  if (prevProps.hashCode !== nextProps.hashCode) return false;\n  if (!isEqual(prevProps.item, nextProps.item)) return false;\n  return true;\n};\n\nexport default memo(StaticItem, areEqual);\n"],"names":["elementStyle","height","width","StaticItem","children","item","left","top","_jsx","ErrorBoundary","getStyles","classNames","cn","hasChart","itemType","propTypes","PropTypes","any","shape","oneOfType","number","string","id","pageID","defaultProps","areEqual","prevProps","nextProps","hashCode","isEqual","memo"],"mappings":";;;;;;;;;;;;;;;AASA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE,MADW;AAEnBC,EAAAA,KAAK,EAAE;AAFY,CAArB;;AAKA,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAGb;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,IACI,QADJA,IACI;AAAA,MAEFJ,MAFE,GAMAI,IANA,CAEFJ,MAFE;AAAA,MAGFK,IAHE,GAMAD,IANA,CAGFC,IAHE;AAAA,MAIFC,GAJE,GAMAF,IANA,CAIFE,GAJE;AAAA,MAKFL,KALE,GAMAG,IANA,CAKFH,KALE;AAOJ,sBACEM,IAACC,YAAD;AAAA,2BACED,IAAC,cAAD;AACE,MAAA,KAAK,kCACAE,SAAS,CAACJ,IAAD,EAAOC,GAAP,EAAY,KAAZ,CADT;AAEHN,QAAAA,MAAM,EAANA,MAFG;AAGHC,QAAAA,KAAK,EAALA;AAHG,QADP;AAAA,6BAOEM;AACE,QAAA,SAAS,EAAEG,iBADb;AAAA,+BAGEH;AACE,UAAA,SAAS,EAAEI,UAAE,WACRD,UADQ,GAEX;AAAEE,YAAAA,QAAQ,EAAER,IAAI,CAACS,QAAL,KAAkB;AAA9B,WAFW,CADf;AAKE,UAAA,KAAK,EAAEd,YALT;AAAA,oBAOGI;AAPH;AAHF;AAPF;AADF,IADF;AAyBD,CAnCD;;AAqCAD,UAAU,CAACY,SAAX,GAAuB;AACrBX,EAAAA,QAAQ,EAAEY,SAAS,CAACC,GADC;AAErBZ,EAAAA,IAAI,EAAEW,SAAS,CAACE,KAAV,CAAgB;AACpBjB,IAAAA,MAAM,EAAEe,SAAS,CAACG,SAAV,CAAoB,CAC1BH,SAAS,CAACI,MADgB,EAE1BJ,SAAS,CAACK,MAFgB,CAApB,CADY;AAKpBC,IAAAA,EAAE,EAAEN,SAAS,CAACK,MALM;AAMpBP,IAAAA,QAAQ,EAAEE,SAAS,CAACK,MANA;AAOpBf,IAAAA,IAAI,EAAEU,SAAS,CAACG,SAAV,CAAoB,CACxBH,SAAS,CAACI,MADc,EAExBJ,SAAS,CAACK,MAFc,CAApB,CAPc;AAWpBE,IAAAA,MAAM,EAAEP,SAAS,CAACK,MAXE;AAYpBd,IAAAA,GAAG,EAAES,SAAS,CAACG,SAAV,CAAoB,CACvBH,SAAS,CAACI,MADa,EAEvBJ,SAAS,CAACK,MAFa,CAApB,CAZe;AAgBpBnB,IAAAA,KAAK,EAAEc,SAAS,CAACG,SAAV,CAAoB,CACzBH,SAAS,CAACI,MADe,EAEzBJ,SAAS,CAACK,MAFe,CAApB;AAhBa,GAAhB;AAFe,CAAvB;AAyBAlB,UAAU,CAACqB,YAAX,GAA0B;AACxBpB,EAAAA,QAAQ,EAAE,IADc;AAExBC,EAAAA,IAAI,EAAE;AAFkB,CAA1B;;AAKA,IAAMoB,QAAQ,GAAG,SAAXA,QAAW,CAACC,SAAD,EAAYC,SAAZ,EAA0B;AACzC,MAAID,SAAS,CAACE,QAAV,KAAuBD,SAAS,CAACC,QAArC,EAA+C,OAAO,KAAP;AAC/C,MAAI,CAACC,OAAO,CAACH,SAAS,CAACrB,IAAX,EAAiBsB,SAAS,CAACtB,IAA3B,CAAZ,EAA8C,OAAO,KAAP;AAC9C,SAAO,IAAP;AACD,CAJD;;AAMA,gCAAeyB,IAAI,CAAC3B,UAAD,EAAasB,QAAb,CAAnB;;;;"}
+{"version":3,"file":"StaticItem.js","sources":["../../../../src/components/Preview/StaticItem.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport isEqual from 'lodash.isequal';\nimport cn from 'classnames';\nimport * as classNames from '../../constants/classNames';\nimport { getStyles } from '../../utils/functions';\nimport ItemPositioner from '../ItemPositioner';\nimport ErrorBoundary from '../ErrorBoundary';\n\nconst elementStyle = {\n  height: '100%',\n  width: '100%',\n};\n\nconst StaticItem = ({\n  children,\n  item,\n}) => {\n  const {\n    height,\n    left,\n    top,\n    width,\n  } = item;\n  return (\n    <ErrorBoundary>\n      <ItemPositioner\n        style={{\n          ...getStyles(left, top, false),\n          height,\n          width,\n        }}\n      >\n        <div\n          className={classNames.reportItemWrapper}\n        >\n          <div\n            className={cn(\n              `${classNames.reportItem}`,\n              { hasChart: item.itemType === 'chart' },\n            )}\n            style={elementStyle}\n          >\n            {children}\n          </div>\n        </div>\n      </ItemPositioner>\n    </ErrorBoundary>\n  );\n};\n\nStaticItem.propTypes = {\n  children: PropTypes.any,\n  item: PropTypes.shape({\n    height: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    id: PropTypes.string,\n    itemType: PropTypes.string,\n    left: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    pageID: PropTypes.string,\n    top: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    width: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n  }),\n};\n\nStaticItem.defaultProps = {\n  children: null,\n  item: {},\n};\n\nconst areEqual = (prevProps, nextProps) => {\n  if (prevProps.hashCode !== nextProps.hashCode) return false;\n  if (!isEqual(prevProps.item, nextProps.item)) return false;\n  return true;\n};\n\nexport default memo(StaticItem, areEqual);\n"],"names":["elementStyle","height","width","StaticItem","children","item","left","top","_jsx","ErrorBoundary","getStyles","classNames","cn","hasChart","itemType","propTypes","PropTypes","any","shape","oneOfType","number","string","id","pageID","defaultProps","areEqual","prevProps","nextProps","hashCode","isEqual","memo"],"mappings":";;;;;;;;;;;;;;;AASA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE,MADW;AAEnBC,EAAAA,KAAK,EAAE;AAFY,CAArB;;AAKA,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAGb;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,IACI,QADJA,IACI;AACJ,MACEJ,MADF,GAKII,IALJ,CACEJ,MADF;AAAA,MAEEK,IAFF,GAKID,IALJ,CAEEC,IAFF;AAAA,MAGEC,GAHF,GAKIF,IALJ,CAGEE,GAHF;AAAA,MAIEL,KAJF,GAKIG,IALJ,CAIEH,KAJF;AAMA,sBACEM,IAACC,YAAD;AAAA,2BACED,IAAC,cAAD;AACE,MAAA,KAAK,kCACAE,SAAS,CAACJ,IAAD,EAAOC,GAAP,EAAY,KAAZ,CADT;AAEHN,QAAAA,MAAM,EAANA,MAFG;AAGHC,QAAAA,KAAK,EAALA;AAHG,QADP;AAAA,6BAOEM;AACE,QAAA,SAAS,EAAEG,iBADb;AAAA,+BAGEH;AACE,UAAA,SAAS,EAAEI,UAAE,WACRD,UADQ,GAEX;AAAEE,YAAAA,QAAQ,EAAER,IAAI,CAACS,QAAL,KAAkB;AAA9B,WAFW,CADf;AAKE,UAAA,KAAK,EAAEd,YALT;AAAA,oBAOGI;AAPH;AAHF;AAPF;AADF,IADF;AAyBD,CAnCD;;AAqCAD,UAAU,CAACY,SAAX,GAAuB;AACrBX,EAAAA,QAAQ,EAAEY,SAAS,CAACC,GADC;AAErBZ,EAAAA,IAAI,EAAEW,SAAS,CAACE,KAAV,CAAgB;AACpBjB,IAAAA,MAAM,EAAEe,SAAS,CAACG,SAAV,CAAoB,CAC1BH,SAAS,CAACI,MADgB,EAE1BJ,SAAS,CAACK,MAFgB,CAApB,CADY;AAKpBC,IAAAA,EAAE,EAAEN,SAAS,CAACK,MALM;AAMpBP,IAAAA,QAAQ,EAAEE,SAAS,CAACK,MANA;AAOpBf,IAAAA,IAAI,EAAEU,SAAS,CAACG,SAAV,CAAoB,CACxBH,SAAS,CAACI,MADc,EAExBJ,SAAS,CAACK,MAFc,CAApB,CAPc;AAWpBE,IAAAA,MAAM,EAAEP,SAAS,CAACK,MAXE;AAYpBd,IAAAA,GAAG,EAAES,SAAS,CAACG,SAAV,CAAoB,CACvBH,SAAS,CAACI,MADa,EAEvBJ,SAAS,CAACK,MAFa,CAApB,CAZe;AAgBpBnB,IAAAA,KAAK,EAAEc,SAAS,CAACG,SAAV,CAAoB,CACzBH,SAAS,CAACI,MADe,EAEzBJ,SAAS,CAACK,MAFe,CAApB;AAhBa,GAAhB;AAFe,CAAvB;AAyBAlB,UAAU,CAACqB,YAAX,GAA0B;AACxBpB,EAAAA,QAAQ,EAAE,IADc;AAExBC,EAAAA,IAAI,EAAE;AAFkB,CAA1B;;AAKA,IAAMoB,QAAQ,GAAG,SAAXA,QAAW,CAACC,SAAD,EAAYC,SAAZ,EAA0B;AACzC,MAAID,SAAS,CAACE,QAAV,KAAuBD,SAAS,CAACC,QAArC,EAA+C,OAAO,KAAP;AAC/C,MAAI,CAACC,OAAO,CAACH,SAAS,CAACrB,IAAX,EAAiBsB,SAAS,CAACtB,IAA3B,CAAZ,EAA8C,OAAO,KAAP;AAC9C,SAAO,IAAP;AACD,CAJD;;AAMA,gCAAeyB,IAAI,CAAC3B,UAAD,EAAasB,QAAb,CAAnB;;;;"}

package/lib/esm/components/Preview/StaticScene.js

@@ -15,7 +15,7 @@ import { usePresentationContext } from '../../utils/presentationContext.js';
 import ZoomControls from '../Builder/ZoomControls.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-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 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; }
 

package/lib/esm/components/Preview/StaticScene.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticScene.js","sources":["../../../../src/components/Preview/StaticScene.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport * as classNames from '../../constants/classNames';\nimport StaticPage from './StaticPage';\nimport { usePropContext } from '../../utils/propContext';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { slugify } from '../../utils/string';\nimport { usePageTransition } from '../../utils/hooks';\nimport { usePresentationContext } from '../../utils/presentationContext';\nimport ZoomControls from '../Builder/ZoomControls';\n\nconst StaticScene = ({\n  additionalPageItems,\n  gesture,\n  hashCode,\n  hideZoom,\n  itemAccessor,\n  lastScrollPosition,\n  mode,\n  pages,\n  presentationPage,\n}) => {\n  const { isFullscreen, showControlsInFullScreen } = usePresentationContext();\n  const { acceptedItems, settings } = usePropContext();\n  let { zoom } = useBuilderContext();\n  const viewPortRef = useRef({});\n  const pageStyles = useRef({});\n  const pageContainerStyles = useRef({});\n  const zoomAdjusterStyles = useRef({});\n  zoom = mode === 'print' ? 1 : zoom;\n  useEffect(() => {\n    if (viewPortRef.current) {\n      viewPortRef.current.scrollTop = lastScrollPosition;\n    }\n  }, []); // set last scroll position after changing mode\n\n  const {\n    reportBackgroundColor,\n    reportLayout = 'A4 Landscape',\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n    reportPageTransition = 'noAnimation',\n  } = settings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  pageStyles.current = {\n    alignItems: 'center',\n    justifyContent: 'center',\n  };\n  pageContainerStyles.current = {\n    height,\n    transform: `scale(${zoom})`,\n    transformOrigin: '0 0',\n    width,\n  };\n  zoomAdjusterStyles.current = {\n    height: parseFloat((height * zoom).toFixed(1)),\n    margin: '0',\n    width: parseFloat((width * zoom).toFixed(1)),\n  };\n\n  if (viewPortRef.current.clientWidth < zoomAdjusterStyles.current.width) {\n    delete pageStyles.current.justifyContent;\n  }\n\n  if (viewPortRef.current.clientHeight < zoomAdjusterStyles.current.height) {\n    delete pageStyles.current.alignItems;\n  }\n\n  const transitionStyle = usePageTransition(reportPageTransition, presentationPage);\n\n  return (\n    <main\n      className={classNames.mainWrapper}\n    >\n      <div\n        ref={viewPortRef}\n        className={classNames.viewport}\n        {...gesture()}\n      >\n        <div\n          className={`${classNames.canvas} ${reportPageTransition}`}\n          style={transitionStyle}\n        >\n          {pages.map((page, index) => {\n            const { backgroundColor } = page;\n            const style = {\n              ...pageContainerStyles.current,\n              backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff',\n            };\n            return (\n              <div\n                key={`page_${index.toString()}`}\n                className={`${\n                  classNames.page\n                } ${\n                  slugify(reportLayout)\n                } ${\n                  index === presentationPage ? 'activePage' : ''\n                }`}\n                style={pageStyles.current}\n              >\n                <div\n                  className={`jfReport-zoomAdjuster ${mode !== 'preview' ? 'd-flex' : ''}`}\n                  style={zoomAdjusterStyles.current}\n                >\n                  <StaticPage\n                    acceptedItems={acceptedItems}\n                    additionalPageItems={additionalPageItems}\n                    hashCode={hashCode}\n                    itemAccessor={itemAccessor}\n                    items={page.items}\n                    style={style}\n                  />\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      <ZoomControls\n        pages={pages}\n        showZoom={(!isFullscreen || (isFullscreen && showControlsInFullScreen)) && !hideZoom}\n      />\n    </main>\n  );\n};\n\nStaticScene.propTypes = {\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  gesture: PropTypes.func,\n  hashCode: PropTypes.string,\n  hideZoom: PropTypes.bool,\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  mode: PropTypes.string,\n  pages: PropTypes.arrayOf(PropTypes.shape({})),\n  presentationPage: PropTypes.number,\n};\n\nStaticScene.defaultProps = {\n  additionalPageItems: [],\n  gesture: () => {},\n  hashCode: '',\n  hideZoom: false,\n  itemAccessor: () => {},\n  lastScrollPosition: 0,\n  mode: 'preview',\n  pages: [],\n  presentationPage: 0,\n};\n\nexport default StaticScene;\n"],"names":["StaticScene","additionalPageItems","gesture","hashCode","hideZoom","itemAccessor","lastScrollPosition","mode","pages","presentationPage","usePresentationContext","isFullscreen","showControlsInFullScreen","usePropContext","acceptedItems","settings","useBuilderContext","zoom","viewPortRef","useRef","pageStyles","pageContainerStyles","zoomAdjusterStyles","useEffect","current","scrollTop","reportBackgroundColor","reportLayout","reportLayoutHeight","reportLayoutWidth","reportPageTransition","width","parseInt","height","alignItems","justifyContent","transform","transformOrigin","parseFloat","toFixed","margin","clientWidth","clientHeight","transitionStyle","usePageTransition","_jsxs","classNames","_jsx","map","page","index","backgroundColor","style","slugify","items","toString","propTypes","PropTypes","arrayOf","node","func","string","bool","number","shape","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAWMA,WAAW,GAAG,SAAdA,WAAc,OAUd;AAAA,MATJC,mBASI,QATJA,mBASI;AAAA,MARJC,OAQI,QARJA,OAQI;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,kBAII,QAJJA,kBAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,MADJC,gBACI,QADJA,gBACI;;AAAA,8BAC+CC,sBAAsB,EADrE;AAAA,MACIC,YADJ,yBACIA,YADJ;AAAA,MACkBC,wBADlB,yBACkBA,wBADlB;;AAAA,wBAEgCC,cAAc,EAF9C;AAAA,MAEIC,aAFJ,mBAEIA,aAFJ;AAAA,MAEmBC,QAFnB,mBAEmBA,QAFnB;;AAAA,2BAGWC,iBAAiB,EAH5B;AAAA,MAGEC,IAHF,sBAGEA,IAHF;;AAIJ,MAAMC,WAAW,GAAGC,MAAM,CAAC,EAAD,CAA1B;AACA,MAAMC,UAAU,GAAGD,MAAM,CAAC,EAAD,CAAzB;AACA,MAAME,mBAAmB,GAAGF,MAAM,CAAC,EAAD,CAAlC;AACA,MAAMG,kBAAkB,GAAGH,MAAM,CAAC,EAAD,CAAjC;AACAF,EAAAA,IAAI,GAAGV,IAAI,KAAK,OAAT,GAAmB,CAAnB,GAAuBU,IAA9B;AACAM,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIL,WAAW,CAACM,OAAhB,EAAyB;AACvBN,MAAAA,WAAW,CAACM,OAAZ,CAAoBC,SAApB,GAAgCnB,kBAAhC;AACD;AACF,GAJQ,EAIN,EAJM,CAAT,CATI;;AAAA,MAgBFoB,qBAhBE,GAqBAX,QArBA,CAgBFW,qBAhBE;AAAA,8BAqBAX,QArBA,CAiBFY,YAjBE;AAAA,MAiBFA,YAjBE,sCAiBa,cAjBb;AAAA,+BAqBAZ,QArBA,CAkBFa,kBAlBE;AAAA,MAkBFA,kBAlBE,uCAkBmB,GAlBnB;AAAA,+BAqBAb,QArBA,CAmBFc,iBAnBE;AAAA,MAmBFA,iBAnBE,uCAmBkB,IAnBlB;AAAA,8BAqBAd,QArBA,CAoBFe,oBApBE;AAAA,MAoBFA,oBApBE,sCAoBqB,aApBrB;AAsBJ,MAAMC,KAAK,GAAGC,QAAQ,CAACH,iBAAD,EAAoB,EAApB,CAAtB;AACA,MAAMI,MAAM,GAAGD,QAAQ,CAACJ,kBAAD,EAAqB,EAArB,CAAvB;AACAR,EAAAA,UAAU,CAACI,OAAX,GAAqB;AACnBU,IAAAA,UAAU,EAAE,QADO;AAEnBC,IAAAA,cAAc,EAAE;AAFG,GAArB;AAIAd,EAAAA,mBAAmB,CAACG,OAApB,GAA8B;AAC5BS,IAAAA,MAAM,EAANA,MAD4B;AAE5BG,IAAAA,SAAS,kBAAWnB,IAAX,MAFmB;AAG5BoB,IAAAA,eAAe,EAAE,KAHW;AAI5BN,IAAAA,KAAK,EAALA;AAJ4B,GAA9B;AAMAT,EAAAA,kBAAkB,CAACE,OAAnB,GAA6B;AAC3BS,IAAAA,MAAM,EAAEK,UAAU,CAAC,CAACL,MAAM,GAAGhB,IAAV,EAAgBsB,OAAhB,CAAwB,CAAxB,CAAD,CADS;AAE3BC,IAAAA,MAAM,EAAE,GAFmB;AAG3BT,IAAAA,KAAK,EAAEO,UAAU,CAAC,CAACP,KAAK,GAAGd,IAAT,EAAesB,OAAf,CAAuB,CAAvB,CAAD;AAHU,GAA7B;;AAMA,MAAIrB,WAAW,CAACM,OAAZ,CAAoBiB,WAApB,GAAkCnB,kBAAkB,CAACE,OAAnB,CAA2BO,KAAjE,EAAwE;AACtE,WAAOX,UAAU,CAACI,OAAX,CAAmBW,cAA1B;AACD;;AAED,MAAIjB,WAAW,CAACM,OAAZ,CAAoBkB,YAApB,GAAmCpB,kBAAkB,CAACE,OAAnB,CAA2BS,MAAlE,EAA0E;AACxE,WAAOb,UAAU,CAACI,OAAX,CAAmBU,UAA1B;AACD;;AAED,MAAMS,eAAe,GAAGC,iBAAiB,CAACd,oBAAD,EAAuBrB,gBAAvB,CAAzC;AAEA,sBACEoC;AACE,IAAA,SAAS,EAAEC,WADb;AAAA,4BAGEC;AACE,MAAA,GAAG,EAAE7B,WADP;AAEE,MAAA,SAAS,EAAE4B;AAFb,OAGM5C,OAAO,EAHb;AAAA,6BAKE6C;AACE,QAAA,SAAS,YAAKD,MAAL,cAA0BhB,oBAA1B,CADX;AAEE,QAAA,KAAK,EAAEa,eAFT;AAAA,kBAIGnC,KAAK,CAACwC,GAAN,CAAU,UAACC,MAAD,EAAOC,KAAP,EAAiB;AAAA,cAClBC,eADkB,GACEF,MADF,CAClBE,eADkB;;AAE1B,cAAMC,KAAK,mCACN/B,mBAAmB,CAACG,OADd;AAET2B,YAAAA,eAAe,EAAEA,eAAe,GAAGA,eAAH,GAAqBzB,qBAAqB,IAAI;AAFrE,YAAX;;AAIA,8BACEqB;AAEE,YAAA,SAAS,YACPD,IADO,cAGPO,OAAO,CAAC1B,YAAD,CAHA,cAKPuB,KAAK,KAAKzC,gBAAV,GAA6B,YAA7B,GAA4C,EALrC,CAFX;AASE,YAAA,KAAK,EAAEW,UAAU,CAACI,OATpB;AAAA,mCAWEuB;AACE,cAAA,SAAS,kCAA2BxC,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,EAA3D,CADX;AAEE,cAAA,KAAK,EAAEe,kBAAkB,CAACE,OAF5B;AAAA,qCAIEuB,IAAC,UAAD;AACE,gBAAA,aAAa,EAAEjC,aADjB;AAEE,gBAAA,mBAAmB,EAAEb,mBAFvB;AAGE,gBAAA,QAAQ,EAAEE,QAHZ;AAIE,gBAAA,YAAY,EAAEE,YAJhB;AAKE,gBAAA,KAAK,EAAE4C,MAAI,CAACK,KALd;AAME,gBAAA,KAAK,EAAEF;AANT;AAJF;AAXF,4BACeF,KAAK,CAACK,QAAN,EADf,EADF;AA2BD,SAjCA;AAJH;AALF,OAHF,eAgDER,IAAC,YAAD;AACE,MAAA,KAAK,EAAEvC,KADT;AAEE,MAAA,QAAQ,EAAE,CAAC,CAACG,YAAD,IAAkBA,YAAY,IAAIC,wBAAnC,KAAiE,CAACR;AAF9E,MAhDF;AAAA,IADF;AAuDD;;AAEDJ,WAAW,CAACwD,SAAZ,GAAwB;AACtBvD,EAAAA,mBAAmB,EAAEwD,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,IAA5B,CADC;AAEtBzD,EAAAA,OAAO,EAAEuD,SAAS,CAACG,IAFG;AAGtBzD,EAAAA,QAAQ,EAAEsD,SAAS,CAACI,MAHE;AAItBzD,EAAAA,QAAQ,EAAEqD,SAAS,CAACK,IAJE;AAKtBzD,EAAAA,YAAY,EAAEoD,SAAS,CAACG,IALF;AAMtBtD,EAAAA,kBAAkB,EAAEmD,SAAS,CAACM,MANR;AAOtBxD,EAAAA,IAAI,EAAEkD,SAAS,CAACI,MAPM;AAQtBrD,EAAAA,KAAK,EAAEiD,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACO,KAAV,CAAgB,EAAhB,CAAlB,CARe;AAStBvD,EAAAA,gBAAgB,EAAEgD,SAAS,CAACM;AATN,CAAxB;AAYA/D,WAAW,CAACiE,YAAZ,GAA2B;AACzBhE,EAAAA,mBAAmB,EAAE,EADI;AAEzBC,EAAAA,OAAO,EAAE,mBAAM,EAFU;AAGzBC,EAAAA,QAAQ,EAAE,EAHe;AAIzBC,EAAAA,QAAQ,EAAE,KAJe;AAKzBC,EAAAA,YAAY,EAAE,wBAAM,EALK;AAMzBC,EAAAA,kBAAkB,EAAE,CANK;AAOzBC,EAAAA,IAAI,EAAE,SAPmB;AAQzBC,EAAAA,KAAK,EAAE,EARkB;AASzBC,EAAAA,gBAAgB,EAAE;AATO,CAA3B;;;;"}
+{"version":3,"file":"StaticScene.js","sources":["../../../../src/components/Preview/StaticScene.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport * as classNames from '../../constants/classNames';\nimport StaticPage from './StaticPage';\nimport { usePropContext } from '../../utils/propContext';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { slugify } from '../../utils/string';\nimport { usePageTransition } from '../../utils/hooks';\nimport { usePresentationContext } from '../../utils/presentationContext';\nimport ZoomControls from '../Builder/ZoomControls';\n\nconst StaticScene = ({\n  additionalPageItems,\n  gesture,\n  hashCode,\n  hideZoom,\n  itemAccessor,\n  lastScrollPosition,\n  mode,\n  pages,\n  presentationPage,\n}) => {\n  const { isFullscreen, showControlsInFullScreen } = usePresentationContext();\n  const { acceptedItems, settings } = usePropContext();\n  let { zoom } = useBuilderContext();\n  const viewPortRef = useRef({});\n  const pageStyles = useRef({});\n  const pageContainerStyles = useRef({});\n  const zoomAdjusterStyles = useRef({});\n  zoom = mode === 'print' ? 1 : zoom;\n  useEffect(() => {\n    if (viewPortRef.current) {\n      viewPortRef.current.scrollTop = lastScrollPosition;\n    }\n  }, []); // set last scroll position after changing mode\n\n  const {\n    reportBackgroundColor,\n    reportLayout = 'A4 Landscape',\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n    reportPageTransition = 'noAnimation',\n  } = settings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  pageStyles.current = {\n    alignItems: 'center',\n    justifyContent: 'center',\n  };\n  pageContainerStyles.current = {\n    height,\n    transform: `scale(${zoom})`,\n    transformOrigin: '0 0',\n    width,\n  };\n  zoomAdjusterStyles.current = {\n    height: parseFloat((height * zoom).toFixed(1)),\n    margin: '0',\n    width: parseFloat((width * zoom).toFixed(1)),\n  };\n\n  if (viewPortRef.current.clientWidth < zoomAdjusterStyles.current.width) {\n    delete pageStyles.current.justifyContent;\n  }\n\n  if (viewPortRef.current.clientHeight < zoomAdjusterStyles.current.height) {\n    delete pageStyles.current.alignItems;\n  }\n\n  const transitionStyle = usePageTransition(reportPageTransition, presentationPage);\n\n  return (\n    <main\n      className={classNames.mainWrapper}\n    >\n      <div\n        ref={viewPortRef}\n        className={classNames.viewport}\n        {...gesture()}\n      >\n        <div\n          className={`${classNames.canvas} ${reportPageTransition}`}\n          style={transitionStyle}\n        >\n          {pages.map((page, index) => {\n            const { backgroundColor } = page;\n            const style = {\n              ...pageContainerStyles.current,\n              backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff',\n            };\n            return (\n              <div\n                key={`page_${index.toString()}`}\n                className={`${\n                  classNames.page\n                } ${\n                  slugify(reportLayout)\n                } ${\n                  index === presentationPage ? 'activePage' : ''\n                }`}\n                style={pageStyles.current}\n              >\n                <div\n                  className={`jfReport-zoomAdjuster ${mode !== 'preview' ? 'd-flex' : ''}`}\n                  style={zoomAdjusterStyles.current}\n                >\n                  <StaticPage\n                    acceptedItems={acceptedItems}\n                    additionalPageItems={additionalPageItems}\n                    hashCode={hashCode}\n                    itemAccessor={itemAccessor}\n                    items={page.items}\n                    style={style}\n                  />\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      <ZoomControls\n        pages={pages}\n        showZoom={(!isFullscreen || (isFullscreen && showControlsInFullScreen)) && !hideZoom}\n      />\n    </main>\n  );\n};\n\nStaticScene.propTypes = {\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  gesture: PropTypes.func,\n  hashCode: PropTypes.string,\n  hideZoom: PropTypes.bool,\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  mode: PropTypes.string,\n  pages: PropTypes.arrayOf(PropTypes.shape({})),\n  presentationPage: PropTypes.number,\n};\n\nStaticScene.defaultProps = {\n  additionalPageItems: [],\n  gesture: () => {},\n  hashCode: '',\n  hideZoom: false,\n  itemAccessor: () => {},\n  lastScrollPosition: 0,\n  mode: 'preview',\n  pages: [],\n  presentationPage: 0,\n};\n\nexport default StaticScene;\n"],"names":["StaticScene","additionalPageItems","gesture","hashCode","hideZoom","itemAccessor","lastScrollPosition","mode","pages","presentationPage","usePresentationContext","isFullscreen","showControlsInFullScreen","usePropContext","acceptedItems","settings","useBuilderContext","zoom","viewPortRef","useRef","pageStyles","pageContainerStyles","zoomAdjusterStyles","useEffect","current","scrollTop","reportBackgroundColor","reportLayout","reportLayoutHeight","reportLayoutWidth","reportPageTransition","width","parseInt","height","alignItems","justifyContent","transform","transformOrigin","parseFloat","toFixed","margin","clientWidth","clientHeight","transitionStyle","usePageTransition","_jsxs","classNames","_jsx","map","page","index","backgroundColor","style","slugify","items","toString","propTypes","PropTypes","arrayOf","node","func","string","bool","number","shape","defaultProps"],"mappings":"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"}

package/lib/esm/components/Print/Print.js

@@ -3,7 +3,7 @@ import Modal from 'react-modal';
 import PrintModeWithoutContext from './PrintModeWithoutContext.js';
 import { jsx } from 'react/jsx-runtime';
 
-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 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; }
 

package/lib/esm/components/Print/PrintMode.js

@@ -1,5 +1,3 @@
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.object.keys.js';
 import PropTypes from 'prop-types';
 import objectHash from 'object-hash';
 import { PropProvider } from '../../utils/propContext.js';
@@ -7,6 +5,8 @@ import PrintModeWithoutContext from './PrintModeWithoutContext.js';
 import '../../styles/jfReportsBundle.scss';
 import { jsx } from 'react/jsx-runtime';
 
+var _excluded = ["acceptedItems", "additionalPageItems", "itemAccessor", "pages", "settings"];
+
 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; }
@@ -17,7 +17,7 @@ var PrintMode = function PrintMode(_ref) {
       itemAccessor = _ref.itemAccessor,
       pages = _ref.pages,
       settings = _ref.settings,
-      otherProps = _objectWithoutProperties(_ref, ["acceptedItems", "additionalPageItems", "itemAccessor", "pages", "settings"]);
+      otherProps = _objectWithoutProperties(_ref, _excluded);
 
   var hashCode = objectHash(otherProps);
   return /*#__PURE__*/jsx(PropProvider, {

package/lib/esm/components/Print/PrintModeWithoutContext.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.split.js';
 import { useState } from 'react';
@@ -16,10 +15,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var availableFormats = ['A4', 'A5'];
+var availableFormats = ['A4', 'A5', 'Custom', 'Web'];
 
 var PrintModeWithoutContext = function PrintModeWithoutContext(_ref) {
   var additionalPageItems = _ref.additionalPageItems,
@@ -72,7 +71,7 @@ PrintModeWithoutContext.propTypes = {
     reportLayoutHeight: PropTypes.string,
     reportLayoutWidth: PropTypes.string
   }),
-  theme: PropTypes.string
+  theme: PropTypes.oneOf(['lightMode', 'darkMode'])
 };
 PrintModeWithoutContext.defaultProps = {
   additionalPageItems: [],

package/lib/esm/components/Print/PrintModeWithoutContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrintModeWithoutContext.js","sources":["../../../../src/components/Print/PrintModeWithoutContext.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ReportWrapper from '../ReportWrapper';\nimport StaticScene from '../Preview/StaticScene';\nimport { pageSize } from '../../utils/print';\n\nconst availableFormats = ['A4', 'A5'];\n\nconst PrintModeWithoutContext = ({\n  additionalPageItems,\n  hashCode,\n  itemAccessor,\n  mode,\n  pages,\n  settings,\n  theme,\n}) => {\n  const [manipulatePageSize, setManipulatePageSize] = useState(false);\n  const reportLayout = settings.reportLayout ? settings.reportLayout : 'A4 Landscape';\n  if (availableFormats.indexOf(reportLayout.split(' ')[0]) > -1 && !manipulatePageSize) {\n    setManipulatePageSize(true);\n  }\n\n  return (\n    <>\n      {manipulatePageSize && (\n        <style\n          dangerouslySetInnerHTML={{\n            __html: `\n            @page {\n              size: ${pageSize(settings)}; margin:0;\n            }`,\n          }}\n        />\n      )}\n      <ReportWrapper\n        mode=\"print\"\n        theme={theme}\n      >\n        <StaticScene\n          additionalPageItems={additionalPageItems}\n          hashCode={hashCode}\n          hideZoom={true}\n          itemAccessor={itemAccessor}\n          mode={mode}\n          pages={pages}\n        />\n      </ReportWrapper>\n    </>\n  );\n};\n\nPrintModeWithoutContext.propTypes = {\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  hashCode: PropTypes.string,\n  itemAccessor: PropTypes.func,\n  mode: PropTypes.string,\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  settings: PropTypes.shape({\n    reportLayout: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n  }),\n  theme: PropTypes.string,\n};\n\nPrintModeWithoutContext.defaultProps = {\n  additionalPageItems: [],\n  hashCode: '',\n  itemAccessor: () => {},\n  mode: 'print',\n  pages: [],\n  settings: {},\n  theme: 'lightMode',\n};\n\nexport default PrintModeWithoutContext;\n"],"names":["availableFormats","PrintModeWithoutContext","additionalPageItems","hashCode","itemAccessor","mode","pages","settings","theme","useState","manipulatePageSize","setManipulatePageSize","reportLayout","indexOf","split","_jsxs","_jsx","__html","pageSize","propTypes","PropTypes","arrayOf","node","string","func","shape","reportLayoutHeight","reportLayoutWidth","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,gBAAgB,GAAG,CAAC,IAAD,EAAO,IAAP,CAAzB;;IAEMC,uBAAuB,GAAG,SAA1BA,uBAA0B,OAQ1B;AAAA,MAPJC,mBAOI,QAPJA,mBAOI;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,IAII,QAJJA,IAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,KACI,QADJA,KACI;;AAAA,kBACgDC,QAAQ,CAAC,KAAD,CADxD;AAAA;AAAA,MACGC,kBADH;AAAA,MACuBC,qBADvB;;AAEJ,MAAMC,YAAY,GAAGL,QAAQ,CAACK,YAAT,GAAwBL,QAAQ,CAACK,YAAjC,GAAgD,cAArE;;AACA,MAAIZ,gBAAgB,CAACa,OAAjB,CAAyBD,YAAY,CAACE,KAAb,CAAmB,GAAnB,EAAwB,CAAxB,CAAzB,IAAuD,CAAC,CAAxD,IAA6D,CAACJ,kBAAlE,EAAsF;AACpFC,IAAAA,qBAAqB,CAAC,IAAD,CAArB;AACD;;AAED,sBACEI;AAAA,eACGL,kBAAkB,iBACjBM;AACE,MAAA,uBAAuB,EAAE;AACvBC,QAAAA,MAAM,uDAEIC,QAAQ,CAACX,QAAD,CAFZ;AADiB;AAD3B,MAFJ,eAWES,IAAC,aAAD;AACE,MAAA,IAAI,EAAC,OADP;AAEE,MAAA,KAAK,EAAER,KAFT;AAAA,6BAIEQ,IAAC,WAAD;AACE,QAAA,mBAAmB,EAAEd,mBADvB;AAEE,QAAA,QAAQ,EAAEC,QAFZ;AAGE,QAAA,QAAQ,EAAE,IAHZ;AAIE,QAAA,YAAY,EAAEC,YAJhB;AAKE,QAAA,IAAI,EAAEC,IALR;AAME,QAAA,KAAK,EAAEC;AANT;AAJF,MAXF;AAAA,IADF;AA2BD;;AAEDL,uBAAuB,CAACkB,SAAxB,GAAoC;AAClCjB,EAAAA,mBAAmB,EAAEkB,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,IAA5B,CADa;AAElCnB,EAAAA,QAAQ,EAAEiB,SAAS,CAACG,MAFc;AAGlCnB,EAAAA,YAAY,EAAEgB,SAAS,CAACI,IAHU;AAIlCnB,EAAAA,IAAI,EAAEe,SAAS,CAACG,MAJkB;AAKlCjB,EAAAA,KAAK,EAAEc,SAAS,CAACC,OAAV,CACLD,SAAS,CAACK,KAAV,CAAgB,EAAhB,CADK,CAL2B;AAQlClB,EAAAA,QAAQ,EAAEa,SAAS,CAACK,KAAV,CAAgB;AACxBb,IAAAA,YAAY,EAAEQ,SAAS,CAACG,MADA;AAExBG,IAAAA,kBAAkB,EAAEN,SAAS,CAACG,MAFN;AAGxBI,IAAAA,iBAAiB,EAAEP,SAAS,CAACG;AAHL,GAAhB,CARwB;AAalCf,EAAAA,KAAK,EAAEY,SAAS,CAACG;AAbiB,CAApC;AAgBAtB,uBAAuB,CAAC2B,YAAxB,GAAuC;AACrC1B,EAAAA,mBAAmB,EAAE,EADgB;AAErCC,EAAAA,QAAQ,EAAE,EAF2B;AAGrCC,EAAAA,YAAY,EAAE,wBAAM,EAHiB;AAIrCC,EAAAA,IAAI,EAAE,OAJ+B;AAKrCC,EAAAA,KAAK,EAAE,EAL8B;AAMrCC,EAAAA,QAAQ,EAAE,EAN2B;AAOrCC,EAAAA,KAAK,EAAE;AAP8B,CAAvC;;;;"}
+{"version":3,"file":"PrintModeWithoutContext.js","sources":["../../../../src/components/Print/PrintModeWithoutContext.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ReportWrapper from '../ReportWrapper';\nimport StaticScene from '../Preview/StaticScene';\nimport { pageSize } from '../../utils/print';\n\nconst availableFormats = ['A4', 'A5', 'Custom', 'Web'];\n\nconst PrintModeWithoutContext = ({\n  additionalPageItems,\n  hashCode,\n  itemAccessor,\n  mode,\n  pages,\n  settings,\n  theme,\n}) => {\n  const [manipulatePageSize, setManipulatePageSize] = useState(false);\n  const reportLayout = settings.reportLayout ? settings.reportLayout : 'A4 Landscape';\n  if (availableFormats.indexOf(reportLayout.split(' ')[0]) > -1 && !manipulatePageSize) {\n    setManipulatePageSize(true);\n  }\n\n  return (\n    <>\n      {manipulatePageSize && (\n        <style\n          dangerouslySetInnerHTML={{\n            __html: `\n            @page {\n              size: ${pageSize(settings)}; margin:0;\n            }`,\n          }}\n        />\n      )}\n      <ReportWrapper\n        mode=\"print\"\n        theme={theme}\n      >\n        <StaticScene\n          additionalPageItems={additionalPageItems}\n          hashCode={hashCode}\n          hideZoom={true}\n          itemAccessor={itemAccessor}\n          mode={mode}\n          pages={pages}\n        />\n      </ReportWrapper>\n    </>\n  );\n};\n\nPrintModeWithoutContext.propTypes = {\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  hashCode: PropTypes.string,\n  itemAccessor: PropTypes.func,\n  mode: PropTypes.string,\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  settings: PropTypes.shape({\n    reportLayout: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n  }),\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\nPrintModeWithoutContext.defaultProps = {\n  additionalPageItems: [],\n  hashCode: '',\n  itemAccessor: () => {},\n  mode: 'print',\n  pages: [],\n  settings: {},\n  theme: 'lightMode',\n};\n\nexport default PrintModeWithoutContext;\n"],"names":["availableFormats","PrintModeWithoutContext","additionalPageItems","hashCode","itemAccessor","mode","pages","settings","theme","useState","manipulatePageSize","setManipulatePageSize","reportLayout","indexOf","split","_jsxs","_jsx","__html","pageSize","propTypes","PropTypes","arrayOf","node","string","func","shape","reportLayoutHeight","reportLayoutWidth","oneOf","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,gBAAgB,GAAG,CAAC,IAAD,EAAO,IAAP,EAAa,QAAb,EAAuB,KAAvB,CAAzB;;IAEMC,uBAAuB,GAAG,SAA1BA,uBAA0B,OAQ1B;AAAA,MAPJC,mBAOI,QAPJA,mBAOI;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,IAII,QAJJA,IAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,kBAAoDC,QAAQ,CAAC,KAAD,CAA5D;AAAA;AAAA,MAAOC,kBAAP;AAAA,MAA2BC,qBAA3B;;AACA,MAAMC,YAAY,GAAGL,QAAQ,CAACK,YAAT,GAAwBL,QAAQ,CAACK,YAAjC,GAAgD,cAArE;;AACA,MAAIZ,gBAAgB,CAACa,OAAjB,CAAyBD,YAAY,CAACE,KAAb,CAAmB,GAAnB,EAAwB,CAAxB,CAAzB,IAAuD,CAAC,CAAxD,IAA6D,CAACJ,kBAAlE,EAAsF;AACpFC,IAAAA,qBAAqB,CAAC,IAAD,CAArB;AACD;;AAED,sBACEI;AAAA,eACGL,kBAAkB,iBACjBM;AACE,MAAA,uBAAuB,EAAE;AACvBC,QAAAA,MAAM,uDAEIC,QAAQ,CAACX,QAAD,CAFZ;AADiB;AAD3B,MAFJ,eAWES,IAAC,aAAD;AACE,MAAA,IAAI,EAAC,OADP;AAEE,MAAA,KAAK,EAAER,KAFT;AAAA,6BAIEQ,IAAC,WAAD;AACE,QAAA,mBAAmB,EAAEd,mBADvB;AAEE,QAAA,QAAQ,EAAEC,QAFZ;AAGE,QAAA,QAAQ,EAAE,IAHZ;AAIE,QAAA,YAAY,EAAEC,YAJhB;AAKE,QAAA,IAAI,EAAEC,IALR;AAME,QAAA,KAAK,EAAEC;AANT;AAJF,MAXF;AAAA,IADF;AA2BD;;AAEDL,uBAAuB,CAACkB,SAAxB,GAAoC;AAClCjB,EAAAA,mBAAmB,EAAEkB,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,IAA5B,CADa;AAElCnB,EAAAA,QAAQ,EAAEiB,SAAS,CAACG,MAFc;AAGlCnB,EAAAA,YAAY,EAAEgB,SAAS,CAACI,IAHU;AAIlCnB,EAAAA,IAAI,EAAEe,SAAS,CAACG,MAJkB;AAKlCjB,EAAAA,KAAK,EAAEc,SAAS,CAACC,OAAV,CACLD,SAAS,CAACK,KAAV,CAAgB,EAAhB,CADK,CAL2B;AAQlClB,EAAAA,QAAQ,EAAEa,SAAS,CAACK,KAAV,CAAgB;AACxBb,IAAAA,YAAY,EAAEQ,SAAS,CAACG,MADA;AAExBG,IAAAA,kBAAkB,EAAEN,SAAS,CAACG,MAFN;AAGxBI,IAAAA,iBAAiB,EAAEP,SAAS,CAACG;AAHL,GAAhB,CARwB;AAalCf,EAAAA,KAAK,EAAEY,SAAS,CAACQ,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB;AAb2B,CAApC;AAgBA3B,uBAAuB,CAAC4B,YAAxB,GAAuC;AACrC3B,EAAAA,mBAAmB,EAAE,EADgB;AAErCC,EAAAA,QAAQ,EAAE,EAF2B;AAGrCC,EAAAA,YAAY,EAAE,wBAAM,EAHiB;AAIrCC,EAAAA,IAAI,EAAE,OAJ+B;AAKrCC,EAAAA,KAAK,EAAE,EAL8B;AAMrCC,EAAAA,QAAQ,EAAE,EAN2B;AAOrCC,EAAAA,KAAK,EAAE;AAP8B,CAAvC;;;;"}

package/lib/esm/components/Report.js

@@ -1,5 +1,3 @@
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.object.keys.js';
 import { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Builder from './Builder/Builder.js';
@@ -9,7 +7,9 @@ import Print from './Print/Print.js';
 import ALL_TEXTS, { SharingTextsModule } from '../constants/texts.js';
 import { jsx } from 'react/jsx-runtime';
 
-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; }
+var _excluded = ["leftPanelConfig", "mode", "reportsAppTexts"];
+
+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; }
 
@@ -23,7 +23,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -35,7 +35,7 @@ var Report = function Report(_ref) {
   var leftPanelConfig = _ref.leftPanelConfig,
       mode = _ref.mode,
       newReportsAppTexts = _ref.reportsAppTexts,
-      props = _objectWithoutProperties(_ref, ["leftPanelConfig", "mode", "reportsAppTexts"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState(mode),
       _useState2 = _slicedToArray(_useState, 2),
@@ -95,11 +95,13 @@ Report.propTypes = {
    It can be changed static texts or translated which use in the library.
    New texts are set when you pass again.
   */
-  reportsAppTexts: PropTypes.shape({})
+  reportsAppTexts: PropTypes.shape({}),
+  theme: PropTypes.oneOf(['lightMode', 'darkMode'])
 };
 Report.defaultProps = {
   mode: 'customize',
-  reportsAppTexts: ALL_TEXTS
+  reportsAppTexts: ALL_TEXTS,
+  theme: 'lightMode'
 };
 
 export default Report;

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

@@ -1 +1 @@
-{"version":3,"file":"Report.js","sources":["../../../src/components/Report.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Builder from './Builder';\nimport Presentation from './Presentation/Presentation';\nimport Preview from './Preview';\nimport Print from './Print';\nimport reportsAppTexts, { SharingTextsModule } from '../constants/texts';\n\nconst Report = ({\n  leftPanelConfig,\n  mode,\n  reportsAppTexts: newReportsAppTexts,\n  ...props\n}) => {\n  const [viewMode, setViewMode] = useState(mode);\n  const [lastScrollPosition, setLastScrollPosition] = useState(0);\n\n  useEffect(() => {\n    SharingTextsModule.setTexts(newReportsAppTexts);\n  }, [newReportsAppTexts]);\n\n  useEffect(() => {\n    if (['customize', 'preview'].indexOf(viewMode) > -1) {\n      setLastScrollPosition(document.querySelector('.jfReport-viewport').scrollTop);\n    }\n    setViewMode(mode);\n  }, [mode]);\n\n  const customProps = { ...props, lastScrollPosition, leftPanelConfig };\n\n  switch (viewMode) {\n    case 'preview': {\n      return <Preview {...customProps} />;\n    }\n    case 'presentation': {\n      return <Presentation {...props} />;\n    }\n    case 'print': {\n      return <Print {...props} />;\n    }\n    case 'customize':\n    default: {\n      return <Builder {...customProps} />;\n    }\n  }\n};\n\nReport.propTypes = {\n  /** Conditionally rendering different modes  */\n  mode: PropTypes.oneOf(['customize', 'preview', 'print', 'presentation']),\n  /**\n   It can be changed static texts or translated which use in the library.\n   New texts are set when you pass again.\n  */\n  reportsAppTexts: PropTypes.shape({}),\n};\n\nReport.defaultProps = {\n  mode: 'customize',\n  reportsAppTexts,\n};\n\nexport default Report;\n"],"names":["Report","leftPanelConfig","mode","newReportsAppTexts","reportsAppTexts","props","useState","viewMode","setViewMode","lastScrollPosition","setLastScrollPosition","useEffect","SharingTextsModule","setTexts","indexOf","document","querySelector","scrollTop","customProps","_jsx","propTypes","PropTypes","oneOf","shape","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,MAJJC,eAII,QAJJA,eAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFaC,kBAEb,QAFJC,eAEI;AAAA,MADDC,KACC;;AAAA,kBAC4BC,QAAQ,CAACJ,IAAD,CADpC;AAAA;AAAA,MACGK,QADH;AAAA,MACaC,WADb;;AAAA,mBAEgDF,QAAQ,CAAC,CAAD,CAFxD;AAAA;AAAA,MAEGG,kBAFH;AAAA,MAEuBC,qBAFvB;;AAIJC,EAAAA,SAAS,CAAC,YAAM;AACdC,IAAAA,kBAAkB,CAACC,QAAnB,CAA4BV,kBAA5B;AACD,GAFQ,EAEN,CAACA,kBAAD,CAFM,CAAT;AAIAQ,EAAAA,SAAS,CAAC,YAAM;AACd,QAAI,CAAC,WAAD,EAAc,SAAd,EAAyBG,OAAzB,CAAiCP,QAAjC,IAA6C,CAAC,CAAlD,EAAqD;AACnDG,MAAAA,qBAAqB,CAACK,QAAQ,CAACC,aAAT,CAAuB,oBAAvB,EAA6CC,SAA9C,CAArB;AACD;;AACDT,IAAAA,WAAW,CAACN,IAAD,CAAX;AACD,GALQ,EAKN,CAACA,IAAD,CALM,CAAT;;AAOA,MAAMgB,WAAW,mCAAQb,KAAR;AAAeI,IAAAA,kBAAkB,EAAlBA,kBAAf;AAAmCR,IAAAA,eAAe,EAAfA;AAAnC,IAAjB;;AAEA,UAAQM,QAAR;AACE,SAAK,SAAL;AAAgB;AACd,4BAAOY,IAAC,OAAD,oBAAaD,WAAb,EAAP;AACD;;AACD,SAAK,cAAL;AAAqB;AACnB,4BAAOC,IAAC,YAAD,oBAAkBd,KAAlB,EAAP;AACD;;AACD,SAAK,OAAL;AAAc;AACZ,4BAAOc,IAAC,KAAD,oBAAWd,KAAX,EAAP;AACD;;AACD,SAAK,WAAL;AACA;AAAS;AACP,4BAAOc,IAAC,OAAD,oBAAaD,WAAb,EAAP;AACD;AAbH;AAeD;;AAEDlB,MAAM,CAACoB,SAAP,GAAmB;AACjB;AACAlB,EAAAA,IAAI,EAAEmB,SAAS,CAACC,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,OAAzB,EAAkC,cAAlC,CAAhB,CAFW;;AAGjB;AACF;AACA;AACA;AACElB,EAAAA,eAAe,EAAEiB,SAAS,CAACE,KAAV,CAAgB,EAAhB;AAPA,CAAnB;AAUAvB,MAAM,CAACwB,YAAP,GAAsB;AACpBtB,EAAAA,IAAI,EAAE,WADc;AAEpBE,EAAAA,eAAe,EAAfA;AAFoB,CAAtB;;;;"}
+{"version":3,"file":"Report.js","sources":["../../../src/components/Report.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Builder from './Builder';\nimport Presentation from './Presentation/Presentation';\nimport Preview from './Preview';\nimport Print from './Print';\nimport reportsAppTexts, { SharingTextsModule } from '../constants/texts';\n\nconst Report = ({\n  leftPanelConfig,\n  mode,\n  reportsAppTexts: newReportsAppTexts,\n  ...props\n}) => {\n  const [viewMode, setViewMode] = useState(mode);\n  const [lastScrollPosition, setLastScrollPosition] = useState(0);\n\n  useEffect(() => {\n    SharingTextsModule.setTexts(newReportsAppTexts);\n  }, [newReportsAppTexts]);\n\n  useEffect(() => {\n    if (['customize', 'preview'].indexOf(viewMode) > -1) {\n      setLastScrollPosition(document.querySelector('.jfReport-viewport').scrollTop);\n    }\n    setViewMode(mode);\n  }, [mode]);\n\n  const customProps = { ...props, lastScrollPosition, leftPanelConfig };\n\n  switch (viewMode) {\n    case 'preview': {\n      return <Preview {...customProps} />;\n    }\n    case 'presentation': {\n      return <Presentation {...props} />;\n    }\n    case 'print': {\n      return <Print {...props} />;\n    }\n    case 'customize':\n    default: {\n      return <Builder {...customProps} />;\n    }\n  }\n};\n\nReport.propTypes = {\n  /** Conditionally rendering different modes  */\n  mode: PropTypes.oneOf(['customize', 'preview', 'print', 'presentation']),\n  /**\n   It can be changed static texts or translated which use in the library.\n   New texts are set when you pass again.\n  */\n  reportsAppTexts: PropTypes.shape({}),\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\nReport.defaultProps = {\n  mode: 'customize',\n  reportsAppTexts,\n  theme: 'lightMode',\n};\n\nexport default Report;\n"],"names":["Report","leftPanelConfig","mode","newReportsAppTexts","reportsAppTexts","props","useState","viewMode","setViewMode","lastScrollPosition","setLastScrollPosition","useEffect","SharingTextsModule","setTexts","indexOf","document","querySelector","scrollTop","customProps","_jsx","propTypes","PropTypes","oneOf","shape","theme","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,MAJJC,eAII,QAJJA,eAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFaC,kBAEb,QAFJC,eAEI;AAAA,MADDC,KACC;;AACJ,kBAAgCC,QAAQ,CAACJ,IAAD,CAAxC;AAAA;AAAA,MAAOK,QAAP;AAAA,MAAiBC,WAAjB;;AACA,mBAAoDF,QAAQ,CAAC,CAAD,CAA5D;AAAA;AAAA,MAAOG,kBAAP;AAAA,MAA2BC,qBAA3B;;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACdC,IAAAA,kBAAkB,CAACC,QAAnB,CAA4BV,kBAA5B;AACD,GAFQ,EAEN,CAACA,kBAAD,CAFM,CAAT;AAIAQ,EAAAA,SAAS,CAAC,YAAM;AACd,QAAI,CAAC,WAAD,EAAc,SAAd,EAAyBG,OAAzB,CAAiCP,QAAjC,IAA6C,CAAC,CAAlD,EAAqD;AACnDG,MAAAA,qBAAqB,CAACK,QAAQ,CAACC,aAAT,CAAuB,oBAAvB,EAA6CC,SAA9C,CAArB;AACD;;AACDT,IAAAA,WAAW,CAACN,IAAD,CAAX;AACD,GALQ,EAKN,CAACA,IAAD,CALM,CAAT;;AAOA,MAAMgB,WAAW,mCAAQb,KAAR;AAAeI,IAAAA,kBAAkB,EAAlBA,kBAAf;AAAmCR,IAAAA,eAAe,EAAfA;AAAnC,IAAjB;;AAEA,UAAQM,QAAR;AACE,SAAK,SAAL;AAAgB;AACd,4BAAOY,IAAC,OAAD,oBAAaD,WAAb,EAAP;AACD;;AACD,SAAK,cAAL;AAAqB;AACnB,4BAAOC,IAAC,YAAD,oBAAkBd,KAAlB,EAAP;AACD;;AACD,SAAK,OAAL;AAAc;AACZ,4BAAOc,IAAC,KAAD,oBAAWd,KAAX,EAAP;AACD;;AACD,SAAK,WAAL;AACA;AAAS;AACP,4BAAOc,IAAC,OAAD,oBAAaD,WAAb,EAAP;AACD;AAbH;AAeD;;AAEDlB,MAAM,CAACoB,SAAP,GAAmB;AACjB;AACAlB,EAAAA,IAAI,EAAEmB,SAAS,CAACC,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,OAAzB,EAAkC,cAAlC,CAAhB,CAFW;;AAGjB;AACF;AACA;AACA;AACElB,EAAAA,eAAe,EAAEiB,SAAS,CAACE,KAAV,CAAgB,EAAhB,CAPA;AAQjBC,EAAAA,KAAK,EAAEH,SAAS,CAACC,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB;AARU,CAAnB;AAWAtB,MAAM,CAACyB,YAAP,GAAsB;AACpBvB,EAAAA,IAAI,EAAE,WADc;AAEpBE,EAAAA,eAAe,EAAfA,SAFoB;AAGpBoB,EAAAA,KAAK,EAAE;AAHa,CAAtB;;;;"}

package/lib/esm/components/ReportItemsWrapper.js

@@ -1,5 +1,4 @@
 import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.array.map.js';
 import { memo } from 'react';
 import ReportItemRenderer from './Builder/ReportItemRenderer.js';

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 ReportItemRenderer from './Builder/ReportItemRenderer';\nimport DraggableItem from './DraggableItem/DraggableItem';\nimport getMergedItem from '../utils/getMergedItem';\n\nconst isSelected = (id, activeElements) => {\n  if (activeElements === null) return id === activeElements;\n  return activeElements.indexOf(id) !== -1;\n};\n\nconst ReportItemsWrapper = ({\n  acceptedItems,\n  activeElement,\n  guides,\n  hashCode,\n  isResize,\n  isRightPanelOpen,\n  isTextEditorOpen,\n  itemAccessor,\n  items,\n  matches,\n  onAnEventTrigger,\n  onItemAdd,\n  onItemChange,\n  onItemRemove,\n  onItemResize,\n  setActiveElement,\n  setContextMenuProps,\n  setIsResize,\n  setIsRightPanelOpen,\n  setMatches,\n  zoom,\n}) => {\n  return items\n    .filter(item => (\n      item.isVisible !== undefined\n        ? item.isVisible\n        : true\n    ))\n    .map((item, index) => {\n      const mergedItem = getMergedItem(item, acceptedItems);\n      return (\n        <DraggableItem\n          key={item.id}\n          guides={guides}\n          hashCode={hashCode}\n          index={index}\n          isMultipleItemSelected={activeElement !== null && activeElement.length > 1}\n          isResize={isResize}\n          isRightPanelOpen={isRightPanelOpen}\n          isSelected={isSelected(item.id, activeElement)}\n          isTextEditorOpen={isTextEditorOpen}\n          item={item}\n          matches={matches}\n          onAnEventTrigger={onAnEventTrigger}\n          onItemAdd={onItemAdd}\n          onItemChange={onItemChange}\n          onItemRemove={onItemRemove}\n          onItemResize={onItemResize}\n          setActiveElement={setActiveElement}\n          setContextMenuProps={setContextMenuProps}\n          setIsResize={setIsResize}\n          setIsRightPanelOpen={setIsRightPanelOpen}\n          setMatches={setMatches}\n          zoom={zoom}\n        >\n          <ReportItemRenderer\n            key={item.id}\n            item={mergedItem}\n          >\n            {ReportItem => (\n              <ReportItem\n                isMultipleItemSelected={activeElement !== null && activeElement.length > 1}\n                isSelected={isSelected(item.id, activeElement)}\n                item={mergedItem}\n                itemAccessor={itemAccessor}\n                onAnEventTrigger={onAnEventTrigger}\n                onItemChange={onItemChange}\n              />\n            )}\n          </ReportItemRenderer>\n        </DraggableItem>\n      );\n    });\n};\n\nexport default memo(ReportItemsWrapper);\n"],"names":["isSelected","id","activeElements","indexOf","ReportItemsWrapper","acceptedItems","activeElement","guides","hashCode","isResize","isRightPanelOpen","isTextEditorOpen","itemAccessor","items","matches","onAnEventTrigger","onItemAdd","onItemChange","onItemRemove","onItemResize","setActiveElement","setContextMenuProps","setIsResize","setIsRightPanelOpen","setMatches","zoom","filter","item","isVisible","undefined","map","index","mergedItem","getMergedItem","_jsx","length","ReportItem","memo"],"mappings":"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"}
+{"version":3,"file":"ReportItemsWrapper.js","sources":["../../../src/components/ReportItemsWrapper.js"],"sourcesContent":["import { memo } from 'react';\nimport ReportItemRenderer from './Builder/ReportItemRenderer';\nimport DraggableItem from './DraggableItem/DraggableItem';\nimport getMergedItem from '../utils/getMergedItem';\n\nconst isSelected = (id, activeElements) => {\n  if (activeElements === null) return id === activeElements;\n  return activeElements.indexOf(id) !== -1;\n};\n\nconst ReportItemsWrapper = ({\n  acceptedItems,\n  activeElement,\n  guides,\n  hashCode,\n  isResize,\n  isRightPanelOpen,\n  isTextEditorOpen,\n  itemAccessor,\n  items,\n  matches,\n  onAnEventTrigger,\n  onItemAdd,\n  onItemChange,\n  onItemRemove,\n  onItemResize,\n  setActiveElement,\n  setContextMenuProps,\n  setIsResize,\n  setIsRightPanelOpen,\n  setMatches,\n  zoom,\n}) => {\n  return items\n    .filter(item => (\n      item.isVisible !== undefined\n        ? item.isVisible\n        : true\n    ))\n    .map((item, index) => {\n      const mergedItem = getMergedItem(item, acceptedItems);\n      return (\n        <DraggableItem\n          key={item.id}\n          guides={guides}\n          hashCode={hashCode}\n          index={index}\n          isMultipleItemSelected={activeElement !== null && activeElement.length > 1}\n          isResize={isResize}\n          isRightPanelOpen={isRightPanelOpen}\n          isSelected={isSelected(item.id, activeElement)}\n          isTextEditorOpen={isTextEditorOpen}\n          item={item}\n          matches={matches}\n          onAnEventTrigger={onAnEventTrigger}\n          onItemAdd={onItemAdd}\n          onItemChange={onItemChange}\n          onItemRemove={onItemRemove}\n          onItemResize={onItemResize}\n          setActiveElement={setActiveElement}\n          setContextMenuProps={setContextMenuProps}\n          setIsResize={setIsResize}\n          setIsRightPanelOpen={setIsRightPanelOpen}\n          setMatches={setMatches}\n          zoom={zoom}\n        >\n          <ReportItemRenderer\n            key={item.id}\n            item={mergedItem}\n          >\n            {ReportItem => (\n              <ReportItem\n                isMultipleItemSelected={activeElement !== null && activeElement.length > 1}\n                isSelected={isSelected(item.id, activeElement)}\n                item={mergedItem}\n                itemAccessor={itemAccessor}\n                onAnEventTrigger={onAnEventTrigger}\n                onItemChange={onItemChange}\n              />\n            )}\n          </ReportItemRenderer>\n        </DraggableItem>\n      );\n    });\n};\n\nexport default memo(ReportItemsWrapper);\n"],"names":["isSelected","id","activeElements","indexOf","ReportItemsWrapper","acceptedItems","activeElement","guides","hashCode","isResize","isRightPanelOpen","isTextEditorOpen","itemAccessor","items","matches","onAnEventTrigger","onItemAdd","onItemChange","onItemRemove","onItemResize","setActiveElement","setContextMenuProps","setIsResize","setIsRightPanelOpen","setMatches","zoom","filter","item","isVisible","undefined","map","index","mergedItem","getMergedItem","_jsx","length","ReportItem","memo"],"mappings":"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"}

package/lib/esm/components/ReportWrapper.js

@@ -66,12 +66,13 @@ ReportWrapper.propTypes = {
   children: PropTypes.any,
   mode: PropTypes.string,
   pageCount: PropTypes.number,
-  theme: PropTypes.string.isRequired
+  theme: PropTypes.oneOf(['lightMode', 'darkMode'])
 };
 ReportWrapper.defaultProps = {
   children: null,
   mode: '',
-  pageCount: 0
+  pageCount: 0,
+  theme: 'lightMode'
 };
 var ReportWrapper$1 = /*#__PURE__*/memo(ReportWrapper);
 

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

@@ -1 +1 @@
-{"version":3,"file":"ReportWrapper.js","sources":["../../../src/components/ReportWrapper.js"],"sourcesContent":["import { memo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderContext } from '../utils/builderContext';\nimport { useFitZoom } from '../utils/hooks';\nimport { usePropContext } from '../utils/propContext';\n\nconst getModeClass = mode => `${mode}Mode`;\n\nconst ReportWrapper = ({\n  children,\n  mode,\n  pageCount,\n  theme,\n}) => {\n  const {\n    isAllSlidesPanelOpen,\n    isLeftPanelOpen,\n    isRightPanelOpen,\n    isSlidesPanelOpen,\n    setIsLeftPanelOpen,\n    setIsSlidesPanelOpen,\n    setZoom,\n  } = useBuilderContext();\n  const { settings } = usePropContext();\n  const decidedWhichPanelToOpen = useRef(false);\n\n  useFitZoom({\n    handler: setZoom,\n    isModeCustomize: mode === 'customize',\n    settings,\n  });\n\n  useEffect(() => {\n    if (mode !== 'customize' || decidedWhichPanelToOpen.current) {\n      return;\n    }\n\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  }, [mode, pageCount]);\n\n  const wrapperClass = classNames(\n    'jfReport',\n    'f-height',\n    'd-flex',\n    getModeClass(mode),\n    isLeftPanelOpen === true ? 'leftPaneIsActive' : '',\n    isRightPanelOpen === true || isSlidesPanelOpen === true ? 'rightPaneIsActive' : '',\n    isSlidesPanelOpen === true ? 'slidesPaneIsActive' : '',\n    isAllSlidesPanelOpen === true ? 'allSlidesPaneIsActive' : '',\n    theme,\n  );\n  return (\n    <div\n      className={wrapperClass}\n    >\n      {children}\n    </div>\n  );\n};\n\nReportWrapper.propTypes = {\n  children: PropTypes.any,\n  mode: PropTypes.string,\n  pageCount: PropTypes.number,\n  theme: PropTypes.string.isRequired,\n};\n\nReportWrapper.defaultProps = {\n  children: null,\n  mode: '',\n  pageCount: 0,\n};\n\nexport default memo(ReportWrapper);\n"],"names":["getModeClass","mode","ReportWrapper","children","pageCount","theme","useBuilderContext","isAllSlidesPanelOpen","isLeftPanelOpen","isRightPanelOpen","isSlidesPanelOpen","setIsLeftPanelOpen","setIsSlidesPanelOpen","setZoom","usePropContext","settings","decidedWhichPanelToOpen","useRef","useFitZoom","handler","isModeCustomize","useEffect","current","wrapperClass","classNames","_jsx","propTypes","PropTypes","any","string","number","isRequired","defaultProps","memo"],"mappings":";;;;;;;;AAOA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAAAC,IAAI;AAAA,mBAAOA,IAAP;AAAA,CAAzB;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAKhB;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJF,IAGI,QAHJA,IAGI;AAAA,MAFJG,SAEI,QAFJA,SAEI;AAAA,MADJC,KACI,QADJA,KACI;;AAAA,2BASAC,iBAAiB,EATjB;AAAA,MAEFC,oBAFE,sBAEFA,oBAFE;AAAA,MAGFC,eAHE,sBAGFA,eAHE;AAAA,MAIFC,gBAJE,sBAIFA,gBAJE;AAAA,MAKFC,iBALE,sBAKFA,iBALE;AAAA,MAMFC,kBANE,sBAMFA,kBANE;AAAA,MAOFC,oBAPE,sBAOFA,oBAPE;AAAA,MAQFC,OARE,sBAQFA,OARE;;AAAA,wBAUiBC,cAAc,EAV/B;AAAA,MAUIC,QAVJ,mBAUIA,QAVJ;;AAWJ,MAAMC,uBAAuB,GAAGC,MAAM,CAAC,KAAD,CAAtC;AAEAC,EAAAA,UAAU,CAAC;AACTC,IAAAA,OAAO,EAAEN,OADA;AAETO,IAAAA,eAAe,EAAEnB,IAAI,KAAK,WAFjB;AAGTc,IAAAA,QAAQ,EAARA;AAHS,GAAD,CAAV;AAMAM,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIpB,IAAI,KAAK,WAAT,IAAwBe,uBAAuB,CAACM,OAApD,EAA6D;AAC3D;AACD;;AAED,QAAIlB,SAAS,GAAG,CAAhB,EAAmB;AACjB,UAAII,eAAJ,EAAqB;AACnBG,QAAAA,kBAAkB,CAAC,KAAD,CAAlB;AACD;;AACDC,MAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD,KALD,MAKO;AACL,UAAIF,iBAAJ,EAAuB;AACrBE,QAAAA,oBAAoB,CAAC,KAAD,CAApB;AACD;;AACDD,MAAAA,kBAAkB,CAAC,IAAD,CAAlB;AACD;;AAEDK,IAAAA,uBAAuB,CAACM,OAAxB,GAAkC,IAAlC;AACD,GAlBQ,EAkBN,CAACrB,IAAD,EAAOG,SAAP,CAlBM,CAAT;AAoBA,MAAMmB,YAAY,GAAGC,UAAU,CAC7B,UAD6B,EAE7B,UAF6B,EAG7B,QAH6B,EAI7BxB,YAAY,CAACC,IAAD,CAJiB,EAK7BO,eAAe,KAAK,IAApB,GAA2B,kBAA3B,GAAgD,EALnB,EAM7BC,gBAAgB,KAAK,IAArB,IAA6BC,iBAAiB,KAAK,IAAnD,GAA0D,mBAA1D,GAAgF,EANnD,EAO7BA,iBAAiB,KAAK,IAAtB,GAA6B,oBAA7B,GAAoD,EAPvB,EAQ7BH,oBAAoB,KAAK,IAAzB,GAAgC,uBAAhC,GAA0D,EAR7B,EAS7BF,KAT6B,CAA/B;AAWA,sBACEoB;AACE,IAAA,SAAS,EAAEF,YADb;AAAA,cAGGpB;AAHH,IADF;AAOD,CA9DD;;AAgEAD,aAAa,CAACwB,SAAd,GAA0B;AACxBvB,EAAAA,QAAQ,EAAEwB,SAAS,CAACC,GADI;AAExB3B,EAAAA,IAAI,EAAE0B,SAAS,CAACE,MAFQ;AAGxBzB,EAAAA,SAAS,EAAEuB,SAAS,CAACG,MAHG;AAIxBzB,EAAAA,KAAK,EAAEsB,SAAS,CAACE,MAAV,CAAiBE;AAJA,CAA1B;AAOA7B,aAAa,CAAC8B,YAAd,GAA6B;AAC3B7B,EAAAA,QAAQ,EAAE,IADiB;AAE3BF,EAAAA,IAAI,EAAE,EAFqB;AAG3BG,EAAAA,SAAS,EAAE;AAHgB,CAA7B;AAMA,mCAAe6B,IAAI,CAAC/B,aAAD,CAAnB;;;;"}
+{"version":3,"file":"ReportWrapper.js","sources":["../../../src/components/ReportWrapper.js"],"sourcesContent":["import { memo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderContext } from '../utils/builderContext';\nimport { useFitZoom } from '../utils/hooks';\nimport { usePropContext } from '../utils/propContext';\n\nconst getModeClass = mode => `${mode}Mode`;\n\nconst ReportWrapper = ({\n  children,\n  mode,\n  pageCount,\n  theme,\n}) => {\n  const {\n    isAllSlidesPanelOpen,\n    isLeftPanelOpen,\n    isRightPanelOpen,\n    isSlidesPanelOpen,\n    setIsLeftPanelOpen,\n    setIsSlidesPanelOpen,\n    setZoom,\n  } = useBuilderContext();\n  const { settings } = usePropContext();\n  const decidedWhichPanelToOpen = useRef(false);\n\n  useFitZoom({\n    handler: setZoom,\n    isModeCustomize: mode === 'customize',\n    settings,\n  });\n\n  useEffect(() => {\n    if (mode !== 'customize' || decidedWhichPanelToOpen.current) {\n      return;\n    }\n\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  }, [mode, pageCount]);\n\n  const wrapperClass = classNames(\n    'jfReport',\n    'f-height',\n    'd-flex',\n    getModeClass(mode),\n    isLeftPanelOpen === true ? 'leftPaneIsActive' : '',\n    isRightPanelOpen === true || isSlidesPanelOpen === true ? 'rightPaneIsActive' : '',\n    isSlidesPanelOpen === true ? 'slidesPaneIsActive' : '',\n    isAllSlidesPanelOpen === true ? 'allSlidesPaneIsActive' : '',\n    theme,\n  );\n  return (\n    <div\n      className={wrapperClass}\n    >\n      {children}\n    </div>\n  );\n};\n\nReportWrapper.propTypes = {\n  children: PropTypes.any,\n  mode: PropTypes.string,\n  pageCount: PropTypes.number,\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\nReportWrapper.defaultProps = {\n  children: null,\n  mode: '',\n  pageCount: 0,\n  theme: 'lightMode',\n};\n\nexport default memo(ReportWrapper);\n"],"names":["getModeClass","mode","ReportWrapper","children","pageCount","theme","useBuilderContext","isAllSlidesPanelOpen","isLeftPanelOpen","isRightPanelOpen","isSlidesPanelOpen","setIsLeftPanelOpen","setIsSlidesPanelOpen","setZoom","usePropContext","settings","decidedWhichPanelToOpen","useRef","useFitZoom","handler","isModeCustomize","useEffect","current","wrapperClass","classNames","_jsx","propTypes","PropTypes","any","string","number","oneOf","defaultProps","memo"],"mappings":";;;;;;;;AAOA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAAAC,IAAI;AAAA,mBAAOA,IAAP;AAAA,CAAzB;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAKhB;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJF,IAGI,QAHJA,IAGI;AAAA,MAFJG,SAEI,QAFJA,SAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,2BAQIC,iBAAiB,EARrB;AAAA,MACEC,oBADF,sBACEA,oBADF;AAAA,MAEEC,eAFF,sBAEEA,eAFF;AAAA,MAGEC,gBAHF,sBAGEA,gBAHF;AAAA,MAIEC,iBAJF,sBAIEA,iBAJF;AAAA,MAKEC,kBALF,sBAKEA,kBALF;AAAA,MAMEC,oBANF,sBAMEA,oBANF;AAAA,MAOEC,OAPF,sBAOEA,OAPF;;AASA,wBAAqBC,cAAc,EAAnC;AAAA,MAAQC,QAAR,mBAAQA,QAAR;;AACA,MAAMC,uBAAuB,GAAGC,MAAM,CAAC,KAAD,CAAtC;AAEAC,EAAAA,UAAU,CAAC;AACTC,IAAAA,OAAO,EAAEN,OADA;AAETO,IAAAA,eAAe,EAAEnB,IAAI,KAAK,WAFjB;AAGTc,IAAAA,QAAQ,EAARA;AAHS,GAAD,CAAV;AAMAM,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIpB,IAAI,KAAK,WAAT,IAAwBe,uBAAuB,CAACM,OAApD,EAA6D;AAC3D;AACD;;AAED,QAAIlB,SAAS,GAAG,CAAhB,EAAmB;AACjB,UAAII,eAAJ,EAAqB;AACnBG,QAAAA,kBAAkB,CAAC,KAAD,CAAlB;AACD;;AACDC,MAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD,KALD,MAKO;AACL,UAAIF,iBAAJ,EAAuB;AACrBE,QAAAA,oBAAoB,CAAC,KAAD,CAApB;AACD;;AACDD,MAAAA,kBAAkB,CAAC,IAAD,CAAlB;AACD;;AAEDK,IAAAA,uBAAuB,CAACM,OAAxB,GAAkC,IAAlC;AACD,GAlBQ,EAkBN,CAACrB,IAAD,EAAOG,SAAP,CAlBM,CAAT;AAoBA,MAAMmB,YAAY,GAAGC,UAAU,CAC7B,UAD6B,EAE7B,UAF6B,EAG7B,QAH6B,EAI7BxB,YAAY,CAACC,IAAD,CAJiB,EAK7BO,eAAe,KAAK,IAApB,GAA2B,kBAA3B,GAAgD,EALnB,EAM7BC,gBAAgB,KAAK,IAArB,IAA6BC,iBAAiB,KAAK,IAAnD,GAA0D,mBAA1D,GAAgF,EANnD,EAO7BA,iBAAiB,KAAK,IAAtB,GAA6B,oBAA7B,GAAoD,EAPvB,EAQ7BH,oBAAoB,KAAK,IAAzB,GAAgC,uBAAhC,GAA0D,EAR7B,EAS7BF,KAT6B,CAA/B;AAWA,sBACEoB;AACE,IAAA,SAAS,EAAEF,YADb;AAAA,cAGGpB;AAHH,IADF;AAOD,CA9DD;;AAgEAD,aAAa,CAACwB,SAAd,GAA0B;AACxBvB,EAAAA,QAAQ,EAAEwB,SAAS,CAACC,GADI;AAExB3B,EAAAA,IAAI,EAAE0B,SAAS,CAACE,MAFQ;AAGxBzB,EAAAA,SAAS,EAAEuB,SAAS,CAACG,MAHG;AAIxBzB,EAAAA,KAAK,EAAEsB,SAAS,CAACI,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB;AAJiB,CAA1B;AAOA7B,aAAa,CAAC8B,YAAd,GAA6B;AAC3B7B,EAAAA,QAAQ,EAAE,IADiB;AAE3BF,EAAAA,IAAI,EAAE,EAFqB;AAG3BG,EAAAA,SAAS,EAAE,CAHgB;AAI3BC,EAAAA,KAAK,EAAE;AAJoB,CAA7B;AAOA,mCAAe4B,IAAI,CAAC/B,aAAD,CAAnB;;;;"}

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

@@ -1,5 +1,4 @@
 import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.array.map.js';
 import PropTypes from 'prop-types';
 import { safeJSONParse } from '../../utils/functions.js';
@@ -13,7 +12,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sources":["../../../../src/components/Settings/CheckboxGroup.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { safeJSONParse } from '../../utils/functions';\n\nconst CheckboxGroup = ({\n  config,\n  item,\n  onItemChange,\n  value,\n}) => {\n  const opts = config.options;\n  const parsedValue = safeJSONParse(value, []);\n  const val = parsedValue;\n\n  const onChange = optionKey => e => {\n    let newVal = [...val];\n    if (e.target.checked) { // filter val\n      newVal.push(optionKey);\n    } else { // add val\n      newVal = newVal.filter(o => o !== optionKey);\n    }\n\n    onItemChange({ id: item.id }, { [config.key]: JSON.stringify(newVal) });\n  };\n\n  return (\n    <div\n      className=\"jfReportSelectOption-list\"\n    >\n      {opts.map(option => {\n        return (\n          <div\n            key={option}\n            className={`jfReportSelectOption${val.indexOf(option) !== -1 ? ' isSelected' : ''}`}\n          >\n            <div className=\"jfReportSelectOption-visibility\">\n              <label\n                className=\"jfReportChoice isLight hasNotText\"\n                htmlFor={option}\n              >\n                <input\n                  checked={val.indexOf(option) !== -1}\n                  className=\"jfReportChoice-input\"\n                  id={option}\n                  onChange={onChange(option)}\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              <div className=\"jfReportSelectOption-text\">\n                {option}\n              </div>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nCheckboxGroup.propTypes = {\n  config: PropTypes.shape({\n    key: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.string),\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.string,\n};\n\nCheckboxGroup.defaultProps = {\n  config: {},\n  item: {},\n  onItemChange: () => {},\n  value: [],\n};\n\nexport default CheckboxGroup;\n"],"names":["CheckboxGroup","config","item","onItemChange","value","opts","options","parsedValue","safeJSONParse","val","onChange","optionKey","e","newVal","target","checked","push","filter","o","id","key","JSON","stringify","_jsx","map","option","_jsxs","indexOf","propTypes","PropTypes","shape","string","arrayOf","func","defaultProps"],"mappings":"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"}
+{"version":3,"file":"CheckboxGroup.js","sources":["../../../../src/components/Settings/CheckboxGroup.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { safeJSONParse } from '../../utils/functions';\n\nconst CheckboxGroup = ({\n  config,\n  item,\n  onItemChange,\n  value,\n}) => {\n  const opts = config.options;\n  const parsedValue = safeJSONParse(value, []);\n  const val = parsedValue;\n\n  const onChange = optionKey => e => {\n    let newVal = [...val];\n    if (e.target.checked) { // filter val\n      newVal.push(optionKey);\n    } else { // add val\n      newVal = newVal.filter(o => o !== optionKey);\n    }\n\n    onItemChange({ id: item.id }, { [config.key]: JSON.stringify(newVal) });\n  };\n\n  return (\n    <div\n      className=\"jfReportSelectOption-list\"\n    >\n      {opts.map(option => {\n        return (\n          <div\n            key={option}\n            className={`jfReportSelectOption${val.indexOf(option) !== -1 ? ' isSelected' : ''}`}\n          >\n            <div className=\"jfReportSelectOption-visibility\">\n              <label\n                className=\"jfReportChoice isLight hasNotText\"\n                htmlFor={option}\n              >\n                <input\n                  checked={val.indexOf(option) !== -1}\n                  className=\"jfReportChoice-input\"\n                  id={option}\n                  onChange={onChange(option)}\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              <div className=\"jfReportSelectOption-text\">\n                {option}\n              </div>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nCheckboxGroup.propTypes = {\n  config: PropTypes.shape({\n    key: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.string),\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.string,\n};\n\nCheckboxGroup.defaultProps = {\n  config: {},\n  item: {},\n  onItemChange: () => {},\n  value: [],\n};\n\nexport default CheckboxGroup;\n"],"names":["CheckboxGroup","config","item","onItemChange","value","opts","options","parsedValue","safeJSONParse","val","onChange","optionKey","e","newVal","target","checked","push","filter","o","id","key","JSON","stringify","_jsx","map","option","_jsxs","indexOf","propTypes","PropTypes","shape","string","arrayOf","func","defaultProps"],"mappings":"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"}

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

@@ -17,7 +17,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var COLOR_PRESETS = ['#D0021B', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#417505', '#BD10E0', '#9013FE', '#4A90E2', '#50E3C2', '#B8E986', '#000000', '#4A4A4A', '#9B9B9B', '#FFF', '#FFFFFF'];

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/Settings/ColorPicker.js"],"sourcesContent":["import { useState, memo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { SketchPicker } from 'react-color';\nimport withClickOutside from '../withClickOutside';\nimport { useEventListener } from '../../utils/hooks';\nimport Textbox from './Textbox';\n\nexport const COLOR_PRESETS = [\n  '#D0021B',\n  '#F5A623',\n  '#F8E71C',\n  '#8B572A',\n  '#7ED321',\n  '#417505',\n  '#BD10E0',\n  '#9013FE',\n  '#4A90E2',\n  '#50E3C2',\n  '#B8E986',\n  '#000000',\n  '#4A4A4A',\n  '#9B9B9B',\n  '#FFF',\n  '#FFFFFF',\n];\n\nexport const ColorPickerWithClickOutside = withClickOutside(SketchPicker);\n\nconst ColorPicker = ({\n  config,\n  item,\n  onItemChange,\n  value,\n}) => {\n  const { defaultValue = '#FFFFFF' } = config;\n  const [isPickerVisible, setIsPickerVisible] = useState(false);\n  const [colorValue, setColorValue] = useState(value || defaultValue);\n  const pickerRef = useRef(null);\n\n  const handleInputChange = (_item, _config) => {\n    const newValue = _config[Object.keys(_config)[0]];\n    setColorValue(newValue);\n    onItemChange(_item, _config);\n  };\n\n  const checkPickerVisibility = () => isPickerVisible && setIsPickerVisible(false);\n  useEventListener('resize', checkPickerVisibility);\n\n  const handleOnChange = ({ hex }) => {\n    if (hex !== colorValue) {\n      setColorValue(hex);\n    }\n  };\n\n  const handleColorPick = ({ hex }) => {\n    if (hex !== value) {\n      onItemChange(\n        { id: item.id },\n        { [config.key]: hex },\n      );\n    }\n  };\n\n  const setPickerVisibility = visibility => event => {\n    if (visibility && window.innerHeight - event.clientY < 327) {\n      setTimeout(() => {\n        if (\n          pickerRef.current\n          && pickerRef.current.firstChild\n          && pickerRef.current.firstChild.firstChild\n        ) {\n          pickerRef.current.firstChild.firstChild.scrollIntoView({\n            behavior: 'smooth',\n            block: 'end',\n          });\n        }\n      }, 0);\n    }\n    setIsPickerVisible(visibility);\n  };\n\n  return (\n    <>\n      <div\n        className={`colorPicker-wrapper p-relative d-flex a-center${\n          isPickerVisible ? ' pickerVisible' : ''\n        }`}\n        data-key={config.key}\n        onClick={setPickerVisibility(!isPickerVisible)}\n        onKeyPress={() => {}}\n      >\n        <Textbox\n          config={config}\n          item={item}\n          onItemChange={handleInputChange}\n          value={colorValue}\n        />\n        <div\n          className=\"colorPicker-preview\"\n          style={{ backgroundColor: colorValue }}\n        />\n      </div>\n      {isPickerVisible\n        && (\n          <div\n            ref={pickerRef}\n            onKeyDown={e => e.stopPropagation()}\n          >\n            <ColorPickerWithClickOutside\n              color={colorValue}\n              disableAlpha={true}\n              exceptionalClasses={[`colorPicker-wrapper[data-key='${config.key}']`]}\n              onChange={handleOnChange}\n              onChangeComplete={handleColorPick}\n              onClickOutside={setPickerVisibility(false)}\n              presetColors={COLOR_PRESETS}\n              withClickOutsideWrapperClass=\"colorPicker-holder\"\n            />\n          </div>\n        )}\n    </>\n  );\n};\n\nColorPicker.propTypes = {\n  config: PropTypes.shape({\n    defaultValue: PropTypes.string,\n    key: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.any),\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.string,\n};\n\nColorPicker.defaultProps = {\n  config: [],\n  item: {},\n  onItemChange: () => {},\n  value: '',\n};\n\nexport default memo(ColorPicker);\n"],"names":["COLOR_PRESETS","ColorPickerWithClickOutside","withClickOutside","SketchPicker","ColorPicker","config","item","onItemChange","value","defaultValue","useState","isPickerVisible","setIsPickerVisible","colorValue","setColorValue","pickerRef","useRef","handleInputChange","_item","_config","newValue","Object","keys","checkPickerVisibility","useEventListener","handleOnChange","hex","handleColorPick","id","key","setPickerVisibility","visibility","event","window","innerHeight","clientY","setTimeout","current","firstChild","scrollIntoView","behavior","block","_jsxs","_jsx","backgroundColor","e","stopPropagation","propTypes","PropTypes","shape","string","options","arrayOf","any","func","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/Settings/ColorPicker.js"],"sourcesContent":["import { useState, memo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { SketchPicker } from 'react-color';\nimport withClickOutside from '../withClickOutside';\nimport { useEventListener } from '../../utils/hooks';\nimport Textbox from './Textbox';\n\nexport const COLOR_PRESETS = [\n  '#D0021B',\n  '#F5A623',\n  '#F8E71C',\n  '#8B572A',\n  '#7ED321',\n  '#417505',\n  '#BD10E0',\n  '#9013FE',\n  '#4A90E2',\n  '#50E3C2',\n  '#B8E986',\n  '#000000',\n  '#4A4A4A',\n  '#9B9B9B',\n  '#FFF',\n  '#FFFFFF',\n];\n\nexport const ColorPickerWithClickOutside = withClickOutside(SketchPicker);\n\nconst ColorPicker = ({\n  config,\n  item,\n  onItemChange,\n  value,\n}) => {\n  const { defaultValue = '#FFFFFF' } = config;\n  const [isPickerVisible, setIsPickerVisible] = useState(false);\n  const [colorValue, setColorValue] = useState(value || defaultValue);\n  const pickerRef = useRef(null);\n\n  const handleInputChange = (_item, _config) => {\n    const newValue = _config[Object.keys(_config)[0]];\n    setColorValue(newValue);\n    onItemChange(_item, _config);\n  };\n\n  const checkPickerVisibility = () => isPickerVisible && setIsPickerVisible(false);\n  useEventListener('resize', checkPickerVisibility);\n\n  const handleOnChange = ({ hex }) => {\n    if (hex !== colorValue) {\n      setColorValue(hex);\n    }\n  };\n\n  const handleColorPick = ({ hex }) => {\n    if (hex !== value) {\n      onItemChange(\n        { id: item.id },\n        { [config.key]: hex },\n      );\n    }\n  };\n\n  const setPickerVisibility = visibility => event => {\n    if (visibility && window.innerHeight - event.clientY < 327) {\n      setTimeout(() => {\n        if (\n          pickerRef.current\n          && pickerRef.current.firstChild\n          && pickerRef.current.firstChild.firstChild\n        ) {\n          pickerRef.current.firstChild.firstChild.scrollIntoView({\n            behavior: 'smooth',\n            block: 'end',\n          });\n        }\n      }, 0);\n    }\n    setIsPickerVisible(visibility);\n  };\n\n  return (\n    <>\n      <div\n        className={`colorPicker-wrapper p-relative d-flex a-center${\n          isPickerVisible ? ' pickerVisible' : ''\n        }`}\n        data-key={config.key}\n        onClick={setPickerVisibility(!isPickerVisible)}\n        onKeyPress={() => {}}\n      >\n        <Textbox\n          config={config}\n          item={item}\n          onItemChange={handleInputChange}\n          value={colorValue}\n        />\n        <div\n          className=\"colorPicker-preview\"\n          style={{ backgroundColor: colorValue }}\n        />\n      </div>\n      {isPickerVisible\n        && (\n          <div\n            ref={pickerRef}\n            onKeyDown={e => e.stopPropagation()}\n          >\n            <ColorPickerWithClickOutside\n              color={colorValue}\n              disableAlpha={true}\n              exceptionalClasses={[`colorPicker-wrapper[data-key='${config.key}']`]}\n              onChange={handleOnChange}\n              onChangeComplete={handleColorPick}\n              onClickOutside={setPickerVisibility(false)}\n              presetColors={COLOR_PRESETS}\n              withClickOutsideWrapperClass=\"colorPicker-holder\"\n            />\n          </div>\n        )}\n    </>\n  );\n};\n\nColorPicker.propTypes = {\n  config: PropTypes.shape({\n    defaultValue: PropTypes.string,\n    key: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.any),\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.string,\n};\n\nColorPicker.defaultProps = {\n  config: [],\n  item: {},\n  onItemChange: () => {},\n  value: '',\n};\n\nexport default memo(ColorPicker);\n"],"names":["COLOR_PRESETS","ColorPickerWithClickOutside","withClickOutside","SketchPicker","ColorPicker","config","item","onItemChange","value","defaultValue","useState","isPickerVisible","setIsPickerVisible","colorValue","setColorValue","pickerRef","useRef","handleInputChange","_item","_config","newValue","Object","keys","checkPickerVisibility","useEventListener","handleOnChange","hex","handleColorPick","id","key","setPickerVisibility","visibility","event","window","innerHeight","clientY","setTimeout","current","firstChild","scrollIntoView","behavior","block","_jsxs","_jsx","backgroundColor","e","stopPropagation","propTypes","PropTypes","shape","string","options","arrayOf","any","func","defaultProps","memo"],"mappings":"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"}

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

@@ -3,7 +3,7 @@ import { memo } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-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 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; }
 

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Settings/Dropdown.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Dropdown = ({\n  config,\n  item,\n  onItemChange,\n  value,\n}) => {\n  const { options, unit } = config;\n\n  const selectProps = {};\n  if (value) {\n    selectProps.value = value;\n  }\n\n  const onChange = e => {\n    const newValue = config.cast && config.cast === 'integer'\n      ? parseInt(e.target.value, 10)\n      : e.target.value;\n    if (newValue !== value) {\n      onItemChange(\n        { id: item.id },\n        { [config.key]: newValue },\n      );\n    }\n  };\n  return (\n    <div className=\"toolSection-dropdownWrapper\">\n      <select\n        className=\"toolSection-dropdown\"\n        {...selectProps}\n        onChange={onChange}\n      >\n        {options.map(option => {\n          const optionValue = option.value ? option.value : option;\n          const optionLabel = option.label ? option.label : option;\n          return (\n            <option\n              key={optionValue}\n              value={optionValue}\n            >\n              {optionLabel}\n              {unit ? unit : ''}\n            </option>\n          );\n        })}\n      </select>\n    </div>\n  );\n};\n\nDropdown.propTypes = {\n  config: PropTypes.shape({\n    cast: PropTypes.string,\n    key: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.any),\n    unit: PropTypes.string,\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n};\n\nDropdown.defaultProps = {\n  config: {\n    cast: 'string',\n  },\n  item: {},\n  onItemChange: () => {},\n  value: '',\n};\n\nexport default memo(Dropdown);\n"],"names":["Dropdown","config","item","onItemChange","value","options","unit","selectProps","onChange","e","newValue","cast","parseInt","target","id","key","_jsx","map","option","optionValue","optionLabel","label","_jsxs","propTypes","PropTypes","shape","string","arrayOf","any","func","oneOfType","number","defaultProps","memo"],"mappings":";;;;;;;;;;;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAKX;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;AAAA,MACIC,OADJ,GACsBJ,MADtB,CACII,OADJ;AAAA,MACaC,IADb,GACsBL,MADtB,CACaK,IADb;AAGJ,MAAMC,WAAW,GAAG,EAApB;;AACA,MAAIH,KAAJ,EAAW;AACTG,IAAAA,WAAW,CAACH,KAAZ,GAAoBA,KAApB;AACD;;AAED,MAAMI,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AACpB,QAAMC,QAAQ,GAAGT,MAAM,CAACU,IAAP,IAAeV,MAAM,CAACU,IAAP,KAAgB,SAA/B,GACbC,QAAQ,CAACH,CAAC,CAACI,MAAF,CAAST,KAAV,EAAiB,EAAjB,CADK,GAEbK,CAAC,CAACI,MAAF,CAAST,KAFb;;AAGA,QAAIM,QAAQ,KAAKN,KAAjB,EAAwB;AACtBD,MAAAA,YAAY,CACV;AAAEW,QAAAA,EAAE,EAAEZ,IAAI,CAACY;AAAX,OADU,sBAEPb,MAAM,CAACc,GAFA,EAEML,QAFN,EAAZ;AAID;AACF,GAVD;;AAWA,sBACEM;AAAK,IAAA,SAAS,EAAC,6BAAf;AAAA,2BACEA;AACE,MAAA,SAAS,EAAC;AADZ,OAEMT,WAFN;AAGE,MAAA,QAAQ,EAAEC,QAHZ;AAAA,gBAKGH,OAAO,CAACY,GAAR,CAAY,UAAAC,MAAM,EAAI;AACrB,YAAMC,WAAW,GAAGD,MAAM,CAACd,KAAP,GAAec,MAAM,CAACd,KAAtB,GAA8Bc,MAAlD;AACA,YAAME,WAAW,GAAGF,MAAM,CAACG,KAAP,GAAeH,MAAM,CAACG,KAAtB,GAA8BH,MAAlD;AACA,4BACEI;AAEE,UAAA,KAAK,EAAEH,WAFT;AAAA,qBAIGC,WAJH,EAKGd,IAAI,GAAGA,IAAH,GAAU,EALjB;AAAA,WACOa,WADP,CADF;AASD,OAZA;AALH;AADF,IADF;AAuBD,CA/CD;;AAiDAnB,QAAQ,CAACuB,SAAT,GAAqB;AACnBtB,EAAAA,MAAM,EAAEuB,SAAS,CAACC,KAAV,CAAgB;AACtBd,IAAAA,IAAI,EAAEa,SAAS,CAACE,MADM;AAEtBX,IAAAA,GAAG,EAAES,SAAS,CAACE,MAFO;AAGtBrB,IAAAA,OAAO,EAAEmB,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,GAA5B,CAHa;AAItBtB,IAAAA,IAAI,EAAEkB,SAAS,CAACE;AAJM,GAAhB,CADW;AAOnBxB,EAAAA,IAAI,EAAEsB,SAAS,CAACC,KAAV,CAAgB;AACpBX,IAAAA,EAAE,EAAEU,SAAS,CAACE;AADM,GAAhB,CAPa;AAUnBvB,EAAAA,YAAY,EAAEqB,SAAS,CAACK,IAVL;AAWnBzB,EAAAA,KAAK,EAAEoB,SAAS,CAACM,SAAV,CAAoB,CACzBN,SAAS,CAACE,MADe,EAEzBF,SAAS,CAACO,MAFe,CAApB;AAXY,CAArB;AAiBA/B,QAAQ,CAACgC,YAAT,GAAwB;AACtB/B,EAAAA,MAAM,EAAE;AACNU,IAAAA,IAAI,EAAE;AADA,GADc;AAItBT,EAAAA,IAAI,EAAE,EAJgB;AAKtBC,EAAAA,YAAY,EAAE,wBAAM,EALE;AAMtBC,EAAAA,KAAK,EAAE;AANe,CAAxB;AASA,8BAAe6B,IAAI,CAACjC,QAAD,CAAnB;;;;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Settings/Dropdown.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Dropdown = ({\n  config,\n  item,\n  onItemChange,\n  value,\n}) => {\n  const { options, unit } = config;\n\n  const selectProps = {};\n  if (value) {\n    selectProps.value = value;\n  }\n\n  const onChange = e => {\n    const newValue = config.cast && config.cast === 'integer'\n      ? parseInt(e.target.value, 10)\n      : e.target.value;\n    if (newValue !== value) {\n      onItemChange(\n        { id: item.id },\n        { [config.key]: newValue },\n      );\n    }\n  };\n  return (\n    <div className=\"toolSection-dropdownWrapper\">\n      <select\n        className=\"toolSection-dropdown\"\n        {...selectProps}\n        onChange={onChange}\n      >\n        {options.map(option => {\n          const optionValue = option.value ? option.value : option;\n          const optionLabel = option.label ? option.label : option;\n          return (\n            <option\n              key={optionValue}\n              value={optionValue}\n            >\n              {optionLabel}\n              {unit ? unit : ''}\n            </option>\n          );\n        })}\n      </select>\n    </div>\n  );\n};\n\nDropdown.propTypes = {\n  config: PropTypes.shape({\n    cast: PropTypes.string,\n    key: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.any),\n    unit: PropTypes.string,\n  }),\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n  value: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n};\n\nDropdown.defaultProps = {\n  config: {\n    cast: 'string',\n  },\n  item: {},\n  onItemChange: () => {},\n  value: '',\n};\n\nexport default memo(Dropdown);\n"],"names":["Dropdown","config","item","onItemChange","value","options","unit","selectProps","onChange","e","newValue","cast","parseInt","target","id","key","_jsx","map","option","optionValue","optionLabel","label","_jsxs","propTypes","PropTypes","shape","string","arrayOf","any","func","oneOfType","number","defaultProps","memo"],"mappings":";;;;;;;;;;;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAKX;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;AACJ,MAAQC,OAAR,GAA0BJ,MAA1B,CAAQI,OAAR;AAAA,MAAiBC,IAAjB,GAA0BL,MAA1B,CAAiBK,IAAjB;AAEA,MAAMC,WAAW,GAAG,EAApB;;AACA,MAAIH,KAAJ,EAAW;AACTG,IAAAA,WAAW,CAACH,KAAZ,GAAoBA,KAApB;AACD;;AAED,MAAMI,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AACpB,QAAMC,QAAQ,GAAGT,MAAM,CAACU,IAAP,IAAeV,MAAM,CAACU,IAAP,KAAgB,SAA/B,GACbC,QAAQ,CAACH,CAAC,CAACI,MAAF,CAAST,KAAV,EAAiB,EAAjB,CADK,GAEbK,CAAC,CAACI,MAAF,CAAST,KAFb;;AAGA,QAAIM,QAAQ,KAAKN,KAAjB,EAAwB;AACtBD,MAAAA,YAAY,CACV;AAAEW,QAAAA,EAAE,EAAEZ,IAAI,CAACY;AAAX,OADU,sBAEPb,MAAM,CAACc,GAFA,EAEML,QAFN,EAAZ;AAID;AACF,GAVD;;AAWA,sBACEM;AAAK,IAAA,SAAS,EAAC,6BAAf;AAAA,2BACEA;AACE,MAAA,SAAS,EAAC;AADZ,OAEMT,WAFN;AAGE,MAAA,QAAQ,EAAEC,QAHZ;AAAA,gBAKGH,OAAO,CAACY,GAAR,CAAY,UAAAC,MAAM,EAAI;AACrB,YAAMC,WAAW,GAAGD,MAAM,CAACd,KAAP,GAAec,MAAM,CAACd,KAAtB,GAA8Bc,MAAlD;AACA,YAAME,WAAW,GAAGF,MAAM,CAACG,KAAP,GAAeH,MAAM,CAACG,KAAtB,GAA8BH,MAAlD;AACA,4BACEI;AAEE,UAAA,KAAK,EAAEH,WAFT;AAAA,qBAIGC,WAJH,EAKGd,IAAI,GAAGA,IAAH,GAAU,EALjB;AAAA,WACOa,WADP,CADF;AASD,OAZA;AALH;AADF,IADF;AAuBD,CA/CD;;AAiDAnB,QAAQ,CAACuB,SAAT,GAAqB;AACnBtB,EAAAA,MAAM,EAAEuB,SAAS,CAACC,KAAV,CAAgB;AACtBd,IAAAA,IAAI,EAAEa,SAAS,CAACE,MADM;AAEtBX,IAAAA,GAAG,EAAES,SAAS,CAACE,MAFO;AAGtBrB,IAAAA,OAAO,EAAEmB,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,GAA5B,CAHa;AAItBtB,IAAAA,IAAI,EAAEkB,SAAS,CAACE;AAJM,GAAhB,CADW;AAOnBxB,EAAAA,IAAI,EAAEsB,SAAS,CAACC,KAAV,CAAgB;AACpBX,IAAAA,EAAE,EAAEU,SAAS,CAACE;AADM,GAAhB,CAPa;AAUnBvB,EAAAA,YAAY,EAAEqB,SAAS,CAACK,IAVL;AAWnBzB,EAAAA,KAAK,EAAEoB,SAAS,CAACM,SAAV,CAAoB,CACzBN,SAAS,CAACE,MADe,EAEzBF,SAAS,CAACO,MAFe,CAApB;AAXY,CAArB;AAiBA/B,QAAQ,CAACgC,YAAT,GAAwB;AACtB/B,EAAAA,MAAM,EAAE;AACNU,IAAAA,IAAI,EAAE;AADA,GADc;AAItBT,EAAAA,IAAI,EAAE,EAJgB;AAKtBC,EAAAA,YAAY,EAAE,wBAAM,EALE;AAMtBC,EAAAA,KAAK,EAAE;AANe,CAAxB;AASA,8BAAe6B,IAAI,CAACjC,QAAD,CAAnB;;;;"}

package/lib/esm/components/Settings/ImagePicker/EnterURL.js

@@ -16,7 +16,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var imageRegex = new RegExp('jpg|jpeg|png|gif', 'i');

package/lib/esm/components/Settings/ImagePicker/EnterURL.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnterURL.js","sources":["../../../../../src/components/Settings/ImagePicker/EnterURL.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Textbox from '../Textbox';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst imageRegex = new RegExp('jpg|jpeg|png|gif', 'i');\n\nconst EnterURL = ({ item, onItemChange }) => {\n  const [url, setUrl] = useState('');\n  const [isErrored, setIsErrored] = useState(false);\n  const { ADD_LINK } = useTranslatedTexts();\n\n  const onURLChange = (_, v) => {\n    if (isErrored) {\n      setIsErrored(false);\n    }\n    setUrl(v.url);\n  };\n\n  const onSubmitURL = () => {\n    setIsErrored(false);\n    const extension = url.split('.').pop();\n    if (imageRegex.test(extension)) {\n      setIsErrored(false);\n      onItemChange(\n        { id: item.id },\n        { url },\n      );\n    } else {\n      setIsErrored(true);\n    }\n  };\n\n  return (\n    <div className=\"fileUploader-url\">\n      <Textbox\n        config={{ key: 'url' }}\n        itemID={item.id}\n        onItemChange={onURLChange}\n        placeholder=\"https://\"\n        value={url}\n      />\n      <button\n        className=\"jfReportButton isSuccess\"\n        disabled={!url}\n        onClick={onSubmitURL}\n        type=\"button\"\n      >\n        {ADD_LINK}\n      </button>\n      {isErrored && (\n        <div\n          className=\"uploadInfo isError\"\n          style={{\n            color: '#ff0000',\n            marginTop: '10px',\n            textAlign: 'center',\n          }}\n        >\n          Only jpg, jpeg, png and gif images are supported\n        </div>\n      )}\n    </div>\n  );\n};\n\nEnterURL.propTypes = {\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n};\n\nEnterURL.defaultProps = {\n  item: '',\n  onItemChange: () => {},\n};\n\nexport default EnterURL;\n"],"names":["imageRegex","RegExp","EnterURL","item","onItemChange","useState","url","setUrl","isErrored","setIsErrored","useTranslatedTexts","ADD_LINK","onURLChange","_","v","onSubmitURL","extension","split","pop","test","id","_jsxs","_jsx","key","color","marginTop","textAlign","propTypes","PropTypes","shape","string","func","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,UAAU,GAAG,IAAIC,MAAJ,CAAW,kBAAX,EAA+B,GAA/B,CAAnB;;IAEMC,QAAQ,GAAG,SAAXA,QAAW,OAA4B;AAAA,MAAzBC,IAAyB,QAAzBA,IAAyB;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;;AAAA,kBACrBC,QAAQ,CAAC,EAAD,CADa;AAAA;AAAA,MACpCC,GADoC;AAAA,MAC/BC,MAD+B;;AAAA,mBAETF,QAAQ,CAAC,KAAD,CAFC;AAAA;AAAA,MAEpCG,SAFoC;AAAA,MAEzBC,YAFyB;;AAAA,4BAGtBC,kBAAkB,EAHI;AAAA,MAGnCC,QAHmC,uBAGnCA,QAHmC;;AAK3C,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAIC,CAAJ,EAAU;AAC5B,QAAIN,SAAJ,EAAe;AACbC,MAAAA,YAAY,CAAC,KAAD,CAAZ;AACD;;AACDF,IAAAA,MAAM,CAACO,CAAC,CAACR,GAAH,CAAN;AACD,GALD;;AAOA,MAAMS,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBN,IAAAA,YAAY,CAAC,KAAD,CAAZ;AACA,QAAMO,SAAS,GAAGV,GAAG,CAACW,KAAJ,CAAU,GAAV,EAAeC,GAAf,EAAlB;;AACA,QAAIlB,UAAU,CAACmB,IAAX,CAAgBH,SAAhB,CAAJ,EAAgC;AAC9BP,MAAAA,YAAY,CAAC,KAAD,CAAZ;AACAL,MAAAA,YAAY,CACV;AAAEgB,QAAAA,EAAE,EAAEjB,IAAI,CAACiB;AAAX,OADU,EAEV;AAAEd,QAAAA,GAAG,EAAHA;AAAF,OAFU,CAAZ;AAID,KAND,MAMO;AACLG,MAAAA,YAAY,CAAC,IAAD,CAAZ;AACD;AACF,GAZD;;AAcA,sBACEY;AAAK,IAAA,SAAS,EAAC,kBAAf;AAAA,4BACEC,IAAC,OAAD;AACE,MAAA,MAAM,EAAE;AAAEC,QAAAA,GAAG,EAAE;AAAP,OADV;AAEE,MAAA,MAAM,EAAEpB,IAAI,CAACiB,EAFf;AAGE,MAAA,YAAY,EAAER,WAHhB;AAIE,MAAA,WAAW,EAAC,UAJd;AAKE,MAAA,KAAK,EAAEN;AALT,MADF,eAQEgB;AACE,MAAA,SAAS,EAAC,0BADZ;AAEE,MAAA,QAAQ,EAAE,CAAChB,GAFb;AAGE,MAAA,OAAO,EAAES,WAHX;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,gBAMGJ;AANH,MARF,EAgBGH,SAAS,iBACRc;AACE,MAAA,SAAS,EAAC,oBADZ;AAEE,MAAA,KAAK,EAAE;AACLE,QAAAA,KAAK,EAAE,SADF;AAELC,QAAAA,SAAS,EAAE,MAFN;AAGLC,QAAAA,SAAS,EAAE;AAHN,OAFT;AAAA;AAAA,MAjBJ;AAAA,IADF;AA+BD;;AAEDxB,QAAQ,CAACyB,SAAT,GAAqB;AACnBxB,EAAAA,IAAI,EAAEyB,SAAS,CAACC,KAAV,CAAgB;AACpBT,IAAAA,EAAE,EAAEQ,SAAS,CAACE;AADM,GAAhB,CADa;AAInB1B,EAAAA,YAAY,EAAEwB,SAAS,CAACG;AAJL,CAArB;AAOA7B,QAAQ,CAAC8B,YAAT,GAAwB;AACtB7B,EAAAA,IAAI,EAAE,EADgB;AAEtBC,EAAAA,YAAY,EAAE,wBAAM;AAFE,CAAxB;;;;"}
+{"version":3,"file":"EnterURL.js","sources":["../../../../../src/components/Settings/ImagePicker/EnterURL.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Textbox from '../Textbox';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst imageRegex = new RegExp('jpg|jpeg|png|gif', 'i');\n\nconst EnterURL = ({ item, onItemChange }) => {\n  const [url, setUrl] = useState('');\n  const [isErrored, setIsErrored] = useState(false);\n  const { ADD_LINK } = useTranslatedTexts();\n\n  const onURLChange = (_, v) => {\n    if (isErrored) {\n      setIsErrored(false);\n    }\n    setUrl(v.url);\n  };\n\n  const onSubmitURL = () => {\n    setIsErrored(false);\n    const extension = url.split('.').pop();\n    if (imageRegex.test(extension)) {\n      setIsErrored(false);\n      onItemChange(\n        { id: item.id },\n        { url },\n      );\n    } else {\n      setIsErrored(true);\n    }\n  };\n\n  return (\n    <div className=\"fileUploader-url\">\n      <Textbox\n        config={{ key: 'url' }}\n        itemID={item.id}\n        onItemChange={onURLChange}\n        placeholder=\"https://\"\n        value={url}\n      />\n      <button\n        className=\"jfReportButton isSuccess\"\n        disabled={!url}\n        onClick={onSubmitURL}\n        type=\"button\"\n      >\n        {ADD_LINK}\n      </button>\n      {isErrored && (\n        <div\n          className=\"uploadInfo isError\"\n          style={{\n            color: '#ff0000',\n            marginTop: '10px',\n            textAlign: 'center',\n          }}\n        >\n          Only jpg, jpeg, png and gif images are supported\n        </div>\n      )}\n    </div>\n  );\n};\n\nEnterURL.propTypes = {\n  item: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n};\n\nEnterURL.defaultProps = {\n  item: '',\n  onItemChange: () => {},\n};\n\nexport default EnterURL;\n"],"names":["imageRegex","RegExp","EnterURL","item","onItemChange","useState","url","setUrl","isErrored","setIsErrored","useTranslatedTexts","ADD_LINK","onURLChange","_","v","onSubmitURL","extension","split","pop","test","id","_jsxs","_jsx","key","color","marginTop","textAlign","propTypes","PropTypes","shape","string","func","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,UAAU,GAAG,IAAIC,MAAJ,CAAW,kBAAX,EAA+B,GAA/B,CAAnB;;IAEMC,QAAQ,GAAG,SAAXA,QAAW,OAA4B;AAAA,MAAzBC,IAAyB,QAAzBA,IAAyB;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;;AAC3C,kBAAsBC,QAAQ,CAAC,EAAD,CAA9B;AAAA;AAAA,MAAOC,GAAP;AAAA,MAAYC,MAAZ;;AACA,mBAAkCF,QAAQ,CAAC,KAAD,CAA1C;AAAA;AAAA,MAAOG,SAAP;AAAA,MAAkBC,YAAlB;;AACA,4BAAqBC,kBAAkB,EAAvC;AAAA,MAAQC,QAAR,uBAAQA,QAAR;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAIC,CAAJ,EAAU;AAC5B,QAAIN,SAAJ,EAAe;AACbC,MAAAA,YAAY,CAAC,KAAD,CAAZ;AACD;;AACDF,IAAAA,MAAM,CAACO,CAAC,CAACR,GAAH,CAAN;AACD,GALD;;AAOA,MAAMS,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBN,IAAAA,YAAY,CAAC,KAAD,CAAZ;AACA,QAAMO,SAAS,GAAGV,GAAG,CAACW,KAAJ,CAAU,GAAV,EAAeC,GAAf,EAAlB;;AACA,QAAIlB,UAAU,CAACmB,IAAX,CAAgBH,SAAhB,CAAJ,EAAgC;AAC9BP,MAAAA,YAAY,CAAC,KAAD,CAAZ;AACAL,MAAAA,YAAY,CACV;AAAEgB,QAAAA,EAAE,EAAEjB,IAAI,CAACiB;AAAX,OADU,EAEV;AAAEd,QAAAA,GAAG,EAAHA;AAAF,OAFU,CAAZ;AAID,KAND,MAMO;AACLG,MAAAA,YAAY,CAAC,IAAD,CAAZ;AACD;AACF,GAZD;;AAcA,sBACEY;AAAK,IAAA,SAAS,EAAC,kBAAf;AAAA,4BACEC,IAAC,OAAD;AACE,MAAA,MAAM,EAAE;AAAEC,QAAAA,GAAG,EAAE;AAAP,OADV;AAEE,MAAA,MAAM,EAAEpB,IAAI,CAACiB,EAFf;AAGE,MAAA,YAAY,EAAER,WAHhB;AAIE,MAAA,WAAW,EAAC,UAJd;AAKE,MAAA,KAAK,EAAEN;AALT,MADF,eAQEgB;AACE,MAAA,SAAS,EAAC,0BADZ;AAEE,MAAA,QAAQ,EAAE,CAAChB,GAFb;AAGE,MAAA,OAAO,EAAES,WAHX;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,gBAMGJ;AANH,MARF,EAgBGH,SAAS,iBACRc;AACE,MAAA,SAAS,EAAC,oBADZ;AAEE,MAAA,KAAK,EAAE;AACLE,QAAAA,KAAK,EAAE,SADF;AAELC,QAAAA,SAAS,EAAE,MAFN;AAGLC,QAAAA,SAAS,EAAE;AAHN,OAFT;AAAA;AAAA,MAjBJ;AAAA,IADF;AA+BD;;AAEDxB,QAAQ,CAACyB,SAAT,GAAqB;AACnBxB,EAAAA,IAAI,EAAEyB,SAAS,CAACC,KAAV,CAAgB;AACpBT,IAAAA,EAAE,EAAEQ,SAAS,CAACE;AADM,GAAhB,CADa;AAInB1B,EAAAA,YAAY,EAAEwB,SAAS,CAACG;AAJL,CAArB;AAOA7B,QAAQ,CAAC8B,YAAT,GAAwB;AACtB7B,EAAAA,IAAI,EAAE,EADgB;AAEtBC,EAAAA,YAAY,EAAE,wBAAM;AAFE,CAAxB;;;;"}