@jotforminc/dnd-builder 2.0.0-beta.0 → 2.0.0

package/lib/esm/styles/_jfReportsChoice.scss

@@ -19,17 +19,17 @@
     background: 0;
 
     &:not(.forPin):before {
+      content: "";
       width: 16px;
       height: 16px;
+      display: inline-block;
+      vertical-align: middle;
       transition: 0.3s;
-      content: "";
       margin-right: 10px;
       border-radius: 3px;
       background-repeat: no-repeat;
       background-position: center;
       background-size: 10px;
-      display: inline-block;
-      vertical-align: top;
       @include inputDefault;
     }
 
@@ -64,16 +64,17 @@
       }
 
       &:hover:before {
-        border-color: #0099FF;
+        border-color: $ctaBlue;
       }
     }
   }
 
   &.hasNotText {
+    display: block;
+
     .jfReportChoice-label {
       &:before {
         margin-right: 0;
-        vertical-align: text-top;
       }
     }
   }
@@ -94,19 +95,19 @@
     &:checked + .jfReportChoice-labelIcon {
       .jfReportChoice-label:before {
         background-image: $jfReportChoice-checkIcon;
-        background-color: #0099FF;
-        border-color: #0099FF;
+        background-color: $ctaBlue;
+        border-color: $ctaBlue;
       }
       .jfReportChoice-label.radio:before {
         background-image: none;
         background-color: transparent;
-        border-color: #0099FF;
+        border-color: $ctaBlue;
       }
       .jfReportChoice-label.radio:after {
         position: absolute;
         left: 4px;
         top: 4px;
-        background-color: #0099FF;
+        background-color: $ctaBlue;
         border-radius: 50%;
         width: 10px;
         height: 10px;

package/lib/esm/styles/_jfReportsFonts.scss

@@ -6,53 +6,46 @@
 // stylelint-disable
 /* latin-ext */
 @font-face {
-  font-family: 'Circular Std';
+  font-family: "Circular";
+  src: local("Circular Book"), local("Circular-Book"), url("https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Book.woff2") format("woff2"), url("https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Book.woff") format("woff");
+  font-display: swap;
   font-style: normal;
   font-weight: 400;
-  font-display: block;
-  src: local('CircularXXWeb Regular'), local('CircularXXWeb-Regular'), url(https://cdn.jotfor.ms/fonts/circularx/fonts/CircularXXWeb-Regular.woff2) format('woff2'), url(https://cdn.jotfor.ms/fonts/circularx/fonts/CircularXXWeb-Regular.woff) format('woff');
 }
 @font-face {
-  font-family: 'Circular Std';
-  font-style: normal;
-  font-weight: 400;
+  font-family: "Circular";
+  src: local("Circular Book Italic"), local("Circular-Book-Italic"), url("https://cdn.jotfor.ms/fonts/circular/fonts/Circular-BookItalic.woff2") format("woff2"), url("https://cdn.jotfor.ms/fonts/circular/fonts/Circular-BookItalic.woff") format("woff");
   font-display: swap;
-  src: local('CircularXXWeb Regular'), local('CircularXXWeb-Regular'), url(https://cdn.jotfor.ms/fonts/circularx/fonts/CircularXXWeb-Book.woff2) format('woff2'), url(https://cdn.jotfor.ms/fonts/circularx/fonts/CircularXXWeb-Book.woff) format('woff');
-}
-@font-face {
-  font-family: 'Circular Std';
   font-style: italic;
-  font-weight: 700;
-  font-display: swap;
-  src: local('CircularXXWeb Bold'), local('CircularXXWeb-Bold'), url(https://cdn.jotfor.ms/fonts/circularx/fonts/CircularXXWeb-BoldItalic.woff2) format('woff2'), url(https://cdn.jotfor.ms/fonts/circularx/fonts/CircularXXWeb-BoldItalic.woff) format('woff');
+  font-weight: 400;
 }
 @font-face {
-  font-family: 'Circular Std';
+  font-family: "Circular";
+  src: local("Circular Medium"), local("Circular-Medium"), url("https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Medium.woff2") format("woff2"), url("https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Medium.woff") format("woff");
+  font-display: swap;
   font-style: normal;
   font-weight: 500;
-  font-display: swap;
-  src: local('CircularXXWeb Medium'), local('CircularXXWeb-Medium'), url(https://cdn.jotfor.ms/fonts/circularx/fonts/CircularXXWeb-Medium.woff2) format('woff2'), url(https://cdn.jotfor.ms/fonts/circularx/fonts/CircularXXWeb-Medium.woff) format('woff');
 }
 @font-face {
-  font-family: 'Circular Std';
+  font-family: "Circular";
+  src: local("Circular Medium Italic"), local("Circular-Medium-Italic"), url("https://cdn.jotfor.ms/fonts/circular/fonts/Circular-MediumItalic.woff2") format("woff2"), url("https://cdn.jotfor.ms/fonts/circular/fonts/Circular-MediumItalic.woff") format("woff");
+  font-display: swap;
   font-style: italic;
   font-weight: 500;
-  font-display: swap;
-  src: local('CircularXXWeb Medium'), local('CircularXXWeb-Medium'), url(https://cdn.jotfor.ms/fonts/circularx/fonts/CircularXXWeb-MediumItalic.woff2) format('woff2'), url(https://cdn.jotfor.ms/fonts/circularx/fonts/CircularXXWeb-MediumItalic.woff) format('woff');
 }
 @font-face {
-  font-family: 'Circular Std';
+  font-family: "Circular";
+  src: local("Circular Bold"), local("Circular-Bold"), url("https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Bold.woff2") format("woff2"), url("https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Bold.woff") format("woff");
+  font-display: swap;
   font-style: normal;
   font-weight: 700;
-  font-display: swap;
-  src: local('CircularXXWeb Bold'), local('CircularXXWeb-Bold'), url(https://cdn.jotfor.ms/fonts/circularx/fonts/CircularXXWeb-Bold.woff2) format('woff2'), url(https://cdn.jotfor.ms/fonts/circularx/fonts/CircularXXWeb-Bold.woff) format('woff');
 }
 @font-face {
-  font-family: 'Circular Std';
-  font-style: italic;
-  font-weight: 400;
+  font-family: "Circular";
+  src: local("Circular Bold"), local("Circular-Bold"), url("https://cdn.jotfor.ms/fonts/circular/fonts/Circular-BoldItalic.woff2") format("woff2"), url("https://cdn.jotfor.ms/fonts/circular/fonts/Circular-BoldItalic.woff") format("woff");
   font-display: swap;
-  src: local('CircularXXWeb Regular'), local('CircularXXWeb-Regular'), url(https://cdn.jotfor.ms/fonts/circularx/fonts/CircularXXWeb-BookItalic.woff2) format('woff2'), url(https://cdn.jotfor.ms/fonts/circularx/fonts/CircularXXWeb-BookItalic.woff) format('woff');
+  font-style: italic;
+  font-weight: 700;
 }
 @font-face {
   font-family: 'Bitter';

package/lib/esm/styles/_jfReportsPages.scss

@@ -97,7 +97,7 @@
 .jfReport .forSlides .pageAdder {
   display: flex;
   padding: 10px 20px 10px 16px;
-  background-color: #0099FF;
+  background-color: $ctaBlue;
   border-top: 1px solid #DDE0EA;
   border-radius: 4px;
   box-shadow: 0 -5px 0 rgba(#6A6E8F, 0.05);
@@ -113,7 +113,7 @@
   }
 
   &:hover {
-    background-color: #0099FF;
+    background-color: $ctaBlue;
 
     .jfReportSVG {
       fill: #fff;

package/lib/esm/styles/_jfReportsPanelElements.scss

@@ -35,8 +35,8 @@
     }
 
     &-dropdown, &-input {
+      border: 1px solid transparent;
       font-size: 0.938rem;
-      @include inputDefault;
       height: 40px;
     }
 
@@ -73,7 +73,7 @@
       }
 
       &.forSegments {
-        height: 54px;
+        height: 38px;
         border-radius: 4px;
       }
 
@@ -128,6 +128,7 @@
             height: 80px;
             border-radius: 4px;
           }
+
           span.toolSection-listItemName {
             font-size: 16px;
             margin-top: 8px;
@@ -161,6 +162,10 @@
       }
     }
 
+    &.isBig .forSegments {
+      height: 54px;
+    }
+
     &-orientation {
       &Item {
         color: $infoGray;
@@ -370,7 +375,7 @@
 
     label[for="fileUploader"] {
       .jfReportButton {
-        background-color: #0099FF;
+        background-color: $ctaBlue;
         color: $white;
         border: none;
         font-size: 16px;
@@ -442,7 +447,6 @@
 
       .uploadInfo {
         margin-top: 10px;
-        color: #F3F3FE;
 
         &.isError {
           color: $danger;
@@ -490,7 +494,7 @@
         bottom: 0;
         left: 0;
         background-color: rgba(66, 119, 255, 0.5);
-        border: 3px solid #0099FF;
+        border: 3px solid $ctaBlue;
         z-index: 1;
       }
 
@@ -531,7 +535,7 @@
       font-weight: 500;
 
       &.isSuccess {
-        background-color: #0099FF;
+        background-color: $ctaBlue;
       }
       &.isDanger {
         background-color: #FF6100;
@@ -553,7 +557,7 @@
       font-weight: 500;
 
       &.isSuccess {
-        background-color: #0099FF;
+        background-color: $ctaBlue;
       }
     }
 
@@ -637,7 +641,7 @@
       height: 38px;
       right: 0;
       font-size: 15px;
-      border-left: 1px solid #303339;
+      border-left: 1px solid transparent;
       align-items: center;
       width: 38px;
       justify-content: center;
@@ -685,9 +689,7 @@
     width: 1px;
     top: 0;
     bottom: 0;
-    background-color: #303339;
     right: 38px;
-    background-image: none;
   }
 
   .toolSection-dropdown {

package/lib/esm/styles/_jfReportsPanels.scss

@@ -9,8 +9,6 @@
   position: absolute;
 
   &-pane {
-    font-size: 0.938rem;
-
     // Panel Layout //
 
     .toolItem {
@@ -198,6 +196,7 @@
 
     .toolTabs {
       flex-shrink: 0;
+      font-size: 0.875rem;
 
       &-indicator {
         left: 0;

package/lib/esm/styles/_jfReportsSVG.scss

@@ -44,10 +44,6 @@
 
   .toolItem-icon {
     color: $additionalGray;
-
-    .icon-bar path {
-      fill: $additionalGray;
-    }
   }
 
   .icon-fit {

package/lib/esm/styles/_jfReportsSortableList.scss

@@ -32,9 +32,6 @@
       fill: #2c3345;
       color: #2c3345;
     }
-    .icon-drag {
-      fill: #999FA8;
-    }
   }
 
   &-drag {
@@ -88,14 +85,13 @@
     svg {
       display: block;
       width: 12px;
-      fill: #ffffff;
     }
   }
 
   &-name {
     width: calc(100% - 28px);
     background-color: #555F6E;
-    border-radius: 2px;
+    border-radius: 4px;
     padding: 9px 12px;
     display: flex;
     align-items: center;
@@ -109,6 +105,21 @@
     transition: $transition;
     min-width: 0;
 
+    &:not(.isDark) {
+      .jfReportSelectOption-text {
+        color: #2b3245;
+      }
+
+      .jfReportSelectOption-icon {
+        fill: #8483A9;
+        color: #8483A9;
+      }
+    }
+
+    .forPin:hover {
+      opacity: 1;
+    }
+
     &.isDark {
       color: #f2f2f2;
       svg {
@@ -170,7 +181,7 @@
   }
 
   & + .jfReportSelectOption {
-    margin-top: 20px;
+    margin-top: 10px;
   }
 
   .forChart & {
@@ -259,10 +270,6 @@
       }
     }
 
-    .jfReportSelectOption-name {
-      border: 1px solid #303339;
-    }
-
     &.withColorSelect {
       .jfReportSelectOption-name {
         padding-right: 26px;
@@ -308,10 +315,6 @@
       }
     }
 
-    &.forPageLayer .jfReportSelectOption-name:hover {
-      border-color: $inputGrayBorderHover;
-    }
-
     &.withDelete .jfReportSelectOption-name:hover .jfReportSelectOption-delete {
       opacity: 1;
     }

package/lib/esm/styles/_jfReportsToggle.scss

@@ -52,7 +52,7 @@
     transition: .3s;
   }
 
-  & > input:checked ~ &-text:before { background-color: $blue; }
+  & > input:checked ~ &-text:before { background-color: $ctaBlue; }
 
   & > input:checked ~ &-on {
     opacity: 1;

package/lib/esm/styles/_jfReportsVariables.scss

@@ -13,7 +13,9 @@ $lightGray: #cccdd9;
 $gray: #9294aa;
 $inputGray: #fbfbfe;
 $inputGrayBorder: #d3d4de;
+$inputDarkGrayBorder:#303339;
 $ctaGreen: #04bd6f;
+$ctaBlue: #0099FF;
 $placeholderColor: #abadc1;
 $infoGray: #cccdd9;
 $additionalGray: #8583A9;
@@ -23,10 +25,12 @@ $blueHover: lighten( $blue, 7% );
 $grayHover: lighten( $gray, 10% );
 $lightGrayHover: lighten( $lightGray, 15% );
 $inputGrayBorderHover: darken( $inputGrayBorder, 10% );
+$inputDarkGrayBorderHover: darken( $inputDarkGrayBorder, 10% );
+
 
 $systemFont: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans,
   ubuntu, cantarell, "Helvetica Neue", sans-serif;
-$reportFont: "Circular Std", "Work Sans Medium", $systemFont;
+$reportFont: "Circular", "Work Sans Medium", $systemFont;
 
 $transition: .3s ease-in;
 

package/lib/esm/utils/builderContext.js

@@ -5,7 +5,7 @@ import { jsx } from 'react/jsx-runtime';
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
@@ -15,7 +15,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
@@ -33,11 +33,11 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 

package/lib/esm/utils/builderContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"builderContext.js","sources":["../../../src/utils/builderContext.js"],"sourcesContent":["/* eslint-disable react/no-unused-state */\nimport React, { createContext, useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nexport const BuilderContext = createContext({\n  activeElement: null,\n  activeTab: { left: 0, right: 0 },\n  contextMenuProps: false,\n  editedElement: 'l_layout',\n  isAllSlidesPanelOpen: false,\n  isLeftPanelOpen: false,\n  isRightPanelOpen: false,\n  isSlidesPanelOpen: false,\n  isTextEditorOpen: false,\n  setActiveElement: () => {},\n  setActiveTab: () => {},\n  setContextMenuProps: () => {},\n  setEditedElement: () => {},\n  setIsAllSlidesPanelOpen: () => {},\n  setIsLeftPanelOpen: () => {},\n  setIsRightPanelOpen: () => {},\n  setIsSlidesPanelOpen: () => {},\n  setIsTextEditorOpen: () => {},\n  setZoom: () => {},\n  zoom: 1,\n});\n\nexport const useBuilderContext = () => {\n  const context = useContext(BuilderContext);\n  if (!context) {\n    throw new Error('BuilderContext must be used with BuilderProvider!');\n  }\n  return context;\n};\n\nexport class BuilderProvider extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      activeElement: props.activeElement,\n      activeTab: props.activeTab,\n      contextMenuProps: props.contextMenuProps,\n      editedElement: props.editedElement,\n      isEnoughCanvasSize: props.isEnoughCanvasSize,\n      isLeftPanelOpen: props.isLeftPanelOpen,\n      isRightPanelOpen: props.isRightPanelOpen,\n      isSlidesPanelOpen: props.isSlidesPanelOpen,\n      setActiveElement: this.setActiveElement,\n      setActiveTab: this.setActiveTab,\n      setContextMenuProps: this.setContextMenuProps,\n      setEditedElement: this.setEditedElement,\n      setIsAllSlidesPanelOpen: this.setIsAllSlidesPanelOpen,\n      setIsLeftPanelOpen: this.setIsLeftPanelOpen,\n      setIsRightPanelOpen: this.setIsRightPanelOpen,\n      setIsSlidesPanelOpen: this.setIsSlidesPanelOpen,\n      setIsTextEditorOpen: this.setIsTextEditorOpen,\n      setZoom: this.setZoom,\n      zoom: 1,\n    };\n  }\n\n  setActiveElement = (itemID, edit = true, multiple = false) => {\n    if (!multiple) {\n      const config = {\n        activeElement: itemID === null ? null : [itemID],\n      };\n      if (edit) {\n        const editedElement = !itemID ? 'l_layout' : `i_${itemID}`;\n        config.editedElement = editedElement;\n      }\n      this.setState(config);\n    } else {\n      const { activeElement } = this.state;\n      const config = {\n        activeElement: activeElement === null ? [itemID] : [...activeElement, itemID],\n      };\n      this.setState(config);\n    }\n  };\n\n  setEditedElement = id => {\n    this.setState(prevState => {\n      if (prevState.editedElement !== id) {\n        return { editedElement: id };\n      }\n      return null;\n    });\n  }\n\n  setActiveTab = (panel, tabIndex) => {\n    const { activeTab } = this.state;\n    this.setState({ activeTab: { ...activeTab, [panel]: tabIndex } });\n  };\n\n  setContextMenuProps = status => {\n    this.setState({ contextMenuProps: status });\n  }\n\n  setIsRightPanelOpen = status => {\n    const { isEnoughCanvasSize } = this.state;\n    this.setState({\n      isRightPanelOpen: status,\n      ...status && !isEnoughCanvasSize && { isLeftPanelOpen: false },\n      ...status && { isSlidesPanelOpen: false },\n    });\n  };\n\n  setIsSlidesPanelOpen = status => {\n    const { isEnoughCanvasSize } = this.state;\n    this.setState({\n      isSlidesPanelOpen: status,\n      ...status && !isEnoughCanvasSize && { isLeftPanelOpen: false },\n      ...status && { isRightPanelOpen: false },\n    });\n  };\n\n  setIsAllSlidesPanelOpen = status => {\n    this.setState({\n      isAllSlidesPanelOpen: status,\n    });\n  };\n\n  setIsLeftPanelOpen = status => {\n    const { isEnoughCanvasSize } = this.state;\n    this.setState({\n      isLeftPanelOpen: status,\n      ...status && !isEnoughCanvasSize && { isRightPanelOpen: false },\n    });\n  };\n\n  setIsTextEditorOpen = status => {\n    this.setState({ isTextEditorOpen: status });\n  }\n\n  setZoom = (zoom, isModeCustomize = false, layoutWidth, onLoad = false) => {\n    this.setState({ zoom });\n    if (isModeCustomize && !onLoad) {\n      const { clientWidth: paneWidth } = document.querySelector('.jfReport-pane .toolItemWrapper');\n      const sceneWidth = parseInt(layoutWidth, 10) * zoom;\n      if (window.innerWidth - sceneWidth + 100 > (paneWidth * 2)) {\n        this.setState({ isEnoughCanvasSize: true });\n      } else {\n        this.setState({\n          isEnoughCanvasSize: false,\n          isLeftPanelOpen: false,\n        });\n      }\n    }\n  }\n\n  render() {\n    const { children } = this.props;\n    return (\n      <BuilderContext.Provider value={this.state}>\n        {children}\n      </BuilderContext.Provider>\n    );\n  }\n}\n\nBuilderProvider.propTypes = {\n  activeElement: PropTypes.string,\n  activeTab: PropTypes.shape({}),\n  children: PropTypes.any,\n  contextMenuProps: PropTypes.shape({}),\n  editedElement: PropTypes.string,\n  isEnoughCanvasSize: PropTypes.bool,\n  isLeftPanelOpen: PropTypes.bool,\n  isRightPanelOpen: PropTypes.bool,\n  isSlidesPanelOpen: PropTypes.bool,\n};\n\nBuilderProvider.defaultProps = {\n  activeElement: null,\n  activeTab: { left: 0, right: 0 },\n  children: null,\n  contextMenuProps: null,\n  editedElement: 'l_layout',\n  isEnoughCanvasSize: false,\n  isLeftPanelOpen: false,\n  isRightPanelOpen: false,\n  isSlidesPanelOpen: false,\n};\n\nexport const BuilderConsumer = BuilderContext.Consumer;\n"],"names":["BuilderContext","createContext","activeElement","activeTab","left","right","contextMenuProps","editedElement","isAllSlidesPanelOpen","isLeftPanelOpen","isRightPanelOpen","isSlidesPanelOpen","isTextEditorOpen","setActiveElement","setActiveTab","setContextMenuProps","setEditedElement","setIsAllSlidesPanelOpen","setIsLeftPanelOpen","setIsRightPanelOpen","setIsSlidesPanelOpen","setIsTextEditorOpen","setZoom","zoom","useBuilderContext","context","useContext","Error","BuilderProvider","props","itemID","edit","multiple","config","setState","state","id","prevState","panel","tabIndex","status","isEnoughCanvasSize","isModeCustomize","layoutWidth","onLoad","document","querySelector","paneWidth","clientWidth","sceneWidth","parseInt","window","innerWidth","children","_jsx","React","Component","propTypes","PropTypes","string","shape","any","bool","defaultProps","Consumer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIaA,cAAc,gBAAGC,aAAa,CAAC;AAC1CC,EAAAA,aAAa,EAAE,IAD2B;AAE1CC,EAAAA,SAAS,EAAE;AAAEC,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,KAAK,EAAE;AAAlB,GAF+B;AAG1CC,EAAAA,gBAAgB,EAAE,KAHwB;AAI1CC,EAAAA,aAAa,EAAE,UAJ2B;AAK1CC,EAAAA,oBAAoB,EAAE,KALoB;AAM1CC,EAAAA,eAAe,EAAE,KANyB;AAO1CC,EAAAA,gBAAgB,EAAE,KAPwB;AAQ1CC,EAAAA,iBAAiB,EAAE,KARuB;AAS1CC,EAAAA,gBAAgB,EAAE,KATwB;AAU1CC,EAAAA,gBAAgB,EAAE,4BAAM,EAVkB;AAW1CC,EAAAA,YAAY,EAAE,wBAAM,EAXsB;AAY1CC,EAAAA,mBAAmB,EAAE,+BAAM,EAZe;AAa1CC,EAAAA,gBAAgB,EAAE,4BAAM,EAbkB;AAc1CC,EAAAA,uBAAuB,EAAE,mCAAM,EAdW;AAe1CC,EAAAA,kBAAkB,EAAE,8BAAM,EAfgB;AAgB1CC,EAAAA,mBAAmB,EAAE,+BAAM,EAhBe;AAiB1CC,EAAAA,oBAAoB,EAAE,gCAAM,EAjBc;AAkB1CC,EAAAA,mBAAmB,EAAE,+BAAM,EAlBe;AAmB1CC,EAAAA,OAAO,EAAE,mBAAM,EAnB2B;AAoB1CC,EAAAA,IAAI,EAAE;AApBoC,CAAD;IAuB9BC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AACrC,MAAMC,OAAO,GAAGC,UAAU,CAAC1B,cAAD,CAA1B;;AACA,MAAI,CAACyB,OAAL,EAAc;AACZ,UAAM,IAAIE,KAAJ,CAAU,mDAAV,CAAN;AACD;;AACD,SAAOF,OAAP;AACD;IAEYG,eAAb;AAAA;;AAAA;;AACE,2BAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;;AADiB,uEAyBA,UAACC,MAAD,EAA2C;AAAA,UAAlCC,IAAkC,uEAA3B,IAA2B;AAAA,UAArBC,QAAqB,uEAAV,KAAU;;AAC5D,UAAI,CAACA,QAAL,EAAe;AACb,YAAMC,MAAM,GAAG;AACb/B,UAAAA,aAAa,EAAE4B,MAAM,KAAK,IAAX,GAAkB,IAAlB,GAAyB,CAACA,MAAD;AAD3B,SAAf;;AAGA,YAAIC,IAAJ,EAAU;AACR,cAAMxB,aAAa,GAAG,CAACuB,MAAD,GAAU,UAAV,eAA4BA,MAA5B,CAAtB;AACAG,UAAAA,MAAM,CAAC1B,aAAP,GAAuBA,aAAvB;AACD;;AACD,cAAK2B,QAAL,CAAcD,MAAd;AACD,OATD,MASO;AAAA,YACG/B,aADH,GACqB,MAAKiC,KAD1B,CACGjC,aADH;AAEL,YAAM+B,OAAM,GAAG;AACb/B,UAAAA,aAAa,EAAEA,aAAa,KAAK,IAAlB,GAAyB,CAAC4B,MAAD,CAAzB,gCAAwC5B,aAAxC,IAAuD4B,MAAvD;AADF,SAAf;;AAGA,cAAKI,QAAL,CAAcD,OAAd;AACD;AACF,KA1CkB;;AAAA,uEA4CA,UAAAG,EAAE,EAAI;AACvB,YAAKF,QAAL,CAAc,UAAAG,SAAS,EAAI;AACzB,YAAIA,SAAS,CAAC9B,aAAV,KAA4B6B,EAAhC,EAAoC;AAClC,iBAAO;AAAE7B,YAAAA,aAAa,EAAE6B;AAAjB,WAAP;AACD;;AACD,eAAO,IAAP;AACD,OALD;AAMD,KAnDkB;;AAAA,mEAqDJ,UAACE,KAAD,EAAQC,QAAR,EAAqB;AAAA,UAC1BpC,SAD0B,GACZ,MAAKgC,KADO,CAC1BhC,SAD0B;;AAElC,YAAK+B,QAAL,CAAc;AAAE/B,QAAAA,SAAS,kCAAOA,SAAP,2BAAmBmC,KAAnB,EAA2BC,QAA3B;AAAX,OAAd;AACD,KAxDkB;;AAAA,0EA0DG,UAAAC,MAAM,EAAI;AAC9B,YAAKN,QAAL,CAAc;AAAE5B,QAAAA,gBAAgB,EAAEkC;AAApB,OAAd;AACD,KA5DkB;;AAAA,0EA8DG,UAAAA,MAAM,EAAI;AAAA,UACtBC,kBADsB,GACC,MAAKN,KADN,CACtBM,kBADsB;;AAE9B,YAAKP,QAAL;AACExB,QAAAA,gBAAgB,EAAE8B;AADpB,SAEKA,MAAM,IAAI,CAACC,kBAAX,IAAiC;AAAEhC,QAAAA,eAAe,EAAE;AAAnB,OAFtC,GAGK+B,MAAM,IAAI;AAAE7B,QAAAA,iBAAiB,EAAE;AAArB,OAHf;AAKD,KArEkB;;AAAA,2EAuEI,UAAA6B,MAAM,EAAI;AAAA,UACvBC,kBADuB,GACA,MAAKN,KADL,CACvBM,kBADuB;;AAE/B,YAAKP,QAAL;AACEvB,QAAAA,iBAAiB,EAAE6B;AADrB,SAEKA,MAAM,IAAI,CAACC,kBAAX,IAAiC;AAAEhC,QAAAA,eAAe,EAAE;AAAnB,OAFtC,GAGK+B,MAAM,IAAI;AAAE9B,QAAAA,gBAAgB,EAAE;AAApB,OAHf;AAKD,KA9EkB;;AAAA,8EAgFO,UAAA8B,MAAM,EAAI;AAClC,YAAKN,QAAL,CAAc;AACZ1B,QAAAA,oBAAoB,EAAEgC;AADV,OAAd;AAGD,KApFkB;;AAAA,yEAsFE,UAAAA,MAAM,EAAI;AAAA,UACrBC,kBADqB,GACE,MAAKN,KADP,CACrBM,kBADqB;;AAE7B,YAAKP,QAAL;AACEzB,QAAAA,eAAe,EAAE+B;AADnB,SAEKA,MAAM,IAAI,CAACC,kBAAX,IAAiC;AAAE/B,QAAAA,gBAAgB,EAAE;AAApB,OAFtC;AAID,KA5FkB;;AAAA,0EA8FG,UAAA8B,MAAM,EAAI;AAC9B,YAAKN,QAAL,CAAc;AAAEtB,QAAAA,gBAAgB,EAAE4B;AAApB,OAAd;AACD,KAhGkB;;AAAA,8DAkGT,UAACjB,IAAD,EAAgE;AAAA,UAAzDmB,eAAyD,uEAAvC,KAAuC;AAAA,UAAhCC,WAAgC;AAAA,UAAnBC,MAAmB,uEAAV,KAAU;;AACxE,YAAKV,QAAL,CAAc;AAAEX,QAAAA,IAAI,EAAJA;AAAF,OAAd;;AACA,UAAImB,eAAe,IAAI,CAACE,MAAxB,EAAgC;AAAA,oCACKC,QAAQ,CAACC,aAAT,CAAuB,iCAAvB,CADL;AAAA,YACTC,SADS,yBACtBC,WADsB;;AAE9B,YAAMC,UAAU,GAAGC,QAAQ,CAACP,WAAD,EAAc,EAAd,CAAR,GAA4BpB,IAA/C;;AACA,YAAI4B,MAAM,CAACC,UAAP,GAAoBH,UAApB,GAAiC,GAAjC,GAAwCF,SAAS,GAAG,CAAxD,EAA4D;AAC1D,gBAAKb,QAAL,CAAc;AAAEO,YAAAA,kBAAkB,EAAE;AAAtB,WAAd;AACD,SAFD,MAEO;AACL,gBAAKP,QAAL,CAAc;AACZO,YAAAA,kBAAkB,EAAE,KADR;AAEZhC,YAAAA,eAAe,EAAE;AAFL,WAAd;AAID;AACF;AACF,KAhHkB;;AAEjB,UAAK0B,KAAL,GAAa;AACXjC,MAAAA,aAAa,EAAE2B,KAAK,CAAC3B,aADV;AAEXC,MAAAA,SAAS,EAAE0B,KAAK,CAAC1B,SAFN;AAGXG,MAAAA,gBAAgB,EAAEuB,KAAK,CAACvB,gBAHb;AAIXC,MAAAA,aAAa,EAAEsB,KAAK,CAACtB,aAJV;AAKXkC,MAAAA,kBAAkB,EAAEZ,KAAK,CAACY,kBALf;AAMXhC,MAAAA,eAAe,EAAEoB,KAAK,CAACpB,eANZ;AAOXC,MAAAA,gBAAgB,EAAEmB,KAAK,CAACnB,gBAPb;AAQXC,MAAAA,iBAAiB,EAAEkB,KAAK,CAAClB,iBARd;AASXE,MAAAA,gBAAgB,EAAE,MAAKA,gBATZ;AAUXC,MAAAA,YAAY,EAAE,MAAKA,YAVR;AAWXC,MAAAA,mBAAmB,EAAE,MAAKA,mBAXf;AAYXC,MAAAA,gBAAgB,EAAE,MAAKA,gBAZZ;AAaXC,MAAAA,uBAAuB,EAAE,MAAKA,uBAbnB;AAcXC,MAAAA,kBAAkB,EAAE,MAAKA,kBAdd;AAeXC,MAAAA,mBAAmB,EAAE,MAAKA,mBAff;AAgBXC,MAAAA,oBAAoB,EAAE,MAAKA,oBAhBhB;AAiBXC,MAAAA,mBAAmB,EAAE,MAAKA,mBAjBf;AAkBXC,MAAAA,OAAO,EAAE,MAAKA,OAlBH;AAmBXC,MAAAA,IAAI,EAAE;AAnBK,KAAb;AAFiB;AAuBlB;;AAxBH;AAAA;AAAA,WAmHE,kBAAS;AAAA,UACC8B,QADD,GACc,KAAKxB,KADnB,CACCwB,QADD;AAEP,0BACEC,IAAC,cAAD,CAAgB,QAAhB;AAAyB,QAAA,KAAK,EAAE,KAAKnB,KAArC;AAAA,kBACGkB;AADH,QADF;AAKD;AA1HH;;AAAA;AAAA,EAAqCE,KAAK,CAACC,SAA3C;AA6HA5B,eAAe,CAAC6B,SAAhB,GAA4B;AAC1BvD,EAAAA,aAAa,EAAEwD,SAAS,CAACC,MADC;AAE1BxD,EAAAA,SAAS,EAAEuD,SAAS,CAACE,KAAV,CAAgB,EAAhB,CAFe;AAG1BP,EAAAA,QAAQ,EAAEK,SAAS,CAACG,GAHM;AAI1BvD,EAAAA,gBAAgB,EAAEoD,SAAS,CAACE,KAAV,CAAgB,EAAhB,CAJQ;AAK1BrD,EAAAA,aAAa,EAAEmD,SAAS,CAACC,MALC;AAM1BlB,EAAAA,kBAAkB,EAAEiB,SAAS,CAACI,IANJ;AAO1BrD,EAAAA,eAAe,EAAEiD,SAAS,CAACI,IAPD;AAQ1BpD,EAAAA,gBAAgB,EAAEgD,SAAS,CAACI,IARF;AAS1BnD,EAAAA,iBAAiB,EAAE+C,SAAS,CAACI;AATH,CAA5B;AAYAlC,eAAe,CAACmC,YAAhB,GAA+B;AAC7B7D,EAAAA,aAAa,EAAE,IADc;AAE7BC,EAAAA,SAAS,EAAE;AAAEC,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,KAAK,EAAE;AAAlB,GAFkB;AAG7BgD,EAAAA,QAAQ,EAAE,IAHmB;AAI7B/C,EAAAA,gBAAgB,EAAE,IAJW;AAK7BC,EAAAA,aAAa,EAAE,UALc;AAM7BkC,EAAAA,kBAAkB,EAAE,KANS;AAO7BhC,EAAAA,eAAe,EAAE,KAPY;AAQ7BC,EAAAA,gBAAgB,EAAE,KARW;AAS7BC,EAAAA,iBAAiB,EAAE;AATU,CAA/B;AAY+BX,cAAc,CAACgE;;;;"}
+{"version":3,"file":"builderContext.js","sources":["../../../src/utils/builderContext.js"],"sourcesContent":["/* eslint-disable react/no-unused-state */\nimport React, { createContext, useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nexport const BuilderContext = createContext({\n  activeElement: null,\n  activeTab: { left: 0, right: 0 },\n  contextMenuProps: false,\n  editedElement: 'l_layout',\n  isAllSlidesPanelOpen: false,\n  isLeftPanelOpen: false,\n  isRightPanelOpen: false,\n  isSlidesPanelOpen: false,\n  isTextEditorOpen: false,\n  setActiveElement: () => {},\n  setActiveTab: () => {},\n  setContextMenuProps: () => {},\n  setEditedElement: () => {},\n  setIsAllSlidesPanelOpen: () => {},\n  setIsLeftPanelOpen: () => {},\n  setIsRightPanelOpen: () => {},\n  setIsSlidesPanelOpen: () => {},\n  setIsTextEditorOpen: () => {},\n  setZoom: () => {},\n  zoom: 1,\n});\n\nexport const useBuilderContext = () => {\n  const context = useContext(BuilderContext);\n  if (!context) {\n    throw new Error('BuilderContext must be used with BuilderProvider!');\n  }\n  return context;\n};\n\nexport class BuilderProvider extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      activeElement: props.activeElement,\n      activeTab: props.activeTab,\n      contextMenuProps: props.contextMenuProps,\n      editedElement: props.editedElement,\n      isEnoughCanvasSize: props.isEnoughCanvasSize,\n      isLeftPanelOpen: props.isLeftPanelOpen,\n      isRightPanelOpen: props.isRightPanelOpen,\n      isSlidesPanelOpen: props.isSlidesPanelOpen,\n      setActiveElement: this.setActiveElement,\n      setActiveTab: this.setActiveTab,\n      setContextMenuProps: this.setContextMenuProps,\n      setEditedElement: this.setEditedElement,\n      setIsAllSlidesPanelOpen: this.setIsAllSlidesPanelOpen,\n      setIsLeftPanelOpen: this.setIsLeftPanelOpen,\n      setIsRightPanelOpen: this.setIsRightPanelOpen,\n      setIsSlidesPanelOpen: this.setIsSlidesPanelOpen,\n      setIsTextEditorOpen: this.setIsTextEditorOpen,\n      setZoom: this.setZoom,\n      zoom: 1,\n    };\n  }\n\n  setActiveElement = (itemID, edit = true, multiple = false) => {\n    if (!multiple) {\n      const config = {\n        activeElement: itemID === null ? null : [itemID],\n      };\n      if (edit) {\n        const editedElement = !itemID ? 'l_layout' : `i_${itemID}`;\n        config.editedElement = editedElement;\n      }\n      this.setState(config);\n    } else {\n      const { activeElement } = this.state;\n      const config = {\n        activeElement: activeElement === null ? [itemID] : [...activeElement, itemID],\n      };\n      this.setState(config);\n    }\n  };\n\n  setEditedElement = id => {\n    this.setState(prevState => {\n      if (prevState.editedElement !== id) {\n        return { editedElement: id };\n      }\n      return null;\n    });\n  }\n\n  setActiveTab = (panel, tabIndex) => {\n    const { activeTab } = this.state;\n    this.setState({ activeTab: { ...activeTab, [panel]: tabIndex } });\n  };\n\n  setContextMenuProps = status => {\n    this.setState({ contextMenuProps: status });\n  }\n\n  setIsRightPanelOpen = status => {\n    const { isEnoughCanvasSize } = this.state;\n    this.setState({\n      isRightPanelOpen: status,\n      ...status && !isEnoughCanvasSize && { isLeftPanelOpen: false },\n      ...status && { isSlidesPanelOpen: false },\n    });\n  };\n\n  setIsSlidesPanelOpen = status => {\n    const { isEnoughCanvasSize } = this.state;\n    this.setState({\n      isSlidesPanelOpen: status,\n      ...status && !isEnoughCanvasSize && { isLeftPanelOpen: false },\n      ...status && { isRightPanelOpen: false },\n    });\n  };\n\n  setIsAllSlidesPanelOpen = status => {\n    this.setState({\n      isAllSlidesPanelOpen: status,\n    });\n  };\n\n  setIsLeftPanelOpen = status => {\n    const { isEnoughCanvasSize } = this.state;\n    this.setState({\n      isLeftPanelOpen: status,\n      ...status && !isEnoughCanvasSize && { isRightPanelOpen: false },\n    });\n  };\n\n  setIsTextEditorOpen = status => {\n    this.setState({ isTextEditorOpen: status });\n  }\n\n  setZoom = (zoom, isModeCustomize = false, layoutWidth, onLoad = false) => {\n    this.setState({ zoom });\n    if (isModeCustomize && !onLoad) {\n      const { clientWidth: paneWidth } = document.querySelector('.jfReport-pane .toolItemWrapper');\n      const sceneWidth = parseInt(layoutWidth, 10) * zoom;\n      if (window.innerWidth - sceneWidth + 100 > (paneWidth * 2)) {\n        this.setState({ isEnoughCanvasSize: true });\n      } else {\n        this.setState({\n          isEnoughCanvasSize: false,\n          isLeftPanelOpen: false,\n        });\n      }\n    }\n  }\n\n  render() {\n    const { children } = this.props;\n    return (\n      <BuilderContext.Provider value={this.state}>\n        {children}\n      </BuilderContext.Provider>\n    );\n  }\n}\n\nBuilderProvider.propTypes = {\n  activeElement: PropTypes.string,\n  activeTab: PropTypes.shape({}),\n  children: PropTypes.any,\n  contextMenuProps: PropTypes.shape({}),\n  editedElement: PropTypes.string,\n  isEnoughCanvasSize: PropTypes.bool,\n  isLeftPanelOpen: PropTypes.bool,\n  isRightPanelOpen: PropTypes.bool,\n  isSlidesPanelOpen: PropTypes.bool,\n};\n\nBuilderProvider.defaultProps = {\n  activeElement: null,\n  activeTab: { left: 0, right: 0 },\n  children: null,\n  contextMenuProps: null,\n  editedElement: 'l_layout',\n  isEnoughCanvasSize: false,\n  isLeftPanelOpen: false,\n  isRightPanelOpen: false,\n  isSlidesPanelOpen: false,\n};\n\nexport const BuilderConsumer = BuilderContext.Consumer;\n"],"names":["BuilderContext","createContext","activeElement","activeTab","left","right","contextMenuProps","editedElement","isAllSlidesPanelOpen","isLeftPanelOpen","isRightPanelOpen","isSlidesPanelOpen","isTextEditorOpen","setActiveElement","setActiveTab","setContextMenuProps","setEditedElement","setIsAllSlidesPanelOpen","setIsLeftPanelOpen","setIsRightPanelOpen","setIsSlidesPanelOpen","setIsTextEditorOpen","setZoom","zoom","useBuilderContext","context","useContext","Error","BuilderProvider","props","itemID","edit","multiple","config","setState","state","id","prevState","panel","tabIndex","status","isEnoughCanvasSize","isModeCustomize","layoutWidth","onLoad","document","querySelector","paneWidth","clientWidth","sceneWidth","parseInt","window","innerWidth","children","_jsx","React","Component","propTypes","PropTypes","string","shape","any","bool","defaultProps","Consumer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIaA,cAAc,gBAAGC,aAAa,CAAC;AAC1CC,EAAAA,aAAa,EAAE,IAD2B;AAE1CC,EAAAA,SAAS,EAAE;AAAEC,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,KAAK,EAAE;AAAlB,GAF+B;AAG1CC,EAAAA,gBAAgB,EAAE,KAHwB;AAI1CC,EAAAA,aAAa,EAAE,UAJ2B;AAK1CC,EAAAA,oBAAoB,EAAE,KALoB;AAM1CC,EAAAA,eAAe,EAAE,KANyB;AAO1CC,EAAAA,gBAAgB,EAAE,KAPwB;AAQ1CC,EAAAA,iBAAiB,EAAE,KARuB;AAS1CC,EAAAA,gBAAgB,EAAE,KATwB;AAU1CC,EAAAA,gBAAgB,EAAE,4BAAM,EAVkB;AAW1CC,EAAAA,YAAY,EAAE,wBAAM,EAXsB;AAY1CC,EAAAA,mBAAmB,EAAE,+BAAM,EAZe;AAa1CC,EAAAA,gBAAgB,EAAE,4BAAM,EAbkB;AAc1CC,EAAAA,uBAAuB,EAAE,mCAAM,EAdW;AAe1CC,EAAAA,kBAAkB,EAAE,8BAAM,EAfgB;AAgB1CC,EAAAA,mBAAmB,EAAE,+BAAM,EAhBe;AAiB1CC,EAAAA,oBAAoB,EAAE,gCAAM,EAjBc;AAkB1CC,EAAAA,mBAAmB,EAAE,+BAAM,EAlBe;AAmB1CC,EAAAA,OAAO,EAAE,mBAAM,EAnB2B;AAoB1CC,EAAAA,IAAI,EAAE;AApBoC,CAAD;IAuB9BC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AACrC,MAAMC,OAAO,GAAGC,UAAU,CAAC1B,cAAD,CAA1B;;AACA,MAAI,CAACyB,OAAL,EAAc;AACZ,UAAM,IAAIE,KAAJ,CAAU,mDAAV,CAAN;AACD;;AACD,SAAOF,OAAP;AACD;IAEYG,eAAb;AAAA;;AAAA;;AACE,2BAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;;AADiB,uEAyBA,UAACC,MAAD,EAA2C;AAAA,UAAlCC,IAAkC,uEAA3B,IAA2B;AAAA,UAArBC,QAAqB,uEAAV,KAAU;;AAC5D,UAAI,CAACA,QAAL,EAAe;AACb,YAAMC,MAAM,GAAG;AACb/B,UAAAA,aAAa,EAAE4B,MAAM,KAAK,IAAX,GAAkB,IAAlB,GAAyB,CAACA,MAAD;AAD3B,SAAf;;AAGA,YAAIC,IAAJ,EAAU;AACR,cAAMxB,aAAa,GAAG,CAACuB,MAAD,GAAU,UAAV,eAA4BA,MAA5B,CAAtB;AACAG,UAAAA,MAAM,CAAC1B,aAAP,GAAuBA,aAAvB;AACD;;AACD,cAAK2B,QAAL,CAAcD,MAAd;AACD,OATD,MASO;AACL,YAAQ/B,aAAR,GAA0B,MAAKiC,KAA/B,CAAQjC,aAAR;AACA,YAAM+B,OAAM,GAAG;AACb/B,UAAAA,aAAa,EAAEA,aAAa,KAAK,IAAlB,GAAyB,CAAC4B,MAAD,CAAzB,gCAAwC5B,aAAxC,IAAuD4B,MAAvD;AADF,SAAf;;AAGA,cAAKI,QAAL,CAAcD,OAAd;AACD;AACF,KA1CkB;;AAAA,uEA4CA,UAAAG,EAAE,EAAI;AACvB,YAAKF,QAAL,CAAc,UAAAG,SAAS,EAAI;AACzB,YAAIA,SAAS,CAAC9B,aAAV,KAA4B6B,EAAhC,EAAoC;AAClC,iBAAO;AAAE7B,YAAAA,aAAa,EAAE6B;AAAjB,WAAP;AACD;;AACD,eAAO,IAAP;AACD,OALD;AAMD,KAnDkB;;AAAA,mEAqDJ,UAACE,KAAD,EAAQC,QAAR,EAAqB;AAClC,UAAQpC,SAAR,GAAsB,MAAKgC,KAA3B,CAAQhC,SAAR;;AACA,YAAK+B,QAAL,CAAc;AAAE/B,QAAAA,SAAS,kCAAOA,SAAP,2BAAmBmC,KAAnB,EAA2BC,QAA3B;AAAX,OAAd;AACD,KAxDkB;;AAAA,0EA0DG,UAAAC,MAAM,EAAI;AAC9B,YAAKN,QAAL,CAAc;AAAE5B,QAAAA,gBAAgB,EAAEkC;AAApB,OAAd;AACD,KA5DkB;;AAAA,0EA8DG,UAAAA,MAAM,EAAI;AAC9B,UAAQC,kBAAR,GAA+B,MAAKN,KAApC,CAAQM,kBAAR;;AACA,YAAKP,QAAL;AACExB,QAAAA,gBAAgB,EAAE8B;AADpB,SAEKA,MAAM,IAAI,CAACC,kBAAX,IAAiC;AAAEhC,QAAAA,eAAe,EAAE;AAAnB,OAFtC,GAGK+B,MAAM,IAAI;AAAE7B,QAAAA,iBAAiB,EAAE;AAArB,OAHf;AAKD,KArEkB;;AAAA,2EAuEI,UAAA6B,MAAM,EAAI;AAC/B,UAAQC,kBAAR,GAA+B,MAAKN,KAApC,CAAQM,kBAAR;;AACA,YAAKP,QAAL;AACEvB,QAAAA,iBAAiB,EAAE6B;AADrB,SAEKA,MAAM,IAAI,CAACC,kBAAX,IAAiC;AAAEhC,QAAAA,eAAe,EAAE;AAAnB,OAFtC,GAGK+B,MAAM,IAAI;AAAE9B,QAAAA,gBAAgB,EAAE;AAApB,OAHf;AAKD,KA9EkB;;AAAA,8EAgFO,UAAA8B,MAAM,EAAI;AAClC,YAAKN,QAAL,CAAc;AACZ1B,QAAAA,oBAAoB,EAAEgC;AADV,OAAd;AAGD,KApFkB;;AAAA,yEAsFE,UAAAA,MAAM,EAAI;AAC7B,UAAQC,kBAAR,GAA+B,MAAKN,KAApC,CAAQM,kBAAR;;AACA,YAAKP,QAAL;AACEzB,QAAAA,eAAe,EAAE+B;AADnB,SAEKA,MAAM,IAAI,CAACC,kBAAX,IAAiC;AAAE/B,QAAAA,gBAAgB,EAAE;AAApB,OAFtC;AAID,KA5FkB;;AAAA,0EA8FG,UAAA8B,MAAM,EAAI;AAC9B,YAAKN,QAAL,CAAc;AAAEtB,QAAAA,gBAAgB,EAAE4B;AAApB,OAAd;AACD,KAhGkB;;AAAA,8DAkGT,UAACjB,IAAD,EAAgE;AAAA,UAAzDmB,eAAyD,uEAAvC,KAAuC;AAAA,UAAhCC,WAAgC;AAAA,UAAnBC,MAAmB,uEAAV,KAAU;;AACxE,YAAKV,QAAL,CAAc;AAAEX,QAAAA,IAAI,EAAJA;AAAF,OAAd;;AACA,UAAImB,eAAe,IAAI,CAACE,MAAxB,EAAgC;AAC9B,oCAAmCC,QAAQ,CAACC,aAAT,CAAuB,iCAAvB,CAAnC;AAAA,YAAqBC,SAArB,yBAAQC,WAAR;;AACA,YAAMC,UAAU,GAAGC,QAAQ,CAACP,WAAD,EAAc,EAAd,CAAR,GAA4BpB,IAA/C;;AACA,YAAI4B,MAAM,CAACC,UAAP,GAAoBH,UAApB,GAAiC,GAAjC,GAAwCF,SAAS,GAAG,CAAxD,EAA4D;AAC1D,gBAAKb,QAAL,CAAc;AAAEO,YAAAA,kBAAkB,EAAE;AAAtB,WAAd;AACD,SAFD,MAEO;AACL,gBAAKP,QAAL,CAAc;AACZO,YAAAA,kBAAkB,EAAE,KADR;AAEZhC,YAAAA,eAAe,EAAE;AAFL,WAAd;AAID;AACF;AACF,KAhHkB;;AAEjB,UAAK0B,KAAL,GAAa;AACXjC,MAAAA,aAAa,EAAE2B,KAAK,CAAC3B,aADV;AAEXC,MAAAA,SAAS,EAAE0B,KAAK,CAAC1B,SAFN;AAGXG,MAAAA,gBAAgB,EAAEuB,KAAK,CAACvB,gBAHb;AAIXC,MAAAA,aAAa,EAAEsB,KAAK,CAACtB,aAJV;AAKXkC,MAAAA,kBAAkB,EAAEZ,KAAK,CAACY,kBALf;AAMXhC,MAAAA,eAAe,EAAEoB,KAAK,CAACpB,eANZ;AAOXC,MAAAA,gBAAgB,EAAEmB,KAAK,CAACnB,gBAPb;AAQXC,MAAAA,iBAAiB,EAAEkB,KAAK,CAAClB,iBARd;AASXE,MAAAA,gBAAgB,EAAE,MAAKA,gBATZ;AAUXC,MAAAA,YAAY,EAAE,MAAKA,YAVR;AAWXC,MAAAA,mBAAmB,EAAE,MAAKA,mBAXf;AAYXC,MAAAA,gBAAgB,EAAE,MAAKA,gBAZZ;AAaXC,MAAAA,uBAAuB,EAAE,MAAKA,uBAbnB;AAcXC,MAAAA,kBAAkB,EAAE,MAAKA,kBAdd;AAeXC,MAAAA,mBAAmB,EAAE,MAAKA,mBAff;AAgBXC,MAAAA,oBAAoB,EAAE,MAAKA,oBAhBhB;AAiBXC,MAAAA,mBAAmB,EAAE,MAAKA,mBAjBf;AAkBXC,MAAAA,OAAO,EAAE,MAAKA,OAlBH;AAmBXC,MAAAA,IAAI,EAAE;AAnBK,KAAb;AAFiB;AAuBlB;;AAxBH;AAAA;AAAA,WAmHE,kBAAS;AACP,UAAQ8B,QAAR,GAAqB,KAAKxB,KAA1B,CAAQwB,QAAR;AACA,0BACEC,IAAC,cAAD,CAAgB,QAAhB;AAAyB,QAAA,KAAK,EAAE,KAAKnB,KAArC;AAAA,kBACGkB;AADH,QADF;AAKD;AA1HH;;AAAA;AAAA,EAAqCE,KAAK,CAACC,SAA3C;AA6HA5B,eAAe,CAAC6B,SAAhB,GAA4B;AAC1BvD,EAAAA,aAAa,EAAEwD,SAAS,CAACC,MADC;AAE1BxD,EAAAA,SAAS,EAAEuD,SAAS,CAACE,KAAV,CAAgB,EAAhB,CAFe;AAG1BP,EAAAA,QAAQ,EAAEK,SAAS,CAACG,GAHM;AAI1BvD,EAAAA,gBAAgB,EAAEoD,SAAS,CAACE,KAAV,CAAgB,EAAhB,CAJQ;AAK1BrD,EAAAA,aAAa,EAAEmD,SAAS,CAACC,MALC;AAM1BlB,EAAAA,kBAAkB,EAAEiB,SAAS,CAACI,IANJ;AAO1BrD,EAAAA,eAAe,EAAEiD,SAAS,CAACI,IAPD;AAQ1BpD,EAAAA,gBAAgB,EAAEgD,SAAS,CAACI,IARF;AAS1BnD,EAAAA,iBAAiB,EAAE+C,SAAS,CAACI;AATH,CAA5B;AAYAlC,eAAe,CAACmC,YAAhB,GAA+B;AAC7B7D,EAAAA,aAAa,EAAE,IADc;AAE7BC,EAAAA,SAAS,EAAE;AAAEC,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,KAAK,EAAE;AAAlB,GAFkB;AAG7BgD,EAAAA,QAAQ,EAAE,IAHmB;AAI7B/C,EAAAA,gBAAgB,EAAE,IAJW;AAK7BC,EAAAA,aAAa,EAAE,UALc;AAM7BkC,EAAAA,kBAAkB,EAAE,KANS;AAO7BhC,EAAAA,eAAe,EAAE,KAPY;AAQ7BC,EAAAA,gBAAgB,EAAE,KARW;AAS7BC,EAAAA,iBAAiB,EAAE;AATU,CAA/B;AAY+BX,cAAc,CAACgE;;;;"}

package/lib/esm/utils/fontFallbackMap.js

@@ -6,7 +6,7 @@ var fontFallbackMap = {
   'Abril Fatface': '"Abril Fatface", "Palatino Linotype", serif',
   Bevan: '"Bevan", Georgia, serif',
   Bitter: '"Bitter", Georgia, serif',
-  'Circular Std': '"Circular Std", Verdana, sans-serif',
+  Circular: '"Circular", Verdana, sans-serif',
   Diplomata: '"Diplomata", Georgia, serif',
   'Fredoka One': '"Fredoka One", Verdana, sans-serif',
   Galada: '"Galada", Georgia, serif',
@@ -18,7 +18,7 @@ var fontFallbackMap = {
   Roboto: '"Roboto", "Franklin Gothic Medium", Tahoma, sans-serif',
   Sail: '"Sail", Verdana, sans-serif',
   Ubuntu: '"Ubuntu", Arial, sans-serif',
-  default: '"Circular Std", Verdana, sans-serif'
+  default: '"Circular", Verdana, sans-serif'
 };
 
 export default fontFallbackMap;

package/lib/esm/utils/fontFallbackMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"fontFallbackMap.js","sources":["../../../src/utils/fontFallbackMap.js"],"sourcesContent":["/**\n * We de serve more options than the list below but the other options\n * are categorized as web-safe\n */\nconst fontFallbackMap = {\n  'Abril Fatface': '\"Abril Fatface\", \"Palatino Linotype\", serif',\n  Bevan: '\"Bevan\", Georgia, serif',\n  Bitter: '\"Bitter\", Georgia, serif',\n  'Circular Std': '\"Circular Std\", Verdana, sans-serif',\n  Diplomata: '\"Diplomata\", Georgia, serif',\n  'Fredoka One': '\"Fredoka One\", Verdana, sans-serif',\n  Galada: '\"Galada\", Georgia, serif',\n  Lobster: '\"Lobster\", Verdana, sans-serif',\n  Montserrat: '\"Montserrat\", Verdana, sans-serif',\n  'Open Sans': '\"Open Sans\", \"Segoe UI\", Tahoma, sans-serif',\n  'PT Serif': '\"PT Serif\", Georgia, serif',\n  Playball: '\"Playball\", Georgia, serif',\n  Roboto: '\"Roboto\", \"Franklin Gothic Medium\", Tahoma, sans-serif',\n  Sail: '\"Sail\", Verdana, sans-serif',\n  Ubuntu: '\"Ubuntu\", Arial, sans-serif',\n  default: '\"Circular Std\", Verdana, sans-serif',\n};\n\nexport default fontFallbackMap;\n"],"names":["fontFallbackMap","Bevan","Bitter","Diplomata","Galada","Lobster","Montserrat","Playball","Roboto","Sail","Ubuntu","default"],"mappings":"AAAA;AACA;AACA;AACA;IACMA,eAAe,GAAG;AACtB,mBAAiB,6CADK;AAEtBC,EAAAA,KAAK,EAAE,yBAFe;AAGtBC,EAAAA,MAAM,EAAE,0BAHc;AAItB,kBAAgB,qCAJM;AAKtBC,EAAAA,SAAS,EAAE,6BALW;AAMtB,iBAAe,oCANO;AAOtBC,EAAAA,MAAM,EAAE,0BAPc;AAQtBC,EAAAA,OAAO,EAAE,gCARa;AAStBC,EAAAA,UAAU,EAAE,mCATU;AAUtB,eAAa,6CAVS;AAWtB,cAAY,4BAXU;AAYtBC,EAAAA,QAAQ,EAAE,4BAZY;AAatBC,EAAAA,MAAM,EAAE,wDAbc;AActBC,EAAAA,IAAI,EAAE,6BAdgB;AAetBC,EAAAA,MAAM,EAAE,6BAfc;AAgBtBC,EAAAA,OAAO,EAAE;AAhBa;;;;"}
+{"version":3,"file":"fontFallbackMap.js","sources":["../../../src/utils/fontFallbackMap.js"],"sourcesContent":["/**\n * We de serve more options than the list below but the other options\n * are categorized as web-safe\n */\nconst fontFallbackMap = {\n  'Abril Fatface': '\"Abril Fatface\", \"Palatino Linotype\", serif',\n  Bevan: '\"Bevan\", Georgia, serif',\n  Bitter: '\"Bitter\", Georgia, serif',\n  Circular: '\"Circular\", Verdana, sans-serif',\n  Diplomata: '\"Diplomata\", Georgia, serif',\n  'Fredoka One': '\"Fredoka One\", Verdana, sans-serif',\n  Galada: '\"Galada\", Georgia, serif',\n  Lobster: '\"Lobster\", Verdana, sans-serif',\n  Montserrat: '\"Montserrat\", Verdana, sans-serif',\n  'Open Sans': '\"Open Sans\", \"Segoe UI\", Tahoma, sans-serif',\n  'PT Serif': '\"PT Serif\", Georgia, serif',\n  Playball: '\"Playball\", Georgia, serif',\n  Roboto: '\"Roboto\", \"Franklin Gothic Medium\", Tahoma, sans-serif',\n  Sail: '\"Sail\", Verdana, sans-serif',\n  Ubuntu: '\"Ubuntu\", Arial, sans-serif',\n  default: '\"Circular\", Verdana, sans-serif',\n};\n\nexport default fontFallbackMap;\n"],"names":["fontFallbackMap","Bevan","Bitter","Circular","Diplomata","Galada","Lobster","Montserrat","Playball","Roboto","Sail","Ubuntu","default"],"mappings":"AAAA;AACA;AACA;AACA;IACMA,eAAe,GAAG;AACtB,mBAAiB,6CADK;AAEtBC,EAAAA,KAAK,EAAE,yBAFe;AAGtBC,EAAAA,MAAM,EAAE,0BAHc;AAItBC,EAAAA,QAAQ,EAAE,iCAJY;AAKtBC,EAAAA,SAAS,EAAE,6BALW;AAMtB,iBAAe,oCANO;AAOtBC,EAAAA,MAAM,EAAE,0BAPc;AAQtBC,EAAAA,OAAO,EAAE,gCARa;AAStBC,EAAAA,UAAU,EAAE,mCATU;AAUtB,eAAa,6CAVS;AAWtB,cAAY,4BAXU;AAYtBC,EAAAA,QAAQ,EAAE,4BAZY;AAatBC,EAAAA,MAAM,EAAE,wDAbc;AActBC,EAAAA,IAAI,EAAE,6BAdgB;AAetBC,EAAAA,MAAM,EAAE,6BAfc;AAgBtBC,EAAAA,OAAO,EAAE;AAhBa;;;;"}

package/lib/esm/utils/functions.js

@@ -2,10 +2,8 @@ import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.find.js';
 import 'core-js/modules/es.array.from.js';
 import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.array.sort.js';
 import 'core-js/modules/es.array.splice.js';
@@ -28,7 +26,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -38,13 +36,13 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }