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

package/lib/cjs/utils/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sources":["../../../src/utils/icons.js"],"sourcesContent":["// General //\n\nexport { default as down } from '../assets/svg/arrow_down.svg';\nexport { default as drag } from '../assets/svg/settings/drag.svg';\nexport { default as trash } from '../assets/svg/trash.svg';\nexport { default as close } from '../assets/svg/close.svg';\nexport { default as rotate } from '../assets/svg/rotate.svg';\nexport { default as customize } from '../assets/svg/customize.svg';\nexport { default as slides } from '../assets/svg/slides.svg';\nexport { default as allSlides } from '../assets/svg/all_slides.svg';\n\n// Elements //\n\nexport { default as header } from '../assets/svg/toolbox/header.svg';\nexport { default as icon } from '../assets/svg/toolbox/icon.svg';\nexport { default as image } from '../assets/svg/toolbox/image.svg';\nexport { default as label } from '../assets/svg/toolbox/label.svg';\nexport { default as shapes } from '../assets/svg/toolbox/shapes.svg';\nexport { default as table } from '../assets/svg/toolbox/table.svg';\nexport { default as textElement } from '../assets/svg/toolbox/text_element.svg';\nexport { default as text } from '../assets/svg/toolbox/text.svg';\nexport { default as star } from '../assets/svg/toolbox/star.svg';\nexport { default as email } from '../assets/svg/toolbox/email.svg';\nexport { default as singleChoice } from '../assets/svg/toolbox/single_choice.svg';\nexport { default as multipleChoice } from '../assets/svg/toolbox/multiple_choice.svg';\nexport { default as lock } from '../assets/svg/settings/lock.svg';\nexport { default as unlock } from '../assets/svg/settings/unlock.svg';\n\n// Settings //\n\nexport { default as bold } from '../assets/svg/settings/font_bold.svg';\nexport { default as italic } from '../assets/svg/settings/font_italic.svg';\nexport { default as underline } from '../assets/svg/settings/font_underline.svg';\nexport { default as alignLeft } from '../assets/svg/settings/align_left.svg';\nexport { default as alignCenter } from '../assets/svg/settings/align_center.svg';\nexport { default as alignRight } from '../assets/svg/settings/align_right.svg';\n\n// Chart Settings //\n\nexport { default as pie } from '../assets/svg/settings/chart_pie.svg';\nexport { default as bar } from '../assets/svg/settings/chart_bar.svg';\nexport { default as line } from '../assets/svg/settings/chart_line.svg';\nexport { default as basic } from '../assets/svg/settings/chart_basic.svg';\nexport { default as donut } from '../assets/svg/settings/chart_donut.svg';\nexport { default as grid } from '../assets/svg/settings/chart_grid.svg';\nexport { default as textGrid } from '../assets/svg/settings/chart_textGrid.svg';\nexport { default as column } from '../assets/svg/settings/chart_column.svg';\nexport { default as layout } from '../assets/svg/settings/layout.svg';\nexport { default as starRating } from '../assets/svg/star_rating.svg';\nexport { default as heartRating } from '../assets/svg/heart_rating.svg';\n\n// Shape Settings //\n\nexport { default as rectangleIcon } from '../assets/svg/settings/rectangle.svg';\nexport { default as ellipseIcon } from '../assets/svg/settings/ellipse.svg';\nexport { default as triangleIcon } from '../assets/svg/settings/triangle.svg';\nexport { default as starIcon } from '../assets/svg/settings/star.svg';\nexport { default as lineIcon } from '../assets/svg/settings/line.svg';\n\n// Element Menu //\n\nexport { default as duplicate } from '../assets/svg/duplicate.svg';\nexport { default as settings } from '../assets/svg/settings.svg';\n\n// Page Menu //\n\nexport { default as arrowDown } from '../assets/svg/arrow_down.svg';\nexport { default as arrowUp } from '../assets/svg/arrow_up.svg';\nexport { default as arrowLeft } from '../assets/svg/arrow_left.svg';\nexport { default as arrowRight } from '../assets/svg/arrow_right.svg';\nexport { default as duplicateLine } from '../assets/svg/page-actions/duplicate_line.svg';\nexport { default as plus } from '../assets/svg/plus.svg';\nexport { default as minus } from '../assets/svg/minus.svg';\nexport { default as trashLine } from '../assets/svg/page-actions/trash_line.svg';\nexport { default as pageSettings } from '../assets/svg/page_settings.svg';\n\n// Context Menu //\n\nexport { default as moveToFront } from '../assets/svg/contextmenu/moveToFront.svg';\nexport { default as moveToForward } from '../assets/svg/contextmenu/moveToForward.svg';\nexport { default as moveToBackward } from '../assets/svg/contextmenu/moveToBackward.svg';\nexport { default as moveToBack } from '../assets/svg/contextmenu/moveToBack.svg';\n\n// Presentation //\n\nexport { default as print } from '../assets/svg/presentation/print.svg';\nexport { default as download } from '../assets/svg/presentation/download.svg';\nexport { default as play } from '../assets/svg/presentation/play.svg';\nexport { default as enterFullscreen } from '../assets/svg/presentation/enter_fullscreen.svg';\nexport { default as exitFullscreen } from '../assets/svg/presentation/exit_fullscreen.svg';\nexport { default as pause } from '../assets/svg/presentation/pause.svg';\nexport { default as share } from '../assets/svg/presentation/share.svg';\nexport { default as attachment } from '../assets/svg/presentation/attachment.svg';\nexport { default as pen } from '../assets/svg/presentation/pen.svg';\n\n// Password Modal //\n\nexport { default as key } from '../assets/svg/presentation/key.svg';\nexport { default as eye } from '../assets/svg/presentation/eye.svg';\n\n// Placeholder //\n\nexport { default as piePlaceholder } from '../assets/svg/placeholder/pie.svg';\nexport { default as barPlaceholder } from '../assets/svg/placeholder/bar.svg';\nexport { default as linePlaceholder } from '../assets/svg/placeholder/bar.svg';\nexport { default as columnPlaceholder } from '../assets/svg/placeholder/column.svg';\nexport { default as basicPlaceholder } from '../assets/svg/placeholder/basic.svg';\nexport { default as donutPlaceholder } from '../assets/svg/placeholder/donut.svg';\nexport { default as textGridPlaceholder } from '../assets/svg/placeholder/grid.svg';\n\n// Placeholder //\n\n// Zoom //\n\nexport { default as fit } from '../assets/svg/fit_screen.svg';\n\n// Zoom //\n\n// Loading //\nexport { default as loadingCircle } from '../assets/svg/loading_circle.svg';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"icons.js","sources":["../../../src/utils/icons.js"],"sourcesContent":["// General //\n\nexport { default as down } from '../assets/svg/arrow_down.svg';\nexport { default as drag } from '../assets/svg/settings/drag.svg';\nexport { default as trash } from '../assets/svg/trash.svg';\nexport { default as close } from '../assets/svg/close.svg';\nexport { default as rotate } from '../assets/svg/rotate.svg';\nexport { default as customize } from '../assets/svg/customize.svg';\nexport { default as slides } from '../assets/svg/slides.svg';\nexport { default as allSlides } from '../assets/svg/all_slides.svg';\nexport { default as settingsToggle } from '../assets/svg/settings_toggle.svg';\n\n// Elements //\n\nexport { default as header } from '../assets/svg/toolbox/header.svg';\nexport { default as icon } from '../assets/svg/toolbox/icon.svg';\nexport { default as image } from '../assets/svg/toolbox/image.svg';\nexport { default as label } from '../assets/svg/toolbox/label.svg';\nexport { default as shapes } from '../assets/svg/toolbox/shapes.svg';\nexport { default as table } from '../assets/svg/toolbox/table.svg';\nexport { default as textElement } from '../assets/svg/toolbox/text_element.svg';\nexport { default as text } from '../assets/svg/toolbox/text.svg';\nexport { default as star } from '../assets/svg/toolbox/star.svg';\nexport { default as email } from '../assets/svg/toolbox/email.svg';\nexport { default as singleChoice } from '../assets/svg/toolbox/single_choice.svg';\nexport { default as multipleChoice } from '../assets/svg/toolbox/multiple_choice.svg';\nexport { default as lock } from '../assets/svg/settings/lock.svg';\nexport { default as unlock } from '../assets/svg/settings/unlock.svg';\n\n// Settings //\n\nexport { default as bold } from '../assets/svg/settings/font_bold.svg';\nexport { default as italic } from '../assets/svg/settings/font_italic.svg';\nexport { default as underline } from '../assets/svg/settings/font_underline.svg';\nexport { default as alignLeft } from '../assets/svg/settings/align_left.svg';\nexport { default as alignCenter } from '../assets/svg/settings/align_center.svg';\nexport { default as alignRight } from '../assets/svg/settings/align_right.svg';\n\n// Chart Settings //\n\nexport { default as pie } from '../assets/svg/settings/chart_pie.svg';\nexport { default as bar } from '../assets/svg/settings/chart_bar.svg';\nexport { default as line } from '../assets/svg/settings/chart_line.svg';\nexport { default as basic } from '../assets/svg/settings/chart_basic.svg';\nexport { default as donut } from '../assets/svg/settings/chart_donut.svg';\nexport { default as grid } from '../assets/svg/settings/chart_grid.svg';\nexport { default as textGrid } from '../assets/svg/settings/chart_textGrid.svg';\nexport { default as column } from '../assets/svg/settings/chart_column.svg';\nexport { default as layout } from '../assets/svg/settings/layout.svg';\nexport { default as starRating } from '../assets/svg/star_rating.svg';\nexport { default as heartRating } from '../assets/svg/heart_rating.svg';\n\n// Shape Settings //\n\nexport { default as rectangleIcon } from '../assets/svg/settings/rectangle.svg';\nexport { default as ellipseIcon } from '../assets/svg/settings/ellipse.svg';\nexport { default as triangleIcon } from '../assets/svg/settings/triangle.svg';\nexport { default as starIcon } from '../assets/svg/settings/star.svg';\nexport { default as lineIcon } from '../assets/svg/settings/line.svg';\n\n// Element Menu //\n\nexport { default as duplicate } from '../assets/svg/duplicate.svg';\nexport { default as settings } from '../assets/svg/settings.svg';\n\n// Page Menu //\n\nexport { default as arrowDown } from '../assets/svg/arrow_down.svg';\nexport { default as arrowUp } from '../assets/svg/arrow_up.svg';\nexport { default as arrowLeft } from '../assets/svg/arrow_left.svg';\nexport { default as arrowRight } from '../assets/svg/arrow_right.svg';\nexport { default as duplicateLine } from '../assets/svg/page-actions/duplicate_line.svg';\nexport { default as plus } from '../assets/svg/plus.svg';\nexport { default as minus } from '../assets/svg/minus.svg';\nexport { default as trashLine } from '../assets/svg/page-actions/trash_line.svg';\nexport { default as pageSettings } from '../assets/svg/page_settings.svg';\n\n// Context Menu //\n\nexport { default as moveToFront } from '../assets/svg/contextmenu/moveToFront.svg';\nexport { default as moveToForward } from '../assets/svg/contextmenu/moveToForward.svg';\nexport { default as moveToBackward } from '../assets/svg/contextmenu/moveToBackward.svg';\nexport { default as moveToBack } from '../assets/svg/contextmenu/moveToBack.svg';\n\n// Presentation //\n\nexport { default as print } from '../assets/svg/presentation/print.svg';\nexport { default as download } from '../assets/svg/presentation/download.svg';\nexport { default as play } from '../assets/svg/presentation/play.svg';\nexport { default as enterFullscreen } from '../assets/svg/presentation/enter_fullscreen.svg';\nexport { default as exitFullscreen } from '../assets/svg/presentation/exit_fullscreen.svg';\nexport { default as pause } from '../assets/svg/presentation/pause.svg';\nexport { default as share } from '../assets/svg/presentation/share.svg';\nexport { default as attachment } from '../assets/svg/presentation/attachment.svg';\nexport { default as pen } from '../assets/svg/presentation/pen.svg';\n\n// Password Modal //\n\nexport { default as key } from '../assets/svg/presentation/key.svg';\nexport { default as eye } from '../assets/svg/presentation/eye.svg';\n\n// Placeholder //\n\nexport { default as piePlaceholder } from '../assets/svg/placeholder/pie.svg';\nexport { default as barPlaceholder } from '../assets/svg/placeholder/bar.svg';\nexport { default as linePlaceholder } from '../assets/svg/placeholder/bar.svg';\nexport { default as columnPlaceholder } from '../assets/svg/placeholder/column.svg';\nexport { default as basicPlaceholder } from '../assets/svg/placeholder/basic.svg';\nexport { default as donutPlaceholder } from '../assets/svg/placeholder/donut.svg';\nexport { default as textGridPlaceholder } from '../assets/svg/placeholder/grid.svg';\n\n// Placeholder //\n\n// Zoom //\n\nexport { default as fit } from '../assets/svg/fit_screen.svg';\n\n// Zoom //\n\n// Loading //\nexport { default as loadingCircle } from '../assets/svg/loading_circle.svg';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/assets/svg/settings_toggle.svg.js

@@ -0,0 +1,19 @@
+import { createElement } from 'react';
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _ref = /*#__PURE__*/createElement("path", {
+  d: "M.534 12.459L12.476.517c.597-.597 1.393-.597 1.99 0l.995.995.995-.995c.597-.597 1.393-.597 1.99 0l5.971 5.97c.597.598.597 1.394 0 1.991l-5.97 5.97 6.252 6.254a1 1 0 010 1.414l-2.566 2.567a1 1 0 01-1.414 0l-7.248-7.249c-.598-.597-.598-1.393 0-1.99l8.726-8.727-2.991-2.991-.76.771c.598.597.598 1.394 0 1.99L6.505 18.43c-.598.597-1.394.597-1.99 0L.533 14.449c-.598-.597-.598-1.393 0-1.99z",
+  fill: "#09F"
+});
+
+function SvgSettingsToggle(props) {
+  return /*#__PURE__*/createElement("svg", _extends({
+    viewBox: "0 0 25 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _ref);
+}
+
+export default SvgSettingsToggle;
+//# sourceMappingURL=settings_toggle.svg.js.map

package/lib/esm/assets/svg/settings_toggle.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings_toggle.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/lib/esm/assets/svg/slides.svg.js

@@ -3,22 +3,25 @@ import { createElement } from 'react';
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var _ref = /*#__PURE__*/createElement("path", {
-  d: "M6.486.315a3.797 3.797 0 013.028 0l6.105 2.654a.634.634 0 010 1.163L9.514 6.786c-.966.42-2.062.42-3.028 0L.381 4.132a.634.634 0 010-1.163L6.486.315z"
+  d: "M9.73.472a5.695 5.695 0 014.54 0l9.158 3.981c.762.332.762 1.413 0 1.745l-9.158 3.98a5.695 5.695 0 01-4.54 0L.571 6.199c-.763-.332-.763-1.413 0-1.745L9.729.473z",
+  fill: "#fff"
 });
 
 var _ref2 = /*#__PURE__*/createElement("path", {
   opacity: 0.6,
-  d: "M2.96 6.297L.381 7.418a.634.634 0 000 1.163l6.105 2.654c.966.42 2.062.42 3.028 0l6.105-2.654a.634.634 0 000-1.163l-2.58-1.121-3.2 1.391a4.612 4.612 0 01-3.678 0l-3.2-1.391z"
+  d: "M4.44 9.445L.572 11.127c-.763.332-.763 1.413 0 1.745l9.157 3.98c1.449.63 3.093.63 4.542 0l9.157-3.98c.762-.332.762-1.413 0-1.745L19.56 9.445l-4.801 2.088a6.918 6.918 0 01-5.516 0L4.44 9.445z",
+  fill: "#fff"
 });
 
 var _ref3 = /*#__PURE__*/createElement("path", {
   opacity: 0.3,
-  d: "M2.96 10.747L.381 11.868a.634.634 0 000 1.163l6.105 2.654c.966.42 2.062.42 3.028 0l6.105-2.654a.634.634 0 000-1.163l-2.579-1.12-3.2 1.39a4.612 4.612 0 01-3.678 0l-3.202-1.39z"
+  d: "M4.44 16.12L.572 17.803c-.763.332-.763 1.413 0 1.745l9.157 3.98c1.449.63 3.093.63 4.542 0l9.157-3.98c.762-.332.762-1.413 0-1.745l-3.868-1.681-4.801 2.087a6.917 6.917 0 01-5.517 0L4.44 16.121z",
+  fill: "#fff"
 });
 
 function SvgSlides(props) {
   return /*#__PURE__*/createElement("svg", _extends({
-    viewBox: "0 0 16 16",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _ref, _ref2, _ref3);

package/lib/esm/assets/svg/slides.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"slides.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"slides.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/assets/svg/toolbox/image.svg.js

@@ -2,15 +2,28 @@ import { createElement } from 'react';
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var _ref = /*#__PURE__*/createElement("path", {
-  d: "M.593 0h14.814c.328 0 .593.265.593.593v14.814a.593.593 0 01-.593.593H.593A.593.593 0 010 15.407V.593C0 .265.265 0 .593 0zm1.185 1.185a.593.593 0 00-.593.593v9.57a.593.593 0 00.963.463l1.704-1.363a.593.593 0 01.635-.068l1.676.838a.593.593 0 00.655-.084l4.06-3.553a.593.593 0 01.77-.01l2.195 1.83a.593.593 0 00.972-.455V1.778a.593.593 0 00-.593-.593H1.778zm4.444 5.38a1.481 1.481 0 110-2.964 1.481 1.481 0 010 2.963z"
-});
+var _ref = /*#__PURE__*/createElement("g", {
+  clipPath: "url(#image_svg__clip0)",
+  fill: "#fff"
+}, /*#__PURE__*/createElement("path", {
+  d: "M20.94 15.78a.67.67 0 01-.53.25.66.66 0 01-.42-.15l-4.35-3.48a.57.57 0 00-.37-.12.69.69 0 00-.39.12l-1.74 1.45 2.58 2.58a.68.68 0 01-.214 1.1.671.671 0 01-.736-.15l-7-7a.41.41 0 00-.3-.12.43.43 0 00-.27.1l-4.93 4.46a.67.67 0 01-.716.125.67.67 0 01-.404-.655.63.63 0 01.22-.46l4.91-4.47a1.78 1.78 0 012.43.06l3.48 3.48L14 11.37a2 2 0 011.25-.43 1.9 1.9 0 011.2.41l4.36 3.48a.71.71 0 01.25.45.69.69 0 01-.14.5h.02zm-5.1-13a2.69 2.69 0 11-2.69 2.69 2.7 2.7 0 012.69-2.69zM18.37 0H3.63A3.64 3.64 0 000 3.63v14.74A3.64 3.64 0 003.63 22h14.74A3.64 3.64 0 0022 18.37V3.63A3.64 3.64 0 0018.37 0"
+}), /*#__PURE__*/createElement("path", {
+  d: "M15.86 6.81a1.37 1.37 0 100-2.74 1.37 1.37 0 000 2.74z"
+}));
+
+var _ref2 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
+  id: "image_svg__clip0"
+}, /*#__PURE__*/createElement("path", {
+  fill: "#fff",
+  d: "M0 0h22v22H0z"
+})));
 
 function SvgImage(props) {
   return /*#__PURE__*/createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16"
-  }, props), _ref);
+    viewBox: "0 0 22 22",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _ref, _ref2);
 }
 
 export default SvgImage;

package/lib/esm/assets/svg/toolbox/image.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"image.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/components/Builder/Builder.js

@@ -43,8 +43,9 @@ var Builder = function Builder(_ref) {
       onSettingChange = _ref.onSettingChange,
       pages = _ref.pages,
       settings = _ref.settings,
+      theme = _ref.theme,
       useExperimentalFeatures = _ref.useExperimentalFeatures,
-      otherProps = _objectWithoutProperties(_ref, ["acceptedItems", "additionalPageItems", "disableInteraction", "itemAccessor", "lastScrollPosition", "leftPanelConfig", "onAnEventTrigger", "onItemAdd", "onItemChange", "onItemMove", "onItemRemove", "onItemResize", "onItemsMove", "onPageAdd", "onPageChange", "onPageDuplicate", "onPageOrdersChange", "onPageRemove", "onSettingChange", "pages", "settings", "useExperimentalFeatures"]);
+      otherProps = _objectWithoutProperties(_ref, ["acceptedItems", "additionalPageItems", "disableInteraction", "itemAccessor", "lastScrollPosition", "leftPanelConfig", "onAnEventTrigger", "onItemAdd", "onItemChange", "onItemMove", "onItemRemove", "onItemResize", "onItemsMove", "onPageAdd", "onPageChange", "onPageDuplicate", "onPageOrdersChange", "onPageRemove", "onSettingChange", "pages", "settings", "theme", "useExperimentalFeatures"]);
 
   var hashCode = objectHash(otherProps);
   return /*#__PURE__*/jsx(StrictMode, {
@@ -58,6 +59,7 @@ var Builder = function Builder(_ref) {
         children: /*#__PURE__*/jsxs(ReportWrapper, {
           mode: "customize",
           pageCount: pages.length,
+          theme: theme,
           children: [/*#__PURE__*/jsxs(DndWrapper, {
             children: [/*#__PURE__*/jsx(LeftPanel, {
               leftPanelConfig: leftPanelConfig,
@@ -166,6 +168,9 @@ Builder.propTypes = {
 
   /** General report settings such as layout size and background color */
   settings: PropTypes.shape({}),
+
+  /** Theme */
+  theme: PropTypes.string,
   useExperimentalFeatures: PropTypes.bool
 };
 Builder.defaultProps = {
@@ -190,6 +195,7 @@ Builder.defaultProps = {
   onSettingChange: function onSettingChange() {},
   pages: [],
   settings: {},
+  theme: 'lightMode',
   useExperimentalFeatures: false
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Builder.js","sources":["../../../../src/components/Builder/Builder.js"],"sourcesContent":["import { StrictMode } from 'react';\nimport PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport DndWrapper from './DndWrapper';\nimport { BuilderProvider } from '../../utils/builderContext';\nimport { PropProvider } from '../../utils/propContext';\nimport ReportWrapper from '../ReportWrapper';\nimport Scene from './Scene';\nimport RightPanel from '../Panels/RightPanel';\nimport LeftPanel from '../Panels/LeftPanel';\nimport SlidesPanel from '../Panels/SlidesPanel';\nimport AllSlidesPanel from '../Panels/AllSlidesPanel';\nimport { leftPanelConfigPropType } from '../../constants/propTypes';\n\nimport 'intersection-observer';\nimport '../../styles/jfReportsBundle.scss';\n\nconst Builder = ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  itemAccessor,\n  lastScrollPosition,\n  leftPanelConfig,\n  onAnEventTrigger,\n  onItemAdd,\n  onItemChange,\n  onItemMove,\n  onItemRemove,\n  onItemResize,\n  onItemsMove,\n  onPageAdd,\n  onPageChange,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  onSettingChange,\n  pages,\n  settings,\n  useExperimentalFeatures,\n  ...otherProps\n}) => {\n  const hashCode = objectHash(otherProps);\n\n  return (\n    <StrictMode>\n      <BuilderProvider>\n        <PropProvider\n          acceptedItems={acceptedItems}\n          disableInteraction={disableInteraction}\n          onAnEventTrigger={onAnEventTrigger}\n          settings={settings}\n          useExperimentalFeatures={useExperimentalFeatures}\n        >\n          <ReportWrapper\n            mode=\"customize\"\n            pageCount={pages.length}\n          >\n            <DndWrapper>\n              <LeftPanel\n                leftPanelConfig={leftPanelConfig}\n                onItemAdd={onItemAdd}\n              />\n              <Scene\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                lastScrollPosition={lastScrollPosition}\n                onItemAdd={onItemAdd}\n                onItemChange={onItemChange}\n                onItemMove={onItemMove}\n                onItemRemove={onItemRemove}\n                onItemResize={onItemResize}\n                onItemsMove={onItemsMove}\n                onPageAdd={onPageAdd}\n                onPageChange={onPageChange}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            </DndWrapper>\n            <RightPanel\n              itemAccessor={itemAccessor}\n              onItemChange={onItemChange}\n              onPageChange={onPageChange}\n              onSettingChange={onSettingChange}\n              pages={pages}\n            />\n            <SlidesPanel\n              additionalPageItems={additionalPageItems}\n              hashCode={hashCode}\n              itemAccessor={itemAccessor}\n              onPageAdd={onPageAdd}\n              onPageDuplicate={onPageDuplicate}\n              onPageOrdersChange={onPageOrdersChange}\n              onPageRemove={onPageRemove}\n              pages={pages}\n            />\n            {useExperimentalFeatures && (\n              <AllSlidesPanel\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                onPageAdd={onPageAdd}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            )}\n          </ReportWrapper>\n        </PropProvider>\n      </BuilderProvider>\n    </StrictMode>\n  );\n};\n\nBuilder.propTypes = {\n  /** Items for to render in the report */\n  acceptedItems: PropTypes.shape({}),\n  /** Array of React components to render statically on each page (eg. watermark) */\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  /** To pass in extra props to items selectively */\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  leftPanelConfig: leftPanelConfigPropType,\n  /** To track and log user actions */\n  onAnEventTrigger: PropTypes.func,\n  /** Function called upon adding an item */\n  onItemAdd: PropTypes.func,\n  /** Function called upon editing an item */\n  onItemChange: PropTypes.func,\n  /** Function called upon moving an item */\n  onItemMove: PropTypes.func,\n  /** Function called upon removing an item */\n  onItemRemove: PropTypes.func,\n  /** Function called upon resizing an item */\n  onItemResize: PropTypes.func,\n  onItemsMove: PropTypes.func,\n  /** Function called upon adding a page */\n  onPageAdd: PropTypes.func,\n  /** Function called upon editing a page */\n  onPageChange: PropTypes.func,\n  /** Function called upon duplicating a page */\n  onPageDuplicate: PropTypes.func,\n  /** Function called upon reordering pages */\n  onPageOrdersChange: PropTypes.func,\n  /** Function called upon removing a page */\n  onPageRemove: PropTypes.func,\n  /** Function called upon editing a general report setting */\n  onSettingChange: PropTypes.func,\n  /** Array of pages with their settings and items */\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  /** General report settings such as layout size and background color */\n  settings: PropTypes.shape({}),\n  useExperimentalFeatures: PropTypes.bool,\n};\n\nBuilder.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  disableInteraction: [],\n  itemAccessor: () => {},\n  lastScrollPosition: 0,\n  leftPanelConfig: [],\n  onAnEventTrigger: () => {},\n  onItemAdd: () => {},\n  onItemChange: () => {},\n  onItemMove: () => {},\n  onItemRemove: () => {},\n  onItemResize: () => {},\n  onItemsMove: () => {},\n  onPageAdd: () => {},\n  onPageChange: () => {},\n  onPageDuplicate: () => {},\n  onPageOrdersChange: () => {},\n  onPageRemove: () => {},\n  onSettingChange: () => {},\n  pages: [],\n  settings: {},\n  useExperimentalFeatures: false,\n};\n\nexport default Builder;\n"],"names":["Builder","acceptedItems","additionalPageItems","disableInteraction","itemAccessor","lastScrollPosition","leftPanelConfig","onAnEventTrigger","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onSettingChange","pages","settings","useExperimentalFeatures","otherProps","hashCode","objectHash","_jsx","_jsxs","length","propTypes","PropTypes","shape","arrayOf","node","string","func","number","leftPanelConfigPropType","bool","defaultProps"],"mappings":"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"}
+{"version":3,"file":"Builder.js","sources":["../../../../src/components/Builder/Builder.js"],"sourcesContent":["import { StrictMode } from 'react';\nimport PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport DndWrapper from './DndWrapper';\nimport { BuilderProvider } from '../../utils/builderContext';\nimport { PropProvider } from '../../utils/propContext';\nimport ReportWrapper from '../ReportWrapper';\nimport Scene from './Scene';\nimport RightPanel from '../Panels/RightPanel';\nimport LeftPanel from '../Panels/LeftPanel';\nimport SlidesPanel from '../Panels/SlidesPanel';\nimport AllSlidesPanel from '../Panels/AllSlidesPanel';\nimport { leftPanelConfigPropType } from '../../constants/propTypes';\n\nimport 'intersection-observer';\nimport '../../styles/jfReportsBundle.scss';\n\nconst Builder = ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  itemAccessor,\n  lastScrollPosition,\n  leftPanelConfig,\n  onAnEventTrigger,\n  onItemAdd,\n  onItemChange,\n  onItemMove,\n  onItemRemove,\n  onItemResize,\n  onItemsMove,\n  onPageAdd,\n  onPageChange,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  onSettingChange,\n  pages,\n  settings,\n  theme,\n  useExperimentalFeatures,\n  ...otherProps\n}) => {\n  const hashCode = objectHash(otherProps);\n\n  return (\n    <StrictMode>\n      <BuilderProvider>\n        <PropProvider\n          acceptedItems={acceptedItems}\n          disableInteraction={disableInteraction}\n          onAnEventTrigger={onAnEventTrigger}\n          settings={settings}\n          useExperimentalFeatures={useExperimentalFeatures}\n        >\n          <ReportWrapper\n            mode=\"customize\"\n            pageCount={pages.length}\n            theme={theme}\n          >\n            <DndWrapper>\n              <LeftPanel\n                leftPanelConfig={leftPanelConfig}\n                onItemAdd={onItemAdd}\n              />\n              <Scene\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                lastScrollPosition={lastScrollPosition}\n                onItemAdd={onItemAdd}\n                onItemChange={onItemChange}\n                onItemMove={onItemMove}\n                onItemRemove={onItemRemove}\n                onItemResize={onItemResize}\n                onItemsMove={onItemsMove}\n                onPageAdd={onPageAdd}\n                onPageChange={onPageChange}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            </DndWrapper>\n            <RightPanel\n              itemAccessor={itemAccessor}\n              onItemChange={onItemChange}\n              onPageChange={onPageChange}\n              onSettingChange={onSettingChange}\n              pages={pages}\n            />\n            <SlidesPanel\n              additionalPageItems={additionalPageItems}\n              hashCode={hashCode}\n              itemAccessor={itemAccessor}\n              onPageAdd={onPageAdd}\n              onPageDuplicate={onPageDuplicate}\n              onPageOrdersChange={onPageOrdersChange}\n              onPageRemove={onPageRemove}\n              pages={pages}\n            />\n            {useExperimentalFeatures && (\n              <AllSlidesPanel\n                additionalPageItems={additionalPageItems}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                onPageAdd={onPageAdd}\n                onPageDuplicate={onPageDuplicate}\n                onPageOrdersChange={onPageOrdersChange}\n                onPageRemove={onPageRemove}\n                pages={pages}\n              />\n            )}\n          </ReportWrapper>\n        </PropProvider>\n      </BuilderProvider>\n    </StrictMode>\n  );\n};\n\nBuilder.propTypes = {\n  /** Items for to render in the report */\n  acceptedItems: PropTypes.shape({}),\n  /** Array of React components to render statically on each page (eg. watermark) */\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  /** To pass in extra props to items selectively */\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  leftPanelConfig: leftPanelConfigPropType,\n  /** To track and log user actions */\n  onAnEventTrigger: PropTypes.func,\n  /** Function called upon adding an item */\n  onItemAdd: PropTypes.func,\n  /** Function called upon editing an item */\n  onItemChange: PropTypes.func,\n  /** Function called upon moving an item */\n  onItemMove: PropTypes.func,\n  /** Function called upon removing an item */\n  onItemRemove: PropTypes.func,\n  /** Function called upon resizing an item */\n  onItemResize: PropTypes.func,\n  onItemsMove: PropTypes.func,\n  /** Function called upon adding a page */\n  onPageAdd: PropTypes.func,\n  /** Function called upon editing a page */\n  onPageChange: PropTypes.func,\n  /** Function called upon duplicating a page */\n  onPageDuplicate: PropTypes.func,\n  /** Function called upon reordering pages */\n  onPageOrdersChange: PropTypes.func,\n  /** Function called upon removing a page */\n  onPageRemove: PropTypes.func,\n  /** Function called upon editing a general report setting */\n  onSettingChange: PropTypes.func,\n  /** Array of pages with their settings and items */\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  /** General report settings such as layout size and background color */\n  settings: PropTypes.shape({}),\n  /** Theme */\n  theme: PropTypes.string,\n  useExperimentalFeatures: PropTypes.bool,\n};\n\nBuilder.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  disableInteraction: [],\n  itemAccessor: () => {},\n  lastScrollPosition: 0,\n  leftPanelConfig: [],\n  onAnEventTrigger: () => {},\n  onItemAdd: () => {},\n  onItemChange: () => {},\n  onItemMove: () => {},\n  onItemRemove: () => {},\n  onItemResize: () => {},\n  onItemsMove: () => {},\n  onPageAdd: () => {},\n  onPageChange: () => {},\n  onPageDuplicate: () => {},\n  onPageOrdersChange: () => {},\n  onPageRemove: () => {},\n  onSettingChange: () => {},\n  pages: [],\n  settings: {},\n  theme: 'lightMode',\n  useExperimentalFeatures: false,\n};\n\nexport default Builder;\n"],"names":["Builder","acceptedItems","additionalPageItems","disableInteraction","itemAccessor","lastScrollPosition","leftPanelConfig","onAnEventTrigger","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onSettingChange","pages","settings","theme","useExperimentalFeatures","otherProps","hashCode","objectHash","_jsx","_jsxs","length","propTypes","PropTypes","shape","arrayOf","node","string","func","number","leftPanelConfigPropType","bool","defaultProps"],"mappings":"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"}

package/lib/esm/components/Builder/PageActions.js

@@ -98,7 +98,7 @@ var PageActions = function PageActions(_ref) {
           children: /*#__PURE__*/jsx(SvgPageSettings, {
             className: "jfReportSVG icon-pageSettings"
           })
-        }, "Page Settings"), /*#__PURE__*/jsx("button", {
+        }, "Slide Settings"), /*#__PURE__*/jsx("button", {
           className: "controllerItem js-duplicatePage",
           disabled: disableInteraction.indexOf('duplicate') > -1,
           onClick: onPageDuplicateClick,
@@ -116,7 +116,7 @@ var PageActions = function PageActions(_ref) {
           children: /*#__PURE__*/jsx(SvgTrash, {
             className: "jfReportSVG icon-trashLine"
           })
-        }, "Remove Page")]
+        }, "Remove Slide")]
       }), /*#__PURE__*/jsxs("div", {
         className: "floatingController-container hasGroup",
         children: [/*#__PURE__*/jsx("button", {
@@ -147,7 +147,7 @@ var PageActions = function PageActions(_ref) {
           children: /*#__PURE__*/jsx(SvgPlus, {
             className: "jfReportSVG icon-plus"
           })
-        }, "Add New Page")
+        }, "Add Slide")
       })]
     })]
   });

package/lib/esm/components/Builder/PageActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageActions.js","sources":["../../../../src/components/Builder/PageActions.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { moveItemInArrayFromIndexToIndex, scrollToTarget } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst PageActions = ({\n  disableInteraction,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  order,\n  pageCount,\n  pageID,\n  pages,\n  setEditedElement,\n  setIsRightPanelOpen,\n}) => {\n  const pageSettings = () => {\n    setEditedElement(`p_${pageID}`);\n    setIsRightPanelOpen(true);\n  };\n\n  const onPageAddClick = () => {\n    const newPageIndex = order + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n    onAnEventTrigger('addNewPage', newPageIndex);\n  };\n\n  const onPageRemoveClick = () => {\n    onPageRemove(pageID);\n    onAnEventTrigger('removePage', pageID);\n  };\n\n  const changeOrder = direction => {\n    return () => {\n      const pageIndex = pages.findIndex(page => page.id === pageID);\n      const editedPages = moveItemInArrayFromIndexToIndex(\n        pages,\n        pageIndex,\n        pageIndex + direction,\n      );\n      const pageOrders = editedPages.reduce((acc, page, index) => {\n        const newOrder = index + 1;\n        acc[page.id] = {\n          order: newOrder,\n        };\n        return acc;\n      }, {});\n      onPageOrdersChange(pageOrders);\n      scrollToTarget(`pageActions-id-${order + direction}`);\n      onAnEventTrigger('changePageOrder', direction);\n    };\n  };\n\n  const onPageDuplicateClick = () => {\n    const foundPage = pages.find(page => page.id === pageID);\n    onPageDuplicate(foundPage);\n    scrollToTarget(`pageActions-id-${order + 1}`, 350);\n    onAnEventTrigger('duplicatePage', order + 1);\n  };\n\n  const {\n    ADD_NEW_PAGE, DUPLICATE_PAGE, MOVE_PAGE_DOWNWARDS,\n    MOVE_PAGE_UPWARDS, PAGE_SETTINGS, REMOVE_PAGE,\n  } = useTranslatedTexts();\n  return (\n    <div\n      className=\"jfReport-pageInfo d-flex j-center\"\n      id={`pageActions-id-${order}`}\n    >\n      <div className=\"pageCounter p-relative d-flex\">\n        {`${order}`}\n      </div>\n      <div className=\"floatingController forPageAction\">\n        <div className=\"floatingController-container hasGroup\">\n          <button\n            key=\"Page Settings\"\n            className=\"controllerItem pageSettingSideBtn js-pageSetting\"\n            onClick={pageSettings}\n            title={PAGE_SETTINGS}\n            type=\"button\"\n          >\n            <icons.pageSettings className=\"jfReportSVG icon-pageSettings\" />\n          </button>\n          <button\n            key=\"Duplicate Page\"\n            className=\"controllerItem js-duplicatePage\"\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 js-removePage\"\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        </div>\n        <div className=\"floatingController-container hasGroup\">\n          <button\n            key=\"Move Page Upwards\"\n            className={`js-changeOrderUp controllerItem${order === 1 ? ' disabled' : ''}`}\n            onClick={changeOrder(-1)}\n            title={MOVE_PAGE_UPWARDS}\n            type=\"button\"\n          >\n            <icons.arrowUp className=\"jfReportSVG icon-arrow isTick\" />\n          </button>\n          <button\n            key=\"Move Page Downwards\"\n            className={`js-changeOrderDown controllerItem${order === pageCount ? ' disabled' : ''}`}\n            onClick={changeOrder(1)}\n            title={MOVE_PAGE_DOWNWARDS}\n            type=\"button\"\n          >\n            <icons.arrowDown className=\"jfReportSVG icon-arrow isTick\" />\n          </button>\n        </div>\n        <div className=\"floatingController-container\">\n          <button\n            key=\"Add New Page\"\n            className=\"js-addNewPage controllerItem\"\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\nPageActions.propTypes = {\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  onAnEventTrigger: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageOrdersChange: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  order: PropTypes.number,\n  pageCount: PropTypes.number,\n  pageID: PropTypes.string,\n  pages: PropTypes.arrayOf(PropTypes.shape({})),\n  setEditedElement: PropTypes.func,\n  setIsRightPanelOpen: PropTypes.func,\n};\n\nPageActions.defaultProps = {\n  disableInteraction: [],\n  onAnEventTrigger: () => {},\n  onPageAdd: () => {},\n  onPageDuplicate: () => {},\n  onPageOrdersChange: () => {},\n  onPageRemove: () => {},\n  order: 0,\n  pageCount: 1,\n  pageID: '',\n  pages: [],\n  setEditedElement: () => {},\n  setIsRightPanelOpen: () => {},\n};\n\nexport default PageActions;\n"],"names":["PageActions","disableInteraction","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageOrdersChange","onPageRemove","order","pageCount","pageID","pages","setEditedElement","setIsRightPanelOpen","pageSettings","onPageAddClick","newPageIndex","scrollToTarget","onPageRemoveClick","changeOrder","direction","pageIndex","findIndex","page","id","editedPages","moveItemInArrayFromIndexToIndex","pageOrders","reduce","acc","index","newOrder","onPageDuplicateClick","foundPage","find","useTranslatedTexts","ADD_NEW_PAGE","DUPLICATE_PAGE","MOVE_PAGE_DOWNWARDS","MOVE_PAGE_UPWARDS","PAGE_SETTINGS","REMOVE_PAGE","_jsxs","_jsx","icons.pageSettings","indexOf","icons.duplicate","icons.trash","icons.arrowUp","icons.arrowDown","icons.plus","propTypes","PropTypes","arrayOf","string","func","number","shape","defaultProps"],"mappings":";;;;;;;;;;;;;;;IAKMA,WAAW,GAAG,SAAdA,WAAc,OAad;AAAA,MAZJC,kBAYI,QAZJA,kBAYI;AAAA,MAXJC,gBAWI,QAXJA,gBAWI;AAAA,MAVJC,SAUI,QAVJA,SAUI;AAAA,MATJC,eASI,QATJA,eASI;AAAA,MARJC,kBAQI,QARJA,kBAQI;AAAA,MAPJC,YAOI,QAPJA,YAOI;AAAA,MANJC,KAMI,QANJA,KAMI;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,gBAEI,QAFJA,gBAEI;AAAA,MADJC,mBACI,QADJA,mBACI;;AACJ,MAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;AACzBF,IAAAA,gBAAgB,aAAMF,MAAN,EAAhB;AACAG,IAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD,GAHD;;AAKA,MAAME,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAMC,YAAY,GAAGR,KAAK,GAAG,CAA7B;AACAJ,IAAAA,SAAS,CAACY,YAAD,CAAT;AACAC,IAAAA,cAAc,0BAAmBD,YAAnB,GAAmC,GAAnC,CAAd;AACAb,IAAAA,gBAAgB,CAAC,YAAD,EAAea,YAAf,CAAhB;AACD,GALD;;AAOA,MAAME,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC9BX,IAAAA,YAAY,CAACG,MAAD,CAAZ;AACAP,IAAAA,gBAAgB,CAAC,YAAD,EAAeO,MAAf,CAAhB;AACD,GAHD;;AAKA,MAAMS,WAAW,GAAG,SAAdA,WAAc,CAAAC,SAAS,EAAI;AAC/B,WAAO,YAAM;AACX,UAAMC,SAAS,GAAGV,KAAK,CAACW,SAAN,CAAgB,UAAAC,IAAI;AAAA,eAAIA,IAAI,CAACC,EAAL,KAAYd,MAAhB;AAAA,OAApB,CAAlB;AACA,UAAMe,WAAW,GAAGC,+BAA+B,CACjDf,KADiD,EAEjDU,SAFiD,EAGjDA,SAAS,GAAGD,SAHqC,CAAnD;AAKA,UAAMO,UAAU,GAAGF,WAAW,CAACG,MAAZ,CAAmB,UAACC,GAAD,EAAMN,IAAN,EAAYO,KAAZ,EAAsB;AAC1D,YAAMC,QAAQ,GAAGD,KAAK,GAAG,CAAzB;AACAD,QAAAA,GAAG,CAACN,IAAI,CAACC,EAAN,CAAH,GAAe;AACbhB,UAAAA,KAAK,EAAEuB;AADM,SAAf;AAGA,eAAOF,GAAP;AACD,OANkB,EAMhB,EANgB,CAAnB;AAOAvB,MAAAA,kBAAkB,CAACqB,UAAD,CAAlB;AACAV,MAAAA,cAAc,0BAAmBT,KAAK,GAAGY,SAA3B,EAAd;AACAjB,MAAAA,gBAAgB,CAAC,iBAAD,EAAoBiB,SAApB,CAAhB;AACD,KAjBD;AAkBD,GAnBD;;AAqBA,MAAMY,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjC,QAAMC,SAAS,GAAGtB,KAAK,CAACuB,IAAN,CAAW,UAAAX,IAAI;AAAA,aAAIA,IAAI,CAACC,EAAL,KAAYd,MAAhB;AAAA,KAAf,CAAlB;AACAL,IAAAA,eAAe,CAAC4B,SAAD,CAAf;AACAhB,IAAAA,cAAc,0BAAmBT,KAAK,GAAG,CAA3B,GAAgC,GAAhC,CAAd;AACAL,IAAAA,gBAAgB,CAAC,eAAD,EAAkBK,KAAK,GAAG,CAA1B,CAAhB;AACD,GALD;;AAvCI,4BAiDA2B,kBAAkB,EAjDlB;AAAA,MA+CFC,YA/CE,uBA+CFA,YA/CE;AAAA,MA+CYC,cA/CZ,uBA+CYA,cA/CZ;AAAA,MA+C4BC,mBA/C5B,uBA+C4BA,mBA/C5B;AAAA,MAgDFC,iBAhDE,uBAgDFA,iBAhDE;AAAA,MAgDiBC,aAhDjB,uBAgDiBA,aAhDjB;AAAA,MAgDgCC,WAhDhC,uBAgDgCA,WAhDhC;;AAkDJ,sBACEC;AACE,IAAA,SAAS,EAAC,mCADZ;AAEE,IAAA,EAAE,2BAAoBlC,KAApB,CAFJ;AAAA,4BAIEmC;AAAK,MAAA,SAAS,EAAC,+BAAf;AAAA,0BACMnC,KADN;AAAA,MAJF,eAOEkC;AAAK,MAAA,SAAS,EAAC,kCAAf;AAAA,8BACEA;AAAK,QAAA,SAAS,EAAC,uCAAf;AAAA,gCACEC;AAEE,UAAA,SAAS,EAAC,kDAFZ;AAGE,UAAA,OAAO,EAAE7B,YAHX;AAIE,UAAA,KAAK,EAAE0B,aAJT;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEG,IAACC,eAAD;AAAoB,YAAA,SAAS,EAAC;AAA9B;AAPF,WACM,eADN,CADF,eAUED;AAEE,UAAA,SAAS,EAAC,iCAFZ;AAGE,UAAA,QAAQ,EAAEzC,kBAAkB,CAAC2C,OAAnB,CAA2B,WAA3B,IAA0C,CAAC,CAHvD;AAIE,UAAA,OAAO,EAAEb,oBAJX;AAKE,UAAA,KAAK,EAAEK,cALT;AAME,UAAA,IAAI,EAAC,QANP;AAAA,iCAQEM,IAACG,YAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B;AARF,WACM,gBADN,CAVF,eAoBEH;AAEE,UAAA,SAAS,EAAC,uCAFZ;AAGE,UAAA,QAAQ,EAAEzC,kBAAkB,CAAC2C,OAAnB,CAA2B,QAA3B,IAAuC,CAAC,CAHpD;AAIE,UAAA,OAAO,EAAE3B,iBAJX;AAKE,UAAA,KAAK,EAAEuB,WALT;AAME,UAAA,IAAI,EAAC,QANP;AAAA,iCAQEE,IAACI,QAAD;AAAa,YAAA,SAAS,EAAC;AAAvB;AARF,WACM,aADN,CApBF;AAAA,QADF,eAgCEL;AAAK,QAAA,SAAS,EAAC,uCAAf;AAAA,gCACEC;AAEE,UAAA,SAAS,2CAAoCnC,KAAK,KAAK,CAAV,GAAc,WAAd,GAA4B,EAAhE,CAFX;AAGE,UAAA,OAAO,EAAEW,WAAW,CAAC,CAAC,CAAF,CAHtB;AAIE,UAAA,KAAK,EAAEoB,iBAJT;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEI,IAACK,UAAD;AAAe,YAAA,SAAS,EAAC;AAAzB;AAPF,WACM,mBADN,CADF,eAUEL;AAEE,UAAA,SAAS,6CAAsCnC,KAAK,KAAKC,SAAV,GAAsB,WAAtB,GAAoC,EAA1E,CAFX;AAGE,UAAA,OAAO,EAAEU,WAAW,CAAC,CAAD,CAHtB;AAIE,UAAA,KAAK,EAAEmB,mBAJT;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEK,IAACM,YAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B;AAPF,WACM,qBADN,CAVF;AAAA,QAhCF,eAoDEN;AAAK,QAAA,SAAS,EAAC,8BAAf;AAAA,+BACEA;AAEE,UAAA,SAAS,EAAC,8BAFZ;AAGE,UAAA,QAAQ,EAAEzC,kBAAkB,CAAC2C,OAAnB,CAA2B,KAA3B,IAAoC,CAAC,CAHjD;AAIE,UAAA,OAAO,EAAE9B,cAJX;AAKE,UAAA,KAAK,EAAEqB,YALT;AAME,UAAA,IAAI,EAAC,QANP;AAAA,iCAQEO,IAACO,OAAD;AAAY,YAAA,SAAS,EAAC;AAAtB;AARF,WACM,cADN;AADF,QApDF;AAAA,MAPF;AAAA,IADF;AA2ED;;AAEDjD,WAAW,CAACkD,SAAZ,GAAwB;AACtBjD,EAAAA,kBAAkB,EAAEkD,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,CADE;AAEtBnD,EAAAA,gBAAgB,EAAEiD,SAAS,CAACG,IAFN;AAGtBnD,EAAAA,SAAS,EAAEgD,SAAS,CAACG,IAHC;AAItBlD,EAAAA,eAAe,EAAE+C,SAAS,CAACG,IAJL;AAKtBjD,EAAAA,kBAAkB,EAAE8C,SAAS,CAACG,IALR;AAMtBhD,EAAAA,YAAY,EAAE6C,SAAS,CAACG,IANF;AAOtB/C,EAAAA,KAAK,EAAE4C,SAAS,CAACI,MAPK;AAQtB/C,EAAAA,SAAS,EAAE2C,SAAS,CAACI,MARC;AAStB9C,EAAAA,MAAM,EAAE0C,SAAS,CAACE,MATI;AAUtB3C,EAAAA,KAAK,EAAEyC,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACK,KAAV,CAAgB,EAAhB,CAAlB,CAVe;AAWtB7C,EAAAA,gBAAgB,EAAEwC,SAAS,CAACG,IAXN;AAYtB1C,EAAAA,mBAAmB,EAAEuC,SAAS,CAACG;AAZT,CAAxB;AAeAtD,WAAW,CAACyD,YAAZ,GAA2B;AACzBxD,EAAAA,kBAAkB,EAAE,EADK;AAEzBC,EAAAA,gBAAgB,EAAE,4BAAM,EAFC;AAGzBC,EAAAA,SAAS,EAAE,qBAAM,EAHQ;AAIzBC,EAAAA,eAAe,EAAE,2BAAM,EAJE;AAKzBC,EAAAA,kBAAkB,EAAE,8BAAM,EALD;AAMzBC,EAAAA,YAAY,EAAE,wBAAM,EANK;AAOzBC,EAAAA,KAAK,EAAE,CAPkB;AAQzBC,EAAAA,SAAS,EAAE,CARc;AASzBC,EAAAA,MAAM,EAAE,EATiB;AAUzBC,EAAAA,KAAK,EAAE,EAVkB;AAWzBC,EAAAA,gBAAgB,EAAE,4BAAM,EAXC;AAYzBC,EAAAA,mBAAmB,EAAE,+BAAM;AAZF,CAA3B;;;;"}
+{"version":3,"file":"PageActions.js","sources":["../../../../src/components/Builder/PageActions.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { moveItemInArrayFromIndexToIndex, scrollToTarget } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst PageActions = ({\n  disableInteraction,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  order,\n  pageCount,\n  pageID,\n  pages,\n  setEditedElement,\n  setIsRightPanelOpen,\n}) => {\n  const pageSettings = () => {\n    setEditedElement(`p_${pageID}`);\n    setIsRightPanelOpen(true);\n  };\n\n  const onPageAddClick = () => {\n    const newPageIndex = order + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n    onAnEventTrigger('addNewPage', newPageIndex);\n  };\n\n  const onPageRemoveClick = () => {\n    onPageRemove(pageID);\n    onAnEventTrigger('removePage', pageID);\n  };\n\n  const changeOrder = direction => {\n    return () => {\n      const pageIndex = pages.findIndex(page => page.id === pageID);\n      const editedPages = moveItemInArrayFromIndexToIndex(\n        pages,\n        pageIndex,\n        pageIndex + direction,\n      );\n      const pageOrders = editedPages.reduce((acc, page, index) => {\n        const newOrder = index + 1;\n        acc[page.id] = {\n          order: newOrder,\n        };\n        return acc;\n      }, {});\n      onPageOrdersChange(pageOrders);\n      scrollToTarget(`pageActions-id-${order + direction}`);\n      onAnEventTrigger('changePageOrder', direction);\n    };\n  };\n\n  const onPageDuplicateClick = () => {\n    const foundPage = pages.find(page => page.id === pageID);\n    onPageDuplicate(foundPage);\n    scrollToTarget(`pageActions-id-${order + 1}`, 350);\n    onAnEventTrigger('duplicatePage', order + 1);\n  };\n\n  const {\n    ADD_NEW_PAGE, DUPLICATE_PAGE, MOVE_PAGE_DOWNWARDS,\n    MOVE_PAGE_UPWARDS, PAGE_SETTINGS, REMOVE_PAGE,\n  } = useTranslatedTexts();\n  return (\n    <div\n      className=\"jfReport-pageInfo d-flex j-center\"\n      id={`pageActions-id-${order}`}\n    >\n      <div className=\"pageCounter p-relative d-flex\">\n        {`${order}`}\n      </div>\n      <div className=\"floatingController forPageAction\">\n        <div className=\"floatingController-container hasGroup\">\n          <button\n            key=\"Slide Settings\"\n            className=\"controllerItem pageSettingSideBtn js-pageSetting\"\n            onClick={pageSettings}\n            title={PAGE_SETTINGS}\n            type=\"button\"\n          >\n            <icons.pageSettings className=\"jfReportSVG icon-pageSettings\" />\n          </button>\n          <button\n            key=\"Duplicate Page\"\n            className=\"controllerItem js-duplicatePage\"\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 js-removePage\"\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        </div>\n        <div className=\"floatingController-container hasGroup\">\n          <button\n            key=\"Move Page Upwards\"\n            className={`js-changeOrderUp controllerItem${order === 1 ? ' disabled' : ''}`}\n            onClick={changeOrder(-1)}\n            title={MOVE_PAGE_UPWARDS}\n            type=\"button\"\n          >\n            <icons.arrowUp className=\"jfReportSVG icon-arrow isTick\" />\n          </button>\n          <button\n            key=\"Move Page Downwards\"\n            className={`js-changeOrderDown controllerItem${order === pageCount ? ' disabled' : ''}`}\n            onClick={changeOrder(1)}\n            title={MOVE_PAGE_DOWNWARDS}\n            type=\"button\"\n          >\n            <icons.arrowDown className=\"jfReportSVG icon-arrow isTick\" />\n          </button>\n        </div>\n        <div className=\"floatingController-container\">\n          <button\n            key=\"Add Slide\"\n            className=\"js-addNewPage controllerItem\"\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\nPageActions.propTypes = {\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  onAnEventTrigger: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageOrdersChange: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  order: PropTypes.number,\n  pageCount: PropTypes.number,\n  pageID: PropTypes.string,\n  pages: PropTypes.arrayOf(PropTypes.shape({})),\n  setEditedElement: PropTypes.func,\n  setIsRightPanelOpen: PropTypes.func,\n};\n\nPageActions.defaultProps = {\n  disableInteraction: [],\n  onAnEventTrigger: () => {},\n  onPageAdd: () => {},\n  onPageDuplicate: () => {},\n  onPageOrdersChange: () => {},\n  onPageRemove: () => {},\n  order: 0,\n  pageCount: 1,\n  pageID: '',\n  pages: [],\n  setEditedElement: () => {},\n  setIsRightPanelOpen: () => {},\n};\n\nexport default PageActions;\n"],"names":["PageActions","disableInteraction","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageOrdersChange","onPageRemove","order","pageCount","pageID","pages","setEditedElement","setIsRightPanelOpen","pageSettings","onPageAddClick","newPageIndex","scrollToTarget","onPageRemoveClick","changeOrder","direction","pageIndex","findIndex","page","id","editedPages","moveItemInArrayFromIndexToIndex","pageOrders","reduce","acc","index","newOrder","onPageDuplicateClick","foundPage","find","useTranslatedTexts","ADD_NEW_PAGE","DUPLICATE_PAGE","MOVE_PAGE_DOWNWARDS","MOVE_PAGE_UPWARDS","PAGE_SETTINGS","REMOVE_PAGE","_jsxs","_jsx","icons.pageSettings","indexOf","icons.duplicate","icons.trash","icons.arrowUp","icons.arrowDown","icons.plus","propTypes","PropTypes","arrayOf","string","func","number","shape","defaultProps"],"mappings":"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"}

package/lib/esm/components/Builder/PageAdder.js

@@ -1,11 +1,13 @@
-import PropTypes from 'prop-types';
+import { string, func, number } from 'prop-types';
+import classNames from 'classnames';
 import { scrollToTarget } from '../../utils/functions.js';
 import { useTranslatedTexts } from '../../utils/hooks.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import SvgPlus from '../../assets/svg/plus.svg.js';
 
 var PageAdder = function PageAdder(_ref) {
-  var onPageAdd = _ref.onPageAdd,
+  var additionalClass = _ref.additionalClass,
+      onPageAdd = _ref.onPageAdd,
       pageCount = _ref.pageCount;
 
   var onPageAddClick = function onPageAddClick() {
@@ -18,7 +20,7 @@ var PageAdder = function PageAdder(_ref) {
       ADD_NEW_PAGE = _useTranslatedTexts.ADD_NEW_PAGE;
 
   return /*#__PURE__*/jsxs("button", {
-    className: "pageAdder",
+    className: classNames('pageAdder', additionalClass),
     onClick: onPageAddClick,
     type: "button",
     children: [/*#__PURE__*/jsx(SvgPlus, {
@@ -30,10 +32,12 @@ var PageAdder = function PageAdder(_ref) {
 };
 
 PageAdder.propTypes = {
-  onPageAdd: PropTypes.func,
-  pageCount: PropTypes.number
+  additionalClass: string,
+  onPageAdd: func,
+  pageCount: number
 };
 PageAdder.defaultProps = {
+  additionalClass: '',
   onPageAdd: function onPageAdd() {},
   pageCount: 1
 };

package/lib/esm/components/Builder/PageAdder.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageAdder.js","sources":["../../../../src/components/Builder/PageAdder.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { scrollToTarget } from '../../utils/functions';\nimport * as icons from '../../utils/icons';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst PageAdder = ({\n  onPageAdd,\n  pageCount,\n}) => {\n  const onPageAddClick = () => {\n    const newPageIndex = pageCount + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n  };\n\n  const { ADD_NEW_PAGE } = useTranslatedTexts();\n  return (\n    <button\n      className=\"pageAdder\"\n      onClick={onPageAddClick}\n      type=\"button\"\n    >\n      <icons.plus className=\"jfReportSVG icon-plus\" />\n      <span>{ADD_NEW_PAGE}</span>\n    </button>\n  );\n};\n\nPageAdder.propTypes = {\n  onPageAdd: PropTypes.func,\n  pageCount: PropTypes.number,\n};\n\nPageAdder.defaultProps = {\n  onPageAdd: () => {},\n  pageCount: 1,\n};\n\nexport default PageAdder;\n"],"names":["PageAdder","onPageAdd","pageCount","onPageAddClick","newPageIndex","scrollToTarget","useTranslatedTexts","ADD_NEW_PAGE","_jsxs","_jsx","icons.plus","propTypes","PropTypes","func","number","defaultProps"],"mappings":";;;;;;IAKMA,SAAS,GAAG,SAAZA,SAAY,OAGZ;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,SACI,QADJA,SACI;;AACJ,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAMC,YAAY,GAAGF,SAAS,GAAG,CAAjC;AACAD,IAAAA,SAAS,CAACG,YAAD,CAAT;AACAC,IAAAA,cAAc,0BAAmBD,YAAnB,GAAmC,GAAnC,CAAd;AACD,GAJD;;AADI,4BAOqBE,kBAAkB,EAPvC;AAAA,MAOIC,YAPJ,uBAOIA,YAPJ;;AAQJ,sBACEC;AACE,IAAA,SAAS,EAAC,WADZ;AAEE,IAAA,OAAO,EAAEL,cAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,4BAKEM,IAACC,OAAD;AAAY,MAAA,SAAS,EAAC;AAAtB,MALF,eAMED;AAAA,gBAAOF;AAAP,MANF;AAAA,IADF;AAUD;;AAEDP,SAAS,CAACW,SAAV,GAAsB;AACpBV,EAAAA,SAAS,EAAEW,SAAS,CAACC,IADD;AAEpBX,EAAAA,SAAS,EAAEU,SAAS,CAACE;AAFD,CAAtB;AAKAd,SAAS,CAACe,YAAV,GAAyB;AACvBd,EAAAA,SAAS,EAAE,qBAAM,EADM;AAEvBC,EAAAA,SAAS,EAAE;AAFY,CAAzB;;;;"}
+{"version":3,"file":"PageAdder.js","sources":["../../../../src/components/Builder/PageAdder.js"],"sourcesContent":["import { func, number, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { scrollToTarget } from '../../utils/functions';\nimport * as icons from '../../utils/icons';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst PageAdder = ({\n  additionalClass,\n  onPageAdd,\n  pageCount,\n}) => {\n  const onPageAddClick = () => {\n    const newPageIndex = pageCount + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n  };\n\n  const { ADD_NEW_PAGE } = useTranslatedTexts();\n  return (\n    <button\n      className={classNames('pageAdder', additionalClass)}\n      onClick={onPageAddClick}\n      type=\"button\"\n    >\n      <icons.plus className=\"jfReportSVG icon-plus\" />\n      <span>{ADD_NEW_PAGE}</span>\n    </button>\n  );\n};\n\nPageAdder.propTypes = {\n  additionalClass: string,\n  onPageAdd: func,\n  pageCount: number,\n};\n\nPageAdder.defaultProps = {\n  additionalClass: '',\n  onPageAdd: () => {},\n  pageCount: 1,\n};\n\nexport default PageAdder;\n"],"names":["PageAdder","additionalClass","onPageAdd","pageCount","onPageAddClick","newPageIndex","scrollToTarget","useTranslatedTexts","ADD_NEW_PAGE","_jsxs","classNames","_jsx","icons.plus","propTypes","string","func","number","defaultProps"],"mappings":";;;;;;;IAMMA,SAAS,GAAG,SAAZA,SAAY,OAIZ;AAAA,MAHJC,eAGI,QAHJA,eAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,SACI,QADJA,SACI;;AACJ,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAMC,YAAY,GAAGF,SAAS,GAAG,CAAjC;AACAD,IAAAA,SAAS,CAACG,YAAD,CAAT;AACAC,IAAAA,cAAc,0BAAmBD,YAAnB,GAAmC,GAAnC,CAAd;AACD,GAJD;;AADI,4BAOqBE,kBAAkB,EAPvC;AAAA,MAOIC,YAPJ,uBAOIA,YAPJ;;AAQJ,sBACEC;AACE,IAAA,SAAS,EAAEC,UAAU,CAAC,WAAD,EAAcT,eAAd,CADvB;AAEE,IAAA,OAAO,EAAEG,cAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,4BAKEO,IAACC,OAAD;AAAY,MAAA,SAAS,EAAC;AAAtB,MALF,eAMED;AAAA,gBAAOH;AAAP,MANF;AAAA,IADF;AAUD;;AAEDR,SAAS,CAACa,SAAV,GAAsB;AACpBZ,EAAAA,eAAe,EAAEa,MADG;AAEpBZ,EAAAA,SAAS,EAAEa,IAFS;AAGpBZ,EAAAA,SAAS,EAAEa;AAHS,CAAtB;AAMAhB,SAAS,CAACiB,YAAV,GAAyB;AACvBhB,EAAAA,eAAe,EAAE,EADM;AAEvBC,EAAAA,SAAS,EAAE,qBAAM,EAFM;AAGvBC,EAAAA,SAAS,EAAE;AAHY,CAAzB;;;;"}

package/lib/esm/components/Builder/SearchInput.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import Fuse from 'fuse.js/dist/fuse.common';
 import SvgSearch from '../../assets/search.svg.js';
 import SvgClose from '../../assets/svg/close.svg.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -73,26 +73,34 @@ var SearchInput = function SearchInput(_ref) {
       searchInputRef.current.blur();
     }
   }, [elements]);
-  return /*#__PURE__*/jsxs("div", {
-    className: "jfReport-searchContainer p-relative",
-    children: [/*#__PURE__*/jsx("input", {
-      ref: searchInputRef,
-      className: "js-searchInput section-search-input",
-      onChange: onSearchChange,
-      onKeyDown: handleKeyDown,
-      placeholder: "Search",
-      type: "text",
-      value: searchValue
-    }), /*#__PURE__*/jsx("button", {
-      className: "section-search-button".concat(searchValue ? ' showDelete' : ''),
-      onClick: onSearchButtonClick,
-      type: "button",
-      children: searchValue ? /*#__PURE__*/jsx(SvgClose, {
-        className: "section-search-icon delete"
-      }) : /*#__PURE__*/jsx(SvgSearch, {
-        className: "section-search-icon"
-      })
-    })]
+  return /*#__PURE__*/jsx("div", {
+    className: "jfReport-searchContainer",
+    children: /*#__PURE__*/jsxs("div", {
+      className: "jfReport-search p-relative",
+      children: [/*#__PURE__*/jsx("input", {
+        ref: searchInputRef,
+        className: "js-searchInput section-search-input",
+        onChange: onSearchChange,
+        onKeyDown: handleKeyDown,
+        placeholder: "Search",
+        type: "text",
+        value: searchValue
+      }), /*#__PURE__*/jsx("button", {
+        className: "section-search-button search-icon",
+        onClick: onSearchButtonClick,
+        type: "button",
+        children: /*#__PURE__*/jsx(SvgSearch, {
+          className: "section-search-icon"
+        })
+      }), searchValue && /*#__PURE__*/jsx("button", {
+        className: "section-search-button search-delete",
+        onClick: onSearchButtonClick,
+        type: "button",
+        children: /*#__PURE__*/jsx(SvgClose, {
+          className: "section-search-icon delete"
+        })
+      })]
+    })
   });
 };
 

package/lib/esm/components/Builder/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sources":["../../../../src/components/Builder/SearchInput.js"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  useMemo,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Fuse from 'fuse.js/dist/fuse.common';\nimport SearchIcon from '../../assets/search.svg';\nimport CrossIcon from '../../assets/svg/close.svg';\n\nconst SearchInput = ({\n  elements,\n  searchKeys,\n  setElements,\n}) => {\n  const searchInputRef = useRef(null);\n  const [searchValue, setSearchValue] = useState('');\n\n  const searchEngine = useMemo(() => {\n    return new Fuse(elements, { keys: searchKeys, threshold: 0.4 });\n  }, [elements, searchKeys]);\n\n  useEffect(() => {\n    setElements(elements);\n    setSearchValue('');\n  }, [elements]);\n\n  const onSearchButtonClick = useCallback(() => {\n    if (searchValue) {\n      setSearchValue('');\n      setElements(elements);\n    }\n    if (searchInputRef.current) {\n      searchInputRef.current.focus();\n    }\n  }, [searchValue]);\n\n  const onSearchChange = useCallback(e => {\n    const _searchValue = e.target.value;\n    setSearchValue(_searchValue);\n\n    if (!_searchValue || !searchKeys) {\n      return setElements(elements);\n    }\n\n    const filteredElements = searchEngine.search(_searchValue).map(i => i.item);\n\n    setElements(filteredElements.length ? filteredElements : 'noResult');\n  }, [elements, searchKeys]);\n\n  const handleKeyDown = useCallback(e => {\n    e.stopPropagation();\n    if (e.key === 'Escape' && searchInputRef.current) {\n      setSearchValue('');\n      setElements(elements);\n      searchInputRef.current.blur();\n    }\n  }, [elements]);\n\n  return (\n    <div className=\"jfReport-searchContainer p-relative\">\n      <input\n        ref={searchInputRef}\n        className=\"js-searchInput section-search-input\"\n        onChange={onSearchChange}\n        onKeyDown={handleKeyDown}\n        placeholder=\"Search\"\n        type=\"text\"\n        value={searchValue}\n      />\n      <button\n        className={`section-search-button${searchValue ? ' showDelete' : ''}`}\n        onClick={onSearchButtonClick}\n        type=\"button\"\n      >\n        {searchValue ? (\n          <CrossIcon className=\"section-search-icon delete\" />\n        ) : (\n          <SearchIcon className=\"section-search-icon\" />\n        )}\n      </button>\n    </div>\n  );\n};\n\nSearchInput.propTypes = {\n  elements: PropTypes.arrayOf(PropTypes.shape({})),\n  searchKeys: PropTypes.arrayOf(PropTypes.shape({\n    name: PropTypes.string,\n    weight: PropTypes.number,\n  })),\n  setElements: PropTypes.func,\n};\n\nSearchInput.defaultProps = {\n  elements: [],\n  searchKeys: [],\n  setElements: f => f,\n};\n\nexport default SearchInput;\n"],"names":["SearchInput","elements","searchKeys","setElements","searchInputRef","useRef","useState","searchValue","setSearchValue","searchEngine","useMemo","Fuse","keys","threshold","useEffect","onSearchButtonClick","useCallback","current","focus","onSearchChange","e","_searchValue","target","value","filteredElements","search","map","i","item","length","handleKeyDown","stopPropagation","key","blur","_jsxs","_jsx","CrossIcon","SearchIcon","propTypes","PropTypes","arrayOf","shape","name","string","weight","number","func","defaultProps","f"],"mappings":"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"}
+{"version":3,"file":"SearchInput.js","sources":["../../../../src/components/Builder/SearchInput.js"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  useMemo,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Fuse from 'fuse.js/dist/fuse.common';\nimport SearchIcon from '../../assets/search.svg';\nimport CrossIcon from '../../assets/svg/close.svg';\n\nconst SearchInput = ({\n  elements,\n  searchKeys,\n  setElements,\n}) => {\n  const searchInputRef = useRef(null);\n  const [searchValue, setSearchValue] = useState('');\n\n  const searchEngine = useMemo(() => {\n    return new Fuse(elements, { keys: searchKeys, threshold: 0.4 });\n  }, [elements, searchKeys]);\n\n  useEffect(() => {\n    setElements(elements);\n    setSearchValue('');\n  }, [elements]);\n\n  const onSearchButtonClick = useCallback(() => {\n    if (searchValue) {\n      setSearchValue('');\n      setElements(elements);\n    }\n    if (searchInputRef.current) {\n      searchInputRef.current.focus();\n    }\n  }, [searchValue]);\n\n  const onSearchChange = useCallback(e => {\n    const _searchValue = e.target.value;\n    setSearchValue(_searchValue);\n\n    if (!_searchValue || !searchKeys) {\n      return setElements(elements);\n    }\n\n    const filteredElements = searchEngine.search(_searchValue).map(i => i.item);\n\n    setElements(filteredElements.length ? filteredElements : 'noResult');\n  }, [elements, searchKeys]);\n\n  const handleKeyDown = useCallback(e => {\n    e.stopPropagation();\n    if (e.key === 'Escape' && searchInputRef.current) {\n      setSearchValue('');\n      setElements(elements);\n      searchInputRef.current.blur();\n    }\n  }, [elements]);\n\n  return (\n    <div className=\"jfReport-searchContainer\">\n      <div className=\"jfReport-search p-relative\">\n        <input\n          ref={searchInputRef}\n          className=\"js-searchInput section-search-input\"\n          onChange={onSearchChange}\n          onKeyDown={handleKeyDown}\n          placeholder=\"Search\"\n          type=\"text\"\n          value={searchValue}\n        />\n        <button\n          className=\"section-search-button search-icon\"\n          onClick={onSearchButtonClick}\n          type=\"button\"\n        >\n          <SearchIcon className=\"section-search-icon\" />\n        </button>\n        {searchValue && (\n          <button\n            className=\"section-search-button search-delete\"\n            onClick={onSearchButtonClick}\n            type=\"button\"\n          >\n            <CrossIcon className=\"section-search-icon delete\" />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nSearchInput.propTypes = {\n  elements: PropTypes.arrayOf(PropTypes.shape({})),\n  searchKeys: PropTypes.arrayOf(PropTypes.shape({\n    name: PropTypes.string,\n    weight: PropTypes.number,\n  })),\n  setElements: PropTypes.func,\n};\n\nSearchInput.defaultProps = {\n  elements: [],\n  searchKeys: [],\n  setElements: f => f,\n};\n\nexport default SearchInput;\n"],"names":["SearchInput","elements","searchKeys","setElements","searchInputRef","useRef","useState","searchValue","setSearchValue","searchEngine","useMemo","Fuse","keys","threshold","useEffect","onSearchButtonClick","useCallback","current","focus","onSearchChange","e","_searchValue","target","value","filteredElements","search","map","i","item","length","handleKeyDown","stopPropagation","key","blur","_jsx","_jsxs","SearchIcon","CrossIcon","propTypes","PropTypes","arrayOf","shape","name","string","weight","number","func","defaultProps","f"],"mappings":"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"}

package/lib/esm/components/Builder/Section.js

@@ -13,7 +13,7 @@ var Section = function Section(_ref) {
   var Icon = icons[icon] || SvgSettings;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsxs("div", {
-      className: classNames('js-toolTitle toolItem toolTitle d-flex a-center t-medium', {
+      className: classNames('js-toolTitle toolItem toolTitle d-flex a-center t-normal', {
         hasAdditional: additionalComponent
       }),
       children: [icon && /*#__PURE__*/jsx("span", {

package/lib/esm/components/Builder/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","sources":["../../../../src/components/Builder/Section.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport * as icons from '../../utils/icons';\n\nconst Section = ({\n  additionalComponent, children, icon, title,\n}) => {\n  const Icon = icons[icon] || icons.settings;\n  return (\n    <>\n      <div\n        className={classNames(\n          'js-toolTitle toolItem toolTitle d-flex a-center t-medium',\n          { hasAdditional: additionalComponent },\n        )}\n      >\n        {icon\n        && <span className={`titleIcon iconFor-${icon}`}><Icon className=\"jfReportSVG\" /></span>}\n        <span className=\"titleName js-titleName\">\n          {title}\n        </span>\n        {additionalComponent}\n      </div>\n      {children}\n    </>\n  );\n};\n\nSection.propTypes = {\n  additionalComponent: PropTypes.any,\n  children: PropTypes.any,\n  icon: PropTypes.string,\n  title: PropTypes.string,\n};\n\nSection.defaultProps = {\n  additionalComponent: null,\n  children: null,\n  icon: '',\n  title: '',\n};\n\nexport default memo(Section);\n"],"names":["Section","additionalComponent","children","icon","title","Icon","icons","_jsxs","classNames","hasAdditional","_jsx","propTypes","PropTypes","any","string","defaultProps","memo"],"mappings":";;;;;;;AAKA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAEV;AAAA,MADJC,mBACI,QADJA,mBACI;AAAA,MADiBC,QACjB,QADiBA,QACjB;AAAA,MAD2BC,IAC3B,QAD2BA,IAC3B;AAAA,MADiCC,KACjC,QADiCA,KACjC;AACJ,MAAMC,IAAI,GAAGC,KAAK,CAACH,IAAD,CAAL,IAAeG,WAA5B;AACA,sBACEC;AAAA,4BACEA;AACE,MAAA,SAAS,EAAEC,UAAU,CACnB,0DADmB,EAEnB;AAAEC,QAAAA,aAAa,EAAER;AAAjB,OAFmB,CADvB;AAAA,iBAMGE,IAAI,iBACFO;AAAM,QAAA,SAAS,8BAAuBP,IAAvB,CAAf;AAAA,+BAA8CO,IAAC,IAAD;AAAM,UAAA,SAAS,EAAC;AAAhB;AAA9C,QAPL,eAQEA;AAAM,QAAA,SAAS,EAAC,wBAAhB;AAAA,kBACGN;AADH,QARF,EAWGH,mBAXH;AAAA,MADF,EAcGC,QAdH;AAAA,IADF;AAkBD,CAtBD;;AAwBAF,OAAO,CAACW,SAAR,GAAoB;AAClBV,EAAAA,mBAAmB,EAAEW,SAAS,CAACC,GADb;AAElBX,EAAAA,QAAQ,EAAEU,SAAS,CAACC,GAFF;AAGlBV,EAAAA,IAAI,EAAES,SAAS,CAACE,MAHE;AAIlBV,EAAAA,KAAK,EAAEQ,SAAS,CAACE;AAJC,CAApB;AAOAd,OAAO,CAACe,YAAR,GAAuB;AACrBd,EAAAA,mBAAmB,EAAE,IADA;AAErBC,EAAAA,QAAQ,EAAE,IAFW;AAGrBC,EAAAA,IAAI,EAAE,EAHe;AAIrBC,EAAAA,KAAK,EAAE;AAJc,CAAvB;AAOA,6BAAeY,IAAI,CAAChB,OAAD,CAAnB;;;;"}
+{"version":3,"file":"Section.js","sources":["../../../../src/components/Builder/Section.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport * as icons from '../../utils/icons';\n\nconst Section = ({\n  additionalComponent, children, icon, title,\n}) => {\n  const Icon = icons[icon] || icons.settings;\n  return (\n    <>\n      <div\n        className={classNames(\n          'js-toolTitle toolItem toolTitle d-flex a-center t-normal',\n          { hasAdditional: additionalComponent },\n        )}\n      >\n        {icon\n        && <span className={`titleIcon iconFor-${icon}`}><Icon className=\"jfReportSVG\" /></span>}\n        <span className=\"titleName js-titleName\">\n          {title}\n        </span>\n        {additionalComponent}\n      </div>\n      {children}\n    </>\n  );\n};\n\nSection.propTypes = {\n  additionalComponent: PropTypes.any,\n  children: PropTypes.any,\n  icon: PropTypes.string,\n  title: PropTypes.string,\n};\n\nSection.defaultProps = {\n  additionalComponent: null,\n  children: null,\n  icon: '',\n  title: '',\n};\n\nexport default memo(Section);\n"],"names":["Section","additionalComponent","children","icon","title","Icon","icons","_jsxs","classNames","hasAdditional","_jsx","propTypes","PropTypes","any","string","defaultProps","memo"],"mappings":";;;;;;;AAKA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAEV;AAAA,MADJC,mBACI,QADJA,mBACI;AAAA,MADiBC,QACjB,QADiBA,QACjB;AAAA,MAD2BC,IAC3B,QAD2BA,IAC3B;AAAA,MADiCC,KACjC,QADiCA,KACjC;AACJ,MAAMC,IAAI,GAAGC,KAAK,CAACH,IAAD,CAAL,IAAeG,WAA5B;AACA,sBACEC;AAAA,4BACEA;AACE,MAAA,SAAS,EAAEC,UAAU,CACnB,0DADmB,EAEnB;AAAEC,QAAAA,aAAa,EAAER;AAAjB,OAFmB,CADvB;AAAA,iBAMGE,IAAI,iBACFO;AAAM,QAAA,SAAS,8BAAuBP,IAAvB,CAAf;AAAA,+BAA8CO,IAAC,IAAD;AAAM,UAAA,SAAS,EAAC;AAAhB;AAA9C,QAPL,eAQEA;AAAM,QAAA,SAAS,EAAC,wBAAhB;AAAA,kBACGN;AADH,QARF,EAWGH,mBAXH;AAAA,MADF,EAcGC,QAdH;AAAA,IADF;AAkBD,CAtBD;;AAwBAF,OAAO,CAACW,SAAR,GAAoB;AAClBV,EAAAA,mBAAmB,EAAEW,SAAS,CAACC,GADb;AAElBX,EAAAA,QAAQ,EAAEU,SAAS,CAACC,GAFF;AAGlBV,EAAAA,IAAI,EAAES,SAAS,CAACE,MAHE;AAIlBV,EAAAA,KAAK,EAAEQ,SAAS,CAACE;AAJC,CAApB;AAOAd,OAAO,CAACe,YAAR,GAAuB;AACrBd,EAAAA,mBAAmB,EAAE,IADA;AAErBC,EAAAA,QAAQ,EAAE,IAFW;AAGrBC,EAAAA,IAAI,EAAE,EAHe;AAIrBC,EAAAA,KAAK,EAAE;AAJc,CAAvB;AAOA,6BAAeY,IAAI,CAAChB,OAAD,CAAnB;;;;"}

package/lib/esm/components/{Panels/RightPanel/SettingTabs.js → Builder/Tabs.js}

@@ -1,33 +1,35 @@
 import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import { memo, useCallback, Fragment } from 'react';
 import PropTypes from 'prop-types';
-import { useBuilderContext } from '../../../utils/builderContext.js';
-import { usePropContext } from '../../../utils/propContext.js';
+import { useBuilderContext } from '../../utils/builderContext.js';
+import { usePropContext } from '../../utils/propContext.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var SettingTabs = function SettingTabs(_ref) {
-  var tabs = _ref.tabs;
+var Tabs = function Tabs(_ref) {
+  var panel = _ref.panel,
+      tabs = _ref.tabs;
 
   var _useBuilderContext = useBuilderContext(),
       activeTab = _useBuilderContext.activeTab,
+      isLeftPanelOpen = _useBuilderContext.isLeftPanelOpen,
+      isRightPanelOpen = _useBuilderContext.isRightPanelOpen,
       setActiveTab = _useBuilderContext.setActiveTab;
 
   var _usePropContext = usePropContext(),
       onAnEventTrigger = _usePropContext.onAnEventTrigger;
 
   var setCurrentTab = useCallback(function (index, tab) {
-    setActiveTab(index);
+    setActiveTab(panel, index);
     onAnEventTrigger('settingTabChanged', tab);
-  }, [setActiveTab, onAnEventTrigger]);
+  }, [setActiveTab, onAnEventTrigger, panel]);
   return tabs.length > 1 && /*#__PURE__*/jsxs("div", {
-    className: "toolTabs d-flex p-relative",
+    className: "toolTabs d-flex p-relative ".concat(panel),
     "data-tab": tabs.length,
     children: [tabs.map(function (tab, index) {
+      var checked = activeTab[panel] === index && (panel === 'left' && isLeftPanelOpen || panel === 'right' && isRightPanelOpen);
       return /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx("input", {
-          checked: activeTab === index,
+          checked: checked,
           className: "toolTabs-tab",
           id: tab,
           name: "tabs",
@@ -37,25 +39,28 @@ var SettingTabs = function SettingTabs(_ref) {
           "tab-count": index,
           type: "radio"
         }), /*#__PURE__*/jsx("label", {
-          className: "t-medium js-tabLabel",
+          className: "t-normal js-tabLabel",
           htmlFor: tab,
-          children: tab
+          children: /*#__PURE__*/jsx("span", {
+            children: tab
+          })
         })]
-      }, index.toString());
+      }, tab);
     }), /*#__PURE__*/jsx("div", {
-      className: "toolTabs-indicator p-absolute bg-blue",
+      className: "toolTabs-indicator p-absolute",
       "data-tab": tabs.length
     })]
   });
 };
 
-SettingTabs.propTypes = {
+Tabs.propTypes = {
+  panel: PropTypes.string.isRequired,
   tabs: PropTypes.arrayOf(PropTypes.string)
 };
-SettingTabs.defaultProps = {
+Tabs.defaultProps = {
   tabs: []
 };
-var SettingTabs$1 = /*#__PURE__*/memo(SettingTabs);
+var Tabs$1 = /*#__PURE__*/memo(Tabs);
 
-export default SettingTabs$1;
-//# sourceMappingURL=SettingTabs.js.map
+export default Tabs$1;
+//# sourceMappingURL=Tabs.js.map