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

package/lib/esm/contexts/PropContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropContext.js","sources":["../../../src/contexts/PropContext.js"],"sourcesContent":["import {\n  createContext, useContext, useEffect, useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { createStore, useStore } from 'zustand';\n\nconst fn = () => {};\n\nconst propStore = props => {\n  // eslint-disable-next-line complexity\n  return createStore(set => ({\n    acceptedItems: props.acceptedItems || {},\n    additionalPageItems: props.additionalPageItems || [],\n    disableInteraction: props.disableInteraction || [],\n    itemAccessor: props.itemAccessor || fn,\n    leftPanelConfig: props.leftPanelConfig || [],\n    onAnEventTrigger: props.onAnEventTrigger || (() => {}),\n    onItemAdd: props.onItemAdd || fn,\n    onItemChange: props.onItemChange || fn,\n    onItemMove: props.onItemMove || fn,\n    onItemRemove: props.onItemRemove || fn,\n    onItemResize: props.onItemResize || fn,\n    onItemsMove: props.onItemsMove || fn,\n    onPageAdd: props.onPageAdd || fn,\n    onPageChange: props.onPageChange || fn,\n    onPageDuplicate: props.onPageDuplicate || fn,\n    onPageOrdersChange: props.onPageOrdersChange || fn,\n    onPageRemove: props.onPageRemove || fn,\n    onSettingChange: props.onSettingChange || fn,\n    pages: props.pages || [],\n    setAcceptedItems: acceptedItems => { set({ acceptedItems }); },\n    setItemAccessor: itemAccessor => { set({ itemAccessor }); },\n    setPages: pages => { set({ pages }); },\n    setSettings: settings => { set({ settings }); },\n    settings: props.settings || {\n      reportLayout: 'A4 Landscape',\n    },\n    theme: props.theme || 'lightMode',\n    useExperimentalFeatures: props.useExperimentalFeatures || false,\n  }));\n};\n\nconst PropContext = createContext(null);\n\nexport const PropProvider = ({ children, ...props }) => {\n  const storeRef = useRef();\n  if (!storeRef.current) {\n    storeRef.current = propStore(props);\n  }\n\n  const {\n    acceptedItems, itemAccessor, pages, settings,\n  } = props;\n\n  useEffect(() => {\n    const { setPages } = storeRef.current.getState();\n    if (pages) {\n      setPages(pages);\n    }\n  }, [pages]);\n\n  useEffect(() => {\n    const { setItemAccessor } = storeRef.current.getState();\n    setItemAccessor(itemAccessor);\n  }, [itemAccessor]);\n\n  useEffect(() => {\n    const { setAcceptedItems } = storeRef.current.getState();\n    if (acceptedItems) {\n      setAcceptedItems(acceptedItems);\n    }\n  }, [acceptedItems]);\n\n  useEffect(() => {\n    const { setSettings } = storeRef.current.getState();\n    if (settings) {\n      setSettings(settings);\n    }\n  }, [settings]);\n\n  return (\n    <PropContext.Provider value={storeRef.current}>\n      {children}\n    </PropContext.Provider>\n  );\n};\n\nPropProvider.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  children: PropTypes.any,\n  itemAccessor: PropTypes.func,\n  pages: PropTypes.arrayOf(PropTypes.object),\n  settings: PropTypes.shape({}),\n};\n\nexport const PropConsumer = PropContext.Consumer;\n\nexport const usePropStore = selector => {\n  const context = useContext(PropContext);\n  if (!context) {\n    throw new Error('usePropStore must be used with PropProvider!');\n  }\n  return useStore(context, selector);\n};\n"],"names":["fn","propStore","props","createStore","set","acceptedItems","additionalPageItems","disableInteraction","itemAccessor","leftPanelConfig","onAnEventTrigger","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onSettingChange","pages","setAcceptedItems","setItemAccessor","setPages","setSettings","settings","reportLayout","theme","useExperimentalFeatures","PropContext","createContext","PropProvider","children","storeRef","useRef","current","useEffect","getState","_jsx","propTypes","PropTypes","shape","any","func","arrayOf","object","Consumer","usePropStore","selector","context","useContext","Error","useStore"],"mappings":"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"}

package/lib/esm/contexts/Providers.js

@@ -0,0 +1,64 @@
+import PropTypes from 'prop-types';
+import { BuilderProvider } from './BuilderContext.js';
+import { PresentationProvider } from './PresentationContext.js';
+import { PropProvider } from './PropContext.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["children", "lastScrollPosition", "mode", "onRightPanelsToggled", "presentationBarActions", "useFixedPresentationBar"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var Providers = function Providers(_ref) {
+  var children = _ref.children,
+      lastScrollPosition = _ref.lastScrollPosition,
+      mode = _ref.mode,
+      onRightPanelsToggled = _ref.onRightPanelsToggled,
+      presentationBarActions = _ref.presentationBarActions,
+      useFixedPresentationBar = _ref.useFixedPresentationBar,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(BuilderProvider, {
+    lastScrollPosition: lastScrollPosition,
+    onRightPanelsToggled: onRightPanelsToggled,
+    children: /*#__PURE__*/jsx(PropProvider, _objectSpread(_objectSpread({}, props), {}, {
+      children: mode === 'customize' ? children : /*#__PURE__*/jsx(PresentationProvider, {
+        presentationBarActions: presentationBarActions,
+        useFixedPresentationBar: useFixedPresentationBar,
+        children: children
+      })
+    }))
+  });
+};
+
+Providers.propTypes = {
+  children: PropTypes.node.isRequired,
+
+  /** Last scroll position */
+  lastScrollPosition: PropTypes.number,
+
+  /** Mode of the report */
+  mode: PropTypes.oneOf(['customize', 'presentation', 'preview', 'print']),
+
+  /** Function called when the slides or the right panel is
+   * toggled takes a boolean value to indicate whether or
+   * not the panel is toggled open.
+   */
+  onRightPanelsToggled: PropTypes.func,
+
+  /** To pass in action definitions that will be rendered as buttons */
+  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),
+
+  /** Flag for fixed action bar */
+  useFixedPresentationBar: PropTypes.bool
+};
+
+export default Providers;
+//# sourceMappingURL=Providers.js.map

package/lib/esm/contexts/Providers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Providers.js","sources":["../../../src/contexts/Providers.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { BuilderProvider } from './BuilderContext';\nimport { PresentationProvider } from './PresentationContext';\nimport { PropProvider } from './PropContext';\n\nconst Providers = ({\n  children,\n  lastScrollPosition,\n  mode,\n  onRightPanelsToggled,\n  presentationBarActions,\n  useFixedPresentationBar,\n  ...props\n}) => {\n  return (\n    <BuilderProvider\n      lastScrollPosition={lastScrollPosition}\n      onRightPanelsToggled={onRightPanelsToggled}\n    >\n      <PropProvider {...props}>\n        {mode === 'customize' ? children : (\n          <PresentationProvider\n            presentationBarActions={presentationBarActions}\n            useFixedPresentationBar={useFixedPresentationBar}\n          >\n            {children}\n          </PresentationProvider>\n        )}\n      </PropProvider>\n    </BuilderProvider>\n  );\n};\n\nProviders.propTypes = {\n  children: PropTypes.node.isRequired,\n  /** Last scroll position */\n  lastScrollPosition: PropTypes.number,\n  /** Mode of the report */\n  mode: PropTypes.oneOf(['customize', 'presentation', 'preview', 'print']),\n  /** Function called when the slides or the right panel is\n   * toggled takes a boolean value to indicate whether or\n   * not the panel is toggled open.\n   */\n  onRightPanelsToggled: PropTypes.func,\n  /** To pass in action definitions that will be rendered as buttons */\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  /** Flag for fixed action bar */\n  useFixedPresentationBar: PropTypes.bool,\n};\n\nexport default Providers;\n"],"names":["Providers","children","lastScrollPosition","mode","onRightPanelsToggled","presentationBarActions","useFixedPresentationBar","props","_jsx","propTypes","PropTypes","node","isRequired","number","oneOf","func","arrayOf","shape","bool"],"mappings":";;;;;;;;;;;;;;;;;;IAKMA,SAAS,GAAG,SAAZA,SAAY,OAQZ;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,kBAMI,QANJA,kBAMI;AAAA,MALJC,IAKI,QALJA,IAKI;AAAA,MAJJC,oBAII,QAJJA,oBAII;AAAA,MAHJC,sBAGI,QAHJA,sBAGI;AAAA,MAFJC,uBAEI,QAFJA,uBAEI;AAAA,MADDC,KACC;;AACJ,sBACEC,IAAC,eAAD;AACE,IAAA,kBAAkB,EAAEN,kBADtB;AAEE,IAAA,oBAAoB,EAAEE,oBAFxB;AAAA,2BAIEI,IAAC,YAAD,kCAAkBD,KAAlB;AAAA,gBACGJ,IAAI,KAAK,WAAT,GAAuBF,QAAvB,gBACCO,IAAC,oBAAD;AACE,QAAA,sBAAsB,EAAEH,sBAD1B;AAEE,QAAA,uBAAuB,EAAEC,uBAF3B;AAAA,kBAIGL;AAJH;AAFJ;AAJF,IADF;AAiBD;;AAEDD,SAAS,CAACS,SAAV,GAAsB;AACpBR,EAAAA,QAAQ,EAAES,SAAS,CAACC,IAAV,CAAeC,UADL;;AAEpB;AACAV,EAAAA,kBAAkB,EAAEQ,SAAS,CAACG,MAHV;;AAIpB;AACAV,EAAAA,IAAI,EAAEO,SAAS,CAACI,KAAV,CAAgB,CAAC,WAAD,EAAc,cAAd,EAA8B,SAA9B,EAAyC,OAAzC,CAAhB,CALc;;AAMpB;AACF;AACA;AACA;AACEV,EAAAA,oBAAoB,EAAEM,SAAS,CAACK,IAVZ;;AAWpB;AACAV,EAAAA,sBAAsB,EAAEK,SAAS,CAACM,OAAV,CAAkBN,SAAS,CAACO,KAAV,CAAgB,EAAhB,CAAlB,CAZJ;;AAapB;AACAX,EAAAA,uBAAuB,EAAEI,SAAS,CAACQ;AAdf,CAAtB;;;;"}

package/lib/esm/index.js

@@ -3,7 +3,6 @@ export { default as generateId } from './utils/generateId.js';
 export { default as Presentation } from './components/Presentation/Presentation.js';
 export { default as Preview } from './components/Preview/Preview.js';
 export { default as Print } from './components/Print/Print.js';
-export { default as PrintMode } from './components/Print/PrintMode.js';
 export { default as Report } from './components/Report.js';
 export { default as Layout } from './constants/reportSettings.js';
 export { default as Page } from './constants/pageSettings.js';

package/lib/esm/index.js.map

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

package/lib/esm/styles/_jfPresentation.scss

@@ -341,21 +341,3 @@
     }
   }
 }
-
-.layout-responsive {
-  overflow-y: auto;
-  padding: 0 16px;
-}
-
-.layout-responsive > * {
-  /* stylelint-disable, declaration-no-important */
-  position: relative !important;
-  left: 0 !important;
-  top: 0 !important;
-  /* stylelint-enable, declaration-no-important */
-  margin: 0 auto;
-
-  &:last-of-type {
-    margin-bottom: 0;
-  }
-}

package/lib/esm/styles/_jfPrint.scss

@@ -21,8 +21,24 @@
   height: 100vh !important;
 }
 .jfReport.printMode .jfReport-viewport {
+  *:not(.jfGrid-colHeaderContainer):not(.jfGrid-colHeaderContainer *) {
+    overflow: hidden !important;
+  }
+
   display: block;
 }
+.jfReport.printMode [id*="presentation-page-"] {
+  width: 100% !important;
+  height: 100% !important;
+  page-break-after: always !important;
+  break-after: always !important;
+
+  &:last-child {
+    page-break-after: auto !important;
+    break-after: auto !important;
+  }
+}
+
 .jfReport.printMode .jfReport-col {
   display: block;
 }
@@ -62,7 +78,7 @@
   .PresentationModal {
     display: none;
   }
-  
+
   .jfPresentation-barContainer {
     display: none !important;
   }

package/lib/esm/styles/_jfReportsModal.scss

@@ -4,6 +4,15 @@
 */
 
 .jfReportModal {
+  position: relative;
+  width: 94%;
+  margin-top: 40px;
+  max-width: 700px;
+  background-color: $white;
+  border-radius: 4px;
+  transition: $transition;
+  opacity: 0;
+  box-shadow: 0 2px 7px 0 rgba(#000000,.5);
 
   &-overlay {
     position: fixed;
@@ -29,15 +38,6 @@
     }
   }
 
-  position: relative;
-  width: 94%;
-  margin-top: 40px;
-  max-width: 700px;
-  background-color: $white;
-  border-radius: 4px;
-  transition: $transition;
-  opacity: 0;
-  box-shadow: 0 2px 7px 0 rgba(#000000,.5);
 
   button.jfReportModal-close {
     position: absolute;

package/lib/esm/styles/_jfReportsPanels.scss

@@ -177,10 +177,13 @@
       }
 
       .forAspect {
+        width: 24px;
+        padding: 12px 0;
         &:before, &:after {
           content: "";
           position: absolute;
-          bottom: 6px;
+          top: 50%;
+          transform: translateY(-50%);
           width: 4px;
 
           border-bottom: 1px solid #303339;

package/lib/esm/styles/_jfReportsReportItem.scss

@@ -45,7 +45,7 @@
     &.isDraggingLayerElement {
       opacity: .8;
       transition: none;
-      cursor: pointer;
+      cursor: grabbing;
     }
 
     .jfReportEditable {

package/lib/esm/styles/_jfReportsSVG.scss

@@ -131,7 +131,6 @@
   .icon-aspectLock, .icon-aspectUnlock {
     width: 12px;
     height: 14px;
-    margin-top: 10px;
   }
 
   .icon-aspectLock {

package/lib/esm/styles/_jfReportsTextEditor.scss

@@ -22,6 +22,11 @@
     font-style: inherit;
     overflow-y: visible;
     &[contentEditable="true"] {
+
+      /* In the edit mode Text element height and scrollable area for quill editor
+      * And calculation applied for tolerance, banner height etc. in each report item
+      */
+      max-height: calc(100% - 2.5rem);
       cursor: text;
     }
 

package/lib/esm/styles/_jfReportsViewModes.scss

@@ -1,5 +1,4 @@
-.jfReport.previewMode,
-.jefReport.responsiveMode {
+.jfReport.previewMode {
   .jfReport-canvas {
     padding: 0 40px;
   }
@@ -9,9 +8,7 @@
   }
 }
 
-.jfPresentation,
-.jfReport.previewMode,
-.jfReport.responsiveMode {
+.jfPresentation, .jfReport.previewMode {
   .recharts-surface {
     pointer-events: all;
   }

package/lib/esm/styles/_jfSearchInput.scss

@@ -19,11 +19,11 @@
       border-radius: 0 15px 15px 0;
 
       &.search-icon {
-        left: 4px;
+        left: 8px;
       }
 
       &.search-delete {
-        right: 4px;
+        right: 8px;
 
         &:before {
           content: "";

package/lib/esm/utils/functions.js

@@ -18,6 +18,8 @@ import 'core-js/modules/es.string.iterator.js';
 import 'core-js/modules/es.string.match.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.string.starts-with.js';
+import 'core-js/modules/es.string.trim.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/web.url.js';
@@ -75,12 +77,10 @@ var getStyles = function getStyles(left, top, isDragging) {
     top: top
   };
 };
-
 var isSelected = function isSelected(id, activeElements) {
   if (activeElements === null) return id === activeElements;
   return activeElements.indexOf(id) !== -1;
 };
-
 var findItemById = function findItemById(itemID, pages) {
   var page = pages.find(function (p) {
     return p.items.find(function (item) {
@@ -688,12 +688,9 @@ var arrayMove = function arrayMove(array, from, to) {
   arrayMoveMutate(newArray, from, to);
   return newArray;
 };
-var zoomHandler = function zoomHandler(_ref2) {
-  var handler = _ref2.handler,
-      isFullscreen = _ref2.isFullscreen,
-      isModeCustomize = _ref2.isModeCustomize,
+var getZoomValue = function getZoomValue(_ref2) {
+  var isFullscreen = _ref2.isFullscreen,
       limitZoom = _ref2.limitZoom,
-      onLoad = _ref2.onLoad,
       settings = _ref2.settings,
       useFixedPresentationBar = _ref2.useFixedPresentationBar,
       useProgressBar = _ref2.useProgressBar;
@@ -727,7 +724,6 @@ var zoomHandler = function zoomHandler(_ref2) {
   var newZoom = Number(newScale.toFixed(2));
   if (limitZoom && newZoom < 0.5) newZoom = 0.5;
   if (limitZoom && newZoom > 1) newZoom = 1;
-  handler(newZoom, isModeCustomize, reportLayoutWidth, onLoad);
   return newZoom;
 };
 var throttle = function throttle(fn, delay) {
@@ -805,20 +801,17 @@ var scrollToTarget = function scrollToTarget(id) {
     }
   }, timeout);
 };
-var calculateHeight = function calculateHeight(originalHeight, originalWidth, canvasWidth, mode) {
-  if (mode !== 'responsive') {
-    return originalHeight;
-  }
-
-  var calculatedWidth = originalWidth;
-  var ratio = originalHeight / originalWidth;
-
-  if (originalWidth > canvasWidth - 32) {
-    calculatedWidth = canvasWidth;
-  }
-
-  return ratio * calculatedWidth;
+function normalizeHexColor(value) {
+  var v = value.trim();
+  if (!v.startsWith('#')) v = "#".concat(v);
+  return v;
+}
+function isValidHexColor(value) {
+  return /^#(?:[0-9a-fA-F]{3}){1,2}$/.test(value);
+}
+var emptyFunction = function emptyFunction(f) {
+  return f;
 };
 
-export { arrayMove, calculateGuidePositions, calculateHeight, changePage, checkValueProximities, closeFullscreen, collisionCheck, findItemById, findItemsOnPage, getAllGuidesForGivenAxisExceptActiveBox, getAvailableCoordinate, getContainerPositions, getCorrectDroppedOffsetValue, getCorrectDroppedOffsetValueBySnap, getExactIconType, getFileName, getImageSizes, getMostVisiblePage, getPosition, getScaleForPageThumbnail, getScaleForPageThumbnailLarge, getSelectedItems, getStyles, getTabsWithElements, getTabsWithSettings, getVisibleHeightPx, imageSizeUpdater, moveArrayItem, moveItemInArrayFromIndexToIndex, onChangeFunction, openFullscreenHelper, proximityListener, roundForDecimalPart, safeJSONParse, scrollToTarget, throttle, zoomHandler };
+export { arrayMove, calculateGuidePositions, changePage, checkValueProximities, closeFullscreen, collisionCheck, emptyFunction, findItemById, findItemsOnPage, getAllGuidesForGivenAxisExceptActiveBox, getAvailableCoordinate, getContainerPositions, getCorrectDroppedOffsetValue, getCorrectDroppedOffsetValueBySnap, getExactIconType, getFileName, getImageSizes, getMostVisiblePage, getPosition, getScaleForPageThumbnail, getScaleForPageThumbnailLarge, getSelectedItems, getStyles, getTabsWithElements, getTabsWithSettings, getVisibleHeightPx, getZoomValue, imageSizeUpdater, isSelected, isValidHexColor, moveArrayItem, moveItemInArrayFromIndexToIndex, normalizeHexColor, onChangeFunction, openFullscreenHelper, proximityListener, roundForDecimalPart, safeJSONParse, scrollToTarget, throttle };
 //# sourceMappingURL=functions.js.map