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

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

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.js","sources":["../../../../src/components/TextEditor/TextEditor.js"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport QuillEditor from './QuillEditor';\nimport { useBuilderContext } from '../../utils/builderContext';\n\nconst TextEditor = ({\n  content,\n  handleSave,\n  isLocked,\n  isSelected,\n  placeholder,\n}) => {\n  const { isTextEditorOpen, setIsTextEditorOpen } = useBuilderContext();\n\n  const onClick = useCallback(() => {\n    if (isSelected && !isLocked) {\n      setIsTextEditorOpen(true);\n    }\n  }, [isSelected, isLocked]);\n\n  const isNotEmpty = useMemo(() => {\n    const el = document.createElement('div');\n    el.innerHTML = content;\n    return !!el.innerText;\n  }, [content]);\n\n  const onClickOutside = useCallback(() => {\n    setTimeout(() => setIsTextEditorOpen(false), 1000);\n  }, [isTextEditorOpen]);\n\n  return isSelected && isTextEditorOpen ? (\n    <QuillEditor\n      content={content}\n      exceptionalClasses={['ql-toolbar']}\n      handleSave={handleSave}\n      onClickOutside={onClickOutside}\n      placeholder={placeholder}\n      setIsTextEditorOpen={setIsTextEditorOpen}\n      withClickOutsideWrapperClass=\"textEditorWrapper f-all\"\n    />\n  ) : (\n    <div\n      className={`f-all ql-editor${isNotEmpty ? '' : ' isEmptyTextElement'}`}\n      dangerouslySetInnerHTML={{\n        __html: isNotEmpty ? content : placeholder,\n      }}\n      onClick={onClick}\n      onKeyDown={() => {}}\n    />\n  );\n};\n\nTextEditor.propTypes = {\n  content: PropTypes.string,\n  handleSave: PropTypes.func,\n  isLocked: PropTypes.bool,\n  isSelected: PropTypes.bool,\n  placeholder: PropTypes.string,\n};\n\nTextEditor.defaultProps = {\n  content: '',\n  handleSave: () => {},\n  isLocked: false,\n  isSelected: false,\n  placeholder: 'Click to edit text',\n};\n\nexport default TextEditor;\n"],"names":["TextEditor","content","handleSave","isLocked","isSelected","placeholder","useBuilderContext","isTextEditorOpen","setIsTextEditorOpen","onClick","useCallback","isNotEmpty","useMemo","el","document","createElement","innerHTML","innerText","onClickOutside","setTimeout","_jsx","__html","propTypes","PropTypes","string","func","bool","defaultProps"],"mappings":";;;;;;IAKMA,UAAU,GAAG,SAAbA,UAAa,OAMb;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,UAII,QAJJA,UAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,UAEI,QAFJA,UAEI;AAAA,MADJC,WACI,QADJA,WACI;;AAAA,2BAC8CC,iBAAiB,EAD/D;AAAA,MACIC,gBADJ,sBACIA,gBADJ;AAAA,MACsBC,mBADtB,sBACsBA,mBADtB;;AAGJ,MAAMC,OAAO,GAAGC,WAAW,CAAC,YAAM;AAChC,QAAIN,UAAU,IAAI,CAACD,QAAnB,EAA6B;AAC3BK,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD;AACF,GAJ0B,EAIxB,CAACJ,UAAD,EAAaD,QAAb,CAJwB,CAA3B;AAMA,MAAMQ,UAAU,GAAGC,OAAO,CAAC,YAAM;AAC/B,QAAMC,EAAE,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAX;AACAF,IAAAA,EAAE,CAACG,SAAH,GAAef,OAAf;AACA,WAAO,CAAC,CAACY,EAAE,CAACI,SAAZ;AACD,GAJyB,EAIvB,CAAChB,OAAD,CAJuB,CAA1B;AAMA,MAAMiB,cAAc,GAAGR,WAAW,CAAC,YAAM;AACvCS,IAAAA,UAAU,CAAC;AAAA,aAAMX,mBAAmB,CAAC,KAAD,CAAzB;AAAA,KAAD,EAAmC,IAAnC,CAAV;AACD,GAFiC,EAE/B,CAACD,gBAAD,CAF+B,CAAlC;AAIA,SAAOH,UAAU,IAAIG,gBAAd,gBACLa,IAAC,WAAD;AACE,IAAA,OAAO,EAAEnB,OADX;AAEE,IAAA,kBAAkB,EAAE,CAAC,YAAD,CAFtB;AAGE,IAAA,UAAU,EAAEC,UAHd;AAIE,IAAA,cAAc,EAAEgB,cAJlB;AAKE,IAAA,WAAW,EAAEb,WALf;AAME,IAAA,mBAAmB,EAAEG,mBANvB;AAOE,IAAA,4BAA4B,EAAC;AAP/B,IADK,gBAWLY;AACE,IAAA,SAAS,2BAAoBT,UAAU,GAAG,EAAH,GAAQ,qBAAtC,CADX;AAEE,IAAA,uBAAuB,EAAE;AACvBU,MAAAA,MAAM,EAAEV,UAAU,GAAGV,OAAH,GAAaI;AADR,KAF3B;AAKE,IAAA,OAAO,EAAEI,OALX;AAME,IAAA,SAAS,EAAE,qBAAM;AANnB,IAXF;AAoBD;;AAEDT,UAAU,CAACsB,SAAX,GAAuB;AACrBrB,EAAAA,OAAO,EAAEsB,SAAS,CAACC,MADE;AAErBtB,EAAAA,UAAU,EAAEqB,SAAS,CAACE,IAFD;AAGrBtB,EAAAA,QAAQ,EAAEoB,SAAS,CAACG,IAHC;AAIrBtB,EAAAA,UAAU,EAAEmB,SAAS,CAACG,IAJD;AAKrBrB,EAAAA,WAAW,EAAEkB,SAAS,CAACC;AALF,CAAvB;AAQAxB,UAAU,CAAC2B,YAAX,GAA0B;AACxB1B,EAAAA,OAAO,EAAE,EADe;AAExBC,EAAAA,UAAU,EAAE,sBAAM,EAFM;AAGxBC,EAAAA,QAAQ,EAAE,KAHc;AAIxBC,EAAAA,UAAU,EAAE,KAJY;AAKxBC,EAAAA,WAAW,EAAE;AALW,CAA1B;;;;"}
+{"version":3,"file":"TextEditor.js","sources":["../../../../src/components/TextEditor/TextEditor.js"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport QuillEditor from './QuillEditor';\nimport { useBuilderContext } from '../../utils/builderContext';\n\nconst TextEditor = ({\n  content,\n  handleSave,\n  isLocked,\n  isSelected,\n  placeholder,\n}) => {\n  const { isTextEditorOpen, setIsTextEditorOpen } = useBuilderContext();\n\n  const onClick = useCallback(() => {\n    if (isSelected && !isLocked) {\n      setIsTextEditorOpen(true);\n    }\n  }, [isSelected, isLocked]);\n\n  const isNotEmpty = useMemo(() => {\n    const el = document.createElement('div');\n    el.innerHTML = content;\n    return !!el.innerText;\n  }, [content]);\n\n  const onClickOutside = useCallback(() => {\n    setTimeout(() => setIsTextEditorOpen(false), 1000);\n  }, [isTextEditorOpen]);\n\n  return isSelected && isTextEditorOpen ? (\n    <QuillEditor\n      content={content}\n      exceptionalClasses={['ql-toolbar']}\n      handleSave={handleSave}\n      onClickOutside={onClickOutside}\n      placeholder={placeholder}\n      setIsTextEditorOpen={setIsTextEditorOpen}\n      withClickOutsideWrapperClass=\"textEditorWrapper f-all\"\n    />\n  ) : (\n    <div\n      className={`f-all ql-editor${isNotEmpty ? '' : ' isEmptyTextElement'}`}\n      dangerouslySetInnerHTML={{\n        __html: isNotEmpty ? content : placeholder,\n      }}\n      onClick={onClick}\n      onKeyDown={() => {}}\n    />\n  );\n};\n\nTextEditor.propTypes = {\n  content: PropTypes.string,\n  handleSave: PropTypes.func,\n  isLocked: PropTypes.bool,\n  isSelected: PropTypes.bool,\n  placeholder: PropTypes.string,\n};\n\nTextEditor.defaultProps = {\n  content: '',\n  handleSave: () => {},\n  isLocked: false,\n  isSelected: false,\n  placeholder: 'Click to edit text',\n};\n\nexport default TextEditor;\n"],"names":["TextEditor","content","handleSave","isLocked","isSelected","placeholder","useBuilderContext","isTextEditorOpen","setIsTextEditorOpen","onClick","useCallback","isNotEmpty","useMemo","el","document","createElement","innerHTML","innerText","onClickOutside","setTimeout","_jsx","__html","propTypes","PropTypes","string","func","bool","defaultProps"],"mappings":";;;;;;IAKMA,UAAU,GAAG,SAAbA,UAAa,OAMb;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,UAII,QAJJA,UAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,UAEI,QAFJA,UAEI;AAAA,MADJC,WACI,QADJA,WACI;;AACJ,2BAAkDC,iBAAiB,EAAnE;AAAA,MAAQC,gBAAR,sBAAQA,gBAAR;AAAA,MAA0BC,mBAA1B,sBAA0BA,mBAA1B;;AAEA,MAAMC,OAAO,GAAGC,WAAW,CAAC,YAAM;AAChC,QAAIN,UAAU,IAAI,CAACD,QAAnB,EAA6B;AAC3BK,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD;AACF,GAJ0B,EAIxB,CAACJ,UAAD,EAAaD,QAAb,CAJwB,CAA3B;AAMA,MAAMQ,UAAU,GAAGC,OAAO,CAAC,YAAM;AAC/B,QAAMC,EAAE,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAX;AACAF,IAAAA,EAAE,CAACG,SAAH,GAAef,OAAf;AACA,WAAO,CAAC,CAACY,EAAE,CAACI,SAAZ;AACD,GAJyB,EAIvB,CAAChB,OAAD,CAJuB,CAA1B;AAMA,MAAMiB,cAAc,GAAGR,WAAW,CAAC,YAAM;AACvCS,IAAAA,UAAU,CAAC;AAAA,aAAMX,mBAAmB,CAAC,KAAD,CAAzB;AAAA,KAAD,EAAmC,IAAnC,CAAV;AACD,GAFiC,EAE/B,CAACD,gBAAD,CAF+B,CAAlC;AAIA,SAAOH,UAAU,IAAIG,gBAAd,gBACLa,IAAC,WAAD;AACE,IAAA,OAAO,EAAEnB,OADX;AAEE,IAAA,kBAAkB,EAAE,CAAC,YAAD,CAFtB;AAGE,IAAA,UAAU,EAAEC,UAHd;AAIE,IAAA,cAAc,EAAEgB,cAJlB;AAKE,IAAA,WAAW,EAAEb,WALf;AAME,IAAA,mBAAmB,EAAEG,mBANvB;AAOE,IAAA,4BAA4B,EAAC;AAP/B,IADK,gBAWLY;AACE,IAAA,SAAS,2BAAoBT,UAAU,GAAG,EAAH,GAAQ,qBAAtC,CADX;AAEE,IAAA,uBAAuB,EAAE;AACvBU,MAAAA,MAAM,EAAEV,UAAU,GAAGV,OAAH,GAAaI;AADR,KAF3B;AAKE,IAAA,OAAO,EAAEI,OALX;AAME,IAAA,SAAS,EAAE,qBAAM;AANnB,IAXF;AAoBD;;AAEDT,UAAU,CAACsB,SAAX,GAAuB;AACrBrB,EAAAA,OAAO,EAAEsB,SAAS,CAACC,MADE;AAErBtB,EAAAA,UAAU,EAAEqB,SAAS,CAACE,IAFD;AAGrBtB,EAAAA,QAAQ,EAAEoB,SAAS,CAACG,IAHC;AAIrBtB,EAAAA,UAAU,EAAEmB,SAAS,CAACG,IAJD;AAKrBrB,EAAAA,WAAW,EAAEkB,SAAS,CAACC;AALF,CAAvB;AAQAxB,UAAU,CAAC2B,YAAX,GAA0B;AACxB1B,EAAAA,OAAO,EAAE,EADe;AAExBC,EAAAA,UAAU,EAAE,sBAAM,EAFM;AAGxBC,EAAAA,QAAQ,EAAE,KAHc;AAIxBC,EAAAA,UAAU,EAAE,KAJY;AAKxBC,EAAAA,WAAW,EAAE;AALW,CAA1B;;;;"}

package/lib/esm/components/withClickOutside.js

@@ -1,7 +1,5 @@
 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.reduce.js';
 import 'core-js/modules/es.function.name.js';
 import 'core-js/modules/es.object.keys.js';
 import 'core-js/modules/es.string.includes.js';
@@ -10,7 +8,7 @@ import { useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { jsx } from 'react/jsx-runtime';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 

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

@@ -1 +1 @@
-{"version":3,"file":"withClickOutside.js","sources":["../../../src/components/withClickOutside.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\n\nfunction getDisplayName(WrappedComponent) {\n  return WrappedComponent.displayName || WrappedComponent.name || 'Component';\n}\n\nfunction withClickOutside(WrappedComponent) {\n  function WithClickOutside(props) {\n    const {\n      exceptionalClasses,\n      onClickOutside,\n      withClickOutsideWrapperClass,\n    } = props;\n\n    const wrapper = useRef(null);\n\n    const handleClickOutside = event => {\n      const { classList } = event.target;\n      if (\n        exceptionalClasses\n        && (\n          classList.contains(exceptionalClasses)\n          || Array.from(classList).some(xClass => exceptionalClasses.includes(xClass))\n          || exceptionalClasses.some(item => event.target.closest(`.${item}`))\n        )\n      ) {\n        return;\n      }\n\n      if (wrapper.current && !wrapper.current.contains(event.target)) {\n        onClickOutside(event);\n      }\n    };\n\n    useEffect(() => {\n      window.addEventListener('mousedown', handleClickOutside, true);\n      return () => {\n        window.removeEventListener('mousedown', handleClickOutside, true);\n      };\n    }, []);\n\n    // should we memoize this?\n    const propsToFilter = ['withClickOutsideWrapperClass', 'exceptionalClasses'];\n    const componentName = getDisplayName(WrappedComponent);\n    if (componentName === 'Resizable') {\n      // beceause resizable wrapper directly passes props to an html el\n      propsToFilter.push('onClickOutside');\n    }\n    const filteredProps = Object.keys(props).reduce((allProps, propKey) => {\n      const _allProps = allProps;\n      if (propsToFilter.indexOf(propKey) === -1) {\n        _allProps[propKey] = props[propKey];\n      }\n      return _allProps;\n    }, {});\n\n    return (\n      <div\n        ref={wrapper}\n        className={withClickOutsideWrapperClass}\n      >\n        <WrappedComponent\n          {...filteredProps}\n        />\n      </div>\n    );\n  }\n\n  WithClickOutside.propTypes = {\n    exceptionalClasses: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.arrayOf(PropTypes.string),\n    ]),\n    onClickOutside: PropTypes.func.isRequired,\n    withClickOutsideWrapperClass: PropTypes.string,\n  };\n\n  WithClickOutside.defaultProps = {\n    exceptionalClasses: null,\n    withClickOutsideWrapperClass: null,\n  };\n\n  WithClickOutside.displayName = `inlineEdit(${getDisplayName(WrappedComponent)})`;\n\n  return WithClickOutside;\n}\n\nexport default withClickOutside;\n"],"names":["getDisplayName","WrappedComponent","displayName","name","withClickOutside","WithClickOutside","props","exceptionalClasses","onClickOutside","withClickOutsideWrapperClass","wrapper","useRef","handleClickOutside","event","classList","target","contains","Array","from","some","xClass","includes","item","closest","current","useEffect","window","addEventListener","removeEventListener","propsToFilter","componentName","push","filteredProps","Object","keys","reduce","allProps","propKey","_allProps","indexOf","_jsx","propTypes","PropTypes","oneOfType","string","arrayOf","func","isRequired","defaultProps"],"mappings":"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"}
+{"version":3,"file":"withClickOutside.js","sources":["../../../src/components/withClickOutside.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\n\nfunction getDisplayName(WrappedComponent) {\n  return WrappedComponent.displayName || WrappedComponent.name || 'Component';\n}\n\nfunction withClickOutside(WrappedComponent) {\n  function WithClickOutside(props) {\n    const {\n      exceptionalClasses,\n      onClickOutside,\n      withClickOutsideWrapperClass,\n    } = props;\n\n    const wrapper = useRef(null);\n\n    const handleClickOutside = event => {\n      const { classList } = event.target;\n      if (\n        exceptionalClasses\n        && (\n          classList.contains(exceptionalClasses)\n          || Array.from(classList).some(xClass => exceptionalClasses.includes(xClass))\n          || exceptionalClasses.some(item => event.target.closest(`.${item}`))\n        )\n      ) {\n        return;\n      }\n\n      if (wrapper.current && !wrapper.current.contains(event.target)) {\n        onClickOutside(event);\n      }\n    };\n\n    useEffect(() => {\n      window.addEventListener('mousedown', handleClickOutside, true);\n      return () => {\n        window.removeEventListener('mousedown', handleClickOutside, true);\n      };\n    }, []);\n\n    // should we memoize this?\n    const propsToFilter = ['withClickOutsideWrapperClass', 'exceptionalClasses'];\n    const componentName = getDisplayName(WrappedComponent);\n    if (componentName === 'Resizable') {\n      // beceause resizable wrapper directly passes props to an html el\n      propsToFilter.push('onClickOutside');\n    }\n    const filteredProps = Object.keys(props).reduce((allProps, propKey) => {\n      const _allProps = allProps;\n      if (propsToFilter.indexOf(propKey) === -1) {\n        _allProps[propKey] = props[propKey];\n      }\n      return _allProps;\n    }, {});\n\n    return (\n      <div\n        ref={wrapper}\n        className={withClickOutsideWrapperClass}\n      >\n        <WrappedComponent\n          {...filteredProps}\n        />\n      </div>\n    );\n  }\n\n  WithClickOutside.propTypes = {\n    exceptionalClasses: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.arrayOf(PropTypes.string),\n    ]),\n    onClickOutside: PropTypes.func.isRequired,\n    withClickOutsideWrapperClass: PropTypes.string,\n  };\n\n  WithClickOutside.defaultProps = {\n    exceptionalClasses: null,\n    withClickOutsideWrapperClass: null,\n  };\n\n  WithClickOutside.displayName = `inlineEdit(${getDisplayName(WrappedComponent)})`;\n\n  return WithClickOutside;\n}\n\nexport default withClickOutside;\n"],"names":["getDisplayName","WrappedComponent","displayName","name","withClickOutside","WithClickOutside","props","exceptionalClasses","onClickOutside","withClickOutsideWrapperClass","wrapper","useRef","handleClickOutside","event","classList","target","contains","Array","from","some","xClass","includes","item","closest","current","useEffect","window","addEventListener","removeEventListener","propsToFilter","componentName","push","filteredProps","Object","keys","reduce","allProps","propKey","_allProps","indexOf","_jsx","propTypes","PropTypes","oneOfType","string","arrayOf","func","isRequired","defaultProps"],"mappings":"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"}

package/lib/esm/constants/fonts.js

@@ -1,6 +1,5 @@
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.array.sort.js';
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -9,7 +8,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); }
 
@@ -22,7 +21,7 @@ var fontTypes = {
   googleForeignSerifFonts: ['Noto Serif SC', 'Scheherazade', 'Noto Serif KR'],
   googleSansSerifFonts: ['Montserrat', 'Open Sans', 'Roboto', 'Ubuntu'],
   googleSerifFonts: ['Bitter', 'PT Serif'],
-  licencedFonts: ['Circular Std'],
+  licencedFonts: ['Circular'],
   systemDisplayFonts: ['Comic Sans MS'],
   systemSansSerifFonts: ['Arial', 'Arial Black', 'Courier New', 'Helvetica', 'Tahoma', 'Trebuchet MS', 'Verdana', 'Impact'],
   systemSerifFonts: ['Georgia', 'Times New Roman']

package/lib/esm/constants/fonts.js.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.js","sources":["../../../src/constants/fonts.js"],"sourcesContent":["export const fontTypes = {\n  googleDisplayFonts: [\n    'Bevan',\n    'Abril Fatface',\n    'Diplomata',\n    'Fredoka One',\n    'Galada',\n    'Lobster',\n    'Playball',\n    'Sail',\n  ],\n  googleForeignDisplayFonts: [\n    'Noto Serif SC',\n    'Katibeh',\n    'ZCOOL QingKe HuangYou',\n    'Gugi',\n  ],\n  googleForeignSansSerifFonts: [\n    'Noto Sans JP',\n    'Harmattan',\n    'Noto Sans SC',\n    'Noto Sans KR',\n  ],\n  googleForeignSerifFonts: [\n    'Noto Serif SC',\n    'Scheherazade',\n    'Noto Serif KR',\n  ],\n  googleSansSerifFonts: [\n    'Montserrat',\n    'Open Sans',\n    'Roboto',\n    'Ubuntu',\n  ],\n  googleSerifFonts: [\n    'Bitter',\n    'PT Serif',\n  ],\n  licencedFonts: [\n    'Circular Std',\n  ],\n  systemDisplayFonts: [\n    'Comic Sans MS',\n  ],\n  systemSansSerifFonts: [\n    'Arial',\n    'Arial Black',\n    'Courier New',\n    'Helvetica',\n    'Tahoma',\n    'Trebuchet MS',\n    'Verdana',\n    'Impact',\n  ],\n  systemSerifFonts: [\n    'Georgia',\n    'Times New Roman',\n  ],\n};\n\nfontTypes.googleNonforeignFonts = [\n  ...fontTypes.googleSerifFonts, ...fontTypes.googleSansSerifFonts,\n  ...fontTypes.googleDisplayFonts,\n];\n\nfontTypes.completeSystemFonts = [\n  ...fontTypes.systemSerifFonts, ...fontTypes.systemSansSerifFonts,\n  ...fontTypes.systemDisplayFonts,\n];\n\nfontTypes.completeGoogleFonts = [\n  ...fontTypes.googleNonforeignFonts, ...fontTypes.googleForeignSerifFonts,\n  ...fontTypes.googleForeignSansSerifFonts, ...fontTypes.googleForeignDisplayFonts,\n].filter((elem, index, self) => index === self.indexOf(elem));\n\nfontTypes.completeLicencedFonts = [\n  ...fontTypes.licencedFonts,\n].filter((elem, index, self) => index === self.indexOf(elem));\n\nfontTypes.fonts = [\n  ...fontTypes.googleNonforeignFonts,\n  ...fontTypes.completeSystemFonts,\n  ...fontTypes.completeLicencedFonts].sort();\n\nexport const fontSizes = ['6', '7', '8', '9', '10', '11',\n  '12', '14', '16', '18', '24', '30', '36', '48', '60', '72', '96', '100'];\n\nexport const borderProps = {\n  style: [\n    {\n      label: 'Solid',\n      value: 'solid',\n    },\n    {\n      label: 'Dotted',\n      value: 'dotted',\n    },\n    {\n      label: 'Dashed',\n      value: 'dashed',\n    },\n  ],\n  width: [\n    {\n      label: 'Thick',\n      value: 'thick',\n    },\n    {\n      label: 'Medium',\n      value: 'medium',\n    },\n    {\n      label: 'Thin',\n      value: 'thin',\n    },\n  ],\n};\n"],"names":["fontTypes","googleDisplayFonts","googleForeignDisplayFonts","googleForeignSansSerifFonts","googleForeignSerifFonts","googleSansSerifFonts","googleSerifFonts","licencedFonts","systemDisplayFonts","systemSansSerifFonts","systemSerifFonts","googleNonforeignFonts","completeSystemFonts","completeGoogleFonts","filter","elem","index","self","indexOf","completeLicencedFonts","fonts","sort","fontSizes"],"mappings":";;;;;;;;;;;;;;;;;IAAaA,SAAS,GAAG;AACvBC,EAAAA,kBAAkB,EAAE,CAClB,OADkB,EAElB,eAFkB,EAGlB,WAHkB,EAIlB,aAJkB,EAKlB,QALkB,EAMlB,SANkB,EAOlB,UAPkB,EAQlB,MARkB,CADG;AAWvBC,EAAAA,yBAAyB,EAAE,CACzB,eADyB,EAEzB,SAFyB,EAGzB,uBAHyB,EAIzB,MAJyB,CAXJ;AAiBvBC,EAAAA,2BAA2B,EAAE,CAC3B,cAD2B,EAE3B,WAF2B,EAG3B,cAH2B,EAI3B,cAJ2B,CAjBN;AAuBvBC,EAAAA,uBAAuB,EAAE,CACvB,eADuB,EAEvB,cAFuB,EAGvB,eAHuB,CAvBF;AA4BvBC,EAAAA,oBAAoB,EAAE,CACpB,YADoB,EAEpB,WAFoB,EAGpB,QAHoB,EAIpB,QAJoB,CA5BC;AAkCvBC,EAAAA,gBAAgB,EAAE,CAChB,QADgB,EAEhB,UAFgB,CAlCK;AAsCvBC,EAAAA,aAAa,EAAE,CACb,cADa,CAtCQ;AAyCvBC,EAAAA,kBAAkB,EAAE,CAClB,eADkB,CAzCG;AA4CvBC,EAAAA,oBAAoB,EAAE,CACpB,OADoB,EAEpB,aAFoB,EAGpB,aAHoB,EAIpB,WAJoB,EAKpB,QALoB,EAMpB,cANoB,EAOpB,SAPoB,EAQpB,QARoB,CA5CC;AAsDvBC,EAAAA,gBAAgB,EAAE,CAChB,SADgB,EAEhB,iBAFgB;AAtDK;AA4DzBV,SAAS,CAACW,qBAAV,gCACKX,SAAS,CAACM,gBADf,sBACoCN,SAAS,CAACK,oBAD9C,sBAEKL,SAAS,CAACC,kBAFf;AAKAD,SAAS,CAACY,mBAAV,gCACKZ,SAAS,CAACU,gBADf,sBACoCV,SAAS,CAACS,oBAD9C,sBAEKT,SAAS,CAACQ,kBAFf;AAKAR,SAAS,CAACa,mBAAV,GAAgC,6BAC3Bb,SAAS,CAACW,qBADiB,sBACSX,SAAS,CAACI,uBADnB,sBAE3BJ,SAAS,CAACG,2BAFiB,sBAEeH,SAAS,CAACE,yBAFzB,GAG9BY,MAH8B,CAGvB,UAACC,IAAD,EAAOC,KAAP,EAAcC,IAAd;AAAA,SAAuBD,KAAK,KAAKC,IAAI,CAACC,OAAL,CAAaH,IAAb,CAAjC;AAAA,CAHuB,CAAhC;AAKAf,SAAS,CAACmB,qBAAV,GAAkC,mBAC7BnB,SAAS,CAACO,aADmB,EAEhCO,MAFgC,CAEzB,UAACC,IAAD,EAAOC,KAAP,EAAcC,IAAd;AAAA,SAAuBD,KAAK,KAAKC,IAAI,CAACC,OAAL,CAAaH,IAAb,CAAjC;AAAA,CAFyB,CAAlC;AAIAf,SAAS,CAACoB,KAAV,GAAkB,6BACbpB,SAAS,CAACW,qBADG,sBAEbX,SAAS,CAACY,mBAFG,sBAGbZ,SAAS,CAACmB,qBAHG,GAGoBE,IAHpB,EAAlB;IAKaC,SAAS,GAAG,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,EAAgB,GAAhB,EAAqB,IAArB,EAA2B,IAA3B,EACvB,IADuB,EACjB,IADiB,EACX,IADW,EACL,IADK,EACC,IADD,EACO,IADP,EACa,IADb,EACmB,IADnB,EACyB,IADzB,EAC+B,IAD/B,EACqC,IADrC,EAC2C,KAD3C;;;;"}
+{"version":3,"file":"fonts.js","sources":["../../../src/constants/fonts.js"],"sourcesContent":["export const fontTypes = {\n  googleDisplayFonts: [\n    'Bevan',\n    'Abril Fatface',\n    'Diplomata',\n    'Fredoka One',\n    'Galada',\n    'Lobster',\n    'Playball',\n    'Sail',\n  ],\n  googleForeignDisplayFonts: [\n    'Noto Serif SC',\n    'Katibeh',\n    'ZCOOL QingKe HuangYou',\n    'Gugi',\n  ],\n  googleForeignSansSerifFonts: [\n    'Noto Sans JP',\n    'Harmattan',\n    'Noto Sans SC',\n    'Noto Sans KR',\n  ],\n  googleForeignSerifFonts: [\n    'Noto Serif SC',\n    'Scheherazade',\n    'Noto Serif KR',\n  ],\n  googleSansSerifFonts: [\n    'Montserrat',\n    'Open Sans',\n    'Roboto',\n    'Ubuntu',\n  ],\n  googleSerifFonts: [\n    'Bitter',\n    'PT Serif',\n  ],\n  licencedFonts: [\n    'Circular',\n  ],\n  systemDisplayFonts: [\n    'Comic Sans MS',\n  ],\n  systemSansSerifFonts: [\n    'Arial',\n    'Arial Black',\n    'Courier New',\n    'Helvetica',\n    'Tahoma',\n    'Trebuchet MS',\n    'Verdana',\n    'Impact',\n  ],\n  systemSerifFonts: [\n    'Georgia',\n    'Times New Roman',\n  ],\n};\n\nfontTypes.googleNonforeignFonts = [\n  ...fontTypes.googleSerifFonts, ...fontTypes.googleSansSerifFonts,\n  ...fontTypes.googleDisplayFonts,\n];\n\nfontTypes.completeSystemFonts = [\n  ...fontTypes.systemSerifFonts, ...fontTypes.systemSansSerifFonts,\n  ...fontTypes.systemDisplayFonts,\n];\n\nfontTypes.completeGoogleFonts = [\n  ...fontTypes.googleNonforeignFonts, ...fontTypes.googleForeignSerifFonts,\n  ...fontTypes.googleForeignSansSerifFonts, ...fontTypes.googleForeignDisplayFonts,\n].filter((elem, index, self) => index === self.indexOf(elem));\n\nfontTypes.completeLicencedFonts = [\n  ...fontTypes.licencedFonts,\n].filter((elem, index, self) => index === self.indexOf(elem));\n\nfontTypes.fonts = [\n  ...fontTypes.googleNonforeignFonts,\n  ...fontTypes.completeSystemFonts,\n  ...fontTypes.completeLicencedFonts].sort();\n\nexport const fontSizes = ['6', '7', '8', '9', '10', '11',\n  '12', '14', '16', '18', '24', '30', '36', '48', '60', '72', '96', '100'];\n\nexport const borderProps = {\n  style: [\n    {\n      label: 'Solid',\n      value: 'solid',\n    },\n    {\n      label: 'Dotted',\n      value: 'dotted',\n    },\n    {\n      label: 'Dashed',\n      value: 'dashed',\n    },\n  ],\n  width: [\n    {\n      label: 'Thick',\n      value: 'thick',\n    },\n    {\n      label: 'Medium',\n      value: 'medium',\n    },\n    {\n      label: 'Thin',\n      value: 'thin',\n    },\n  ],\n};\n"],"names":["fontTypes","googleDisplayFonts","googleForeignDisplayFonts","googleForeignSansSerifFonts","googleForeignSerifFonts","googleSansSerifFonts","googleSerifFonts","licencedFonts","systemDisplayFonts","systemSansSerifFonts","systemSerifFonts","googleNonforeignFonts","completeSystemFonts","completeGoogleFonts","filter","elem","index","self","indexOf","completeLicencedFonts","fonts","sort","fontSizes"],"mappings":";;;;;;;;;;;;;;;;IAAaA,SAAS,GAAG;AACvBC,EAAAA,kBAAkB,EAAE,CAClB,OADkB,EAElB,eAFkB,EAGlB,WAHkB,EAIlB,aAJkB,EAKlB,QALkB,EAMlB,SANkB,EAOlB,UAPkB,EAQlB,MARkB,CADG;AAWvBC,EAAAA,yBAAyB,EAAE,CACzB,eADyB,EAEzB,SAFyB,EAGzB,uBAHyB,EAIzB,MAJyB,CAXJ;AAiBvBC,EAAAA,2BAA2B,EAAE,CAC3B,cAD2B,EAE3B,WAF2B,EAG3B,cAH2B,EAI3B,cAJ2B,CAjBN;AAuBvBC,EAAAA,uBAAuB,EAAE,CACvB,eADuB,EAEvB,cAFuB,EAGvB,eAHuB,CAvBF;AA4BvBC,EAAAA,oBAAoB,EAAE,CACpB,YADoB,EAEpB,WAFoB,EAGpB,QAHoB,EAIpB,QAJoB,CA5BC;AAkCvBC,EAAAA,gBAAgB,EAAE,CAChB,QADgB,EAEhB,UAFgB,CAlCK;AAsCvBC,EAAAA,aAAa,EAAE,CACb,UADa,CAtCQ;AAyCvBC,EAAAA,kBAAkB,EAAE,CAClB,eADkB,CAzCG;AA4CvBC,EAAAA,oBAAoB,EAAE,CACpB,OADoB,EAEpB,aAFoB,EAGpB,aAHoB,EAIpB,WAJoB,EAKpB,QALoB,EAMpB,cANoB,EAOpB,SAPoB,EAQpB,QARoB,CA5CC;AAsDvBC,EAAAA,gBAAgB,EAAE,CAChB,SADgB,EAEhB,iBAFgB;AAtDK;AA4DzBV,SAAS,CAACW,qBAAV,gCACKX,SAAS,CAACM,gBADf,sBACoCN,SAAS,CAACK,oBAD9C,sBAEKL,SAAS,CAACC,kBAFf;AAKAD,SAAS,CAACY,mBAAV,gCACKZ,SAAS,CAACU,gBADf,sBACoCV,SAAS,CAACS,oBAD9C,sBAEKT,SAAS,CAACQ,kBAFf;AAKAR,SAAS,CAACa,mBAAV,GAAgC,6BAC3Bb,SAAS,CAACW,qBADiB,sBACSX,SAAS,CAACI,uBADnB,sBAE3BJ,SAAS,CAACG,2BAFiB,sBAEeH,SAAS,CAACE,yBAFzB,GAG9BY,MAH8B,CAGvB,UAACC,IAAD,EAAOC,KAAP,EAAcC,IAAd;AAAA,SAAuBD,KAAK,KAAKC,IAAI,CAACC,OAAL,CAAaH,IAAb,CAAjC;AAAA,CAHuB,CAAhC;AAKAf,SAAS,CAACmB,qBAAV,GAAkC,mBAC7BnB,SAAS,CAACO,aADmB,EAEhCO,MAFgC,CAEzB,UAACC,IAAD,EAAOC,KAAP,EAAcC,IAAd;AAAA,SAAuBD,KAAK,KAAKC,IAAI,CAACC,OAAL,CAAaH,IAAb,CAAjC;AAAA,CAFyB,CAAlC;AAIAf,SAAS,CAACoB,KAAV,GAAkB,6BACbpB,SAAS,CAACW,qBADG,sBAEbX,SAAS,CAACY,mBAFG,sBAGbZ,SAAS,CAACmB,qBAHG,GAGoBE,IAHpB,EAAlB;IAKaC,SAAS,GAAG,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,EAAgB,GAAhB,EAAqB,IAArB,EAA2B,IAA3B,EACvB,IADuB,EACjB,IADiB,EACX,IADW,EACL,IADK,EACC,IADD,EACO,IADP,EACa,IADb,EACmB,IADnB,EACyB,IADzB,EAC+B,IAD/B,EACqC,IADrC,EAC2C,KAD3C;;;;"}

package/lib/esm/constants/pageSettings.js

@@ -1,7 +1,7 @@
 import { divider, fieldSet } from '../utils/staticSettings.js';
 import { PAGE_SETTINGS_ITEM_TYPE } from './itemTypes.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 

package/lib/esm/constants/reportLayoutSettings.js

@@ -3,7 +3,7 @@ import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.split.js';
 import { divider } from '../utils/staticSettings.js';
 
-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; }
 
@@ -17,7 +17,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 

package/lib/esm/constants/reportLayoutSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"reportLayoutSettings.js","sources":["../../../src/constants/reportLayoutSettings.js"],"sourcesContent":["import { divider } from '../utils/staticSettings';\n\nconst onChange = (id, { reportCustomLayout }, updater) => {\n  const [reportLayoutWidth, reportLayoutHeight] = reportCustomLayout.split('x');\n  updater(id, {\n    reportLayoutHeight,\n    reportLayoutWidth,\n  });\n};\n\nconst value = (val, item) => {\n  return `${item.reportLayoutWidth}x${item.reportLayoutHeight}`;\n};\n\nexport default [\n  {\n    ifValueEquals: {\n      'A4 Landscape': {\n        reportLayoutHeight: {\n          cast: 'string',\n          value: '794',\n        },\n        reportLayoutWidth: {\n          cast: 'string',\n          value: '1123',\n        },\n      },\n      'A4 Portrait': {\n        reportLayoutHeight: {\n          cast: 'string',\n          value: '1123',\n        },\n        reportLayoutWidth: {\n          cast: 'string',\n          value: '794',\n        },\n      },\n      'A5 Landscape': {\n        reportLayoutHeight: {\n          cast: 'string',\n          value: '559',\n        },\n        reportLayoutWidth: {\n          cast: 'string',\n          value: '794',\n        },\n      },\n      'A5 Portrait': {\n        reportLayoutHeight: {\n          cast: 'string',\n          value: '794',\n        },\n        reportLayoutWidth: {\n          cast: 'string',\n          value: '559',\n        },\n      },\n      Web: {\n        reportLayoutHeight: {\n          cast: 'string',\n          value: '768',\n        },\n        reportLayoutWidth: {\n          cast: 'string',\n          value: '1366',\n        },\n      },\n    },\n    key: 'reportLayout',\n    label: 'Dimensions',\n    options: [\n      {\n        label: 'A4 Landscape',\n        value: 'A4 Landscape',\n      },\n      {\n        label: 'A4 Portrait',\n        value: 'A4 Portrait',\n      },\n      {\n        label: 'A5 Landscape',\n        value: 'A5 Landscape',\n      },\n      {\n        label: 'A5 Portrait',\n        value: 'A5 Portrait',\n      },\n      {\n        label: 'Web',\n        value: 'Web',\n      },\n      {\n        label: 'Custom',\n        value: 'Custom',\n      },\n    ],\n    section: 'GENERAL',\n    type: 'dropdown',\n    value: val => {\n      if (val === 'custom') {\n        return 'Custom';\n      }\n\n      if (val === 'web') {\n        return 'Web';\n      }\n\n      if (val === 'landscape') {\n        return 'A4 Landscape';\n      }\n\n      if (val === 'portrait') {\n        return 'A4 Portrait';\n      }\n\n      return val;\n    },\n  },\n  {\n    ...divider('GENERAL'),\n  },\n  {\n    key: 'reportCustomLayout',\n    label: 'Web Resolution',\n    onChange,\n    options: [\n      { label: '3840 x 2160', value: '3840x2160' },\n      { label: '1920 x 1080', value: '1920x1080' },\n      { label: '1440 x 900', value: '1440x900' },\n      { label: '1366 x 768', value: '1366x768' },\n      { label: '1280 x 720', value: '1280x720' },\n      { label: '1024 x 768', value: '1024x768' },\n    ],\n    section: 'GENERAL',\n    showWhen: {\n      reportLayout: 'Web',\n    },\n    type: 'dropdown',\n    uniqueId: 'reportCustomLayout_1',\n    value,\n  },\n  {\n    key: 'reportCustomLayout',\n    label: 'Enter Dimensions',\n    onChange,\n    section: 'GENERAL',\n    showWhen: {\n      reportLayout: 'Custom',\n    },\n    type: 'layoutSizeSettings',\n    uniqueId: 'reportCustomLayout_2',\n    value,\n  },\n  {\n    ...divider('GENERAL'),\n  },\n];\n"],"names":["onChange","id","updater","reportCustomLayout","split","reportLayoutWidth","reportLayoutHeight","value","val","item","ifValueEquals","cast","Web","key","label","options","section","type","divider","showWhen","reportLayout","uniqueId"],"mappings":"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"}
+{"version":3,"file":"reportLayoutSettings.js","sources":["../../../src/constants/reportLayoutSettings.js"],"sourcesContent":["import { divider } from '../utils/staticSettings';\n\nconst onChange = (id, { reportCustomLayout }, updater) => {\n  const [reportLayoutWidth, reportLayoutHeight] = reportCustomLayout.split('x');\n  updater(id, {\n    reportLayoutHeight,\n    reportLayoutWidth,\n  });\n};\n\nconst value = (val, item) => {\n  return `${item.reportLayoutWidth}x${item.reportLayoutHeight}`;\n};\n\nexport default [\n  {\n    ifValueEquals: {\n      'A4 Landscape': {\n        reportLayoutHeight: {\n          cast: 'string',\n          value: '794',\n        },\n        reportLayoutWidth: {\n          cast: 'string',\n          value: '1123',\n        },\n      },\n      'A4 Portrait': {\n        reportLayoutHeight: {\n          cast: 'string',\n          value: '1123',\n        },\n        reportLayoutWidth: {\n          cast: 'string',\n          value: '794',\n        },\n      },\n      'A5 Landscape': {\n        reportLayoutHeight: {\n          cast: 'string',\n          value: '559',\n        },\n        reportLayoutWidth: {\n          cast: 'string',\n          value: '794',\n        },\n      },\n      'A5 Portrait': {\n        reportLayoutHeight: {\n          cast: 'string',\n          value: '794',\n        },\n        reportLayoutWidth: {\n          cast: 'string',\n          value: '559',\n        },\n      },\n      Web: {\n        reportLayoutHeight: {\n          cast: 'string',\n          value: '768',\n        },\n        reportLayoutWidth: {\n          cast: 'string',\n          value: '1366',\n        },\n      },\n    },\n    key: 'reportLayout',\n    label: 'Dimensions',\n    options: [\n      {\n        label: 'A4 Landscape',\n        value: 'A4 Landscape',\n      },\n      {\n        label: 'A4 Portrait',\n        value: 'A4 Portrait',\n      },\n      {\n        label: 'A5 Landscape',\n        value: 'A5 Landscape',\n      },\n      {\n        label: 'A5 Portrait',\n        value: 'A5 Portrait',\n      },\n      {\n        label: 'Web',\n        value: 'Web',\n      },\n      {\n        label: 'Custom',\n        value: 'Custom',\n      },\n    ],\n    section: 'GENERAL',\n    type: 'dropdown',\n    value: val => {\n      if (val === 'custom') {\n        return 'Custom';\n      }\n\n      if (val === 'web') {\n        return 'Web';\n      }\n\n      if (val === 'landscape') {\n        return 'A4 Landscape';\n      }\n\n      if (val === 'portrait') {\n        return 'A4 Portrait';\n      }\n\n      return val;\n    },\n  },\n  {\n    ...divider('GENERAL'),\n  },\n  {\n    key: 'reportCustomLayout',\n    label: 'Web Resolution',\n    onChange,\n    options: [\n      { label: '3840 x 2160', value: '3840x2160' },\n      { label: '1920 x 1080', value: '1920x1080' },\n      { label: '1440 x 900', value: '1440x900' },\n      { label: '1366 x 768', value: '1366x768' },\n      { label: '1280 x 720', value: '1280x720' },\n      { label: '1024 x 768', value: '1024x768' },\n    ],\n    section: 'GENERAL',\n    showWhen: {\n      reportLayout: 'Web',\n    },\n    type: 'dropdown',\n    uniqueId: 'reportCustomLayout_1',\n    value,\n  },\n  {\n    key: 'reportCustomLayout',\n    label: 'Enter Dimensions',\n    onChange,\n    section: 'GENERAL',\n    showWhen: {\n      reportLayout: 'Custom',\n    },\n    type: 'layoutSizeSettings',\n    uniqueId: 'reportCustomLayout_2',\n    value,\n  },\n  {\n    ...divider('GENERAL'),\n  },\n];\n"],"names":["onChange","id","updater","reportCustomLayout","split","reportLayoutWidth","reportLayoutHeight","value","val","item","ifValueEquals","cast","Web","key","label","options","section","type","divider","showWhen","reportLayout","uniqueId"],"mappings":"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"}

package/lib/esm/constants/reportSettings.js

@@ -3,7 +3,7 @@ import { divider } from '../utils/staticSettings.js';
 import { REPORT_SETTINGS_ITEM_TYPE } from './itemTypes.js';
 import reportLayoutSettings from './reportLayoutSettings.js';
 
-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); }
 
@@ -43,7 +43,9 @@ var reportSettings = {
     }],
     section: 'GENERAL',
     type: 'dropdown'
-  }, _objectSpread({}, divider('GENERAL')), {
+  }, _objectSpread(_objectSpread({}, divider('GENERAL')), {}, {
+    experimental: true
+  }), {
     key: 'reportBackgroundColor',
     label: 'Background Color',
     section: 'STYLE',

package/lib/esm/constants/reportSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"reportSettings.js","sources":["../../../src/constants/reportSettings.js"],"sourcesContent":["import { divider } from '../utils/staticSettings';\nimport { REPORT_SETTINGS_ITEM_TYPE } from './itemTypes';\nimport reportLayoutSettings from './reportLayoutSettings';\n\nexport const reportSettings = {\n  settings: [\n    ...reportLayoutSettings,\n    {\n      experimental: true,\n      key: 'reportPageTransition',\n      label: 'Page Transitions',\n      options: [\n        {\n          label: 'No Animation',\n          value: 'noAnimation',\n        },\n        {\n          label: 'Slide',\n          value: 'horizontalSlide',\n        },\n        {\n          label: 'Vertical Slide',\n          value: 'verticalSlide',\n        },\n        {\n          label: 'Scale and Slide',\n          value: 'scaleAndSlide',\n        },\n        {\n          label: 'Scale and Fade',\n          value: 'scaleAndFade',\n        },\n      ],\n      section: 'GENERAL',\n      type: 'dropdown',\n    },\n    {\n      ...divider('GENERAL'),\n    },\n    {\n      key: 'reportBackgroundColor',\n      label: 'Background Color',\n      section: 'STYLE',\n      type: 'colorPicker',\n    },\n    {\n      ...divider('STYLE'),\n    },\n  ],\n};\n\nexport default {\n  itemType: REPORT_SETTINGS_ITEM_TYPE,\n  settings: reportSettings.settings,\n};\n"],"names":["reportSettings","settings","reportLayoutSettings","experimental","key","label","options","value","section","type","divider","itemType","REPORT_SETTINGS_ITEM_TYPE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAIaA,cAAc,GAAG;AAC5BC,EAAAA,QAAQ,+BACHC,oBADG,IAEN;AACEC,IAAAA,YAAY,EAAE,IADhB;AAEEC,IAAAA,GAAG,EAAE,sBAFP;AAGEC,IAAAA,KAAK,EAAE,kBAHT;AAIEC,IAAAA,OAAO,EAAE,CACP;AACED,MAAAA,KAAK,EAAE,cADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KADO,EAKP;AACEF,MAAAA,KAAK,EAAE,OADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KALO,EASP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KATO,EAaP;AACEF,MAAAA,KAAK,EAAE,iBADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KAbO,EAiBP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KAjBO,CAJX;AA0BEC,IAAAA,OAAO,EAAE,SA1BX;AA2BEC,IAAAA,IAAI,EAAE;AA3BR,GAFM,oBAgCDC,OAAO,CAAC,SAAD,CAhCN,GAkCN;AACEN,IAAAA,GAAG,EAAE,uBADP;AAEEC,IAAAA,KAAK,EAAE,kBAFT;AAGEG,IAAAA,OAAO,EAAE,OAHX;AAIEC,IAAAA,IAAI,EAAE;AAJR,GAlCM,oBAyCDC,OAAO,CAAC,OAAD,CAzCN;AADoB;AA+C9B,aAAe;AACbC,EAAAA,QAAQ,EAAEC,yBADG;AAEbX,EAAAA,QAAQ,EAAED,cAAc,CAACC;AAFZ,CAAf;;;;;"}
+{"version":3,"file":"reportSettings.js","sources":["../../../src/constants/reportSettings.js"],"sourcesContent":["import { divider } from '../utils/staticSettings';\nimport { REPORT_SETTINGS_ITEM_TYPE } from './itemTypes';\nimport reportLayoutSettings from './reportLayoutSettings';\n\nexport const reportSettings = {\n  settings: [\n    ...reportLayoutSettings,\n    {\n      experimental: true,\n      key: 'reportPageTransition',\n      label: 'Page Transitions',\n      options: [\n        {\n          label: 'No Animation',\n          value: 'noAnimation',\n        },\n        {\n          label: 'Slide',\n          value: 'horizontalSlide',\n        },\n        {\n          label: 'Vertical Slide',\n          value: 'verticalSlide',\n        },\n        {\n          label: 'Scale and Slide',\n          value: 'scaleAndSlide',\n        },\n        {\n          label: 'Scale and Fade',\n          value: 'scaleAndFade',\n        },\n      ],\n      section: 'GENERAL',\n      type: 'dropdown',\n    },\n    {\n      ...divider('GENERAL'),\n      experimental: true,\n    },\n    {\n      key: 'reportBackgroundColor',\n      label: 'Background Color',\n      section: 'STYLE',\n      type: 'colorPicker',\n    },\n    {\n      ...divider('STYLE'),\n    },\n  ],\n};\n\nexport default {\n  itemType: REPORT_SETTINGS_ITEM_TYPE,\n  settings: reportSettings.settings,\n};\n"],"names":["reportSettings","settings","reportLayoutSettings","experimental","key","label","options","value","section","type","divider","itemType","REPORT_SETTINGS_ITEM_TYPE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAIaA,cAAc,GAAG;AAC5BC,EAAAA,QAAQ,+BACHC,oBADG,IAEN;AACEC,IAAAA,YAAY,EAAE,IADhB;AAEEC,IAAAA,GAAG,EAAE,sBAFP;AAGEC,IAAAA,KAAK,EAAE,kBAHT;AAIEC,IAAAA,OAAO,EAAE,CACP;AACED,MAAAA,KAAK,EAAE,cADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KADO,EAKP;AACEF,MAAAA,KAAK,EAAE,OADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KALO,EASP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KATO,EAaP;AACEF,MAAAA,KAAK,EAAE,iBADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KAbO,EAiBP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEE,MAAAA,KAAK,EAAE;AAFT,KAjBO,CAJX;AA0BEC,IAAAA,OAAO,EAAE,SA1BX;AA2BEC,IAAAA,IAAI,EAAE;AA3BR,GAFM,kCAgCDC,OAAO,CAAC,SAAD,CAhCN;AAiCJP,IAAAA,YAAY,EAAE;AAjCV,MAmCN;AACEC,IAAAA,GAAG,EAAE,uBADP;AAEEC,IAAAA,KAAK,EAAE,kBAFT;AAGEG,IAAAA,OAAO,EAAE,OAHX;AAIEC,IAAAA,IAAI,EAAE;AAJR,GAnCM,oBA0CDC,OAAO,CAAC,OAAD,CA1CN;AADoB;AAgD9B,aAAe;AACbC,EAAAA,QAAQ,EAAEC,yBADG;AAEbX,EAAAA,QAAQ,EAAED,cAAc,CAACC;AAFZ,CAAf;;;;;"}

package/lib/esm/constants/staticProps.js

@@ -1,4 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 

package/lib/esm/styles/_jfDarkTheme.scss

@@ -52,11 +52,11 @@
     }
 
     .toolSection-dropdown, .toolSection-input, .colorPicker-wrapper {
-      border-color: #303339;
+      border-color: $inputDarkGrayBorder;
       color: $white;
 
       &:hover {
-        border-color: darken(#303339, 10);
+        border-color: $inputDarkGrayBorderHover;
       }
     }
 
@@ -268,28 +268,28 @@
 
     .rangeSlider-bar::-webkit-slider-thumb {
       background: $white;
-      border: 3px solid #0099FF;
+      border: 3px solid $ctaBlue;
 
       &:hover {
-        background-color: opacify(#0099FF, .1);
+        background-color: opacify($ctaBlue, .1);
       }
     }
 
     .rangeSlider-bar::-moz-range-thumb {
       background: $white;
-      border: 3px solid #0099FF;
+      border: 3px solid $ctaBlue;
 
       &:hover {
-        background-color: #0099FF;
+        background-color: $ctaBlue;
       }
     }
 
     .rangeSlider-indicator {
-      background-color: #0099FF;
+      background-color: $ctaBlue;
     }
 
     .rangeSlider-bar::-ms-fill-lower {
-      background: #0099FF;
+      background: $ctaBlue;
     }
 
     .rangeSlider-bar::-ms-fill-upper {
@@ -297,12 +297,12 @@
     }
 
     .rangeSlider-bar::-ms-thumb {
-      border: 3px solid #0099FF;
+      border: 3px solid $ctaBlue;
       background: #fff;
     }
 
     .rangeSlider-bar:focus::-ms-fill-lower {
-      background: #0099FF;
+      background: $ctaBlue;
     }
 
     .rangeSlider-bar:focus::-ms-fill-upper {
@@ -317,8 +317,8 @@
     }
 
     .dropArea.isDragging {
-      background: $white;
-      border: 1px dashed $green;
+      border: 2px dashed $ctaBlue;
+      color: $ctaBlue;
     }
 
     .uploadInfo {
@@ -336,6 +336,7 @@
 
     .hasUnit:after {
       color: $infoGray;
+      border-color: #303339;
     }
 
     .toolSection-dropdownWrapper {
@@ -344,7 +345,7 @@
       }
 
       &:after {
-        background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 16 9'%3E%3Cpath fill-rule='evenodd' d='M242.656854,19.2928932 C243.047379,18.9023689 243.680544,18.9023689 244.071068,19.2928932 C244.461592,19.6834175 244.461592,20.3165825 244.071068,20.7071068 L238.414214,26.363961 L244.071068,32.0208153 C244.461592,32.4113396 244.461592,33.0445046 244.071068,33.4350288 C243.680544,33.8255531 243.047379,33.8255531 242.656854,33.4350288 L236.292893,27.0710678 C235.902369,26.6805435 235.902369,26.0473785 236.292893,25.6568542 L242.656854,19.2928932 Z' transform='rotate(-90 113.182 131.364)'/%3E%3C/svg%3E%0A");
+        background-color: #303339;
       }
 
       &.isDark {
@@ -444,7 +445,7 @@
   }
 
   .toolSection-list:not(.forChart):not(.forShapes) .toolSection-listItem {
-    .jfReportSVG path, .jfReportSVG circle {
+    .jfReportSVG {
       fill: $white;
     }
   }
@@ -455,8 +456,7 @@
     }
 
     &.isSelected {
-      background-color: #0099FF;
-      color: $white;
+      background-color: $ctaBlue;
 
       svg {
         fill: $white;
@@ -490,16 +490,20 @@
 
   .bigList {
     .toolSection-listItem {
-      & > span:first-child {
+      & > span:not(.toolSection-listItemName) {
         background-color: #fff;
       }
+
       & > span:last-child {
         color: $white;
       }
 
       &.isSelected {
+        color: #ffffff;
+        border-color: transparent;
+
         & > span:first-child {
-          background-color: #0099FF;
+          background-color: $ctaBlue;
         }
       }
     }
@@ -534,7 +538,7 @@
 
       &.isSelected {
         background-color: #303339;
-        border-left-color: #0099FF;
+        border-left-color: $ctaBlue;
         &:hover {
           .thumbnailOrder {
             color: #fff;
@@ -553,4 +557,36 @@
   .jfReport-pane-footer {
     background-color: #404651;
   }
+
+  .jfReportSelectOption-list .jfReportSelectOption-name:not(.isDark) {
+    background-color: #555F6E;
+
+    .jfReportSelectOption-text {
+      color: #ffffff;
+    }
+
+    .jfReportSelectOption-icon {
+      fill: #ffffff;
+      color: #ffffff;
+    }
+
+    .forPin svg {
+      color: $white;
+      fill: $white;
+    }
+  }
+
+  .jfReportSelectOption-list:not(.forChart) .jfReportSelectOption-drag {
+    fill: #ffffff;
+  }
+
+  .jfReportSelectOption-list .jfReportSelectOption-name.isDark {
+    .jfReportSelectOption-drag {
+      fill: #ffffff;
+    }
+  }
+
+  .jfReportSelectOption-list.forPageLayer .jfReportSelectOption-name:hover {
+    border-color: $inputDarkGrayBorderHover;
+  }
 }

package/lib/esm/styles/_jfLightTheme.scss

@@ -36,6 +36,15 @@
       fill: $additionalGray;
     }
 
+    .toolSection-dropdown, .toolSection-input, .colorPicker-wrapper, .jfReportPalette-item {
+      border-color: $inputGrayBorder;
+      background-color: $inputGray;
+
+      &:hover {
+        border-color: $inputGrayBorderHover;
+      }
+    }
+
     .toolToggle {
 
       .toolToggle-custom {
@@ -209,7 +218,7 @@
     }
 
     .imageUpload-wrapper {
-      @include inputDefault;
+      border: 2px dashed $inputGrayBorder;
 
       &.imageUpload-info span:first-child {
         color: #abadc1;
@@ -218,11 +227,16 @@
 
     .dropArea.isDragging {
       background: $white;
-      border: 1px dashed $green;
+      border: 2px dashed $green;
+      color: $ctaGreen;
     }
 
     .uploadInfo {
-      color: $infoGray;
+      color: $inputGrayBorder;
+    }
+
+    .userUploads-image {
+      border: 1px solid $inputGrayBorder;
     }
 
     .colorPicker-wrapper {
@@ -230,12 +244,13 @@
       border: 1px solid #ccc;
 
       .toolSection-input {
-        border-right-color: $inputGray;
+        border-right-color: $inputGrayBorder;
       }
     }
 
     .hasUnit:after {
       color: $infoGray;
+      border-color: $inputGrayBorder;
     }
 
     .toolSection-dropdownWrapper {
@@ -244,33 +259,16 @@
       }
 
       &:after {
-        background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 16 9'%3E%3Cpath fill-rule='evenodd' d='M242.656854,19.2928932 C243.047379,18.9023689 243.680544,18.9023689 244.071068,19.2928932 C244.461592,19.6834175 244.461592,20.3165825 244.071068,20.7071068 L238.414214,26.363961 L244.071068,32.0208153 C244.461592,32.4113396 244.461592,33.0445046 244.071068,33.4350288 C243.680544,33.8255531 243.047379,33.8255531 242.656854,33.4350288 L236.292893,27.0710678 C235.902369,26.6805435 235.902369,26.0473785 236.292893,25.6568542 L242.656854,19.2928932 Z' transform='rotate(-90 113.182 131.364)'/%3E%3C/svg%3E%0A");
-      }
-
-      &.isDark {
-        .toolSection-dropdown {
-          background-color: #2E354A;
-          color: #fff;
-        }
-
-        &:after {
-          background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 16 9'%3E%3Cpath fill-rule='evenodd' fill='%23A8AABF' d='M242.656854,19.2928932 C243.047379,18.9023689 243.680544,18.9023689 244.071068,19.2928932 C244.461592,19.6834175 244.461592,20.3165825 244.071068,20.7071068 L238.414214,26.363961 L244.071068,32.0208153 C244.461592,32.4113396 244.461592,33.0445046 244.071068,33.4350288 C243.680544,33.8255531 243.047379,33.8255531 242.656854,33.4350288 L236.292893,27.0710678 C235.902369,26.6805435 235.902369,26.0473785 236.292893,25.6568542 L242.656854,19.2928932 Z' transform='rotate(-90 113.182 131.364)'/%3E%3C/svg%3E%0A");
-          background-color: #2E354A;
-        }
-
-        &:hover {
-          .toolSection-dropdown, &:after {
-            background-color: lighten(#2E354A, 5);
-          }
-
-          &:after {
-            background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 16 9'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M242.656854,19.2928932 C243.047379,18.9023689 243.680544,18.9023689 244.071068,19.2928932 C244.461592,19.6834175 244.461592,20.3165825 244.071068,20.7071068 L238.414214,26.363961 L244.071068,32.0208153 C244.461592,32.4113396 244.461592,33.0445046 244.071068,33.4350288 C243.680544,33.8255531 243.047379,33.8255531 242.656854,33.4350288 L236.292893,27.0710678 C235.902369,26.6805435 235.902369,26.0473785 236.292893,25.6568542 L242.656854,19.2928932 Z' transform='rotate(-90 113.182 131.364)'/%3E%3C/svg%3E%0A");
-          }
-        }
+        background-color: #D3D4DE;
       }
     }
   }
 
+  .forSlides .jfReport-pane-footer {
+    border-top-color: #dde0ea;
+    background-color: #fff;
+  }
+
   .forAllSlides .pageActionsBar {
     background-color: $white;
 
@@ -360,7 +358,6 @@
 
     &.isSelected {
       background-color: $ctaGreen;
-      color: $white;
 
       svg {
         fill: $white;
@@ -370,8 +367,15 @@
 
   .bigList {
     .toolSection-listItem {
-      & > span:first-child {
-        background-color: #8382a9;
+      & > span:not(.toolSection-listItemName) {
+        background-color: $inputGray;
+        border: 1px solid $inputGrayBorder;
+      }
+
+      &:hover {
+        & > span:not(.toolSection-listItemName) {
+          border-color: $inputGrayBorderHover;
+        }
       }
 
       &.isSelected {
@@ -381,4 +385,35 @@
       }
     }
   }
+
+  .jfReportSelectOption-list:not(.forChart) .jfReportSelectOption-name {
+    background-color: $inputGray;
+    border: 1px solid $inputGrayBorder;
+  }
+
+  .jfReportSelectOption-list.forPageLayer .jfReportSelectOption-name:hover {
+    border-color: $inputGrayBorderHover;
+  }
+
+  .toolSection-dropdownWrapper.isDark {
+    .toolSection-dropdown {
+      background-color: #2E354A;
+      color: #fff;
+    }
+
+    &:after {
+      background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 16 9'%3E%3Cpath fill-rule='evenodd' fill='%23A8AABF' d='M242.656854,19.2928932 C243.047379,18.9023689 243.680544,18.9023689 244.071068,19.2928932 C244.461592,19.6834175 244.461592,20.3165825 244.071068,20.7071068 L238.414214,26.363961 L244.071068,32.0208153 C244.461592,32.4113396 244.461592,33.0445046 244.071068,33.4350288 C243.680544,33.8255531 243.047379,33.8255531 242.656854,33.4350288 L236.292893,27.0710678 C235.902369,26.6805435 235.902369,26.0473785 236.292893,25.6568542 L242.656854,19.2928932 Z' transform='rotate(-90 113.182 131.364)'/%3E%3C/svg%3E%0A");
+      background-color: #2E354A;
+    }
+
+    &:hover {
+      .toolSection-dropdown, &:after {
+        background-color: lighten(#2E354A, 5);
+      }
+
+      &:after {
+        background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 16 9'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M242.656854,19.2928932 C243.047379,18.9023689 243.680544,18.9023689 244.071068,19.2928932 C244.461592,19.6834175 244.461592,20.3165825 244.071068,20.7071068 L238.414214,26.363961 L244.071068,32.0208153 C244.461592,32.4113396 244.461592,33.0445046 244.071068,33.4350288 C243.680544,33.8255531 243.047379,33.8255531 242.656854,33.4350288 L236.292893,27.0710678 C235.902369,26.6805435 235.902369,26.0473785 236.292893,25.6568542 L242.656854,19.2928932 Z' transform='rotate(-90 113.182 131.364)'/%3E%3C/svg%3E%0A");
+      }
+    }
+  }
 }

package/lib/esm/styles/_jfReportsAccordion.scss

@@ -42,8 +42,7 @@
     display: flex;
     align-items: center;
     cursor: pointer;
-    padding: 13px 20px;
-    padding: 5px ​20px;
+    padding: 5px 20px;
     height: 55px;
     border-bottom: 1px solid;
     transition: $transition;