npm - @jotforminc/dnd-builder - Versions diffs - 1.0.2 → 2.0.0-beta.4 - Mend

@jotforminc/dnd-builder 1.0.2 → 2.0.0-beta.4

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

Files changed (236) hide show

package/lib/cjs/components/Panels/RightPanel/RightPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightPanel.js","sources":["../../../../../src/components/Panels/RightPanel/RightPanel.js"],"sourcesContent":["import {\n memo,\n useEffect,\n useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport Section from '../../Builder/Section';\nimport Layout from '../../../constants/reportSettings';\nimport Page from '../../../constants/pageSettings';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport { findItemById, getTabsWithSettings } from '../../../utils/functions';\nimport { useTranslatedTexts } from '../../../utils/hooks';\nimport {\n REPORT_SETTINGS_ITEM_TYPE, PAGE_SETTINGS_ITEM_TYPE,\n} from '../../../constants/itemTypes';\nimport SettingTabs from './SettingTabs';\nimport Settings from './Settings';\nimport RightPanelToggler from './RightPanelToggler';\nimport { capitalize } from '../../../utils/string';\n\nconst exceptionalClasses = [\n 'pageSettingSideBtn', 'paneClose', 'paneToggler', 'forZoom', 'jSheetContextMenu',\n];\n\nconst RightPanel = ({\n itemAccessor,\n onItemChange,\n onPageChange,\n onSettingChange,\n pages,\n}) => {\n const {\n activeTab,\n editedElement,\n isRightPanelOpen,\n isSlidesPanelOpen,\n setActiveElement,\n setActiveTab,\n setIsRightPanelOpen,\n } = useBuilderContext();\n const { acceptedItems, settings: layoutSettings } = usePropContext();\n const panelRef = useRef(null);\n const { LAYOUT_SETTINGS, PAGE_SETTINGS, SETTINGS } = useTranslatedTexts();\n const settingMap = {\n i_: {\n details: id => {\n const item = findItemById(id, pages);\n return item;\n },\n settings: item => {\n return acceptedItems[item.itemType];\n },\n title: item => {\n return `${capitalize(acceptedItems[item.itemType].title \|\| item.itemType)} ${SETTINGS}`;\n },\n updater: onItemChange,\n },\n l_: {\n details: () => {\n return {\n ...layoutSettings,\n id: REPORT_SETTINGS_ITEM_TYPE,\n itemType: REPORT_SETTINGS_ITEM_TYPE,\n };\n },\n settings: () => {\n return acceptedItems[REPORT_SETTINGS_ITEM_TYPE] \|\| Layout;\n },\n title: () => LAYOUT_SETTINGS,\n updater: onSettingChange,\n },\n p_: {\n details: id => {\n return {\n backgroundColor: layoutSettings.reportBackgroundColor,\n ...pages.find(page => page.id === id),\n itemType: PAGE_SETTINGS_ITEM_TYPE,\n };\n },\n settings: () => {\n const pageItem = acceptedItems[PAGE_SETTINGS_ITEM_TYPE] \|\| Page;\n return {\n ...pageItem,\n settings: pageItem.settings.map(setting => {\n if (setting.key === 'pageLayer') {\n return { ...setting, setActiveElement, updater: onItemChange };\n }\n return setting;\n }) \|\| Page.settings,\n };\n },\n title: () => PAGE_SETTINGS,\n updater: onPageChange,\n },\n };\n\n let editedEl;\n let editedElId;\n let selectedItem;\n let element;\n let updateFunc;\n let title;\n\n const panelConfig = () => {\n selectedItem = editedEl.details(editedElId);\n element = editedEl.settings(selectedItem);\n updateFunc = editedEl.updater;\n title = editedEl.title(selectedItem);\n };\n\n const fallback = () => {\n setActiveElement(null);\n editedEl = settingMap.l_;\n editedElId = editedElement.substr(2);\n panelConfig();\n };\n\n try {\n editedEl = settingMap[editedElement.substr(0, 2)];\n editedElId = editedElement.substr(2);\n const checkSelectedItem = editedEl.details(editedElId);\n if (Object.keys(checkSelectedItem).length === 0) {\n fallback();\n } else {\n panelConfig();\n }\n } catch (e) {\n fallback();\n }\n\n // Tabs\n const tabsWithSettings = getTabsWithSettings(element, selectedItem, itemAccessor);\n const tabs = Object.keys(tabsWithSettings);\n\n useEffect(() => {\n const currentTab = tabs[activeTab];\n if (!tabsWithSettings[currentTab]) {\n // This is due to conditionaly hiding tabs\n setActiveTab(0);\n }\n }, [activeTab, tabs]);\n\n // Panel className\n const panelAdditionalClassName = classNames(\n 'jfReport-settings forSettings f-height',\n {\n isIdle: !isRightPanelOpen,\n otherOpened: isSlidesPanelOpen,\n },\n );\n\n const onClickOutsideForPanel = e => {\n if (editedElement.substr(0, 2) === 'i_'\n \|\| panelRef.current.contains(e.target)\n \|\| panelRef.current.contains(document.activeElement)\n \|\| Array.from(e.target.classList).some(xClass => exceptionalClasses.includes(xClass))\n \|\| exceptionalClasses.some(xClass => e.target.closest(`.${xClass}`))\n ) {\n return;\n }\n setIsRightPanelOpen(false);\n setActiveElement(null);\n };\n\n useEffect(() => {\n if (isRightPanelOpen) window.addEventListener('click', onClickOutsideForPanel, false);\n return () => {\n window.removeEventListener('click', onClickOutsideForPanel, false);\n };\n }, [isRightPanelOpen]);\n\n return (\n <>\n <Panel\n ref={panelRef}\n additionalClassName={panelAdditionalClassName}\n >\n <RightPanelToggler />\n <div className=\"toolItemWrapper f-height d-flex dir-col\">\n <Section title={title}>\n <SettingTabs tabs={tabs} />\n <Settings\n key={selectedItem.id}\n element={element}\n item={selectedItem}\n itemAccessor={itemAccessor}\n onChange={updateFunc}\n settings={tabsWithSettings}\n tabs={tabs}\n />\n </Section>\n </div>\n </Panel>\n </>\n );\n};\n\nRightPanel.propTypes = {\n itemAccessor: PropTypes.func,\n onItemChange: PropTypes.func,\n onPageChange: PropTypes.func,\n onSettingChange: PropTypes.func,\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n};\n\nRightPanel.defaultProps = {\n itemAccessor: () => {},\n onItemChange: () => {},\n onPageChange: () => {},\n onSettingChange: () => {},\n pages: [],\n};\n\nexport default memo(RightPanel);\n"],"names":["exceptionalClasses","RightPanel","itemAccessor","onItemChange","onPageChange","onSettingChange","pages","useBuilderContext","activeTab","editedElement","isRightPanelOpen","isSlidesPanelOpen","setActiveElement","setActiveTab","setIsRightPanelOpen","usePropContext","acceptedItems","layoutSettings","settings","panelRef","useRef","useTranslatedTexts","LAYOUT_SETTINGS","PAGE_SETTINGS","SETTINGS","settingMap","i_","details","id","item","findItemById","itemType","title","capitalize","updater","l_","REPORT_SETTINGS_ITEM_TYPE","Layout","p_","backgroundColor","reportBackgroundColor","find","page","PAGE_SETTINGS_ITEM_TYPE","pageItem","Page","map","setting","key","editedEl","editedElId","selectedItem","element","updateFunc","panelConfig","fallback","substr","checkSelectedItem","Object","keys","length","e","tabsWithSettings","getTabsWithSettings","tabs","useEffect","currentTab","panelAdditionalClassName","classNames","isIdle","otherOpened","onClickOutsideForPanel","current","contains","target","document","activeElement","Array","from","classList","some","xClass","includes","closest","window","addEventListener","removeEventListener","_jsx","_jsxs","propTypes","PropTypes","func","arrayOf","shape","defaultProps","memo"],"mappings":"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"}
1	+ {"version":3,"file":"RightPanel.js","sources":["../../../../../src/components/Panels/RightPanel/RightPanel.js"],"sourcesContent":["import {\n memo,\n useEffect,\n useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport Section from '../../Builder/Section';\nimport Layout from '../../../constants/reportSettings';\nimport Page from '../../../constants/pageSettings';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport { findItemById, getTabsWithSettings } from '../../../utils/functions';\nimport { useTranslatedTexts } from '../../../utils/hooks';\nimport {\n REPORT_SETTINGS_ITEM_TYPE, PAGE_SETTINGS_ITEM_TYPE,\n} from '../../../constants/itemTypes';\nimport Tabs from '../../Builder/Tabs';\nimport Settings from './Settings';\nimport RightPanelToggler from './RightPanelToggler';\nimport { capitalize } from '../../../utils/string';\n\nconst exceptionalClasses = [\n 'pageSettingSideBtn', 'paneClose', 'paneToggler', 'forZoom', 'jSheetContextMenu',\n];\n\nconst RightPanel = ({\n itemAccessor,\n onItemChange,\n onPageChange,\n onSettingChange,\n pages,\n}) => {\n const {\n activeTab,\n editedElement,\n isRightPanelOpen,\n isSlidesPanelOpen,\n setActiveElement,\n setActiveTab,\n setIsRightPanelOpen,\n } = useBuilderContext();\n const { acceptedItems, settings: layoutSettings } = usePropContext();\n const panelRef = useRef(null);\n const { LAYOUT_SETTINGS, PAGE_SETTINGS, SETTINGS } = useTranslatedTexts();\n const settingMap = {\n i_: {\n details: id => {\n const item = findItemById(id, pages);\n return item;\n },\n settings: item => {\n return acceptedItems[item.itemType];\n },\n title: item => {\n return `${capitalize(acceptedItems[item.itemType].title \|\| item.itemType)} ${SETTINGS}`;\n },\n updater: onItemChange,\n },\n l_: {\n details: () => {\n return {\n ...layoutSettings,\n id: REPORT_SETTINGS_ITEM_TYPE,\n itemType: REPORT_SETTINGS_ITEM_TYPE,\n };\n },\n settings: () => {\n return acceptedItems[REPORT_SETTINGS_ITEM_TYPE] \|\| Layout;\n },\n title: () => LAYOUT_SETTINGS,\n updater: onSettingChange,\n },\n p_: {\n details: id => {\n return {\n backgroundColor: layoutSettings.reportBackgroundColor,\n ...pages.find(page => page.id === id),\n itemType: PAGE_SETTINGS_ITEM_TYPE,\n };\n },\n settings: () => {\n const pageItem = acceptedItems[PAGE_SETTINGS_ITEM_TYPE] \|\| Page;\n return {\n ...pageItem,\n settings: pageItem.settings.map(setting => {\n if (setting.key === 'pageLayer') {\n return { ...setting, setActiveElement, updater: onItemChange };\n }\n return setting;\n }) \|\| Page.settings,\n };\n },\n title: () => PAGE_SETTINGS,\n updater: onPageChange,\n },\n };\n\n let editedEl;\n let editedElId;\n let selectedItem;\n let element;\n let updateFunc;\n let title;\n\n const panelConfig = () => {\n selectedItem = editedEl.details(editedElId);\n element = editedEl.settings(selectedItem);\n updateFunc = editedEl.updater;\n title = editedEl.title(selectedItem);\n };\n\n const fallback = () => {\n setActiveElement(null);\n editedEl = settingMap.l_;\n editedElId = editedElement.substr(2);\n panelConfig();\n };\n\n try {\n editedEl = settingMap[editedElement.substr(0, 2)];\n editedElId = editedElement.substr(2);\n const checkSelectedItem = editedEl.details(editedElId);\n if (Object.keys(checkSelectedItem).length === 0) {\n fallback();\n } else {\n panelConfig();\n }\n } catch (e) {\n fallback();\n }\n\n // Tabs\n const tabsWithSettings = getTabsWithSettings(element, selectedItem, itemAccessor);\n const tabs = Object.keys(tabsWithSettings);\n\n useEffect(() => {\n const currentTab = tabs[activeTab.right];\n if (!tabsWithSettings[currentTab]) {\n // This is due to conditionaly hiding tabs\n setActiveTab('right', 0);\n }\n }, [activeTab, tabs]);\n\n // Panel className\n const panelAdditionalClassName = classNames(\n 'jfReport-settings forSettings f-height',\n {\n isIdle: !isRightPanelOpen,\n otherOpened: isSlidesPanelOpen,\n },\n );\n\n const onClickOutsideForPanel = e => {\n if (editedElement.substr(0, 2) === 'i_'\n \|\| panelRef.current.contains(e.target)\n \|\| panelRef.current.contains(document.activeElement)\n \|\| Array.from(e.target.classList).some(xClass => exceptionalClasses.includes(xClass))\n \|\| exceptionalClasses.some(xClass => e.target.closest(`.${xClass}`))\n ) {\n return;\n }\n setIsRightPanelOpen(false);\n setActiveElement(null);\n };\n\n useEffect(() => {\n if (isRightPanelOpen) window.addEventListener('click', onClickOutsideForPanel, false);\n return () => {\n window.removeEventListener('click', onClickOutsideForPanel, false);\n };\n }, [isRightPanelOpen]);\n\n return (\n <>\n <Panel\n ref={panelRef}\n additionalClassName={panelAdditionalClassName}\n >\n <RightPanelToggler />\n <div className=\"toolItemWrapper f-height d-flex dir-col\">\n <Section title={title}>\n <Tabs\n panel=\"right\"\n tabs={tabs}\n />\n <Settings\n key={selectedItem.id}\n element={element}\n item={selectedItem}\n itemAccessor={itemAccessor}\n onChange={updateFunc}\n settings={tabsWithSettings}\n tabs={tabs}\n />\n </Section>\n </div>\n </Panel>\n </>\n );\n};\n\nRightPanel.propTypes = {\n itemAccessor: PropTypes.func,\n onItemChange: PropTypes.func,\n onPageChange: PropTypes.func,\n onSettingChange: PropTypes.func,\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n};\n\nRightPanel.defaultProps = {\n itemAccessor: () => {},\n onItemChange: () => {},\n onPageChange: () => {},\n onSettingChange: () => {},\n pages: [],\n};\n\nexport default memo(RightPanel);\n"],"names":["exceptionalClasses","RightPanel","itemAccessor","onItemChange","onPageChange","onSettingChange","pages","useBuilderContext","activeTab","editedElement","isRightPanelOpen","isSlidesPanelOpen","setActiveElement","setActiveTab","setIsRightPanelOpen","usePropContext","acceptedItems","layoutSettings","settings","panelRef","useRef","useTranslatedTexts","LAYOUT_SETTINGS","PAGE_SETTINGS","SETTINGS","settingMap","i_","details","id","item","findItemById","itemType","title","capitalize","updater","l_","REPORT_SETTINGS_ITEM_TYPE","Layout","p_","backgroundColor","reportBackgroundColor","find","page","PAGE_SETTINGS_ITEM_TYPE","pageItem","Page","map","setting","key","editedEl","editedElId","selectedItem","element","updateFunc","panelConfig","fallback","substr","checkSelectedItem","Object","keys","length","e","tabsWithSettings","getTabsWithSettings","tabs","useEffect","currentTab","right","panelAdditionalClassName","classNames","isIdle","otherOpened","onClickOutsideForPanel","current","contains","target","document","activeElement","Array","from","classList","some","xClass","includes","closest","window","addEventListener","removeEventListener","_jsx","_jsxs","propTypes","PropTypes","func","arrayOf","shape","defaultProps","memo"],"mappings":"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"}

package/lib/cjs/components/Panels/RightPanel/RightPanelToggler.js CHANGED Viewed

@@ -4,7 +4,7 @@ var React = require('react');
 var builderContext = require('../../../utils/builderContext.js');
 var hooks = require('../../../utils/hooks.js');
 var jsxRuntime = require('react/jsx-runtime');
-var settings = require('../../../assets/svg/settings.svg.js');
+var settings_toggle = require('../../../assets/svg/settings_toggle.svg.js');
 var close = require('../../../assets/svg/close.svg.js');
 var RightPanelToggler = function RightPanelToggler() {
@@ -17,15 +17,15 @@ var RightPanelToggler = function RightPanelToggler() {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx("button", {
-      className: "paneToggler js-openRightPanel",
+      className: "paneToggler js-openRightPanel settingsToggle",
       onClick: function onClick() {
         setActiveElement(null);
         setIsRightPanelOpen(true);
       },
       title: LAYOUT_SETTINGS,
       type: "button",
-      children: /*#__PURE__*/jsxRuntime.jsx(settings, {
-        className: "jfReportSVG isWhite isTick"
+      children: /*#__PURE__*/jsxRuntime.jsx(settings_toggle, {
+        className: "jfReportSVG isTick"
       })
     }), /*#__PURE__*/jsxRuntime.jsx("button", {
       className: "paneClose p-absolute js-closeRightPanel",

package/lib/cjs/components/Panels/RightPanel/RightPanelToggler.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightPanelToggler.js","sources":["../../../../../src/components/Panels/RightPanel/RightPanelToggler.js"],"sourcesContent":["import { memo } from 'react';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst RightPanelToggler = () => {\n const {\n setActiveElement,\n setIsRightPanelOpen,\n } = useBuilderContext();\n const { LAYOUT_SETTINGS } = useTranslatedTexts();\n\n return (\n <>\n <button\n className=\"paneToggler js-openRightPanel\"\n onClick={() => {\n setActiveElement(null);\n setIsRightPanelOpen(true);\n }}\n title={LAYOUT_SETTINGS}\n type=\"button\"\n >\n <icons.~~settings~~ className=\"jfReportSVG ~~isWhite~~ isTick\" />\n </button>\n <button\n className=\"paneClose p-absolute js-closeRightPanel\"\n onClick={() => setIsRightPanelOpen(false)}\n type=\"button\"\n >\n <icons.close className=\"jfReportSVG\" />\n </button>\n </>\n );\n};\n\nexport default memo(RightPanelToggler);\n"],"names":["RightPanelToggler","useBuilderContext","setActiveElement","setIsRightPanelOpen","useTranslatedTexts","LAYOUT_SETTINGS","_jsxs","_jsx","icons.~~settings~~","icons.close","memo"],"mappings":";;;;;;;;;AAKA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAAA,2BAI1BC,gCAAiB,EAJS;AAAA,MAE5BC,gBAF4B,sBAE5BA,gBAF4B;AAAA,MAG5BC,mBAH4B,sBAG5BA,mBAH4B;;AAAA,4BAKFC,wBAAkB,EALhB;AAAA,MAKtBC,eALsB,uBAKtBA,eALsB;;AAO9B,sBACEC;AAAA,4BACEC;AACE,MAAA,SAAS,EAAC~~,+BADZ~~;AAEE,MAAA,OAAO,EAAE,mBAAM;AACbL,QAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACAC,QAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD,OALH;AAME,MAAA,KAAK,EAAEE,eANT;AAOE,MAAA,IAAI,EAAC,QAPP;AAAA,6BASEE,eAACC,~~QAAD~~;~~AAAgB~~,QAAA,SAAS,EAAC;~~AAA1B~~;AATF,MADF,eAYED;AACE,MAAA,SAAS,EAAC,yCADZ;AAEE,MAAA,OAAO,EAAE;AAAA,eAAMJ,mBAAmB,CAAC,KAAD,CAAzB;AAAA,OAFX;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEI,eAACE,KAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF,MAZF;AAAA,IADF;AAsBD,CA7BD;;AA+BA,uCAAeC,UAAI,CAACV,iBAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"RightPanelToggler.js","sources":["../../../../../src/components/Panels/RightPanel/RightPanelToggler.js"],"sourcesContent":["import { memo } from 'react';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst RightPanelToggler = () => {\n const {\n setActiveElement,\n setIsRightPanelOpen,\n } = useBuilderContext();\n const { LAYOUT_SETTINGS } = useTranslatedTexts();\n\n return (\n <>\n <button\n className=\"paneToggler js-openRightPanel settingsToggle\"\n onClick={() => {\n setActiveElement(null);\n setIsRightPanelOpen(true);\n }}\n title={LAYOUT_SETTINGS}\n type=\"button\"\n >\n <icons.settingsToggle className=\"jfReportSVG isTick\" />\n </button>\n <button\n className=\"paneClose p-absolute js-closeRightPanel\"\n onClick={() => setIsRightPanelOpen(false)}\n type=\"button\"\n >\n <icons.close className=\"jfReportSVG\" />\n </button>\n </>\n );\n};\n\nexport default memo(RightPanelToggler);\n"],"names":["RightPanelToggler","useBuilderContext","setActiveElement","setIsRightPanelOpen","useTranslatedTexts","LAYOUT_SETTINGS","_jsxs","_jsx","icons.settingsToggle","icons.close","memo"],"mappings":";;;;;;;;;AAKA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAAA,2BAI1BC,gCAAiB,EAJS;AAAA,MAE5BC,gBAF4B,sBAE5BA,gBAF4B;AAAA,MAG5BC,mBAH4B,sBAG5BA,mBAH4B;;AAAA,4BAKFC,wBAAkB,EALhB;AAAA,MAKtBC,eALsB,uBAKtBA,eALsB;;AAO9B,sBACEC;AAAA,4BACEC;AACE,MAAA,SAAS,EAAC,8CADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AACbL,QAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACAC,QAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD,OALH;AAME,MAAA,KAAK,EAAEE,eANT;AAOE,MAAA,IAAI,EAAC,QAPP;AAAA,6BASEE,eAACC,eAAD;AAAsB,QAAA,SAAS,EAAC;AAAhC;AATF,MADF,eAYED;AACE,MAAA,SAAS,EAAC,yCADZ;AAEE,MAAA,OAAO,EAAE;AAAA,eAAMJ,mBAAmB,CAAC,KAAD,CAAzB;AAAA,OAFX;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEI,eAACE,KAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF,MAZF;AAAA,IADF;AAsBD,CA7BD;;AA+BA,uCAAeC,UAAI,CAACV,iBAAD,CAAnB;;;;"}

package/lib/cjs/components/Panels/RightPanel/Settings.js CHANGED Viewed

@@ -42,9 +42,9 @@ var Settings = function Settings(_ref) {
   return tabs.map(function (tabKey, index) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: classNames__default['default']('toolItem-tabContent', {
-        hidden: index !== activeTab
+        hidden: index !== activeTab.right
       }, {
-        hasInnerScroll: tabKey === 'My Images'
+        hasInnerScroll: tabKey === 'MY IMAGES'
       }),
       children: settings[tabKey].map(function (setting, itemIndex) {
         if (setting.experimental && !useExperimentalFeatures) {

package/lib/cjs/components/Panels/RightPanel/Settings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Settings.js","sources":["../../../../../src/components/Panels/RightPanel/Settings.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport SettingsItemRenderer from '../../Settings/SettingsItemRenderer';\nimport { onChangeFunction } from '../../../utils/functions';\nimport ErrorBoundary from '../../ErrorBoundary';\n\nconst Settings = ({\n element,\n item,\n itemAccessor,\n onChange,\n settings,\n tabs,\n}) => {\n const { activeTab } = useBuilderContext();\n const { useExperimentalFeatures } = usePropContext();\n return (tabs.map((tabKey, index) => {\n return (\n <div\n key={index.toString()}\n className={classNames(\n 'toolItem-tabContent',\n { hidden: index !== activeTab },\n { hasInnerScroll: tabKey === 'My ~~Images~~' },\n )}\n >\n {settings[tabKey].map((setting, itemIndex) => {\n if (setting.experimental && !useExperimentalFeatures) {\n return null;\n }\n const customUpdaterFunction = setting.onChange ? setting.onChange : false;\n const defaultItem = element.defaultItem \|\| {};\n const value = (item[setting.key] \|\| item[setting.key] === 0)\n ? item[setting.key] : defaultItem[setting.key] \|\| null;\n const computedValue = setting.value ? setting.value(value, item, itemAccessor) : value;\n const newItem = { ...defaultItem, ...item };\n return (\n <SettingsItemRenderer\n key={`${itemIndex.toString()}_${item.id}_${setting.key}_${setting.uniqueId}`}\n setting={setting}\n settingValue={computedValue}\n >\n {SettingItem => {\n return (\n <ErrorBoundary>\n <SettingItem\n config={setting}\n item={newItem}\n itemAccessor={itemAccessor}\n onItemChange={onChangeFunction(\n setting,\n onChange,\n newItem,\n customUpdaterFunction,\n )}\n value={computedValue}\n />\n </ErrorBoundary>\n );\n }}\n </SettingsItemRenderer>\n );\n })}\n </div>\n );\n }));\n};\n\nSettings.propTypes = {\n element: PropTypes.shape({}),\n item: PropTypes.shape({}),\n onChange: PropTypes.func,\n settings: PropTypes.shape({}),\n tabs: PropTypes.arrayOf(PropTypes.string),\n};\n\nSettings.defaultProps = {\n element: {},\n item: {},\n onChange: () => {},\n settings: {},\n tabs: [],\n};\n\nexport default memo(Settings);\n"],"names":["Settings","element","item","itemAccessor","onChange","settings","tabs","useBuilderContext","activeTab","usePropContext","useExperimentalFeatures","map","tabKey","index","_jsx","classNames","hidden","hasInnerScroll","setting","itemIndex","experimental","customUpdaterFunction","defaultItem","value","key","computedValue","newItem","SettingItem","onChangeFunction","toString","id","uniqueId","propTypes","PropTypes","shape","func","arrayOf","string","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAOX;AAAA,MANJC,OAMI,QANJA,OAMI;AAAA,MALJC,IAKI,QALJA,IAKI;AAAA,MAJJC,YAII,QAJJA,YAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,IACI,QADJA,IACI;;AAAA,2BACkBC,gCAAiB,EADnC;AAAA,MACIC,SADJ,sBACIA,SADJ;;AAAA,wBAEgCC,0BAAc,EAF9C;AAAA,MAEIC,uBAFJ,mBAEIA,uBAFJ;;AAGJ,SAAQJ,IAAI,CAACK,GAAL,CAAS,UAACC,MAAD,EAASC,KAAT,EAAmB;AAClC,wBACEC;AAEE,MAAA,SAAS,EAAEC,8BAAU,CACnB,qBADmB,EAEnB;AAAEC,QAAAA,MAAM,EAAEH,KAAK,KAAKL;~~AAApB~~,OAFmB,EAGnB;~~AAAES~~,QAAAA,cAAc,~~EAAEL~~,MAAM,KAAK;AAA7B,OAHmB,CAFvB;AAAA,gBAQGP,QAAQ,CAACO,MAAD,CAAR,CAAiBD,GAAjB,CAAqB,~~UAACO~~,OAAD,EAAUC,SAAV,EAAwB;AAC5C,YAAID,OAAO,CAACE,YAAR,IAAwB,~~CAACV~~,uBAA7B,EAAsD;AACpD,iBAAO,IAAP;AACD;;AACD,~~YAAMW~~,qBAAqB,GAAGH,OAAO,~~CAACd~~,QAAR,~~GAAmBc~~,OAAO,~~CAACd~~,QAA3B,GAAsC,KAApE;AACA,~~YAAMkB~~,WAAW,~~GAAGrB~~,OAAO,~~CAACqB~~,WAAR,IAAuB,EAA3C;AACA,YAAMC,KAAK,~~GAAIrB~~,IAAI,~~CAACgB~~,OAAO,CAACM,GAAT,CAAJ,~~IAAqBtB~~,IAAI,~~CAACgB~~,OAAO,CAACM,GAAT,CAAJ,KAAsB,CAA5C,~~GACVtB~~,IAAI,~~CAACgB~~,OAAO,CAACM,GAAT,CADM,GACUF,WAAW,CAACJ,OAAO,CAACM,GAAT,CAAX,IAA4B,IADpD;AAEA,YAAMC,aAAa,GAAGP,OAAO,CAACK,KAAR,GAAgBL,OAAO,CAACK,KAAR,CAAcA,KAAd,~~EAAqBrB~~,IAArB,EAA2BC,YAA3B,CAAhB,~~GAA2DoB~~,KAAjF;;AACA,YAAMG,OAAO,mCAAQJ,WAAR,~~GAAwBpB~~,IAAxB,CAAb;;AACA,4BACEY,eAAC,oBAAD;AAEE,UAAA,OAAO,~~EAAEI~~,OAFX;AAGE,UAAA,YAAY,EAAEO,aAHhB;AAAA,oBAKG,kBAAAE,WAAW,EAAI;AACd,~~gCACEb~~,eAAC,aAAD;AAAA,qCACEA,eAAC,WAAD;AACE,gBAAA,MAAM,~~EAAEI~~,OADV;AAEE,gBAAA,IAAI,EAAEQ,OAFR;AAGE,gBAAA,YAAY,~~EAAEvB~~,YAHhB;AAIE,gBAAA,YAAY,~~EAAEyB~~,0BAAgB,CAC5BV,OAD4B,~~EAE5Bd~~,QAF4B,~~EAG5BsB~~,OAH4B,EAI5BL,qBAJ4B,CAJhC;AAUE,gBAAA,KAAK,EAAEI;AAVT;AADF,cADF;AAgBD;AAtBH,qBACUN,SAAS,CAACU,QAAV,EADV,~~cACkC3B~~,IAAI,~~CAAC4B~~,EADvC,cAC6CZ,OAAO,CAACM,GADrD,cAC4DN,OAAO,CAACa,QADpE,EADF;AA0BD,OApCA;AARH,~~OACOlB~~,KAAK,~~CAACgB~~,QAAN,EADP,CADF;AAgDD,GAjDO,CAAR;AAkDD,CA5DD;;~~AA8DA7B~~,QAAQ,~~CAACgC~~,SAAT,GAAqB;~~AACnB/B~~,EAAAA,OAAO,~~EAAEgC~~,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADU;~~AAEnBhC~~,EAAAA,IAAI,~~EAAE+B~~,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAFa;~~AAGnB9B~~,EAAAA,QAAQ,~~EAAE6B~~,6BAAS,CAACE,IAHD;~~AAInB9B~~,EAAAA,QAAQ,~~EAAE4B~~,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAJS;~~AAKnB5B~~,EAAAA,IAAI,~~EAAE2B~~,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACI,MAA5B;AALa,CAArB;~~AAQArC~~,QAAQ,~~CAACsC~~,YAAT,GAAwB;~~AACtBrC~~,EAAAA,OAAO,EAAE,EADa;AAEtBC,EAAAA,IAAI,EAAE,EAFgB;AAGtBE,EAAAA,QAAQ,EAAE,oBAAM,EAHM;AAItBC,EAAAA,QAAQ,EAAE,EAJY;AAKtBC,EAAAA,IAAI,EAAE;AALgB,CAAxB;AAQA,~~8BAAeiC~~,UAAI,~~CAACvC~~,QAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"Settings.js","sources":["../../../../../src/components/Panels/RightPanel/Settings.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport SettingsItemRenderer from '../../Settings/SettingsItemRenderer';\nimport { onChangeFunction } from '../../../utils/functions';\nimport ErrorBoundary from '../../ErrorBoundary';\n\nconst Settings = ({\n element,\n item,\n itemAccessor,\n onChange,\n settings,\n tabs,\n}) => {\n const { activeTab } = useBuilderContext();\n const { useExperimentalFeatures } = usePropContext();\n return (tabs.map((tabKey, index) => {\n return (\n <div\n key={index.toString()}\n className={classNames(\n 'toolItem-tabContent',\n { hidden: index !== activeTab.right },\n { hasInnerScroll: tabKey === 'MY IMAGES' },\n )}\n >\n {settings[tabKey].map((setting, itemIndex) => {\n if (setting.experimental && !useExperimentalFeatures) {\n return null;\n }\n const customUpdaterFunction = setting.onChange ? setting.onChange : false;\n const defaultItem = element.defaultItem \|\| {};\n const value = (item[setting.key] \|\| item[setting.key] === 0)\n ? item[setting.key] : defaultItem[setting.key] \|\| null;\n const computedValue = setting.value ? setting.value(value, item, itemAccessor) : value;\n const newItem = { ...defaultItem, ...item };\n return (\n <SettingsItemRenderer\n key={`${itemIndex.toString()}_${item.id}_${setting.key}_${setting.uniqueId}`}\n setting={setting}\n settingValue={computedValue}\n >\n {SettingItem => {\n return (\n <ErrorBoundary>\n <SettingItem\n config={setting}\n item={newItem}\n itemAccessor={itemAccessor}\n onItemChange={onChangeFunction(\n setting,\n onChange,\n newItem,\n customUpdaterFunction,\n )}\n value={computedValue}\n />\n </ErrorBoundary>\n );\n }}\n </SettingsItemRenderer>\n );\n })}\n </div>\n );\n }));\n};\n\nSettings.propTypes = {\n element: PropTypes.shape({}),\n item: PropTypes.shape({}),\n onChange: PropTypes.func,\n settings: PropTypes.shape({}),\n tabs: PropTypes.arrayOf(PropTypes.string),\n};\n\nSettings.defaultProps = {\n element: {},\n item: {},\n onChange: () => {},\n settings: {},\n tabs: [],\n};\n\nexport default memo(Settings);\n"],"names":["Settings","element","item","itemAccessor","onChange","settings","tabs","useBuilderContext","activeTab","usePropContext","useExperimentalFeatures","map","tabKey","index","_jsx","classNames","hidden","right","hasInnerScroll","setting","itemIndex","experimental","customUpdaterFunction","defaultItem","value","key","computedValue","newItem","SettingItem","onChangeFunction","toString","id","uniqueId","propTypes","PropTypes","shape","func","arrayOf","string","defaultProps","memo"],"mappings":"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"}

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

@@ -155,9 +155,13 @@ var ListWrapper = function ListWrapper(_ref) {
           }, otherProps));
         }
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(PageAdder, {
-      onPageAdd: onPageAdd,
-      pageCount: pageCount
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "jfReport-pane-footer",
+      children: /*#__PURE__*/jsxRuntime.jsx(PageAdder, {
+        additionalClass: "forOptions",
+        onPageAdd: onPageAdd,
+        pageCount: pageCount
+      })
     })]
   });
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ListWrapper.js","sources":["../../../../../src/components/Panels/SlidesPanel/ListWrapper.js"],"sourcesContent":["import {\n memo, useCallback, useRef, useState, useMemo, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveContainer } from 'recharts';\nimport ResponsiveContent from '../../ResponsiveContent';\nimport PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\n\nconst ListWrapper = ({\n component: Component,\n onSortEnd,\n pageCount,\n reportSettings,\n ...otherProps\n}) => {\n const outerRef = useRef(null);\n const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n const [scrollTracking, setScrollTracking] = useState(true);\n const {\n reportBackgroundColor,\n reportLayoutHeight = 794,\n reportLayoutWidth = 1123,\n } = reportSettings;\n const width = parseInt(reportLayoutWidth, 10);\n const height = parseInt(reportLayoutHeight, 10);\n const { left, scale, top } = getScaleForPageThumbnail(width, height);\n\n const pageContainerStyles = useMemo(() => ({\n backgroundColor: reportBackgroundColor \|\| '#fff',\n height: height,\n left,\n top,\n transform: `scale(${scale})`,\n transformOrigin: '0 0',\n width: width,\n }), [reportSettings]);\n\n const _onSortEnd = (sortEvent, nativeEvent) => {\n if (onSortEnd) {\n onSortEnd(sortEvent, nativeEvent, outerRef.current);\n }\n };\n\n useEffect(() => { // for page thumbnails actions\n if (!scrollTracking) {\n scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, {});\n setScrollTracking(true);\n }\n }, [pageCount]);\n\n usePageVisibility(index => {\n if (scrollTracking && index !== selectedPageIndex && !Number.isNaN(index)) {\n const instance = outerRef.current.getWrappedInstance();\n const list = instance.sortableOuterRef.current;\n setSelectedPageIndex(index);\n if (selectedPageIndex === -1 && index !== 1) {\n setTimeout(() => {\n list.scrollTo({ behavior: 'smooth', top: ((index - 1) * 120) + 7 });\n }, 300);\n } else {\n list.scrollTo({ behavior: 'smooth', top: ((index - 1) * 120) + 7 });\n }\n } else if (!scrollTracking && index === selectedPageIndex) {\n setScrollTracking(true);\n }\n }, scrollTracking, pageCount, selectedPageIndex);\n\n const onPageClick = useCallback(e => {\n const order = e.target.getAttribute('data-order');\n setScrollTracking(false);\n setSelectedPageIndex(parseInt(order, 10));\n if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n scrollToTarget(`pageActions-id-${order}`);\n }\n }, [selectedPageIndex]);\n\n const onPageAdd = index => {\n setScrollTracking(false);\n setSelectedPageIndex(index);\n otherProps.onPageAdd(index);\n };\n\n return (\n <>\n <ResponsiveContainer>\n <ResponsiveContent>\n {(containerWidth, containerHeight) => (\n <Component\n ref={outerRef}\n distance={50}\n height={containerHeight}\n helperClass=\"pageThumbnailHelper\"\n lockAxis=\"y\"\n onPageClick={onPageClick}\n onSortEnd={_onSortEnd}\n pageContainerStyle={pageContainerStyles}\n pageCount={pageCount}\n selectedPageIndex={selectedPageIndex}\n width={containerWidth}\n {...otherProps}\n />\n )}\n </ResponsiveContent>\n </ResponsiveContainer>\n <PageAdder\n onPageAdd={onPageAdd}\n pageCount={pageCount}\n />\n </>\n );\n};\n\nListWrapper.propTypes = {\n component: PropTypes.any,\n onSortEnd: PropTypes.func,\n pageCount: PropTypes.number,\n reportSettings: PropTypes.shape({\n reportBackgroundColor: PropTypes.string,\n reportLayoutHeight: PropTypes.string,\n reportLayoutWidth: PropTypes.string,\n }),\n};\n\nListWrapper.defaultProps = {\n component: null,\n onSortEnd: () => {},\n pageCount: 0,\n reportSettings: {},\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","Component","component","onSortEnd","pageCount","reportSettings","otherProps","outerRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","scrollTracking","setScrollTracking","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","sortEvent","nativeEvent","current","useEffect","scrollToTarget","usePageVisibility","index","Number","isNaN","instance","getWrappedInstance","list","sortableOuterRef","setTimeout","scrollTo","behavior","onPageClick","useCallback","e","order","target","getAttribute","classList","contains","onPageAdd","_jsxs","_jsx","ResponsiveContainer","containerWidth","containerHeight","propTypes","PropTypes","any","func","number","shape","string","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAMd;AAAA,MALOC,SAKP,QALJC,SAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,cAEI,QAFJA,cAEI;AAAA,MADDC,UACC;;AACJ,MAAMC,QAAQ,GAAGC,YAAM,CAAC,IAAD,CAAvB;;AADI,kBAE8CC,cAAQ,CAAC,CAAC,CAAF,CAFtD;AAAA;AAAA,MAEGC,iBAFH;AAAA,MAEsBC,oBAFtB;;AAAA,mBAGwCF,cAAQ,CAAC,IAAD,CAHhD;AAAA;AAAA,MAGGG,cAHH;AAAA,MAGmBC,iBAHnB;;AAAA,MAKFC,qBALE,GAQAT,cARA,CAKFS,qBALE;AAAA,8BAQAT,cARA,CAMFU,kBANE;AAAA,MAMFA,kBANE,sCAMmB,GANnB;AAAA,+BAQAV,cARA,CAOFW,iBAPE;AAAA,MAOFA,iBAPE,uCAOkB,IAPlB;AASJ,MAAMC,KAAK,GAAGC,QAAQ,CAACF,iBAAD,EAAoB,EAApB,CAAtB;AACA,MAAMG,MAAM,GAAGD,QAAQ,CAACH,kBAAD,EAAqB,EAArB,CAAvB;;AAVI,8BAWyBK,kCAAwB,CAACH,KAAD,EAAQE,MAAR,CAXjD;AAAA,MAWIE,IAXJ,yBAWIA,IAXJ;AAAA,MAWUC,KAXV,yBAWUA,KAXV;AAAA,MAWiBC,GAXjB,yBAWiBA,GAXjB;;AAaJ,MAAMC,mBAAmB,GAAGC,aAAO,CAAC;AAAA,WAAO;AACzCC,MAAAA,eAAe,EAAEZ,qBAAqB,IAAI,MADD;AAEzCK,MAAAA,MAAM,EAAEA,MAFiC;AAGzCE,MAAAA,IAAI,EAAJA,IAHyC;AAIzCE,MAAAA,GAAG,EAAHA,GAJyC;AAKzCI,MAAAA,SAAS,kBAAWL,KAAX,MALgC;AAMzCM,MAAAA,eAAe,EAAE,KANwB;AAOzCX,MAAAA,KAAK,EAAEA;AAPkC,KAAP;AAAA,GAAD,EAQ/B,CAACZ,cAAD,CAR+B,CAAnC;;AAUA,MAAMwB,UAAU,GAAG,SAAbA,UAAa,CAACC,SAAD,EAAYC,WAAZ,EAA4B;AAC7C,QAAI5B,SAAJ,EAAe;AACbA,MAAAA,SAAS,CAAC2B,SAAD,EAAYC,WAAZ,EAAyBxB,QAAQ,CAACyB,OAAlC,CAAT;AACD;AACF,GAJD;;AAMAC,EAAAA,eAAS,CAAC,YAAM;AAAE;AAChB,QAAI,CAACrB,cAAL,EAAqB;AACnBsB,MAAAA,wBAAc,0BAAmBxB,iBAAnB,GAAwC,CAAxC,EAA2C,EAA3C,CAAd;AACAG,MAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD;AACF,GALQ,EAKN,CAACT,SAAD,CALM,CAAT;AAOA+B,EAAAA,uBAAiB,CAAC,UAAAC,KAAK,EAAI;AACzB,QAAIxB,cAAc,IAAIwB,KAAK,KAAK1B,iBAA5B,IAAiD,CAAC2B,MAAM,CAACC,KAAP,CAAaF,KAAb,CAAtD,EAA2E;AACzE,UAAMG,QAAQ,GAAGhC,QAAQ,CAACyB,OAAT,CAAiBQ,kBAAjB,EAAjB;AACA,UAAMC,IAAI,GAAGF,QAAQ,CAACG,gBAAT,CAA0BV,OAAvC;AACArB,MAAAA,oBAAoB,CAACyB,KAAD,CAApB;;AACA,UAAI1B,iBAAiB,KAAK,CAAC,CAAvB,IAA4B0B,KAAK,KAAK,CAA1C,EAA6C;AAC3CO,QAAAA,UAAU,CAAC,YAAM;AACfF,UAAAA,IAAI,CAACG,QAAL,CAAc;AAAEC,YAAAA,QAAQ,EAAE,QAAZ;AAAsBtB,YAAAA,GAAG,EAAG,CAACa,KAAK,GAAG,CAAT,IAAc,GAAf,GAAsB;AAAjD,WAAd;AACD,SAFS,EAEP,GAFO,CAAV;AAGD,OAJD,MAIO;AACLK,QAAAA,IAAI,CAACG,QAAL,CAAc;AAAEC,UAAAA,QAAQ,EAAE,QAAZ;AAAsBtB,UAAAA,GAAG,EAAG,CAACa,KAAK,GAAG,CAAT,IAAc,GAAf,GAAsB;AAAjD,SAAd;AACD;AACF,KAXD,MAWO,IAAI,CAACxB,cAAD,IAAmBwB,KAAK,KAAK1B,iBAAjC,EAAoD;AACzDG,MAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD;AACF,GAfgB,EAedD,cAfc,EAeER,SAfF,EAeaM,iBAfb,CAAjB;AAiBA,MAAMoC,WAAW,GAAGC,iBAAW,CAAC,UAAAC,CAAC,EAAI;AACnC,QAAMC,KAAK,GAAGD,CAAC,CAACE,MAAF,CAASC,YAAT,CAAsB,YAAtB,CAAd;AACAtC,IAAAA,iBAAiB,CAAC,KAAD,CAAjB;AACAF,IAAAA,oBAAoB,CAACO,QAAQ,CAAC+B,KAAD,EAAQ,EAAR,CAAT,CAApB;;AACA,QAAI,CAACD,CAAC,CAACE,MAAF,CAASE,SAAT,CAAmBC,QAAnB,CAA4B,gBAA5B,CAAL,EAAoD;AAAE;AACpDnB,MAAAA,wBAAc,0BAAmBe,KAAnB,EAAd;AACD;AACF,GAP8B,EAO5B,CAACvC,iBAAD,CAP4B,CAA/B;;AASA,MAAM4C,SAAS,GAAG,SAAZA,SAAY,CAAAlB,KAAK,EAAI;AACzBvB,IAAAA,iBAAiB,CAAC,KAAD,CAAjB;AACAF,IAAAA,oBAAoB,CAACyB,KAAD,CAApB;AACA9B,IAAAA,UAAU,CAACgD,SAAX,CAAqBlB,KAArB;AACD,GAJD;;AAMA,sBACEmB;AAAA,4BACEC,eAACC,4BAAD;AAAA,6BACED,eAAC,iBAAD;AAAA,kBACG,kBAACE,cAAD,EAAiBC,eAAjB;AAAA,8BACCH,eAAC,SAAD;AACE,YAAA,GAAG,EAAEjD,QADP;AAEE,YAAA,QAAQ,EAAE,EAFZ;AAGE,YAAA,MAAM,EAAEoD,eAHV;AAIE,YAAA,WAAW,EAAC,qBAJd;AAKE,YAAA,QAAQ,EAAC,GALX;AAME,YAAA,WAAW,EAAEb,WANf;AAOE,YAAA,SAAS,EAAEjB,UAPb;AAQE,YAAA,kBAAkB,EAAEL,mBARtB;AASE,YAAA,SAAS,EAAEpB,SATb;AAUE,YAAA,iBAAiB,EAAEM,iBAVrB;AAWE,YAAA,KAAK,EAAEgD;AAXT,aAYMpD,UAZN,EADD;AAAA;AADH;AADF,MADF,eAqBEkD,eAAC,SAAD;AACE,~~MAAA~~,SAAS,EAAEF,~~SADb~~;~~AAEE~~,~~MAAA~~,SAAS,EAAElD;~~AAFb~~,MArBF;AAAA,IADF;~~AA4BD~~,~~CAtGD~~;;~~AAwGAJ~~,WAAW,CAAC4D,SAAZ,GAAwB;AACtB1D,EAAAA,SAAS,EAAE2D,6BAAS,CAACC,GADC;AAEtB3D,EAAAA,SAAS,EAAE0D,6BAAS,CAACE,IAFC;AAGtB3D,EAAAA,SAAS,EAAEyD,6BAAS,CAACG,MAHC;AAItB3D,EAAAA,cAAc,EAAEwD,6BAAS,CAACI,KAAV,CAAgB;AAC9BnD,IAAAA,qBAAqB,EAAE+C,6BAAS,CAACK,MADH;AAE9BnD,IAAAA,kBAAkB,EAAE8C,6BAAS,CAACK,MAFA;AAG9BlD,IAAAA,iBAAiB,EAAE6C,6BAAS,CAACK;AAHC,GAAhB;AAJM,CAAxB;AAWAlE,WAAW,CAACmE,YAAZ,GAA2B;AACzBjE,EAAAA,SAAS,EAAE,IADc;AAEzBC,EAAAA,SAAS,EAAE,qBAAM,EAFQ;AAGzBC,EAAAA,SAAS,EAAE,CAHc;AAIzBC,EAAAA,cAAc,EAAE;AAJS,CAA3B;AAOA,iCAAe+D,UAAI,CAACpE,WAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"ListWrapper.js","sources":["../../../../../src/components/Panels/SlidesPanel/ListWrapper.js"],"sourcesContent":["import {\n memo, useCallback, useRef, useState, useMemo, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveContainer } from 'recharts';\nimport ResponsiveContent from '../../ResponsiveContent';\nimport PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\n\nconst ListWrapper = ({\n component: Component,\n onSortEnd,\n pageCount,\n reportSettings,\n ...otherProps\n}) => {\n const outerRef = useRef(null);\n const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n const [scrollTracking, setScrollTracking] = useState(true);\n const {\n reportBackgroundColor,\n reportLayoutHeight = 794,\n reportLayoutWidth = 1123,\n } = reportSettings;\n const width = parseInt(reportLayoutWidth, 10);\n const height = parseInt(reportLayoutHeight, 10);\n const { left, scale, top } = getScaleForPageThumbnail(width, height);\n\n const pageContainerStyles = useMemo(() => ({\n backgroundColor: reportBackgroundColor \|\| '#fff',\n height: height,\n left,\n top,\n transform: `scale(${scale})`,\n transformOrigin: '0 0',\n width: width,\n }), [reportSettings]);\n\n const _onSortEnd = (sortEvent, nativeEvent) => {\n if (onSortEnd) {\n onSortEnd(sortEvent, nativeEvent, outerRef.current);\n }\n };\n\n useEffect(() => { // for page thumbnails actions\n if (!scrollTracking) {\n scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, {});\n setScrollTracking(true);\n }\n }, [pageCount]);\n\n usePageVisibility(index => {\n if (scrollTracking && index !== selectedPageIndex && !Number.isNaN(index)) {\n const instance = outerRef.current.getWrappedInstance();\n const list = instance.sortableOuterRef.current;\n setSelectedPageIndex(index);\n if (selectedPageIndex === -1 && index !== 1) {\n setTimeout(() => {\n list.scrollTo({ behavior: 'smooth', top: ((index - 1) * 120) + 7 });\n }, 300);\n } else {\n list.scrollTo({ behavior: 'smooth', top: ((index - 1) * 120) + 7 });\n }\n } else if (!scrollTracking && index === selectedPageIndex) {\n setScrollTracking(true);\n }\n }, scrollTracking, pageCount, selectedPageIndex);\n\n const onPageClick = useCallback(e => {\n const order = e.target.getAttribute('data-order');\n setScrollTracking(false);\n setSelectedPageIndex(parseInt(order, 10));\n if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n scrollToTarget(`pageActions-id-${order}`);\n }\n }, [selectedPageIndex]);\n\n const onPageAdd = index => {\n setScrollTracking(false);\n setSelectedPageIndex(index);\n otherProps.onPageAdd(index);\n };\n\n return (\n <>\n <ResponsiveContainer>\n <ResponsiveContent>\n {(containerWidth, containerHeight) => (\n <Component\n ref={outerRef}\n distance={50}\n height={containerHeight}\n helperClass=\"pageThumbnailHelper\"\n lockAxis=\"y\"\n onPageClick={onPageClick}\n onSortEnd={_onSortEnd}\n pageContainerStyle={pageContainerStyles}\n pageCount={pageCount}\n selectedPageIndex={selectedPageIndex}\n width={containerWidth}\n {...otherProps}\n />\n )}\n </ResponsiveContent>\n </ResponsiveContainer>\n <div className=\"jfReport-pane-footer\">\n <PageAdder\n additionalClass=\"forOptions\"\n onPageAdd={onPageAdd}\n pageCount={pageCount}\n />\n </div>\n </>\n );\n};\n\nListWrapper.propTypes = {\n component: PropTypes.any,\n onSortEnd: PropTypes.func,\n pageCount: PropTypes.number,\n reportSettings: PropTypes.shape({\n reportBackgroundColor: PropTypes.string,\n reportLayoutHeight: PropTypes.string,\n reportLayoutWidth: PropTypes.string,\n }),\n};\n\nListWrapper.defaultProps = {\n component: null,\n onSortEnd: () => {},\n pageCount: 0,\n reportSettings: {},\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","Component","component","onSortEnd","pageCount","reportSettings","otherProps","outerRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","scrollTracking","setScrollTracking","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","sortEvent","nativeEvent","current","useEffect","scrollToTarget","usePageVisibility","index","Number","isNaN","instance","getWrappedInstance","list","sortableOuterRef","setTimeout","scrollTo","behavior","onPageClick","useCallback","e","order","target","getAttribute","classList","contains","onPageAdd","_jsxs","_jsx","ResponsiveContainer","containerWidth","containerHeight","propTypes","PropTypes","any","func","number","shape","string","defaultProps","memo"],"mappings":"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"}

package/lib/cjs/components/Panels/SlidesPanel/PageThumbnailActions.js CHANGED Viewed

@@ -70,7 +70,7 @@ var PageThumbnailActions = function PageThumbnailActions(_ref) {
           children: /*#__PURE__*/jsxRuntime.jsx(trash, {
             className: "jfReportSVG icon-trashLine"
           })
-        }, "Remove Page"), /*#__PURE__*/jsxRuntime.jsx("button", {
+        }, "Remove Slide"), /*#__PURE__*/jsxRuntime.jsx("button", {
           className: "controllerItem",
           "data-order": nextPageIndex,
           disabled: disableInteraction.indexOf('add') > -1,
@@ -80,7 +80,7 @@ var PageThumbnailActions = function PageThumbnailActions(_ref) {
           children: /*#__PURE__*/jsxRuntime.jsx(plus, {
             className: "jfReportSVG icon-plus"
           })
-        }, "Add New Page")]
+        }, "Add Slide")]
       })
     })
   });

package/lib/cjs/components/Panels/SlidesPanel/PageThumbnailActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageThumbnailActions.js","sources":["../../../../../src/components/Panels/SlidesPanel/PageThumbnailActions.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst PageThumbnailActions = ({\n disableInteraction,\n onAnEventTrigger,\n onPageAdd,\n onPageDuplicate,\n onPageRemove,\n order,\n page,\n}) => {\n const nextPageIndex = order + 1;\n\n const onPageDuplicateClick = () => {\n onPageDuplicate(page);\n onAnEventTrigger('duplicatePage', nextPageIndex);\n };\n\n const onPageRemoveClick = () => {\n onPageRemove(page.id);\n onAnEventTrigger('removePageFromSlides', page.id);\n };\n\n const onPageAddClick = () => {\n onPageAdd(nextPageIndex);\n onAnEventTrigger('addNewPageFromSlides', nextPageIndex);\n };\n\n const { ADD_NEW_PAGE, DUPLICATE_PAGE, REMOVE_PAGE } = useTranslatedTexts();\n return (\n <div\n className=\"thumbnailActions d-flex dir-col f-height j-center\"\n id={`pageActions-id-${order}`}\n >\n <div className=\"floatingController forPageAction forSlides\">\n <div className=\"floatingController-container\">\n <button\n key=\"Duplicate Page\"\n className=\"controllerItem\"\n data-order={nextPageIndex}\n disabled={disableInteraction.indexOf('duplicate') > -1}\n onClick={onPageDuplicateClick}\n title={DUPLICATE_PAGE}\n type=\"button\"\n >\n <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n </button>\n <button\n key=\"Remove ~~Page~~\"\n className=\"controllerItem isDanger\"\n data-order={order}\n disabled={disableInteraction.indexOf('remove') > -1}\n onClick={onPageRemoveClick}\n title={REMOVE_PAGE}\n type=\"button\"\n >\n <icons.trash className=\"jfReportSVG icon-trashLine\" />\n </button>\n <button\n key=\"Add ~~New Page~~\"\n className=\"controllerItem\"\n data-order={nextPageIndex}\n disabled={disableInteraction.indexOf('add') > -1}\n onClick={onPageAddClick}\n title={ADD_NEW_PAGE}\n type=\"button\"\n >\n <icons.plus className=\"jfReportSVG icon-plus\" />\n </button>\n </div>\n </div>\n </div>\n );\n};\n\nPageThumbnailActions.propTypes = {\n disableInteraction: PropTypes.arrayOf(PropTypes.string),\n onAnEventTrigger: PropTypes.func,\n onPageAdd: PropTypes.func,\n onPageDuplicate: PropTypes.func,\n onPageRemove: PropTypes.func,\n order: PropTypes.number,\n page: PropTypes.shape({\n id: PropTypes.string,\n }),\n};\n\nPageThumbnailActions.defaultProps = {\n disableInteraction: [],\n onAnEventTrigger: () => {},\n onPageAdd: () => {},\n onPageDuplicate: () => {},\n onPageRemove: () => {},\n order: 0,\n page: {},\n};\n\nexport default memo(PageThumbnailActions);\n"],"names":["PageThumbnailActions","disableInteraction","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageRemove","order","page","nextPageIndex","onPageDuplicateClick","onPageRemoveClick","id","onPageAddClick","useTranslatedTexts","ADD_NEW_PAGE","DUPLICATE_PAGE","REMOVE_PAGE","_jsx","_jsxs","indexOf","icons.duplicate","icons.trash","icons.plus","propTypes","PropTypes","arrayOf","string","func","number","shape","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;AAKA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAQvB;AAAA,MAPJC,kBAOI,QAPJA,kBAOI;AAAA,MANJC,gBAMI,QANJA,gBAMI;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,eAII,QAJJA,eAII;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,MADJC,IACI,QADJA,IACI;AACJ,MAAMC,aAAa,GAAGF,KAAK,GAAG,CAA9B;;AAEA,MAAMG,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjCL,IAAAA,eAAe,CAACG,IAAD,CAAf;AACAL,IAAAA,gBAAgB,CAAC,eAAD,EAAkBM,aAAlB,CAAhB;AACD,GAHD;;AAKA,MAAME,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC9BL,IAAAA,YAAY,CAACE,IAAI,CAACI,EAAN,CAAZ;AACAT,IAAAA,gBAAgB,CAAC,sBAAD,EAAyBK,IAAI,CAACI,EAA9B,CAAhB;AACD,GAHD;;AAKA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3BT,IAAAA,SAAS,CAACK,aAAD,CAAT;AACAN,IAAAA,gBAAgB,CAAC,sBAAD,EAAyBM,aAAzB,CAAhB;AACD,GAHD;;AAbI,4BAkBkDK,wBAAkB,EAlBpE;AAAA,MAkBIC,YAlBJ,uBAkBIA,YAlBJ;AAAA,MAkBkBC,cAlBlB,uBAkBkBA,cAlBlB;AAAA,MAkBkCC,WAlBlC,uBAkBkCA,WAlBlC;;AAmBJ,sBACEC;AACE,IAAA,SAAS,EAAC,mDADZ;AAEE,IAAA,EAAE,2BAAoBX,KAApB,CAFJ;AAAA,2BAIEW;AAAK,MAAA,SAAS,EAAC,4CAAf;AAAA,6BACEC;AAAK,QAAA,SAAS,EAAC,8BAAf;AAAA,gCACED;AAEE,UAAA,SAAS,EAAC,gBAFZ;AAGE,wBAAYT,aAHd;AAIE,UAAA,QAAQ,EAAEP,kBAAkB,CAACkB,OAAnB,CAA2B,WAA3B,IAA0C,CAAC,CAJvD;AAKE,UAAA,OAAO,EAAEV,oBALX;AAME,UAAA,KAAK,EAAEM,cANT;AAOE,UAAA,IAAI,EAAC,QAPP;AAAA,iCASEE,eAACG,SAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B;AATF,WACM,gBADN,CADF,eAYEH;AAEE,UAAA,SAAS,EAAC,yBAFZ;AAGE,wBAAYX,KAHd;AAIE,UAAA,QAAQ,EAAEL,kBAAkB,CAACkB,OAAnB,CAA2B,QAA3B,IAAuC,CAAC,CAJpD;AAKE,UAAA,OAAO,EAAET,iBALX;AAME,UAAA,KAAK,EAAEM,WANT;AAOE,UAAA,IAAI,EAAC,QAPP;AAAA,iCASEC,eAACI,KAAD;AAAa,YAAA,SAAS,EAAC;AAAvB;AATF,WACM,~~aADN~~,CAZF,eAuBEJ;AAEE,UAAA,SAAS,EAAC,gBAFZ;AAGE,wBAAYT,aAHd;AAIE,UAAA,QAAQ,EAAEP,kBAAkB,CAACkB,OAAnB,CAA2B,KAA3B,IAAoC,CAAC,CAJjD;AAKE,UAAA,OAAO,EAAEP,cALX;AAME,UAAA,KAAK,EAAEE,YANT;AAOE,UAAA,IAAI,EAAC,QAPP;AAAA,iCASEG,eAACK,IAAD;AAAY,YAAA,SAAS,EAAC;AAAtB;AATF,WACM,~~cADN~~,CAvBF;AAAA;AADF;AAJF,IADF;AA4CD,CAvED;;AAyEAtB,oBAAoB,CAACuB,SAArB,GAAiC;AAC/BtB,EAAAA,kBAAkB,EAAEuB,6BAAS,CAACC,OAAV,CAAkBD,6BAAS,CAACE,MAA5B,CADW;AAE/BxB,EAAAA,gBAAgB,EAAEsB,6BAAS,CAACG,IAFG;AAG/BxB,EAAAA,SAAS,EAAEqB,6BAAS,CAACG,IAHU;AAI/BvB,EAAAA,eAAe,EAAEoB,6BAAS,CAACG,IAJI;AAK/BtB,EAAAA,YAAY,EAAEmB,6BAAS,CAACG,IALO;AAM/BrB,EAAAA,KAAK,EAAEkB,6BAAS,CAACI,MANc;AAO/BrB,EAAAA,IAAI,EAAEiB,6BAAS,CAACK,KAAV,CAAgB;AACpBlB,IAAAA,EAAE,EAAEa,6BAAS,CAACE;AADM,GAAhB;AAPyB,CAAjC;AAYA1B,oBAAoB,CAAC8B,YAArB,GAAoC;AAClC7B,EAAAA,kBAAkB,EAAE,EADc;AAElCC,EAAAA,gBAAgB,EAAE,4BAAM,EAFU;AAGlCC,EAAAA,SAAS,EAAE,qBAAM,EAHiB;AAIlCC,EAAAA,eAAe,EAAE,2BAAM,EAJW;AAKlCC,EAAAA,YAAY,EAAE,wBAAM,EALc;AAMlCC,EAAAA,KAAK,EAAE,CAN2B;AAOlCC,EAAAA,IAAI,EAAE;AAP4B,CAApC;AAUA,0CAAewB,UAAI,CAAC/B,oBAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"PageThumbnailActions.js","sources":["../../../../../src/components/Panels/SlidesPanel/PageThumbnailActions.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst PageThumbnailActions = ({\n disableInteraction,\n onAnEventTrigger,\n onPageAdd,\n onPageDuplicate,\n onPageRemove,\n order,\n page,\n}) => {\n const nextPageIndex = order + 1;\n\n const onPageDuplicateClick = () => {\n onPageDuplicate(page);\n onAnEventTrigger('duplicatePage', nextPageIndex);\n };\n\n const onPageRemoveClick = () => {\n onPageRemove(page.id);\n onAnEventTrigger('removePageFromSlides', page.id);\n };\n\n const onPageAddClick = () => {\n onPageAdd(nextPageIndex);\n onAnEventTrigger('addNewPageFromSlides', nextPageIndex);\n };\n\n const { ADD_NEW_PAGE, DUPLICATE_PAGE, REMOVE_PAGE } = useTranslatedTexts();\n return (\n <div\n className=\"thumbnailActions d-flex dir-col f-height j-center\"\n id={`pageActions-id-${order}`}\n >\n <div className=\"floatingController forPageAction forSlides\">\n <div className=\"floatingController-container\">\n <button\n key=\"Duplicate Page\"\n className=\"controllerItem\"\n data-order={nextPageIndex}\n disabled={disableInteraction.indexOf('duplicate') > -1}\n onClick={onPageDuplicateClick}\n title={DUPLICATE_PAGE}\n type=\"button\"\n >\n <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n </button>\n <button\n key=\"Remove Slide\"\n className=\"controllerItem isDanger\"\n data-order={order}\n disabled={disableInteraction.indexOf('remove') > -1}\n onClick={onPageRemoveClick}\n title={REMOVE_PAGE}\n type=\"button\"\n >\n <icons.trash className=\"jfReportSVG icon-trashLine\" />\n </button>\n <button\n key=\"Add Slide\"\n className=\"controllerItem\"\n data-order={nextPageIndex}\n disabled={disableInteraction.indexOf('add') > -1}\n onClick={onPageAddClick}\n title={ADD_NEW_PAGE}\n type=\"button\"\n >\n <icons.plus className=\"jfReportSVG icon-plus\" />\n </button>\n </div>\n </div>\n </div>\n );\n};\n\nPageThumbnailActions.propTypes = {\n disableInteraction: PropTypes.arrayOf(PropTypes.string),\n onAnEventTrigger: PropTypes.func,\n onPageAdd: PropTypes.func,\n onPageDuplicate: PropTypes.func,\n onPageRemove: PropTypes.func,\n order: PropTypes.number,\n page: PropTypes.shape({\n id: PropTypes.string,\n }),\n};\n\nPageThumbnailActions.defaultProps = {\n disableInteraction: [],\n onAnEventTrigger: () => {},\n onPageAdd: () => {},\n onPageDuplicate: () => {},\n onPageRemove: () => {},\n order: 0,\n page: {},\n};\n\nexport default memo(PageThumbnailActions);\n"],"names":["PageThumbnailActions","disableInteraction","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageRemove","order","page","nextPageIndex","onPageDuplicateClick","onPageRemoveClick","id","onPageAddClick","useTranslatedTexts","ADD_NEW_PAGE","DUPLICATE_PAGE","REMOVE_PAGE","_jsx","_jsxs","indexOf","icons.duplicate","icons.trash","icons.plus","propTypes","PropTypes","arrayOf","string","func","number","shape","defaultProps","memo"],"mappings":"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"}

package/lib/cjs/components/Panels/SlidesPanel/SlidesPanel.js CHANGED Viewed

@@ -110,7 +110,7 @@ var SlidesPanel = function SlidesPanel(_ref) {
       className: "toolItemWrapper f-height d-flex dir-col",
       children: /*#__PURE__*/jsxRuntime.jsx(Section, {
         additionalComponent: useExperimentalFeatures ? /*#__PURE__*/jsxRuntime.jsx(Button, {
-          classNames: "jfReportButton isAccent",
+          classNames: "jfReportButton isAccent showAll",
           icon: "allSlides",
           onClick: function onClick() {
             return setIsAllSlidesPanelOpen(true);

package/lib/cjs/components/Panels/SlidesPanel/SlidesPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SlidesPanel.js","sources":["../../../../../src/components/Panels/SlidesPanel/SlidesPanel.js"],"sourcesContent":["import { memo, useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FixedSizeList } from 'react-window';\nimport Panel from '../../Builder/Panel';\nimport SortablePageList from './SortablePageList';\nimport Section from '../../Builder/Section';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport { arrayMove } from '../../../utils/functions';\nimport SlidesPanelToggler from './SlidesPanelToggler';\nimport ListWrapper from './ListWrapper';\nimport Button from '../../Settings/Button';\nimport { useClickOutsideListener, useTranslatedTexts } from '../../../utils/hooks';\n\nconst SlidesPanel = ({\n additionalPageItems,\n hashCode,\n itemAccessor,\n onPageAdd,\n onPageDuplicate,\n onPageOrdersChange,\n onPageRemove,\n pages,\n}) => {\n const {\n isRightPanelOpen,\n isSlidesPanelOpen,\n setIsAllSlidesPanelOpen,\n setIsSlidesPanelOpen,\n } = useBuilderContext();\n const {\n acceptedItems,\n disableInteraction,\n onAnEventTrigger,\n settings: reportSettings,\n useExperimentalFeatures,\n } = usePropContext();\n const [animationEnd, setAnimationEnd] = useState(true);\n\n const pageGetter = useCallback(index => {\n return pages[index];\n }, [pages]);\n\n const onPageSort = useCallback(({ newIndex, oldIndex }, nativeEvent, ref) => {\n const instance = ref.getWrappedInstance();\n const list = instance.sortablePageListRef.current;\n\n const newPageOrders = arrayMove(pages, oldIndex, newIndex).reduce((acc, page, index) => {\n acc[page.id] = { order: index + 1 };\n return acc;\n }, {});\n\n onPageOrdersChange(newPageOrders);\n onAnEventTrigger('sortPageFromSlides');\n\n list.forceUpdate();\n }, [pages]);\n\n // Panel className\n const panelAdditionalClassName = classNames(\n 'jfReport-settings forSlides f-height',\n {\n isIdle: !isSlidesPanelOpen,\n otherOpened: isRightPanelOpen,\n },\n );\n\n const onClosePanel = () => {\n setAnimationEnd(false);\n setIsSlidesPanelOpen(false);\n };\n\n const onAnimationEnd = useCallback(() => {\n if (!isSlidesPanelOpen) {\n setAnimationEnd(true);\n }\n }, [isSlidesPanelOpen]);\n\n useClickOutsideListener(\n ['jfReport-canvas', 'jfReport-viewport', 'jfReport-pageInfo'],\n isSlidesPanelOpen,\n onClosePanel,\n );\n\n const { SLIDES } = useTranslatedTexts();\n\n return (\n <Panel\n additionalClassName={panelAdditionalClassName}\n onAnimationEnd={onAnimationEnd}\n >\n <SlidesPanelToggler onClosePanel={onClosePanel} />\n {(isSlidesPanelOpen \|\| (!isSlidesPanelOpen && !animationEnd)) && (\n <div className=\"toolItemWrapper f-height d-flex dir-col\">\n <Section\n additionalComponent={useExperimentalFeatures ? (\n <Button\n classNames=\"jfReportButton isAccent\"\n icon=\"allSlides\"\n onClick={() => setIsAllSlidesPanelOpen(true)}\n title=\"Show All\"\n />\n ) : null}\n icon=\"slides\"\n title={SLIDES}\n >\n <div className=\"toolItem-tabContent hasInnerScroll\">\n <ListWrapper\n acceptedItems={acceptedItems}\n additionalPageItems={additionalPageItems}\n component={SortablePageList(FixedSizeList)}\n disableInteraction={disableInteraction}\n hashCode={hashCode}\n itemAccessor={itemAccessor}\n onAnEventTrigger={onAnEventTrigger}\n onPageAdd={onPageAdd}\n onPageDuplicate={onPageDuplicate}\n onPageRemove={onPageRemove}\n onSortEnd={onPageSort}\n pageCount={pages.length}\n pageGetter={pageGetter}\n reportSettings={reportSettings}\n />\n </div>\n </Section>\n </div>\n )}\n </Panel>\n );\n};\n\nSlidesPanel.propTypes = {\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n hashCode: PropTypes.string,\n itemAccessor: PropTypes.func,\n onPageAdd: PropTypes.func,\n onPageDuplicate: PropTypes.func,\n onPageOrdersChange: PropTypes.func,\n onPageRemove: PropTypes.func,\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n};\n\nSlidesPanel.defaultProps = {\n additionalPageItems: [],\n hashCode: '',\n itemAccessor: () => {},\n onPageAdd: () => {},\n onPageDuplicate: () => {},\n onPageOrdersChange: () => {},\n onPageRemove: () => {},\n pages: [],\n};\n\nexport default memo(SlidesPanel);\n"],"names":["SlidesPanel","additionalPageItems","hashCode","itemAccessor","onPageAdd","onPageDuplicate","onPageOrdersChange","onPageRemove","pages","useBuilderContext","isRightPanelOpen","isSlidesPanelOpen","setIsAllSlidesPanelOpen","setIsSlidesPanelOpen","usePropContext","acceptedItems","disableInteraction","onAnEventTrigger","reportSettings","settings","useExperimentalFeatures","useState","animationEnd","setAnimationEnd","pageGetter","useCallback","index","onPageSort","nativeEvent","ref","newIndex","oldIndex","instance","getWrappedInstance","list","sortablePageListRef","current","newPageOrders","arrayMove","reduce","acc","page","id","order","forceUpdate","panelAdditionalClassName","classNames","isIdle","otherOpened","onClosePanel","onAnimationEnd","useClickOutsideListener","useTranslatedTexts","SLIDES","_jsxs","_jsx","SortablePageList","FixedSizeList","length","propTypes","PropTypes","arrayOf","node","string","func","shape","defaultProps","memo"],"mappings":"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~~yBADb~~;AAEE,UAAA,IAAI,EAAC,WAFP;AAGE,UAAA,OAAO,EAAE;AAAA,mBAAM3C,uBAAuB,CAAC,IAAD,CAA7B;AAAA,WAHX;AAIE,UAAA,KAAK,EAAC;AAJR,UAD0C,GAOxC,IARN;AASE,QAAA,IAAI,EAAC,QATP;AAUE,QAAA,KAAK,EAAEyC,MAVT;AAAA,+BAYEE;AAAK,UAAA,SAAS,EAAC,oCAAf;AAAA,iCACEA,eAAC,WAAD;AACE,YAAA,aAAa,EAAExC,aADjB;AAEE,YAAA,mBAAmB,EAAEd,mBAFvB;AAGE,YAAA,SAAS,EAAEuD,gBAAgB,CAACC,yBAAD,CAH7B;AAIE,YAAA,kBAAkB,EAAEzC,kBAJtB;AAKE,YAAA,QAAQ,EAAEd,QALZ;AAME,YAAA,YAAY,EAAEC,YANhB;AAOE,YAAA,gBAAgB,EAAEc,gBAPpB;AAQE,YAAA,SAAS,EAAEb,SARb;AASE,YAAA,eAAe,EAAEC,eATnB;AAUE,YAAA,YAAY,EAAEE,YAVhB;AAWE,YAAA,SAAS,EAAEoB,UAXb;AAYE,YAAA,SAAS,EAAEnB,KAAK,CAACkD,MAZnB;AAaE,YAAA,UAAU,EAAElC,UAbd;AAcE,YAAA,cAAc,EAAEN;AAdlB;AADF;AAZF;AADF,MANJ;AAAA,IADF;AA2CD,CAnHD;;AAqHAlB,WAAW,CAAC2D,SAAZ,GAAwB;AACtB1D,EAAAA,mBAAmB,EAAE2D,6BAAS,CAACC,OAAV,CAAkBD,6BAAS,CAACE,IAA5B,CADC;AAEtB5D,EAAAA,QAAQ,EAAE0D,6BAAS,CAACG,MAFE;AAGtB5D,EAAAA,YAAY,EAAEyD,6BAAS,CAACI,IAHF;AAItB5D,EAAAA,SAAS,EAAEwD,6BAAS,CAACI,IAJC;AAKtB3D,EAAAA,eAAe,EAAEuD,6BAAS,CAACI,IALL;AAMtB1D,EAAAA,kBAAkB,EAAEsD,6BAAS,CAACI,IANR;AAOtBzD,EAAAA,YAAY,EAAEqD,6BAAS,CAACI,IAPF;AAQtBxD,EAAAA,KAAK,EAAEoD,6BAAS,CAACC,OAAV,CACLD,6BAAS,CAACK,KAAV,CAAgB,EAAhB,CADK;AARe,CAAxB;AAaAjE,WAAW,CAACkE,YAAZ,GAA2B;AACzBjE,EAAAA,mBAAmB,EAAE,EADI;AAEzBC,EAAAA,QAAQ,EAAE,EAFe;AAGzBC,EAAAA,YAAY,EAAE,wBAAM,EAHK;AAIzBC,EAAAA,SAAS,EAAE,qBAAM,EAJQ;AAKzBC,EAAAA,eAAe,EAAE,2BAAM,EALE;AAMzBC,EAAAA,kBAAkB,EAAE,8BAAM,EAND;AAOzBC,EAAAA,YAAY,EAAE,wBAAM,EAPK;AAQzBC,EAAAA,KAAK,EAAE;AARkB,CAA3B;AAWA,iCAAe2D,UAAI,CAACnE,WAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"SlidesPanel.js","sources":["../../../../../src/components/Panels/SlidesPanel/SlidesPanel.js"],"sourcesContent":["import { memo, useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FixedSizeList } from 'react-window';\nimport Panel from '../../Builder/Panel';\nimport SortablePageList from './SortablePageList';\nimport Section from '../../Builder/Section';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport { arrayMove } from '../../../utils/functions';\nimport SlidesPanelToggler from './SlidesPanelToggler';\nimport ListWrapper from './ListWrapper';\nimport Button from '../../Settings/Button';\nimport { useClickOutsideListener, useTranslatedTexts } from '../../../utils/hooks';\n\nconst SlidesPanel = ({\n additionalPageItems,\n hashCode,\n itemAccessor,\n onPageAdd,\n onPageDuplicate,\n onPageOrdersChange,\n onPageRemove,\n pages,\n}) => {\n const {\n isRightPanelOpen,\n isSlidesPanelOpen,\n setIsAllSlidesPanelOpen,\n setIsSlidesPanelOpen,\n } = useBuilderContext();\n const {\n acceptedItems,\n disableInteraction,\n onAnEventTrigger,\n settings: reportSettings,\n useExperimentalFeatures,\n } = usePropContext();\n const [animationEnd, setAnimationEnd] = useState(true);\n\n const pageGetter = useCallback(index => {\n return pages[index];\n }, [pages]);\n\n const onPageSort = useCallback(({ newIndex, oldIndex }, nativeEvent, ref) => {\n const instance = ref.getWrappedInstance();\n const list = instance.sortablePageListRef.current;\n\n const newPageOrders = arrayMove(pages, oldIndex, newIndex).reduce((acc, page, index) => {\n acc[page.id] = { order: index + 1 };\n return acc;\n }, {});\n\n onPageOrdersChange(newPageOrders);\n onAnEventTrigger('sortPageFromSlides');\n\n list.forceUpdate();\n }, [pages]);\n\n // Panel className\n const panelAdditionalClassName = classNames(\n 'jfReport-settings forSlides f-height',\n {\n isIdle: !isSlidesPanelOpen,\n otherOpened: isRightPanelOpen,\n },\n );\n\n const onClosePanel = () => {\n setAnimationEnd(false);\n setIsSlidesPanelOpen(false);\n };\n\n const onAnimationEnd = useCallback(() => {\n if (!isSlidesPanelOpen) {\n setAnimationEnd(true);\n }\n }, [isSlidesPanelOpen]);\n\n useClickOutsideListener(\n ['jfReport-canvas', 'jfReport-viewport', 'jfReport-pageInfo'],\n isSlidesPanelOpen,\n onClosePanel,\n );\n\n const { SLIDES } = useTranslatedTexts();\n\n return (\n <Panel\n additionalClassName={panelAdditionalClassName}\n onAnimationEnd={onAnimationEnd}\n >\n <SlidesPanelToggler onClosePanel={onClosePanel} />\n {(isSlidesPanelOpen \|\| (!isSlidesPanelOpen && !animationEnd)) && (\n <div className=\"toolItemWrapper f-height d-flex dir-col\">\n <Section\n additionalComponent={useExperimentalFeatures ? (\n <Button\n classNames=\"jfReportButton isAccent showAll\"\n icon=\"allSlides\"\n onClick={() => setIsAllSlidesPanelOpen(true)}\n title=\"Show All\"\n />\n ) : null}\n icon=\"slides\"\n title={SLIDES}\n >\n <div className=\"toolItem-tabContent hasInnerScroll\">\n <ListWrapper\n acceptedItems={acceptedItems}\n additionalPageItems={additionalPageItems}\n component={SortablePageList(FixedSizeList)}\n disableInteraction={disableInteraction}\n hashCode={hashCode}\n itemAccessor={itemAccessor}\n onAnEventTrigger={onAnEventTrigger}\n onPageAdd={onPageAdd}\n onPageDuplicate={onPageDuplicate}\n onPageRemove={onPageRemove}\n onSortEnd={onPageSort}\n pageCount={pages.length}\n pageGetter={pageGetter}\n reportSettings={reportSettings}\n />\n </div>\n </Section>\n </div>\n )}\n </Panel>\n );\n};\n\nSlidesPanel.propTypes = {\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n hashCode: PropTypes.string,\n itemAccessor: PropTypes.func,\n onPageAdd: PropTypes.func,\n onPageDuplicate: PropTypes.func,\n onPageOrdersChange: PropTypes.func,\n onPageRemove: PropTypes.func,\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n};\n\nSlidesPanel.defaultProps = {\n additionalPageItems: [],\n hashCode: '',\n itemAccessor: () => {},\n onPageAdd: () => {},\n onPageDuplicate: () => {},\n onPageOrdersChange: () => {},\n onPageRemove: () => {},\n pages: [],\n};\n\nexport default memo(SlidesPanel);\n"],"names":["SlidesPanel","additionalPageItems","hashCode","itemAccessor","onPageAdd","onPageDuplicate","onPageOrdersChange","onPageRemove","pages","useBuilderContext","isRightPanelOpen","isSlidesPanelOpen","setIsAllSlidesPanelOpen","setIsSlidesPanelOpen","usePropContext","acceptedItems","disableInteraction","onAnEventTrigger","reportSettings","settings","useExperimentalFeatures","useState","animationEnd","setAnimationEnd","pageGetter","useCallback","index","onPageSort","nativeEvent","ref","newIndex","oldIndex","instance","getWrappedInstance","list","sortablePageListRef","current","newPageOrders","arrayMove","reduce","acc","page","id","order","forceUpdate","panelAdditionalClassName","classNames","isIdle","otherOpened","onClosePanel","onAnimationEnd","useClickOutsideListener","useTranslatedTexts","SLIDES","_jsxs","_jsx","SortablePageList","FixedSizeList","length","propTypes","PropTypes","arrayOf","node","string","func","shape","defaultProps","memo"],"mappings":"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"}

package/lib/cjs/components/Panels/SlidesPanel/SlidesPanelToggler.js CHANGED Viewed

@@ -23,7 +23,7 @@ var SlidesPanelToggler = function SlidesPanelToggler(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx("button", {
-      className: "paneToggler",
+      className: "paneToggler settingsToggle",
       onClick: function onClick() {
         setActiveElement(null);
         setIsSlidesPanelOpen(true);
@@ -31,7 +31,7 @@ var SlidesPanelToggler = function SlidesPanelToggler(_ref) {
       title: SLIDES,
       type: "button",
       children: /*#__PURE__*/jsxRuntime.jsx(slides, {
-        className: "jfReportSVG isWhite isTick"
+        className: "jfReportSVG isTick"
       })
     }), /*#__PURE__*/jsxRuntime.jsx("button", {
       className: "paneClose p-absolute",

package/lib/cjs/components/Panels/SlidesPanel/SlidesPanelToggler.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SlidesPanelToggler.js","sources":["../../../../../src/components/Panels/SlidesPanel/SlidesPanelToggler.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst SlidesPanelToggler = ({ onClosePanel }) => {\n const {\n setActiveElement,\n setIsSlidesPanelOpen,\n } = useBuilderContext();\n const { SLIDES } = useTranslatedTexts();\n\n return (\n <>\n <button\n className=\"paneToggler\"\n onClick={() => {\n setActiveElement(null);\n setIsSlidesPanelOpen(true);\n }}\n title={SLIDES}\n type=\"button\"\n >\n <icons.slides className=\"jfReportSVG ~~isWhite~~ isTick\" />\n </button>\n <button\n className=\"paneClose p-absolute\"\n onClick={onClosePanel}\n type=\"button\"\n >\n <icons.close className=\"jfReportSVG\" />\n </button>\n </>\n );\n};\n\nSlidesPanelToggler.propTypes = {\n onClosePanel: PropTypes.func,\n};\n\nSlidesPanelToggler.defaultProps = {\n onClosePanel: () => {},\n};\n\nexport default SlidesPanelToggler;\n"],"names":["SlidesPanelToggler","onClosePanel","useBuilderContext","setActiveElement","setIsSlidesPanelOpen","useTranslatedTexts","SLIDES","_jsxs","_jsx","icons.slides","icons.close","propTypes","PropTypes","func","defaultProps"],"mappings":";;;;;;;;;;;;;IAKMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsB;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;;AAAA,2BAI3CC,gCAAiB,EAJ0B;AAAA,MAE7CC,gBAF6C,sBAE7CA,gBAF6C;AAAA,MAG7CC,oBAH6C,sBAG7CA,oBAH6C;;AAAA,4BAK5BC,wBAAkB,EALU;AAAA,MAKvCC,MALuC,uBAKvCA,MALuC;;AAO/C,sBACEC;AAAA,4BACEC;AACE,MAAA,SAAS,EAAC,~~aADZ~~;AAEE,MAAA,OAAO,EAAE,mBAAM;AACbL,QAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACAC,QAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD,OALH;AAME,MAAA,KAAK,EAAEE,MANT;AAOE,MAAA,IAAI,EAAC,QAPP;AAAA,6BASEE,eAACC,MAAD;AAAc,QAAA,SAAS,EAAC;AAAxB;AATF,MADF,eAYED;AACE,MAAA,SAAS,EAAC,sBADZ;AAEE,MAAA,OAAO,EAAEP,YAFX;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEO,eAACE,KAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF,MAZF;AAAA,IADF;AAsBD;;AAEDV,kBAAkB,CAACW,SAAnB,GAA+B;AAC7BV,EAAAA,YAAY,EAAEW,6BAAS,CAACC;AADK,CAA/B;AAIAb,kBAAkB,CAACc,YAAnB,GAAkC;AAChCb,EAAAA,YAAY,EAAE,wBAAM;AADY,CAAlC;;;;"}
1	+ {"version":3,"file":"SlidesPanelToggler.js","sources":["../../../../../src/components/Panels/SlidesPanel/SlidesPanelToggler.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst SlidesPanelToggler = ({ onClosePanel }) => {\n const {\n setActiveElement,\n setIsSlidesPanelOpen,\n } = useBuilderContext();\n const { SLIDES } = useTranslatedTexts();\n\n return (\n <>\n <button\n className=\"paneToggler settingsToggle\"\n onClick={() => {\n setActiveElement(null);\n setIsSlidesPanelOpen(true);\n }}\n title={SLIDES}\n type=\"button\"\n >\n <icons.slides className=\"jfReportSVG isTick\" />\n </button>\n <button\n className=\"paneClose p-absolute\"\n onClick={onClosePanel}\n type=\"button\"\n >\n <icons.close className=\"jfReportSVG\" />\n </button>\n </>\n );\n};\n\nSlidesPanelToggler.propTypes = {\n onClosePanel: PropTypes.func,\n};\n\nSlidesPanelToggler.defaultProps = {\n onClosePanel: () => {},\n};\n\nexport default SlidesPanelToggler;\n"],"names":["SlidesPanelToggler","onClosePanel","useBuilderContext","setActiveElement","setIsSlidesPanelOpen","useTranslatedTexts","SLIDES","_jsxs","_jsx","icons.slides","icons.close","propTypes","PropTypes","func","defaultProps"],"mappings":";;;;;;;;;;;;;IAKMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsB;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;;AAAA,2BAI3CC,gCAAiB,EAJ0B;AAAA,MAE7CC,gBAF6C,sBAE7CA,gBAF6C;AAAA,MAG7CC,oBAH6C,sBAG7CA,oBAH6C;;AAAA,4BAK5BC,wBAAkB,EALU;AAAA,MAKvCC,MALuC,uBAKvCA,MALuC;;AAO/C,sBACEC;AAAA,4BACEC;AACE,MAAA,SAAS,EAAC,4BADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AACbL,QAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACAC,QAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD,OALH;AAME,MAAA,KAAK,EAAEE,MANT;AAOE,MAAA,IAAI,EAAC,QAPP;AAAA,6BASEE,eAACC,MAAD;AAAc,QAAA,SAAS,EAAC;AAAxB;AATF,MADF,eAYED;AACE,MAAA,SAAS,EAAC,sBADZ;AAEE,MAAA,OAAO,EAAEP,YAFX;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEO,eAACE,KAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF,MAZF;AAAA,IADF;AAsBD;;AAEDV,kBAAkB,CAACW,SAAnB,GAA+B;AAC7BV,EAAAA,YAAY,EAAEW,6BAAS,CAACC;AADK,CAA/B;AAIAb,kBAAkB,CAACc,YAAnB,GAAkC;AAChCb,EAAAA,YAAY,EAAE,wBAAM;AADY,CAAlC;;;;"}

package/lib/cjs/components/Presentation/Presentation.js CHANGED Viewed

@@ -37,8 +37,9 @@ var Presentation = function Presentation(_ref) {
       pages = _ref.pages,
       presentationBarActions = _ref.presentationBarActions,
       settings = _ref.settings,
+      theme = _ref.theme,
       useFixedPresentationBar = _ref.useFixedPresentationBar,
-      otherProps = _objectWithoutProperties(_ref, ["acceptedItems", "additionalPageItems", "itemAccessor", "onAnEventTrigger", "pages", "presentationBarActions", "settings", "useFixedPresentationBar"]);
+      otherProps = _objectWithoutProperties(_ref, ["acceptedItems", "additionalPageItems", "itemAccessor", "onAnEventTrigger", "pages", "presentationBarActions", "settings", "theme", "useFixedPresentationBar"]);
   var hashCode = objectHash__default['default'](otherProps);
   return /*#__PURE__*/jsxRuntime.jsx(presentationContext.PresentationProvider, {
@@ -50,6 +51,7 @@ var Presentation = function Presentation(_ref) {
       children: /*#__PURE__*/jsxRuntime.jsx(builderContext.BuilderProvider, {
         children: /*#__PURE__*/jsxRuntime.jsxs(ReportWrapper, {
           mode: "presentation",
+          theme: theme,
           children: [/*#__PURE__*/jsxRuntime.jsx(PresentationWrapper, {
             presentationBarActions: presentationBarActions,
             useFixedPresentationBar: useFixedPresentationBar,
@@ -96,6 +98,9 @@ Presentation.propTypes = {
   /** General report settings such as layout size and background color */
   settings: PropTypes__default['default'].shape({}),
+  /** Theme */
+  theme: PropTypes__default['default'].string,
   /** Flag for fixed action bar */
   useFixedPresentationBar: PropTypes__default['default'].bool
 };
@@ -107,6 +112,7 @@ Presentation.defaultProps = {
   pages: [],
   presentationBarActions: [],
   settings: {},
+  theme: 'lightMode',
   useFixedPresentationBar: false
 };

package/lib/cjs/components/Presentation/Presentation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Presentation.js","sources":["../../../../src/components/Presentation/Presentation.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport { PresentationProvider } from '../../utils/presentationContext';\nimport { BuilderProvider } from '../../utils/builderContext';\nimport { PropProvider } from '../../utils/propContext';\nimport StaticScene from '../Preview/StaticScene';\nimport ReportWrapper from '../ReportWrapper';\nimport PresentationWrapper from './PresentationWrapper';\n\nimport '../../styles/jfReportsBundle.scss';\nimport Print from '../Print';\n\nconst Presentation = ({\n acceptedItems,\n additionalPageItems,\n itemAccessor,\n onAnEventTrigger,\n pages,\n presentationBarActions,\n settings,\n useFixedPresentationBar,\n ...otherProps\n}) => {\n const hashCode = objectHash(otherProps);\n\n return (\n <PresentationProvider\n pageCount={pages.length}\n >\n <PropProvider\n acceptedItems={acceptedItems}\n onAnEventTrigger={onAnEventTrigger}\n settings={settings}\n >\n <BuilderProvider>\n <ReportWrapper\n mode=\"presentation\"\n >\n <PresentationWrapper\n presentationBarActions={presentationBarActions}\n useFixedPresentationBar={useFixedPresentationBar}\n >\n {(presentationPage, gesture) => (\n <StaticScene\n additionalPageItems={additionalPageItems}\n gesture={gesture}\n hashCode={hashCode}\n hideZoom={true}\n itemAccessor={itemAccessor}\n pages={pages}\n presentationPage={presentationPage}\n />\n )}\n </PresentationWrapper>\n <Print\n additionalPageItems={additionalPageItems}\n itemAccessor={itemAccessor}\n pages={pages}\n settings={settings}\n {...otherProps}\n />\n </ReportWrapper>\n </BuilderProvider>\n </PropProvider>\n </PresentationProvider>\n );\n};\n\nPresentation.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 onAnEventTrigger: PropTypes.func,\n /* Array of pages with their settings and items /\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n /* To pass in action definitions that will be rendered as buttons /\n presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n /* General report settings such as layout size and background color /\n settings: PropTypes.shape({}),\n /* Flag for fixed action bar */\n useFixedPresentationBar: PropTypes.bool,\n};\n\nPresentation.defaultProps = {\n acceptedItems: {},\n additionalPageItems: [],\n itemAccessor: () => {},\n onAnEventTrigger: () => {},\n pages: [],\n presentationBarActions: [],\n settings: {},\n useFixedPresentationBar: false,\n};\n\nexport default Presentation;\n"],"names":["Presentation","acceptedItems","additionalPageItems","itemAccessor","onAnEventTrigger","pages","presentationBarActions","settings","useFixedPresentationBar","otherProps","hashCode","objectHash","_jsx","PresentationProvider","length","PropProvider","BuilderProvider","_jsxs","presentationPage","gesture","propTypes","PropTypes","shape","arrayOf","node","func","bool","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYMA,YAAY,GAAG,SAAfA,YAAe,~~OAUf~~;AAAA,MATJC,~~aASI~~,QATJA,~~aASI~~;AAAA,MARJC,~~mBAQI~~,QARJA,~~mBAQI~~;AAAA,MAPJC,~~YAOI~~,QAPJA,~~YAOI~~;AAAA,MANJC,~~gBAMI~~,QANJA,~~gBAMI~~;AAAA,MALJC,~~KAKI~~,QALJA,~~KAKI~~;AAAA,MAJJC,~~sBAII~~,QAJJA,~~sBAII~~;AAAA,MAHJC,~~QAGI~~,QAHJA,~~QAGI~~;AAAA,MAFJC,uBAEI,QAFJA,uBAEI;AAAA,MADDC,UACC;;AACJ,MAAMC,QAAQ,GAAGC,8BAAU,CAACF,UAAD,CAA3B;AAEA,sBACEG,eAACC,wCAAD;AACE,IAAA,SAAS,~~EAAER~~,KAAK,~~CAACS~~,MADnB;AAAA,2BAGEF,eAACG,wBAAD;AACE,MAAA,aAAa,~~EAAEd~~,aADjB;AAEE,MAAA,gBAAgB,EAAEG,gBAFpB;AAGE,MAAA,QAAQ,EAAEG,QAHZ;AAAA,~~6BAKEK~~,eAACI,8BAAD;AAAA,+BACEC,gBAAC,aAAD;AACE,UAAA,IAAI,EAAC,cADP;AAAA,~~kCAGEL~~,eAAC,mBAAD;AACE,YAAA,sBAAsB,~~EAAEN~~,sBAD1B;AAEE,YAAA,uBAAuB,~~EAAEE~~,uBAF3B;AAAA,sBAIG,kBAACU,gBAAD,EAAmBC,OAAnB;AAAA,kCACCP,eAAC,WAAD;AACE,gBAAA,mBAAmB,~~EAAEV~~,mBADvB;AAEE,gBAAA,OAAO,~~EAAEiB~~,OAFX;AAGE,gBAAA,QAAQ,EAAET,QAHZ;AAIE,gBAAA,QAAQ,EAAE,IAJZ;AAKE,gBAAA,YAAY,~~EAAEP~~,YALhB;AAME,gBAAA,KAAK,EAAEE,KANT;AAOE,gBAAA,gBAAgB,~~EAAEa~~;AAPpB,gBADD;AAAA;AAJH,~~YAHF~~,~~eAmBEN~~,eAAC,KAAD;AACE,YAAA,mBAAmB,~~EAAEV~~,mBADvB;AAEE,YAAA,YAAY,EAAEC,YAFhB;AAGE,YAAA,KAAK,EAAEE,KAHT;AAIE,YAAA,QAAQ,EAAEE;AAJZ,~~aAKME~~,UALN,~~EAnBF~~;AAAA;AADF;AALF;AAHF,IADF;~~AAyCD~~;;~~AAEDT~~,YAAY,~~CAACoB~~,SAAb,GAAyB;AACvB;~~AACAnB~~,EAAAA,aAAa,~~EAAEoB~~,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAFQ;;AAGvB;~~AACApB~~,EAAAA,mBAAmB,~~EAAEmB~~,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,IAA5B,CAJE;;AAKvB;~~AACArB~~,EAAAA,YAAY,~~EAAEkB~~,6BAAS,CAACI,IAND;~~AAOvBrB~~,EAAAA,gBAAgB,~~EAAEiB~~,6BAAS,CAACI,IAPL;;AAQvB;~~AACApB~~,EAAAA,KAAK,~~EAAEgB~~,6BAAS,CAACE,OAAV,CACLF,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADK,CATgB;;AAYvB;~~AACAhB~~,EAAAA,sBAAsB,~~EAAEe~~,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,CAbD;;AAcvB;~~AACAf~~,EAAAA,QAAQ,~~EAAEc~~,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAfa;;AAgBvB;~~AACAd~~,EAAAA,uBAAuB,EAAEa,6BAAS,~~CAACK~~;~~AAjBZ~~,CAAzB;~~AAoBA1B~~,YAAY,~~CAAC2B~~,YAAb,GAA4B;~~AAC1B1B~~,EAAAA,aAAa,EAAE,EADW;AAE1BC,EAAAA,mBAAmB,EAAE,EAFK;AAG1BC,EAAAA,YAAY,EAAE,wBAAM,EAHM;AAI1BC,EAAAA,gBAAgB,EAAE,4BAAM,EAJE;AAK1BC,EAAAA,KAAK,EAAE,EALmB;AAM1BC,EAAAA,sBAAsB,EAAE,EANE;AAO1BC,EAAAA,QAAQ,EAAE,EAPgB;AAQ1BC,EAAAA,uBAAuB,EAAE;~~AARC~~,CAA5B;;;;"}
1	+ {"version":3,"file":"Presentation.js","sources":["../../../../src/components/Presentation/Presentation.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport { PresentationProvider } from '../../utils/presentationContext';\nimport { BuilderProvider } from '../../utils/builderContext';\nimport { PropProvider } from '../../utils/propContext';\nimport StaticScene from '../Preview/StaticScene';\nimport ReportWrapper from '../ReportWrapper';\nimport PresentationWrapper from './PresentationWrapper';\n\nimport '../../styles/jfReportsBundle.scss';\nimport Print from '../Print';\n\nconst Presentation = ({\n acceptedItems,\n additionalPageItems,\n itemAccessor,\n onAnEventTrigger,\n pages,\n presentationBarActions,\n settings,\n theme,\n useFixedPresentationBar,\n ...otherProps\n}) => {\n const hashCode = objectHash(otherProps);\n\n return (\n <PresentationProvider\n pageCount={pages.length}\n >\n <PropProvider\n acceptedItems={acceptedItems}\n onAnEventTrigger={onAnEventTrigger}\n settings={settings}\n >\n <BuilderProvider>\n <ReportWrapper\n mode=\"presentation\"\n theme={theme}\n >\n <PresentationWrapper\n presentationBarActions={presentationBarActions}\n useFixedPresentationBar={useFixedPresentationBar}\n >\n {(presentationPage, gesture) => (\n <StaticScene\n additionalPageItems={additionalPageItems}\n gesture={gesture}\n hashCode={hashCode}\n hideZoom={true}\n itemAccessor={itemAccessor}\n pages={pages}\n presentationPage={presentationPage}\n />\n )}\n </PresentationWrapper>\n <Print\n additionalPageItems={additionalPageItems}\n itemAccessor={itemAccessor}\n pages={pages}\n settings={settings}\n {...otherProps}\n />\n </ReportWrapper>\n </BuilderProvider>\n </PropProvider>\n </PresentationProvider>\n );\n};\n\nPresentation.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 onAnEventTrigger: PropTypes.func,\n /* Array of pages with their settings and items /\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n /* To pass in action definitions that will be rendered as buttons /\n presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n /* General report settings such as layout size and background color /\n settings: PropTypes.shape({}),\n /* Theme /\n theme: PropTypes.string,\n /* Flag for fixed action bar */\n useFixedPresentationBar: PropTypes.bool,\n};\n\nPresentation.defaultProps = {\n acceptedItems: {},\n additionalPageItems: [],\n itemAccessor: () => {},\n onAnEventTrigger: () => {},\n pages: [],\n presentationBarActions: [],\n settings: {},\n theme: 'lightMode',\n useFixedPresentationBar: false,\n};\n\nexport default Presentation;\n"],"names":["Presentation","acceptedItems","additionalPageItems","itemAccessor","onAnEventTrigger","pages","presentationBarActions","settings","theme","useFixedPresentationBar","otherProps","hashCode","objectHash","_jsx","PresentationProvider","length","PropProvider","BuilderProvider","_jsxs","presentationPage","gesture","propTypes","PropTypes","shape","arrayOf","node","func","string","bool","defaultProps"],"mappings":"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"}

package/lib/cjs/components/Presentation/PresentationBar/PresentationActions.js CHANGED Viewed

@@ -1,6 +1,5 @@
 'use strict';
-require('core-js/modules/es.array.concat.js');
 require('core-js/modules/es.array.map.js');
 var React = require('react');
 var PropTypes = require('prop-types');
@@ -40,7 +39,7 @@ var PresentationActions = function PresentationActions(_ref) {
         var ActionIcon = icons[action.icon] ? icons[action.icon] : pen;
         return /*#__PURE__*/jsxRuntime.jsx("button", {
           "aria-label": action.key,
-          className: "jfReportButton ".concat(action.className, " ").concat(action.icon),
+          className: "jfReportButton ".concat(action.className),
           onClick: action.handler,
           title: action.title ? action.title : null,
           type: "button",

package/lib/cjs/components/Presentation/PresentationBar/PresentationActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PresentationActions.js","sources":["../../../../../src/components/Presentation/PresentationBar/PresentationActions.js"],"sourcesContent":["import { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { getDefaultPresentationActions } from '../../../utils/getDefaultPresentationActions';\nimport * as icons from '../../../utils/icons';\n\nconst PresentationActions = ({\n isFullscreen,\n presentationBarActions,\n toggleFullscreen,\n}) => {\n const defaultPresentationActions = useMemo(() => getDefaultPresentationActions({\n isFullscreen,\n toggleFullscreen,\n }), [isFullscreen]);\n\n return (\n <div className=\"action-container d-flex\">\n {presentationBarActions.map(action => {\n if (action.isHidden) {\n return null;\n }\n\n if (action.handler) {\n const ActionIcon = icons[action.icon] ? icons[action.icon] : icons.pen;\n return (\n <button\n key={action.key}\n aria-label={action.key}\n className={`jfReportButton ${action.className} ~~${action.icon}~~`}\n onClick={action.handler}\n title={action.title ? action.title : null}\n type=\"button\"\n >\n <ActionIcon className={`jfReportSVG icon-${action.icon}`} />\n {/* {action.title && <span>{action.title}</span>} */}\n </button>\n );\n }\n\n if (action.Component) {\n const { Component, props } = action;\n return (\n <Component\n key={action.key}\n {...(props ? props : {})}\n />\n );\n }\n\n const defaultAction = defaultPresentationActions[action.key];\n if (!defaultAction \|\| defaultAction.isHidden) {\n return null;\n }\n\n return defaultAction;\n })}\n </div>\n );\n};\n\nPresentationActions.propTypes = {\n isFullscreen: PropTypes.bool,\n presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n toggleFullscreen: PropTypes.func,\n};\n\nPresentationActions.defaultProps = {\n isFullscreen: false,\n presentationBarActions: [],\n toggleFullscreen: f => f,\n};\n\nexport default PresentationActions;\n"],"names":["PresentationActions","isFullscreen","presentationBarActions","toggleFullscreen","defaultPresentationActions","useMemo","getDefaultPresentationActions","_jsx","map","action","isHidden","handler","ActionIcon","icons","icon","key","className","title","Component","props","defaultAction","propTypes","PropTypes","bool","arrayOf","shape","func","defaultProps","f"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;~~IAKMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAItB;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,sBAEI,QAFJA,sBAEI;AAAA,MADJC,gBACI,QADJA,gBACI;AACJ,MAAMC,0BAA0B,GAAGC,aAAO,CAAC;AAAA,WAAMC,2DAA6B,CAAC;AAC7EL,MAAAA,YAAY,EAAZA,YAD6E;AAE7EE,MAAAA,gBAAgB,EAAhBA;AAF6E,KAAD,CAAnC;AAAA,GAAD,EAGtC,CAACF,YAAD,CAHsC,CAA1C;AAKA,sBACEM;AAAK,IAAA,SAAS,EAAC,yBAAf;AAAA,cACGL,sBAAsB,CAACM,GAAvB,CAA2B,UAAAC,MAAM,EAAI;AACpC,UAAIA,MAAM,CAACC,QAAX,EAAqB;AACnB,eAAO,IAAP;AACD;;AAED,UAAID,MAAM,CAACE,OAAX,EAAoB;AAClB,YAAMC,UAAU,GAAGC,KAAK,CAACJ,MAAM,CAACK,IAAR,CAAL,GAAqBD,KAAK,CAACJ,MAAM,CAACK,IAAR,CAA1B,GAA0CD,GAA7D;AACA,4BACEN;AAEE,wBAAYE,MAAM,CAACM,GAFrB;AAGE,UAAA,SAAS,2BAAoBN,MAAM,CAACO,SAA3B,~~cAAwCP,MAAM,CAACK,IAA/C,~~CAHX;AAIE,UAAA,OAAO,~~EAAEL~~,MAAM,CAACE,OAJlB;AAKE,UAAA,KAAK,EAAEF,MAAM,CAACQ,KAAP,GAAeR,MAAM,CAACQ,KAAtB,GAA8B,IALvC;AAME,UAAA,IAAI,EAAC,QANP;AAAA,iCAQEV,eAAC,UAAD;AAAY,YAAA,SAAS,6BAAsBE,MAAM,CAACK,IAA7B;AAArB;AARF,WACOL,MAAM,CAACM,GADd,CADF;AAaD;;AAED,UAAIN,MAAM,CAACS,SAAX,EAAsB;AAAA,YACZA,SADY,GACST,MADT,CACZS,SADY;AAAA,YACDC,KADC,GACSV,MADT,CACDU,KADC;AAEpB,4BACEZ,eAAC,SAAD,oBAEOY,KAAK,GAAGA,KAAH,GAAW,EAFvB,GACOV,MAAM,CAACM,GADd,CADF;AAMD;;AAED,UAAMK,aAAa,GAAGhB,0BAA0B,CAACK,MAAM,CAACM,GAAR,CAAhD;;AACA,UAAI,CAACK,aAAD,IAAkBA,aAAa,CAACV,QAApC,EAA8C;AAC5C,eAAO,IAAP;AACD;;AAED,aAAOU,aAAP;AACD,KAtCA;AADH,IADF;AA2CD;;AAEDpB,mBAAmB,CAACqB,SAApB,GAAgC;AAC9BpB,EAAAA,YAAY,EAAEqB,6BAAS,CAACC,IADM;AAE9BrB,EAAAA,sBAAsB,EAAEoB,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,CAFM;AAG9BtB,EAAAA,gBAAgB,EAAEmB,6BAAS,CAACI;AAHE,CAAhC;AAMA1B,mBAAmB,CAAC2B,YAApB,GAAmC;AACjC1B,EAAAA,YAAY,EAAE,KADmB;AAEjCC,EAAAA,sBAAsB,EAAE,EAFS;AAGjCC,EAAAA,gBAAgB,EAAE,0BAAAyB,CAAC;AAAA,WAAIA,CAAJ;AAAA;AAHc,CAAnC;;;;"}
1	+ {"version":3,"file":"PresentationActions.js","sources":["../../../../../src/components/Presentation/PresentationBar/PresentationActions.js"],"sourcesContent":["import { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { getDefaultPresentationActions } from '../../../utils/getDefaultPresentationActions';\nimport * as icons from '../../../utils/icons';\n\nconst PresentationActions = ({\n isFullscreen,\n presentationBarActions,\n toggleFullscreen,\n}) => {\n const defaultPresentationActions = useMemo(() => getDefaultPresentationActions({\n isFullscreen,\n toggleFullscreen,\n }), [isFullscreen]);\n\n return (\n <div className=\"action-container d-flex\">\n {presentationBarActions.map(action => {\n if (action.isHidden) {\n return null;\n }\n\n if (action.handler) {\n const ActionIcon = icons[action.icon] ? icons[action.icon] : icons.pen;\n return (\n <button\n key={action.key}\n aria-label={action.key}\n className={`jfReportButton ${action.className}`}\n onClick={action.handler}\n title={action.title ? action.title : null}\n type=\"button\"\n >\n <ActionIcon className={`jfReportSVG icon-${action.icon}`} />\n {/* {action.title && <span>{action.title}</span>} */}\n </button>\n );\n }\n\n if (action.Component) {\n const { Component, props } = action;\n return (\n <Component\n key={action.key}\n {...(props ? props : {})}\n />\n );\n }\n\n const defaultAction = defaultPresentationActions[action.key];\n if (!defaultAction \|\| defaultAction.isHidden) {\n return null;\n }\n\n return defaultAction;\n })}\n </div>\n );\n};\n\nPresentationActions.propTypes = {\n isFullscreen: PropTypes.bool,\n presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n toggleFullscreen: PropTypes.func,\n};\n\nPresentationActions.defaultProps = {\n isFullscreen: false,\n presentationBarActions: [],\n toggleFullscreen: f => f,\n};\n\nexport default PresentationActions;\n"],"names":["PresentationActions","isFullscreen","presentationBarActions","toggleFullscreen","defaultPresentationActions","useMemo","getDefaultPresentationActions","_jsx","map","action","isHidden","handler","ActionIcon","icons","icon","key","className","title","Component","props","defaultAction","propTypes","PropTypes","bool","arrayOf","shape","func","defaultProps","f"],"mappings":";;;;;;;;;;;;;;;;;;;;IAKMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAItB;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,sBAEI,QAFJA,sBAEI;AAAA,MADJC,gBACI,QADJA,gBACI;AACJ,MAAMC,0BAA0B,GAAGC,aAAO,CAAC;AAAA,WAAMC,2DAA6B,CAAC;AAC7EL,MAAAA,YAAY,EAAZA,YAD6E;AAE7EE,MAAAA,gBAAgB,EAAhBA;AAF6E,KAAD,CAAnC;AAAA,GAAD,EAGtC,CAACF,YAAD,CAHsC,CAA1C;AAKA,sBACEM;AAAK,IAAA,SAAS,EAAC,yBAAf;AAAA,cACGL,sBAAsB,CAACM,GAAvB,CAA2B,UAAAC,MAAM,EAAI;AACpC,UAAIA,MAAM,CAACC,QAAX,EAAqB;AACnB,eAAO,IAAP;AACD;;AAED,UAAID,MAAM,CAACE,OAAX,EAAoB;AAClB,YAAMC,UAAU,GAAGC,KAAK,CAACJ,MAAM,CAACK,IAAR,CAAL,GAAqBD,KAAK,CAACJ,MAAM,CAACK,IAAR,CAA1B,GAA0CD,GAA7D;AACA,4BACEN;AAEE,wBAAYE,MAAM,CAACM,GAFrB;AAGE,UAAA,SAAS,2BAAoBN,MAAM,CAACO,SAA3B,CAHX;AAIE,UAAA,OAAO,EAAEP,MAAM,CAACE,OAJlB;AAKE,UAAA,KAAK,EAAEF,MAAM,CAACQ,KAAP,GAAeR,MAAM,CAACQ,KAAtB,GAA8B,IALvC;AAME,UAAA,IAAI,EAAC,QANP;AAAA,iCAQEV,eAAC,UAAD;AAAY,YAAA,SAAS,6BAAsBE,MAAM,CAACK,IAA7B;AAArB;AARF,WACOL,MAAM,CAACM,GADd,CADF;AAaD;;AAED,UAAIN,MAAM,CAACS,SAAX,EAAsB;AAAA,YACZA,SADY,GACST,MADT,CACZS,SADY;AAAA,YACDC,KADC,GACSV,MADT,CACDU,KADC;AAEpB,4BACEZ,eAAC,SAAD,oBAEOY,KAAK,GAAGA,KAAH,GAAW,EAFvB,GACOV,MAAM,CAACM,GADd,CADF;AAMD;;AAED,UAAMK,aAAa,GAAGhB,0BAA0B,CAACK,MAAM,CAACM,GAAR,CAAhD;;AACA,UAAI,CAACK,aAAD,IAAkBA,aAAa,CAACV,QAApC,EAA8C;AAC5C,eAAO,IAAP;AACD;;AAED,aAAOU,aAAP;AACD,KAtCA;AADH,IADF;AA2CD;;AAEDpB,mBAAmB,CAACqB,SAApB,GAAgC;AAC9BpB,EAAAA,YAAY,EAAEqB,6BAAS,CAACC,IADM;AAE9BrB,EAAAA,sBAAsB,EAAEoB,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,CAFM;AAG9BtB,EAAAA,gBAAgB,EAAEmB,6BAAS,CAACI;AAHE,CAAhC;AAMA1B,mBAAmB,CAAC2B,YAApB,GAAmC;AACjC1B,EAAAA,YAAY,EAAE,KADmB;AAEjCC,EAAAA,sBAAsB,EAAE,EAFS;AAGjCC,EAAAA,gBAAgB,EAAE,0BAAAyB,CAAC;AAAA,WAAIA,CAAJ;AAAA;AAHc,CAAnC;;;;"}

package/lib/cjs/components/Preview/Preview.js CHANGED Viewed

@@ -27,7 +27,8 @@ var Preview = function Preview(_ref) {
       onAnEventTrigger = _ref.onAnEventTrigger,
       pages = _ref.pages,
       settings = _ref.settings,
-      otherProps = _objectWithoutProperties(_ref, ["acceptedItems", "additionalPageItems", "itemAccessor", "lastScrollPosition", "onAnEventTrigger", "pages", "settings"]);
+      theme = _ref.theme,
+      otherProps = _objectWithoutProperties(_ref, ["acceptedItems", "additionalPageItems", "itemAccessor", "lastScrollPosition", "onAnEventTrigger", "pages", "settings", "theme"]);
   /* eslint-disable no-unused-vars */
   otherProps.disableInteraction;
@@ -57,6 +58,7 @@ var Preview = function Preview(_ref) {
       settings: settings,
       children: /*#__PURE__*/jsxRuntime.jsx(ReportWrapper, {
         mode: "preview",
+        theme: theme,
         children: /*#__PURE__*/jsxRuntime.jsx(StaticScene, {
           additionalPageItems: additionalPageItems,
           hashCode: hashCode,
@@ -86,7 +88,10 @@ Preview.propTypes = {
   pages: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
   /** General report settings such as layout size and background color */
-  settings: PropTypes__default['default'].shape({})
+  settings: PropTypes__default['default'].shape({}),
+  /** Theme */
+  theme: PropTypes__default['default'].string
 };
 Preview.defaultProps = {
   acceptedItems: {},
@@ -95,7 +100,8 @@ Preview.defaultProps = {
   lastScrollPosition: 0,
   onAnEventTrigger: function onAnEventTrigger() {},
   pages: [],
-  settings: {}
+  settings: {},
+  theme: 'lightMode'
 };
 module.exports = Preview;

package/lib/cjs/components/Preview/Preview.js.map CHANGED Viewed

	@@ -1 +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 ...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 >\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};\n\nPreview.defaultProps = {\n acceptedItems: {},\n additionalPageItems: [],\n itemAccessor: () => {},\n lastScrollPosition: 0,\n onAnEventTrigger: () => {},\n pages: [],\n settings: {},\n};\n\nexport default Preview;\n"],"names":["Preview","acceptedItems","additionalPageItems","itemAccessor","lastScrollPosition","onAnEventTrigger","pages","settings","otherProps","disableInteraction","leftPanelConfig","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onSettingChange","useExperimentalFeatures","hashProps","hashCode","objectHash","_jsx","BuilderProvider","PropProvider","propTypes","PropTypes","shape","arrayOf","node","func","number","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAOMA,OAAO,GAAG,SAAVA,OAAU,~~OASV~~;AAAA,MARJC,~~aAQI~~,QARJA,~~aAQI~~;AAAA,MAPJC,~~mBAOI~~,QAPJA,~~mBAOI~~;AAAA,MANJC,~~YAMI~~,QANJA,~~YAMI~~;AAAA,MALJC,~~kBAKI~~,QALJA,~~kBAKI~~;AAAA,MAJJC,~~gBAII~~,QAJJA,~~gBAII~~;AAAA,MAHJC,~~KAGI~~,QAHJA,~~KAGI~~;AAAA,MAFJC,~~QAEI~~,QAFJA,~~QAEI~~;AAAA,MADDC,UACC;;AACN;AADM,EAmBAA,UAnBA,CAGFC,kBAHE;AAAA,MAmBAD,UAnBA,CAIFE,eAJE;AAAA,MAmBAF,UAnBA,CAKFG,SALE;AAAA,MAmBAH,UAnBA,CAMFI,YANE;AAAA,MAmBAJ,UAnBA,CAOFK,UAPE;AAAA,MAmBAL,UAnBA,CAQFM,YARE;AAAA,MAmBAN,UAnBA,CASFO,YATE;AAAA,MAmBAP,UAnBA,CAUFQ,WAVE;AAAA,MAmBAR,UAnBA,CAWFS,SAXE;AAAA,MAmBAT,UAnBA,CAYFU,YAZE;AAAA,MAmBAV,UAnBA,CAaFW,eAbE;AAAA,MAmBAX,UAnBA,CAcFY,kBAdE;AAAA,MAmBAZ,UAnBA,CAeFa,YAfE;AAAA,MAmBAb,UAnBA,CAgBFc,eAhBE;AAAA,MAmBAd,UAnBA,CAiBFe,uBAjBE;AAAA,UAkBCC,SAlBD,4BAmBAhB,UAnBA;AAoBJ;;;AAEA,MAAMiB,QAAQ,GAAGC,8BAAU,CAACF,SAAD,CAA3B;AAEA,sBACEG,eAACC,8BAAD;AAAA,2BACED,eAACE,wBAAD;AACE,MAAA,aAAa,~~EAAE5B~~,aADjB;AAEE,MAAA,gBAAgB,EAAEI,gBAFpB;AAGE,MAAA,QAAQ,EAAEE,QAHZ;AAAA,~~6BAKEoB~~,eAAC,aAAD;AACE,QAAA,IAAI,EAAC,SADP;AAAA,+~~BAGEA~~,eAAC,WAAD;AACE,UAAA,mBAAmB,~~EAAEzB~~,mBADvB;AAEE,UAAA,QAAQ,~~EAAEuB~~,QAFZ;AAGE,UAAA,YAAY,MAHd;AAIE,UAAA,YAAY,~~EAAEtB~~,YAJhB;AAKE,UAAA,kBAAkB,EAAEC,kBALtB;AAME,UAAA,KAAK,EAAEE;AANT;~~AAHF~~;AALF;AADF,IADF;~~AAsBD~~;;AAEDN,OAAO,~~CAAC8B~~,SAAR,GAAoB;AAClB;~~AACA7B~~,EAAAA,aAAa,~~EAAE8B~~,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAFG;;AAGlB;~~AACA9B~~,EAAAA,mBAAmB,~~EAAE6B~~,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,IAA5B,CAJH;;AAKlB;~~AACA/B~~,EAAAA,YAAY,~~EAAE4B~~,6BAAS,CAACI,IANN;~~AAOlB/B~~,EAAAA,kBAAkB,~~EAAE2B~~,6BAAS,CAACK,MAPZ;~~AAQlB/B~~,EAAAA,gBAAgB,~~EAAE0B~~,6BAAS,CAACI,IARV;;AASlB;~~AACA7B~~,EAAAA,KAAK,~~EAAEyB~~,6BAAS,CAACE,OAAV,CACLF,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADK,CAVW;;AAalB;~~AACAzB~~,EAAAA,QAAQ,~~EAAEwB~~,6BAAS,CAACC,KAAV,CAAgB,EAAhB;~~AAdQ~~,CAApB;~~AAiBAhC~~,OAAO,~~CAACqC~~,YAAR,GAAuB;~~AACrBpC~~,EAAAA,aAAa,EAAE,EADM;AAErBC,EAAAA,mBAAmB,EAAE,EAFA;AAGrBC,EAAAA,YAAY,EAAE,wBAAM,EAHC;AAIrBC,EAAAA,kBAAkB,EAAE,CAJC;AAKrBC,EAAAA,gBAAgB,EAAE,4BAAM,EALH;AAMrBC,EAAAA,KAAK,EAAE,EANc;AAOrBC,EAAAA,QAAQ,EAAE;~~AAPW~~,CAAvB;;;;"}
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","BuilderProvider","PropProvider","propTypes","PropTypes","shape","arrayOf","node","func","number","string","defaultProps"],"mappings":"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"}