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

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

@@ -80,26 +80,34 @@ var SearchInput = function SearchInput(_ref) {
       searchInputRef.current.blur();
     }
   }, [elements]);
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "jfReport-searchContainer p-relative",
-    children: [/*#__PURE__*/jsxRuntime.jsx("input", {
-      ref: searchInputRef,
-      className: "js-searchInput section-search-input",
-      onChange: onSearchChange,
-      onKeyDown: handleKeyDown,
-      placeholder: "Search",
-      type: "text",
-      value: searchValue
-    }), /*#__PURE__*/jsxRuntime.jsx("button", {
-      className: "section-search-button".concat(searchValue ? ' showDelete' : ''),
-      onClick: onSearchButtonClick,
-      type: "button",
-      children: searchValue ? /*#__PURE__*/jsxRuntime.jsx(close, {
-        className: "section-search-icon delete"
-      }) : /*#__PURE__*/jsxRuntime.jsx(search, {
-        className: "section-search-icon"
-      })
-    })]
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "jfReport-searchContainer",
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "jfReport-search p-relative",
+      children: [/*#__PURE__*/jsxRuntime.jsx("input", {
+        ref: searchInputRef,
+        className: "js-searchInput section-search-input",
+        onChange: onSearchChange,
+        onKeyDown: handleKeyDown,
+        placeholder: "Search",
+        type: "text",
+        value: searchValue
+      }), /*#__PURE__*/jsxRuntime.jsx("button", {
+        className: "section-search-button search-icon",
+        onClick: onSearchButtonClick,
+        type: "button",
+        children: /*#__PURE__*/jsxRuntime.jsx(search, {
+          className: "section-search-icon"
+        })
+      }), searchValue && /*#__PURE__*/jsxRuntime.jsx("button", {
+        className: "section-search-button search-delete",
+        onClick: onSearchButtonClick,
+        type: "button",
+        children: /*#__PURE__*/jsxRuntime.jsx(close, {
+          className: "section-search-icon delete"
+        })
+      })]
+    })
   });
 };
 

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

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

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

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

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

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

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

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

package/lib/cjs/components/Builder/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Builder/Tabs.js"],"sourcesContent":["import { Fragment, memo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { usePropContext } from '../../utils/propContext';\n\nconst Tabs = ({ panel, tabs }) => {\n  const {\n    activeTab,\n    isLeftPanelOpen,\n    isRightPanelOpen,\n    setActiveTab,\n  } = useBuilderContext();\n  const {\n    onAnEventTrigger,\n  } = usePropContext();\n\n  const setCurrentTab = useCallback((index, tab) => {\n    setActiveTab(panel, index);\n    onAnEventTrigger('settingTabChanged', tab);\n  }, [setActiveTab, onAnEventTrigger, panel]);\n\n  return (\n    tabs.length > 1 && (\n      <div\n        className={`toolTabs d-flex p-relative ${panel}`}\n        data-tab={tabs.length}\n      >\n        { tabs.map((tab, index) => {\n          const checked = activeTab[panel] === index\n            && ((panel === 'left' && isLeftPanelOpen) || (panel === 'right' && isRightPanelOpen));\n          return (\n            <Fragment key={tab}>\n              <input\n                checked={checked}\n                className=\"toolTabs-tab\"\n                id={tab}\n                name=\"tabs\"\n                onChange={() => setCurrentTab(index, tab)}\n                tab-count={index}\n                type=\"radio\"\n              />\n              <label\n                className=\"t-normal js-tabLabel\"\n                htmlFor={tab}\n              >\n                <span>\n                  {tab}\n                </span>\n              </label>\n            </Fragment>\n          );\n        })}\n        <div\n          className=\"toolTabs-indicator p-absolute\"\n          data-tab={tabs.length}\n        />\n      </div>\n    )\n  );\n};\n\nTabs.propTypes = {\n  panel: PropTypes.string.isRequired,\n  tabs: PropTypes.arrayOf(PropTypes.string),\n};\n\nTabs.defaultProps = {\n  tabs: [],\n};\n\nexport default memo(Tabs);\n"],"names":["Tabs","panel","tabs","useBuilderContext","activeTab","isLeftPanelOpen","isRightPanelOpen","setActiveTab","usePropContext","onAnEventTrigger","setCurrentTab","useCallback","index","tab","length","_jsxs","map","checked","Fragment","_jsx","propTypes","PropTypes","string","isRequired","arrayOf","defaultProps","memo"],"mappings":";;;;;;;;;;;;;AAKA,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAAqB;AAAA,MAAlBC,KAAkB,QAAlBA,KAAkB;AAAA,MAAXC,IAAW,QAAXA,IAAW;;AAAA,2BAM5BC,gCAAiB,EANW;AAAA,MAE9BC,SAF8B,sBAE9BA,SAF8B;AAAA,MAG9BC,eAH8B,sBAG9BA,eAH8B;AAAA,MAI9BC,gBAJ8B,sBAI9BA,gBAJ8B;AAAA,MAK9BC,YAL8B,sBAK9BA,YAL8B;;AAAA,wBAS5BC,0BAAc,EATc;AAAA,MAQ9BC,gBAR8B,mBAQ9BA,gBAR8B;;AAWhC,MAAMC,aAAa,GAAGC,iBAAW,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAChDN,IAAAA,YAAY,CAACN,KAAD,EAAQW,KAAR,CAAZ;AACAH,IAAAA,gBAAgB,CAAC,mBAAD,EAAsBI,GAAtB,CAAhB;AACD,GAHgC,EAG9B,CAACN,YAAD,EAAeE,gBAAf,EAAiCR,KAAjC,CAH8B,CAAjC;AAKA,SACEC,IAAI,CAACY,MAAL,GAAc,CAAd,iBACEC;AACE,IAAA,SAAS,uCAAgCd,KAAhC,CADX;AAEE,gBAAUC,IAAI,CAACY,MAFjB;AAAA,eAIIZ,IAAI,CAACc,GAAL,CAAS,UAACH,GAAD,EAAMD,KAAN,EAAgB;AACzB,UAAMK,OAAO,GAAGb,SAAS,CAACH,KAAD,CAAT,KAAqBW,KAArB,KACTX,KAAK,KAAK,MAAV,IAAoBI,eAArB,IAA0CJ,KAAK,KAAK,OAAV,IAAqBK,gBADrD,CAAhB;AAEA,0BACES,gBAACG,cAAD;AAAA,gCACEC;AACE,UAAA,OAAO,EAAEF,OADX;AAEE,UAAA,SAAS,EAAC,cAFZ;AAGE,UAAA,EAAE,EAAEJ,GAHN;AAIE,UAAA,IAAI,EAAC,MAJP;AAKE,UAAA,QAAQ,EAAE;AAAA,mBAAMH,aAAa,CAACE,KAAD,EAAQC,GAAR,CAAnB;AAAA,WALZ;AAME,uBAAWD,KANb;AAOE,UAAA,IAAI,EAAC;AAPP,UADF,eAUEO;AACE,UAAA,SAAS,EAAC,sBADZ;AAEE,UAAA,OAAO,EAAEN,GAFX;AAAA,iCAIEM;AAAA,sBACGN;AADH;AAJF,UAVF;AAAA,SAAeA,GAAf,CADF;AAqBD,KAxBC,CAJJ,eA6BEM;AACE,MAAA,SAAS,EAAC,+BADZ;AAEE,kBAAUjB,IAAI,CAACY;AAFjB,MA7BF;AAAA,IAFJ;AAsCD,CAtDD;;AAwDAd,IAAI,CAACoB,SAAL,GAAiB;AACfnB,EAAAA,KAAK,EAAEoB,6BAAS,CAACC,MAAV,CAAiBC,UADT;AAEfrB,EAAAA,IAAI,EAAEmB,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACC,MAA5B;AAFS,CAAjB;AAKAtB,IAAI,CAACyB,YAAL,GAAoB;AAClBvB,EAAAA,IAAI,EAAE;AADY,CAApB;AAIA,0BAAewB,UAAI,CAAC1B,IAAD,CAAnB;;;;"}

package/lib/cjs/components/Elements/Chart.js

@@ -94,7 +94,7 @@ var settings = [{
     name: 'column',
     title: 'Column Chart'
   }],
-  section: 'General',
+  section: 'GENERAL',
   type: 'selectBox'
 }];
 var details = {

package/lib/cjs/components/Elements/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sources":["../../../../src/components/Elements/Chart.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  BarChart, Bar, PieChart, Pie, XAxis, YAxis, Legend, ResponsiveContainer, Cell,\n} from 'recharts';\nimport * as icons from '../../utils/icons';\n\nconst COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042'];\n\nconst data = [\n  { name: 'Page A', value: 2400 },\n  { name: 'Page B', value: 1398 },\n  { name: 'Page C', value: 9800 },\n  { name: 'Page D', value: 3908 },\n];\n\nconst ChartColumn = () => (\n  <ResponsiveContainer>\n    <BarChart\n      data={data}\n      height={300}\n      width={400}\n    >\n      <XAxis dataKey=\"name\" />\n      <YAxis />\n      <Bar\n        dataKey=\"value\"\n        fill=\"#8884d8\"\n        isAnimationActive={false}\n      />\n    </BarChart>\n  </ResponsiveContainer>\n);\n\nconst ChartPie = () => (\n  <ResponsiveContainer>\n    <PieChart\n      height={300}\n      width={400}\n    >\n      <Pie\n        data={data}\n        dataKey=\"value\"\n        isAnimationActive={false}\n      >\n        {data.map((entry, index) => (\n          <Cell\n            key={`cell-${index.toString()}`}\n            fill={COLORS[index % COLORS.length]}\n          />\n        ))}\n      </Pie>\n      <Legend height={36} />\n    </PieChart>\n  </ResponsiveContainer>\n);\n\nconst Chart = ({ item: { chartType } }) => (\n  chartType === 'column' ? <ChartColumn /> : <ChartPie />\n);\n\nChart.propTypes = {\n  item: PropTypes.shape({\n    chartType: PropTypes.string,\n  }),\n};\n\nChart.defaultProps = {\n  item: {},\n};\n\nconst settings = [\n  {\n    key: 'chartType',\n    label: 'Chart Type',\n    options: [\n      {\n        icon: icons.pie,\n        name: 'pie',\n        title: 'Pie Chart',\n      },\n      {\n        icon: icons.column,\n        name: 'column',\n        title: 'Column Chart',\n      },\n    ],\n    section: 'General',\n    type: 'selectBox',\n  },\n];\n\nexport const details = {\n  chartType: 'pie',\n  height: 300,\n  itemType: 'graphic',\n  width: 420,\n};\n\nexport default {\n  Component: memo(Chart),\n  details,\n  itemType: 'graphic',\n  settings,\n};\n"],"names":["COLORS","data","name","value","ChartColumn","_jsx","ResponsiveContainer","_jsxs","BarChart","XAxis","YAxis","Bar","ChartPie","PieChart","Pie","map","entry","index","Cell","length","toString","Legend","Chart","chartType","item","propTypes","PropTypes","shape","string","defaultProps","settings","key","label","options","icon","icons","title","section","type","details","height","itemType","width","Component","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAOA,IAAMA,MAAM,GAAG,CAAC,SAAD,EAAY,SAAZ,EAAuB,SAAvB,EAAkC,SAAlC,CAAf;AAEA,IAAMC,IAAI,GAAG,CACX;AAAEC,EAAAA,IAAI,EAAE,QAAR;AAAkBC,EAAAA,KAAK,EAAE;AAAzB,CADW,EAEX;AAAED,EAAAA,IAAI,EAAE,QAAR;AAAkBC,EAAAA,KAAK,EAAE;AAAzB,CAFW,EAGX;AAAED,EAAAA,IAAI,EAAE,QAAR;AAAkBC,EAAAA,KAAK,EAAE;AAAzB,CAHW,EAIX;AAAED,EAAAA,IAAI,EAAE,QAAR;AAAkBC,EAAAA,KAAK,EAAE;AAAzB,CAJW,CAAb;;AAOA,IAAMC,WAAW,GAAG,SAAdA,WAAc;AAAA,sBAClBC,eAACC,4BAAD;AAAA,2BACEC,gBAACC,iBAAD;AACE,MAAA,IAAI,EAAEP,IADR;AAEE,MAAA,MAAM,EAAE,GAFV;AAGE,MAAA,KAAK,EAAE,GAHT;AAAA,8BAKEI,eAACI,cAAD;AAAO,QAAA,OAAO,EAAC;AAAf,QALF,eAMEJ,eAACK,cAAD,KANF,eAOEL,eAACM,YAAD;AACE,QAAA,OAAO,EAAC,OADV;AAEE,QAAA,IAAI,EAAC,SAFP;AAGE,QAAA,iBAAiB,EAAE;AAHrB,QAPF;AAAA;AADF,IADkB;AAAA,CAApB;;AAkBA,IAAMC,QAAQ,GAAG,SAAXA,QAAW;AAAA,sBACfP,eAACC,4BAAD;AAAA,2BACEC,gBAACM,iBAAD;AACE,MAAA,MAAM,EAAE,GADV;AAEE,MAAA,KAAK,EAAE,GAFT;AAAA,8BAIER,eAACS,YAAD;AACE,QAAA,IAAI,EAAEb,IADR;AAEE,QAAA,OAAO,EAAC,OAFV;AAGE,QAAA,iBAAiB,EAAE,KAHrB;AAAA,kBAKGA,IAAI,CAACc,GAAL,CAAS,UAACC,KAAD,EAAQC,KAAR;AAAA,8BACRZ,eAACa,aAAD;AAEE,YAAA,IAAI,EAAElB,MAAM,CAACiB,KAAK,GAAGjB,MAAM,CAACmB,MAAhB;AAFd,4BACeF,KAAK,CAACG,QAAN,EADf,EADQ;AAAA,SAAT;AALH,QAJF,eAgBEf,eAACgB,eAAD;AAAQ,QAAA,MAAM,EAAE;AAAhB,QAhBF;AAAA;AADF,IADe;AAAA,CAAjB;;AAuBA,IAAMC,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAWC,SAAX,QAAGC,IAAH,CAAWD,SAAX;AAAA,SACZA,SAAS,KAAK,QAAd,gBAAyBlB,eAAC,WAAD,KAAzB,gBAA2CA,eAAC,QAAD,KAD/B;AAAA,CAAd;;AAIAiB,KAAK,CAACG,SAAN,GAAkB;AAChBD,EAAAA,IAAI,EAAEE,6BAAS,CAACC,KAAV,CAAgB;AACpBJ,IAAAA,SAAS,EAAEG,6BAAS,CAACE;AADD,GAAhB;AADU,CAAlB;AAMAN,KAAK,CAACO,YAAN,GAAqB;AACnBL,EAAAA,IAAI,EAAE;AADa,CAArB;AAIA,IAAMM,QAAQ,GAAG,CACf;AACEC,EAAAA,GAAG,EAAE,WADP;AAEEC,EAAAA,KAAK,EAAE,YAFT;AAGEC,EAAAA,OAAO,EAAE,CACP;AACEC,IAAAA,IAAI,EAAEC,SADR;AAEEjC,IAAAA,IAAI,EAAE,KAFR;AAGEkC,IAAAA,KAAK,EAAE;AAHT,GADO,EAMP;AACEF,IAAAA,IAAI,EAAEC,YADR;AAEEjC,IAAAA,IAAI,EAAE,QAFR;AAGEkC,IAAAA,KAAK,EAAE;AAHT,GANO,CAHX;AAeEC,EAAAA,OAAO,EAAE,SAfX;AAgBEC,EAAAA,IAAI,EAAE;AAhBR,CADe,CAAjB;IAqBaC,OAAO,GAAG;AACrBhB,EAAAA,SAAS,EAAE,KADU;AAErBiB,EAAAA,MAAM,EAAE,GAFa;AAGrBC,EAAAA,QAAQ,EAAE,SAHW;AAIrBC,EAAAA,KAAK,EAAE;AAJc;AAOvB,cAAe;AACbC,EAAAA,SAAS,eAAEC,UAAI,CAACtB,KAAD,CADF;AAEbiB,EAAAA,OAAO,EAAPA,OAFa;AAGbE,EAAAA,QAAQ,EAAE,SAHG;AAIbX,EAAAA,QAAQ,EAARA;AAJa,CAAf;;;;;"}
+{"version":3,"file":"Chart.js","sources":["../../../../src/components/Elements/Chart.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  BarChart, Bar, PieChart, Pie, XAxis, YAxis, Legend, ResponsiveContainer, Cell,\n} from 'recharts';\nimport * as icons from '../../utils/icons';\n\nconst COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042'];\n\nconst data = [\n  { name: 'Page A', value: 2400 },\n  { name: 'Page B', value: 1398 },\n  { name: 'Page C', value: 9800 },\n  { name: 'Page D', value: 3908 },\n];\n\nconst ChartColumn = () => (\n  <ResponsiveContainer>\n    <BarChart\n      data={data}\n      height={300}\n      width={400}\n    >\n      <XAxis dataKey=\"name\" />\n      <YAxis />\n      <Bar\n        dataKey=\"value\"\n        fill=\"#8884d8\"\n        isAnimationActive={false}\n      />\n    </BarChart>\n  </ResponsiveContainer>\n);\n\nconst ChartPie = () => (\n  <ResponsiveContainer>\n    <PieChart\n      height={300}\n      width={400}\n    >\n      <Pie\n        data={data}\n        dataKey=\"value\"\n        isAnimationActive={false}\n      >\n        {data.map((entry, index) => (\n          <Cell\n            key={`cell-${index.toString()}`}\n            fill={COLORS[index % COLORS.length]}\n          />\n        ))}\n      </Pie>\n      <Legend height={36} />\n    </PieChart>\n  </ResponsiveContainer>\n);\n\nconst Chart = ({ item: { chartType } }) => (\n  chartType === 'column' ? <ChartColumn /> : <ChartPie />\n);\n\nChart.propTypes = {\n  item: PropTypes.shape({\n    chartType: PropTypes.string,\n  }),\n};\n\nChart.defaultProps = {\n  item: {},\n};\n\nconst settings = [\n  {\n    key: 'chartType',\n    label: 'Chart Type',\n    options: [\n      {\n        icon: icons.pie,\n        name: 'pie',\n        title: 'Pie Chart',\n      },\n      {\n        icon: icons.column,\n        name: 'column',\n        title: 'Column Chart',\n      },\n    ],\n    section: 'GENERAL',\n    type: 'selectBox',\n  },\n];\n\nexport const details = {\n  chartType: 'pie',\n  height: 300,\n  itemType: 'graphic',\n  width: 420,\n};\n\nexport default {\n  Component: memo(Chart),\n  details,\n  itemType: 'graphic',\n  settings,\n};\n"],"names":["COLORS","data","name","value","ChartColumn","_jsx","ResponsiveContainer","_jsxs","BarChart","XAxis","YAxis","Bar","ChartPie","PieChart","Pie","map","entry","index","Cell","length","toString","Legend","Chart","chartType","item","propTypes","PropTypes","shape","string","defaultProps","settings","key","label","options","icon","icons","title","section","type","details","height","itemType","width","Component","memo"],"mappings":"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"}

package/lib/cjs/components/Elements/Icon.js

@@ -26,23 +26,23 @@ var iconStyle = {
 var settings = [{
   key: 'iconType',
   label: 'Icon Type',
-  section: 'General',
+  section: 'GENERAL',
   type: 'iconSelectBox'
-}, _objectSpread({}, staticSettings.fieldSet('Details', 'Icon Style')), {
+}, _objectSpread({}, staticSettings.fieldSet('DETAILS', 'Icon Style')), {
   key: 'iconFillColor',
   label: 'Color',
-  section: 'Details',
+  section: 'DETAILS',
   type: 'colorPicker'
 }, {
   key: 'opacity',
   label: 'Opacity',
   range: [0, 100],
-  section: 'Details',
+  section: 'DETAILS',
   type: 'slider'
 }, {
   key: 'sizeSettings',
   label: 'Size',
-  section: 'Details',
+  section: 'DETAILS',
   type: 'sizeSettings',
   value: function value(_, _ref) {
     var height = _ref.height,

package/lib/cjs/components/Elements/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../src/components/Elements/Icon.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { fieldSet } from '../../utils/staticSettings';\nimport * as icons from '../../utils/iconSelector';\n\nconst ITEM_TYPE = 'icon';\nconst iconStyle = {\n  height: '100%',\n  width: '100%',\n};\n\nconst settings = [\n  {\n    key: 'iconType',\n    label: 'Icon Type',\n    section: 'General',\n    type: 'iconSelectBox',\n  },\n  {\n    ...fieldSet('Details', 'Icon Style'),\n  },\n  {\n    key: 'iconFillColor',\n    label: 'Color',\n    section: 'Details',\n    type: 'colorPicker',\n  },\n  {\n    key: 'opacity',\n    label: 'Opacity',\n    range: [0, 100],\n    section: 'Details',\n    type: 'slider',\n  },\n  {\n    key: 'sizeSettings',\n    label: 'Size',\n    section: 'Details',\n    type: 'sizeSettings',\n    value: (_, { height, width }) => `${width}x${height}`,\n  },\n];\n\nexport const IconElement = ({\n  item: {\n    iconFillColor,\n    iconType,\n    opacity,\n  },\n}) => {\n  const Icon = icons[iconType];\n  return (<Icon style={{ fill: iconFillColor, fillOpacity: opacity, ...iconStyle }} />);\n};\n\nIconElement.propTypes = {\n  item: PropTypes.shape({\n    height: PropTypes.number,\n    iconFillColor: PropTypes.string,\n    iconType: PropTypes.string,\n    opacity: PropTypes.number,\n    width: PropTypes.number,\n  }),\n};\n\nIconElement.defaultProps = {\n  item: {},\n};\n\nconst details = {\n  height: 200,\n  iconFillColor: '#000000',\n  iconType: 'heart',\n  itemType: ITEM_TYPE,\n  opacity: 1,\n  width: 200,\n};\n\nexport default {\n  Component: memo(IconElement),\n  details,\n  itemType: ITEM_TYPE,\n  settings,\n};\n"],"names":["ITEM_TYPE","iconStyle","height","width","settings","key","label","section","type","fieldSet","range","value","_","IconElement","item","iconFillColor","iconType","opacity","Icon","icons","_jsx","fill","fillOpacity","propTypes","PropTypes","shape","number","string","defaultProps","details","itemType","Component","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,MAAlB;AACA,IAAMC,SAAS,GAAG;AAChBC,EAAAA,MAAM,EAAE,MADQ;AAEhBC,EAAAA,KAAK,EAAE;AAFS,CAAlB;AAKA,IAAMC,QAAQ,GAAG,CACf;AACEC,EAAAA,GAAG,EAAE,UADP;AAEEC,EAAAA,KAAK,EAAE,WAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE;AAJR,CADe,oBAQVC,uBAAQ,CAAC,SAAD,EAAY,YAAZ,CARE,GAUf;AACEJ,EAAAA,GAAG,EAAE,eADP;AAEEC,EAAAA,KAAK,EAAE,OAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE;AAJR,CAVe,EAgBf;AACEH,EAAAA,GAAG,EAAE,SADP;AAEEC,EAAAA,KAAK,EAAE,SAFT;AAGEI,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CAHT;AAIEH,EAAAA,OAAO,EAAE,SAJX;AAKEC,EAAAA,IAAI,EAAE;AALR,CAhBe,EAuBf;AACEH,EAAAA,GAAG,EAAE,cADP;AAEEC,EAAAA,KAAK,EAAE,MAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE,cAJR;AAKEG,EAAAA,KAAK,EAAE,eAACC,CAAD;AAAA,QAAMV,MAAN,QAAMA,MAAN;AAAA,QAAcC,KAAd,QAAcA,KAAd;AAAA,qBAA6BA,KAA7B,cAAsCD,MAAtC;AAAA;AALT,CAvBe,CAAjB;IAgCaW,WAAW,GAAG,SAAdA,WAAc,QAMrB;AAAA,yBALJC,IAKI;AAAA,MAJFC,aAIE,cAJFA,aAIE;AAAA,MAHFC,QAGE,cAHFA,QAGE;AAAA,MAFFC,OAEE,cAFFA,OAEE;AACJ,MAAMC,IAAI,GAAGC,YAAK,CAACH,QAAD,CAAlB;AACA,sBAAQI,eAAC,IAAD;AAAM,IAAA,KAAK;AAAIC,MAAAA,IAAI,EAAEN,aAAV;AAAyBO,MAAAA,WAAW,EAAEL;AAAtC,OAAkDhB,SAAlD;AAAX,IAAR;AACD;AAEDY,WAAW,CAACU,SAAZ,GAAwB;AACtBT,EAAAA,IAAI,EAAEU,6BAAS,CAACC,KAAV,CAAgB;AACpBvB,IAAAA,MAAM,EAAEsB,6BAAS,CAACE,MADE;AAEpBX,IAAAA,aAAa,EAAES,6BAAS,CAACG,MAFL;AAGpBX,IAAAA,QAAQ,EAAEQ,6BAAS,CAACG,MAHA;AAIpBV,IAAAA,OAAO,EAAEO,6BAAS,CAACE,MAJC;AAKpBvB,IAAAA,KAAK,EAAEqB,6BAAS,CAACE;AALG,GAAhB;AADgB,CAAxB;AAUAb,WAAW,CAACe,YAAZ,GAA2B;AACzBd,EAAAA,IAAI,EAAE;AADmB,CAA3B;AAIA,IAAMe,OAAO,GAAG;AACd3B,EAAAA,MAAM,EAAE,GADM;AAEda,EAAAA,aAAa,EAAE,SAFD;AAGdC,EAAAA,QAAQ,EAAE,OAHI;AAIdc,EAAAA,QAAQ,EAAE9B,SAJI;AAKdiB,EAAAA,OAAO,EAAE,CALK;AAMdd,EAAAA,KAAK,EAAE;AANO,CAAhB;AASA,WAAe;AACb4B,EAAAA,SAAS,eAAEC,UAAI,CAACnB,WAAD,CADF;AAEbgB,EAAAA,OAAO,EAAPA,OAFa;AAGbC,EAAAA,QAAQ,EAAE9B,SAHG;AAIbI,EAAAA,QAAQ,EAARA;AAJa,CAAf;;;;;"}
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/Elements/Icon.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { fieldSet } from '../../utils/staticSettings';\nimport * as icons from '../../utils/iconSelector';\n\nconst ITEM_TYPE = 'icon';\nconst iconStyle = {\n  height: '100%',\n  width: '100%',\n};\n\nconst settings = [\n  {\n    key: 'iconType',\n    label: 'Icon Type',\n    section: 'GENERAL',\n    type: 'iconSelectBox',\n  },\n  {\n    ...fieldSet('DETAILS', 'Icon Style'),\n  },\n  {\n    key: 'iconFillColor',\n    label: 'Color',\n    section: 'DETAILS',\n    type: 'colorPicker',\n  },\n  {\n    key: 'opacity',\n    label: 'Opacity',\n    range: [0, 100],\n    section: 'DETAILS',\n    type: 'slider',\n  },\n  {\n    key: 'sizeSettings',\n    label: 'Size',\n    section: 'DETAILS',\n    type: 'sizeSettings',\n    value: (_, { height, width }) => `${width}x${height}`,\n  },\n];\n\nexport const IconElement = ({\n  item: {\n    iconFillColor,\n    iconType,\n    opacity,\n  },\n}) => {\n  const Icon = icons[iconType];\n  return (<Icon style={{ fill: iconFillColor, fillOpacity: opacity, ...iconStyle }} />);\n};\n\nIconElement.propTypes = {\n  item: PropTypes.shape({\n    height: PropTypes.number,\n    iconFillColor: PropTypes.string,\n    iconType: PropTypes.string,\n    opacity: PropTypes.number,\n    width: PropTypes.number,\n  }),\n};\n\nIconElement.defaultProps = {\n  item: {},\n};\n\nconst details = {\n  height: 200,\n  iconFillColor: '#000000',\n  iconType: 'heart',\n  itemType: ITEM_TYPE,\n  opacity: 1,\n  width: 200,\n};\n\nexport default {\n  Component: memo(IconElement),\n  details,\n  itemType: ITEM_TYPE,\n  settings,\n};\n"],"names":["ITEM_TYPE","iconStyle","height","width","settings","key","label","section","type","fieldSet","range","value","_","IconElement","item","iconFillColor","iconType","opacity","Icon","icons","_jsx","fill","fillOpacity","propTypes","PropTypes","shape","number","string","defaultProps","details","itemType","Component","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,MAAlB;AACA,IAAMC,SAAS,GAAG;AAChBC,EAAAA,MAAM,EAAE,MADQ;AAEhBC,EAAAA,KAAK,EAAE;AAFS,CAAlB;AAKA,IAAMC,QAAQ,GAAG,CACf;AACEC,EAAAA,GAAG,EAAE,UADP;AAEEC,EAAAA,KAAK,EAAE,WAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE;AAJR,CADe,oBAQVC,uBAAQ,CAAC,SAAD,EAAY,YAAZ,CARE,GAUf;AACEJ,EAAAA,GAAG,EAAE,eADP;AAEEC,EAAAA,KAAK,EAAE,OAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE;AAJR,CAVe,EAgBf;AACEH,EAAAA,GAAG,EAAE,SADP;AAEEC,EAAAA,KAAK,EAAE,SAFT;AAGEI,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CAHT;AAIEH,EAAAA,OAAO,EAAE,SAJX;AAKEC,EAAAA,IAAI,EAAE;AALR,CAhBe,EAuBf;AACEH,EAAAA,GAAG,EAAE,cADP;AAEEC,EAAAA,KAAK,EAAE,MAFT;AAGEC,EAAAA,OAAO,EAAE,SAHX;AAIEC,EAAAA,IAAI,EAAE,cAJR;AAKEG,EAAAA,KAAK,EAAE,eAACC,CAAD;AAAA,QAAMV,MAAN,QAAMA,MAAN;AAAA,QAAcC,KAAd,QAAcA,KAAd;AAAA,qBAA6BA,KAA7B,cAAsCD,MAAtC;AAAA;AALT,CAvBe,CAAjB;IAgCaW,WAAW,GAAG,SAAdA,WAAc,QAMrB;AAAA,yBALJC,IAKI;AAAA,MAJFC,aAIE,cAJFA,aAIE;AAAA,MAHFC,QAGE,cAHFA,QAGE;AAAA,MAFFC,OAEE,cAFFA,OAEE;AACJ,MAAMC,IAAI,GAAGC,YAAK,CAACH,QAAD,CAAlB;AACA,sBAAQI,eAAC,IAAD;AAAM,IAAA,KAAK;AAAIC,MAAAA,IAAI,EAAEN,aAAV;AAAyBO,MAAAA,WAAW,EAAEL;AAAtC,OAAkDhB,SAAlD;AAAX,IAAR;AACD;AAEDY,WAAW,CAACU,SAAZ,GAAwB;AACtBT,EAAAA,IAAI,EAAEU,6BAAS,CAACC,KAAV,CAAgB;AACpBvB,IAAAA,MAAM,EAAEsB,6BAAS,CAACE,MADE;AAEpBX,IAAAA,aAAa,EAAES,6BAAS,CAACG,MAFL;AAGpBX,IAAAA,QAAQ,EAAEQ,6BAAS,CAACG,MAHA;AAIpBV,IAAAA,OAAO,EAAEO,6BAAS,CAACE,MAJC;AAKpBvB,IAAAA,KAAK,EAAEqB,6BAAS,CAACE;AALG,GAAhB;AADgB,CAAxB;AAUAb,WAAW,CAACe,YAAZ,GAA2B;AACzBd,EAAAA,IAAI,EAAE;AADmB,CAA3B;AAIA,IAAMe,OAAO,GAAG;AACd3B,EAAAA,MAAM,EAAE,GADM;AAEda,EAAAA,aAAa,EAAE,SAFD;AAGdC,EAAAA,QAAQ,EAAE,OAHI;AAIdc,EAAAA,QAAQ,EAAE9B,SAJI;AAKdiB,EAAAA,OAAO,EAAE,CALK;AAMdd,EAAAA,KAAK,EAAE;AANO,CAAhB;AASA,WAAe;AACb4B,EAAAA,SAAS,eAAEC,UAAI,CAACnB,WAAD,CADF;AAEbgB,EAAAA,OAAO,EAAPA,OAFa;AAGbC,EAAAA,QAAQ,EAAE9B,SAHG;AAIbI,EAAAA,QAAQ,EAARA;AAJa,CAAf;;;;;"}

package/lib/cjs/components/Elements/Image.js

@@ -7,10 +7,6 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var jsxRuntime = require('react/jsx-runtime');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 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; }
@@ -29,7 +25,7 @@ function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var ITEM_TYPE = 'image';
-var defaultURL = 'https://www.jotform.com/resources/assets/icon/jotform-logomark-transparent-400x400.png';
+var DEFAULT_LOGO_SRC = 'https://www.jotform.com/resources/assets/icon/jotform-logomark-transparent-400x400.png';
 var imageWrapperStyle = {
   height: 'inherit',
   width: 'inherit'
@@ -55,8 +51,7 @@ var settings = [{
     }
   },
   key: 'url',
-  label: 'Image Upload',
-  section: 'General',
+  section: 'GENERAL',
   type: 'imageThumbnailWithDelete'
 }, {
   hideWhen: {
@@ -64,7 +59,7 @@ var settings = [{
   },
   key: 'sizeSettings',
   label: 'Size',
-  section: 'General',
+  section: 'GENERAL',
   type: 'sizeSettings',
   value: function value(_, _ref) {
     var height = _ref.height,
@@ -78,7 +73,7 @@ var settings = [{
   key: 'roundedCorners',
   label: 'Rounded Corners',
   range: [0, 30],
-  section: 'General',
+  section: 'GENERAL',
   showWhen: {
     shapeType: 'rectangle'
   },
@@ -91,12 +86,12 @@ var settings = [{
   key: 'opacity',
   label: 'Opacity',
   range: [0, 100],
-  section: 'General',
+  section: 'GENERAL',
   type: 'slider'
 }, {
   key: 'url',
-  label: 'Enter URL',
-  section: 'Enter URL',
+  label: 'Enter Url',
+  section: 'ENTER URL',
   showWhen: {
     url: ''
   },
@@ -104,10 +99,8 @@ var settings = [{
   useImageSizeUpdate: true
 }];
 var ImageElement = function ImageElement(_ref2) {
-  var _ref2$item = _ref2.item,
-      opacity = _ref2$item.opacity,
-      roundedCorners = _ref2$item.roundedCorners,
-      url = _ref2$item.url;
+  var item = _ref2.item,
+      itemAccessor = _ref2.itemAccessor;
 
   var _useState = React.useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -119,6 +112,11 @@ var ImageElement = function ImageElement(_ref2) {
       isErrored = _useState4[0],
       setIsErrored = _useState4[1];
 
+  var opacity = item.opacity,
+      roundedCorners = item.roundedCorners,
+      url = item.url;
+  var additionalProps = itemAccessor(item);
+  var defaultURL = (additionalProps === null || additionalProps === void 0 ? void 0 : additionalProps.defaultURL) || DEFAULT_LOGO_SRC;
   React.useEffect(function () {
     setIsLoading(true);
     setIsErrored(false);
@@ -156,19 +154,22 @@ var ImageElement = function ImageElement(_ref2) {
   });
 };
 ImageElement.propTypes = {
-  item: PropTypes__default['default'].shape({
-    height: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string]),
-    id: PropTypes__default['default'].string,
-    opacity: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string]),
-    roundedCorners: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string]),
-    url: PropTypes__default['default'].string,
-    width: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string])
-  })
+  item: PropTypes.shape({
+    defaultURL: PropTypes.string,
+    height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    id: PropTypes.string,
+    opacity: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    roundedCorners: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    url: PropTypes.string,
+    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+  }),
+  itemAccessor: PropTypes.func
 };
 ImageElement.defaultProps = {
   item: {
     opacity: 1
-  }
+  },
+  itemAccessor: function itemAccessor() {}
 };
 var details = {
   height: 400,

package/lib/cjs/components/Elements/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../../../../src/components/Elements/Image.js"],"sourcesContent":["/* eslint max-len: [\"error\", { \"code\": 120 }] */\nimport { memo, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ITEM_TYPE = 'image';\nconst defaultURL = 'https://www.jotform.com/resources/assets/icon/jotform-logomark-transparent-400x400.png';\n\nconst imageWrapperStyle = {\n  height: 'inherit',\n  width: 'inherit',\n};\n\nconst imageStyle = {\n  height: '100%',\n  width: '100%',\n};\n\nconst settings = [\n  {\n    hideWhen: {\n      url: '',\n    },\n    ifValueEquals: {\n      '': {\n        height: {\n          cast: 'integer',\n          value: 400,\n        },\n        width: {\n          cast: 'integer',\n          value: 400,\n        },\n      },\n    },\n    key: 'url',\n    label: 'Image Upload',\n    section: 'General',\n    type: 'imageThumbnailWithDelete',\n  },\n  {\n    hideWhen: {\n      url: '',\n    },\n    key: 'sizeSettings',\n    label: 'Size',\n    section: 'General',\n    type: 'sizeSettings',\n    value: (_, { height, width }) => `${width}x${height}`,\n  },\n  {\n    hideWhen: {\n      url: '',\n    },\n    key: 'roundedCorners',\n    label: 'Rounded Corners',\n    range: [0, 30],\n    section: 'General',\n    showWhen: {\n      shapeType: 'rectangle',\n    },\n    simple: true,\n    type: 'slider',\n  },\n  {\n    hideWhen: {\n      url: '',\n    },\n    key: 'opacity',\n    label: 'Opacity',\n    range: [0, 100],\n    section: 'General',\n    type: 'slider',\n  },\n  {\n    key: 'url',\n    label: 'Enter URL',\n    section: 'Enter URL',\n    showWhen: { url: '' },\n    type: 'enterImageURL',\n    useImageSizeUpdate: true,\n  },\n];\n\nexport const ImageElement = ({\n  item: {\n    opacity,\n    roundedCorners,\n    url,\n  },\n}) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isErrored, setIsErrored] = useState(false);\n\n  useEffect(() => {\n    setIsLoading(true);\n    setIsErrored(false);\n  }, [url, setIsLoading, setIsErrored]);\n\n  // TODO :: do we want to show a loading placeholder?\n\n  return (\n    <>\n      <div\n        style={{\n          ...imageWrapperStyle,\n          display: isLoading || isErrored ? 'none' : 'block',\n        }}\n      >\n        <img\n          alt=\"reportImage\"\n          onError={() => {\n            setIsLoading(false);\n            setIsErrored(true);\n          }}\n          onLoad={() => setIsLoading(false)}\n          src={url || defaultURL}\n          style={{\n            ...imageStyle,\n            borderRadius: `${roundedCorners}px`,\n            display: isErrored ? 'none' : '',\n            opacity: parseFloat(opacity),\n          }}\n        />\n      </div>\n      {isErrored && (\n        <div\n          style={{\n            ...imageWrapperStyle,\n            background: '#fafafa',\n            paddingTop: '40%',\n            textAlign: 'center',\n          }}\n        >\n          Image was not loaded!\n        </div>\n      )}\n    </>\n  );\n};\n\nImageElement.propTypes = {\n  item: PropTypes.shape({\n    height: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    id: PropTypes.string,\n    opacity: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    roundedCorners: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    url: PropTypes.string,\n    width: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n  }),\n};\n\nImageElement.defaultProps = {\n  item: {\n    opacity: 1,\n  },\n};\n\nconst details = {\n  height: 400,\n  itemType: ITEM_TYPE,\n  opacity: 1,\n  roundedCorners: 0,\n  url: '',\n  width: 400,\n};\n\nexport default {\n  Component: memo(ImageElement),\n  details,\n  itemType: ITEM_TYPE,\n  settings,\n};\n"],"names":["ITEM_TYPE","defaultURL","imageWrapperStyle","height","width","imageStyle","settings","hideWhen","url","ifValueEquals","cast","value","key","label","section","type","_","range","showWhen","shapeType","simple","useImageSizeUpdate","ImageElement","item","opacity","roundedCorners","useState","isLoading","setIsLoading","isErrored","setIsErrored","useEffect","_jsxs","_jsx","display","borderRadius","parseFloat","background","paddingTop","textAlign","propTypes","PropTypes","shape","oneOfType","number","string","id","defaultProps","details","itemType","Component","memo"],"mappings":"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"}
+{"version":3,"file":"Image.js","sources":["../../../../src/components/Elements/Image.js"],"sourcesContent":["/* eslint max-len: [\"error\", { \"code\": 120 }] */\nimport { memo, useState, useEffect } from 'react';\nimport {\n  func,\n  number,\n  oneOfType,\n  shape,\n  string,\n} from 'prop-types';\n\nconst ITEM_TYPE = 'image';\n\nconst DEFAULT_LOGO_SRC = 'https://www.jotform.com/resources/assets/icon/jotform-logomark-transparent-400x400.png';\n\nconst imageWrapperStyle = {\n  height: 'inherit',\n  width: 'inherit',\n};\n\nconst imageStyle = {\n  height: '100%',\n  width: '100%',\n};\n\nconst settings = [\n  {\n    hideWhen: {\n      url: '',\n    },\n    ifValueEquals: {\n      '': {\n        height: {\n          cast: 'integer',\n          value: 400,\n        },\n        width: {\n          cast: 'integer',\n          value: 400,\n        },\n      },\n    },\n    key: 'url',\n    section: 'GENERAL',\n    type: 'imageThumbnailWithDelete',\n  },\n  {\n    hideWhen: {\n      url: '',\n    },\n    key: 'sizeSettings',\n    label: 'Size',\n    section: 'GENERAL',\n    type: 'sizeSettings',\n    value: (_, { height, width }) => `${width}x${height}`,\n  },\n  {\n    hideWhen: {\n      url: '',\n    },\n    key: 'roundedCorners',\n    label: 'Rounded Corners',\n    range: [0, 30],\n    section: 'GENERAL',\n    showWhen: {\n      shapeType: 'rectangle',\n    },\n    simple: true,\n    type: 'slider',\n  },\n  {\n    hideWhen: {\n      url: '',\n    },\n    key: 'opacity',\n    label: 'Opacity',\n    range: [0, 100],\n    section: 'GENERAL',\n    type: 'slider',\n  },\n  {\n    key: 'url',\n    label: 'Enter Url',\n    section: 'ENTER URL',\n    showWhen: { url: '' },\n    type: 'enterImageURL',\n    useImageSizeUpdate: true,\n  },\n];\n\nexport const ImageElement = ({ item, itemAccessor }) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isErrored, setIsErrored] = useState(false);\n\n  const {\n    opacity,\n    roundedCorners,\n    url,\n  } = item;\n\n  const additionalProps = itemAccessor(item);\n  const defaultURL = additionalProps?.defaultURL || DEFAULT_LOGO_SRC;\n\n  useEffect(() => {\n    setIsLoading(true);\n    setIsErrored(false);\n  }, [url, setIsLoading, setIsErrored]);\n\n  // TODO :: do we want to show a loading placeholder?\n\n  return (\n    <>\n      <div\n        style={{\n          ...imageWrapperStyle,\n          display: isLoading || isErrored ? 'none' : 'block',\n        }}\n      >\n        <img\n          alt=\"reportImage\"\n          onError={() => {\n            setIsLoading(false);\n            setIsErrored(true);\n          }}\n          onLoad={() => setIsLoading(false)}\n          src={url || defaultURL}\n          style={{\n            ...imageStyle,\n            borderRadius: `${roundedCorners}px`,\n            display: isErrored ? 'none' : '',\n            opacity: parseFloat(opacity),\n          }}\n        />\n      </div>\n      {isErrored && (\n        <div\n          style={{\n            ...imageWrapperStyle,\n            background: '#fafafa',\n            paddingTop: '40%',\n            textAlign: 'center',\n          }}\n        >\n          Image was not loaded!\n        </div>\n      )}\n    </>\n  );\n};\n\nImageElement.propTypes = {\n  item: shape({\n    defaultURL: string,\n    height: oneOfType([\n      number,\n      string,\n    ]),\n    id: string,\n    opacity: oneOfType([\n      number,\n      string,\n    ]),\n    roundedCorners: oneOfType([\n      number,\n      string,\n    ]),\n    url: string,\n    width: oneOfType([\n      number,\n      string,\n    ]),\n  }),\n  itemAccessor: func,\n};\n\nImageElement.defaultProps = {\n  item: {\n    opacity: 1,\n  },\n  itemAccessor: () => {},\n};\n\nconst details = {\n  height: 400,\n  itemType: ITEM_TYPE,\n  opacity: 1,\n  roundedCorners: 0,\n  url: '',\n  width: 400,\n};\n\nexport default {\n  Component: memo(ImageElement),\n  details,\n  itemType: ITEM_TYPE,\n  settings,\n};\n"],"names":["ITEM_TYPE","DEFAULT_LOGO_SRC","imageWrapperStyle","height","width","imageStyle","settings","hideWhen","url","ifValueEquals","cast","value","key","section","type","label","_","range","showWhen","shapeType","simple","useImageSizeUpdate","ImageElement","item","itemAccessor","useState","isLoading","setIsLoading","isErrored","setIsErrored","opacity","roundedCorners","additionalProps","defaultURL","useEffect","_jsxs","_jsx","display","borderRadius","parseFloat","background","paddingTop","textAlign","propTypes","shape","string","oneOfType","number","id","func","defaultProps","details","itemType","Component","memo"],"mappings":"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"}

package/lib/cjs/components/Elements/RichText.js

@@ -7,24 +7,30 @@ var PropTypes = require('prop-types');
 var TextEditor = require('../TextEditor/TextEditor.js');
 var fonts = require('../../constants/fonts.js');
 var builderContext = require('../../utils/builderContext.js');
+var staticSettings = require('../../utils/staticSettings.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var ITEM_TYPE = 'text';
 var settings = [{
   key: 'fontFamily',
   label: 'Font Family',
   options: fonts.fontTypes.fonts,
-  section: 'General',
+  section: 'GENERAL',
   type: 'dropdown'
-}, {
+}, _objectSpread({}, staticSettings.divider('GENERAL')), {
   key: 'opacity',
   label: 'Opacity',
   range: [0, 100],
-  section: 'General',
+  section: 'GENERAL',
   type: 'slider'
 }];
 var defaultItem = {

package/lib/cjs/components/Elements/RichText.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichText.js","sources":["../../../../src/components/Elements/RichText.js"],"sourcesContent":["import {\n  memo, useEffect, useRef, useCallback,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport TextEditor from '../TextEditor';\nimport { fontTypes } from '../../constants/fonts';\nimport { useBuilderContext } from '../../utils/builderContext';\n\nconst ITEM_TYPE = 'text';\n\nconst settings = [\n  {\n    key: 'fontFamily',\n    label: 'Font Family',\n    options: fontTypes.fonts,\n    section: 'General',\n    type: 'dropdown',\n  },\n  {\n    key: 'opacity',\n    label: 'Opacity',\n    range: [0, 100],\n    section: 'General',\n    type: 'slider',\n  },\n];\n\nconst defaultItem = {\n  fontFamily: 'Circular Std',\n  opacity: 1,\n  value: '',\n};\n\nexport const RichTextElement = ({\n  isSelected,\n  item: {\n    fontFamily,\n    id,\n    isLocked,\n    opacity,\n    value,\n  },\n  onItemChange,\n}) => {\n  const reportItem = useRef({});\n  const { isTextEditorOpen } = useBuilderContext();\n\n  const textStyle = {\n    fontFamily,\n    opacity,\n  };\n\n  const handleSave = useCallback(newValue => {\n    onItemChange(\n      { id },\n      { value: newValue },\n    );\n  }, [id]);\n\n  const onFocus = e => {\n    e.currentTarget.parentElement.setAttribute('draggable', false);\n  };\n\n  useEffect(() => {\n    if (!isTextEditorOpen) {\n      reportItem.current.parentElement.setAttribute('draggable', true);\n    }\n  }, [isTextEditorOpen]);\n\n  return (\n    <div\n      ref={reportItem}\n      className=\"reportItemInner f-height\"\n      onFocus={onFocus}\n      style={textStyle}\n    >\n      <TextEditor\n        content={value}\n        handleSave={handleSave}\n        isLocked={isLocked}\n        isSelected={isSelected}\n        placeholder=\"Click to edit text\"\n      />\n    </div>\n  );\n};\n\nRichTextElement.propTypes = {\n  isSelected: PropTypes.bool,\n  item: PropTypes.shape({\n    fontFamily: PropTypes.string,\n    id: PropTypes.string,\n    isLocked: PropTypes.bool,\n    opacity: PropTypes.number,\n    value: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n};\n\nRichTextElement.defaultProps = {\n  isSelected: false,\n  item: {},\n  onItemChange: () => { },\n};\n\nconst details = {\n  height: 65,\n  itemType: ITEM_TYPE,\n  width: 350,\n};\n\nexport default {\n  Component: memo(RichTextElement),\n  defaultItem,\n  details,\n  itemType: ITEM_TYPE,\n  settings,\n};\n"],"names":["ITEM_TYPE","settings","key","label","options","fontTypes","fonts","section","type","range","defaultItem","fontFamily","opacity","value","RichTextElement","isSelected","item","id","isLocked","onItemChange","reportItem","useRef","useBuilderContext","isTextEditorOpen","textStyle","handleSave","useCallback","newValue","onFocus","e","currentTarget","parentElement","setAttribute","useEffect","current","_jsx","propTypes","PropTypes","bool","shape","string","number","func","defaultProps","details","height","itemType","width","Component","memo"],"mappings":"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"}
+{"version":3,"file":"RichText.js","sources":["../../../../src/components/Elements/RichText.js"],"sourcesContent":["import {\n  memo, useEffect, useRef, useCallback,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport TextEditor from '../TextEditor';\nimport { fontTypes } from '../../constants/fonts';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { divider } from '../../utils/staticSettings';\n\nconst ITEM_TYPE = 'text';\n\nconst settings = [\n  {\n    key: 'fontFamily',\n    label: 'Font Family',\n    options: fontTypes.fonts,\n    section: 'GENERAL',\n    type: 'dropdown',\n  },\n  {\n    ...divider('GENERAL'),\n  },\n  {\n    key: 'opacity',\n    label: 'Opacity',\n    range: [0, 100],\n    section: 'GENERAL',\n    type: 'slider',\n  },\n];\n\nconst defaultItem = {\n  fontFamily: 'Circular Std',\n  opacity: 1,\n  value: '',\n};\n\nexport const RichTextElement = ({\n  isSelected,\n  item: {\n    fontFamily,\n    id,\n    isLocked,\n    opacity,\n    value,\n  },\n  onItemChange,\n}) => {\n  const reportItem = useRef({});\n  const { isTextEditorOpen } = useBuilderContext();\n\n  const textStyle = {\n    fontFamily,\n    opacity,\n  };\n\n  const handleSave = useCallback(newValue => {\n    onItemChange(\n      { id },\n      { value: newValue },\n    );\n  }, [id]);\n\n  const onFocus = e => {\n    e.currentTarget.parentElement.setAttribute('draggable', false);\n  };\n\n  useEffect(() => {\n    if (!isTextEditorOpen) {\n      reportItem.current.parentElement.setAttribute('draggable', true);\n    }\n  }, [isTextEditorOpen]);\n\n  return (\n    <div\n      ref={reportItem}\n      className=\"reportItemInner f-height\"\n      onFocus={onFocus}\n      style={textStyle}\n    >\n      <TextEditor\n        content={value}\n        handleSave={handleSave}\n        isLocked={isLocked}\n        isSelected={isSelected}\n        placeholder=\"Click to edit text\"\n      />\n    </div>\n  );\n};\n\nRichTextElement.propTypes = {\n  isSelected: PropTypes.bool,\n  item: PropTypes.shape({\n    fontFamily: PropTypes.string,\n    id: PropTypes.string,\n    isLocked: PropTypes.bool,\n    opacity: PropTypes.number,\n    value: PropTypes.string,\n  }),\n  onItemChange: PropTypes.func,\n};\n\nRichTextElement.defaultProps = {\n  isSelected: false,\n  item: {},\n  onItemChange: () => { },\n};\n\nconst details = {\n  height: 65,\n  itemType: ITEM_TYPE,\n  width: 350,\n};\n\nexport default {\n  Component: memo(RichTextElement),\n  defaultItem,\n  details,\n  itemType: ITEM_TYPE,\n  settings,\n};\n"],"names":["ITEM_TYPE","settings","key","label","options","fontTypes","fonts","section","type","divider","range","defaultItem","fontFamily","opacity","value","RichTextElement","isSelected","item","id","isLocked","onItemChange","reportItem","useRef","useBuilderContext","isTextEditorOpen","textStyle","handleSave","useCallback","newValue","onFocus","e","currentTarget","parentElement","setAttribute","useEffect","current","_jsx","propTypes","PropTypes","bool","shape","string","number","func","defaultProps","details","height","itemType","width","Component","memo"],"mappings":"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"}