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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jotforminc/dnd-builder",
-  "version": "1.0.2",
+  "version": "2.0.0-beta.4",
   "files": [
     "lib"
   ],
@@ -10,7 +10,7 @@
   "dependencies": {
     "classnames": "2.2.6",
     "core-js": "3.9.0",
-    "dompurify": "^2.2.8",
+    "dompurify": "2.2.8",
     "fuse.js": "5.2.3",
     "intersection-observer": "0.12.0",
     "lodash.isequal": "4.5.0",

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

@@ -1,79 +0,0 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var SearchInput = require('./SearchInput.js');
-var hooks = require('../../utils/hooks.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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var SectionWithSearch = function SectionWithSearch(_ref) {
-  var children = _ref.children,
-      elements = _ref.elements,
-      hasSearch = _ref.hasSearch,
-      searchKeys = _ref.searchKeys,
-      title = _ref.title;
-
-  var _useState = React.useState(elements),
-      _useState2 = _slicedToArray(_useState, 2),
-      _elements = _useState2[0],
-      setElements = _useState2[1];
-
-  var hasSearchCx = hasSearch ? ' hasSearch' : '';
-
-  var _useTranslatedTexts = hooks.useTranslatedTexts(),
-      NO_RESULT = _useTranslatedTexts.NO_RESULT;
-
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "js-title toolItem toolTitle d-flex a-center t-medium".concat(hasSearchCx),
-      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-        children: title
-      }), hasSearch && /*#__PURE__*/jsxRuntime.jsx(SearchInput, {
-        elements: elements,
-        searchKeys: searchKeys,
-        setElements: setElements
-      })]
-    }), _elements === 'noResult' ? /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "no-search-result-text",
-      children: NO_RESULT
-    }) : children(_elements)]
-  });
-};
-
-SectionWithSearch.propTypes = {
-  children: PropTypes__default['default'].any,
-  elements: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
-  hasSearch: PropTypes__default['default'].bool,
-  searchKeys: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-    name: PropTypes__default['default'].string,
-    weight: PropTypes__default['default'].number
-  })),
-  title: PropTypes__default['default'].string
-};
-SectionWithSearch.defaultProps = {
-  children: function children() {},
-  elements: [],
-  hasSearch: false,
-  searchKeys: [],
-  title: ''
-};
-var SectionWithSearch$1 = /*#__PURE__*/React.memo(SectionWithSearch);
-
-module.exports = SectionWithSearch$1;
-//# sourceMappingURL=SectionWithSearch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SectionWithSearch.js","sources":["../../../../src/components/Builder/SectionWithSearch.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport SearchInput from './SearchInput';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst SectionWithSearch = ({\n  children,\n  elements,\n  hasSearch,\n  searchKeys,\n  title,\n}) => {\n  const [_elements, setElements] = useState(elements);\n  const hasSearchCx = hasSearch ? ' hasSearch' : '';\n  const { NO_RESULT } = useTranslatedTexts();\n\n  return (\n    <>\n      <div\n        className={`js-title toolItem toolTitle d-flex a-center t-medium${hasSearchCx}`}\n      >\n        <div>\n          {title}\n        </div>\n        {hasSearch && (\n          <SearchInput\n            elements={elements}\n            searchKeys={searchKeys}\n            setElements={setElements}\n          />\n        )}\n      </div>\n      {_elements === 'noResult' ? (\n        <div className=\"no-search-result-text\">{NO_RESULT}</div>\n      ) : (\n        children(_elements)\n      )}\n    </>\n  );\n};\n\nSectionWithSearch.propTypes = {\n  children: PropTypes.any,\n  elements: PropTypes.arrayOf(PropTypes.shape({})),\n  hasSearch: PropTypes.bool,\n  searchKeys: PropTypes.arrayOf(PropTypes.shape({\n    name: PropTypes.string,\n    weight: PropTypes.number,\n  })),\n  title: PropTypes.string,\n};\n\nSectionWithSearch.defaultProps = {\n  children: () => {},\n  elements: [],\n  hasSearch: false,\n  searchKeys: [],\n  title: '',\n};\n\nexport default memo(SectionWithSearch);\n"],"names":["SectionWithSearch","children","elements","hasSearch","searchKeys","title","useState","_elements","setElements","hasSearchCx","useTranslatedTexts","NO_RESULT","_jsxs","_jsx","propTypes","PropTypes","any","arrayOf","shape","bool","name","string","weight","number","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAMpB;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,UAEI,QAFJA,UAEI;AAAA,MADJC,KACI,QADJA,KACI;;AAAA,kBAC6BC,cAAQ,CAACJ,QAAD,CADrC;AAAA;AAAA,MACGK,SADH;AAAA,MACcC,WADd;;AAEJ,MAAMC,WAAW,GAAGN,SAAS,GAAG,YAAH,GAAkB,EAA/C;;AAFI,4BAGkBO,wBAAkB,EAHpC;AAAA,MAGIC,SAHJ,uBAGIA,SAHJ;;AAKJ,sBACEC;AAAA,4BACEA;AACE,MAAA,SAAS,gEAAyDH,WAAzD,CADX;AAAA,8BAGEI;AAAA,kBACGR;AADH,QAHF,EAMGF,SAAS,iBACRU,eAAC,WAAD;AACE,QAAA,QAAQ,EAAEX,QADZ;AAEE,QAAA,UAAU,EAAEE,UAFd;AAGE,QAAA,WAAW,EAAEI;AAHf,QAPJ;AAAA,MADF,EAeGD,SAAS,KAAK,UAAd,gBACCM;AAAK,MAAA,SAAS,EAAC,uBAAf;AAAA,gBAAwCF;AAAxC,MADD,GAGCV,QAAQ,CAACM,SAAD,CAlBZ;AAAA,IADF;AAuBD,CAlCD;;AAoCAP,iBAAiB,CAACc,SAAlB,GAA8B;AAC5Bb,EAAAA,QAAQ,EAAEc,6BAAS,CAACC,GADQ;AAE5Bd,EAAAA,QAAQ,EAAEa,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,CAFkB;AAG5Bf,EAAAA,SAAS,EAAEY,6BAAS,CAACI,IAHO;AAI5Bf,EAAAA,UAAU,EAAEW,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,KAAV,CAAgB;AAC5CE,IAAAA,IAAI,EAAEL,6BAAS,CAACM,MAD4B;AAE5CC,IAAAA,MAAM,EAAEP,6BAAS,CAACQ;AAF0B,GAAhB,CAAlB,CAJgB;AAQ5BlB,EAAAA,KAAK,EAAEU,6BAAS,CAACM;AARW,CAA9B;AAWArB,iBAAiB,CAACwB,YAAlB,GAAiC;AAC/BvB,EAAAA,QAAQ,EAAE,oBAAM,EADe;AAE/BC,EAAAA,QAAQ,EAAE,EAFqB;AAG/BC,EAAAA,SAAS,EAAE,KAHoB;AAI/BC,EAAAA,UAAU,EAAE,EAJmB;AAK/BC,EAAAA,KAAK,EAAE;AALwB,CAAjC;AAQA,uCAAeoB,UAAI,CAACzB,iBAAD,CAAnB;;;;"}

package/lib/cjs/components/Panels/RightPanel/SettingTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingTabs.js","sources":["../../../../../src/components/Panels/RightPanel/SettingTabs.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 SettingTabs = ({ tabs }) => {\n  const {\n    activeTab,\n    setActiveTab,\n  } = useBuilderContext();\n  const {\n    onAnEventTrigger,\n  } = usePropContext();\n\n  const setCurrentTab = useCallback((index, tab) => {\n    setActiveTab(index);\n    onAnEventTrigger('settingTabChanged', tab);\n  }, [setActiveTab, onAnEventTrigger]);\n\n  return (\n    tabs.length > 1 && (\n      <div\n        className=\"toolTabs d-flex p-relative\"\n        data-tab={tabs.length}\n      >\n        { tabs.map((tab, index) => (\n          <Fragment key={index.toString()}>\n            <input\n              checked={activeTab === index}\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-medium js-tabLabel\"\n              htmlFor={tab}\n            >\n              {tab}\n            </label>\n          </Fragment>\n        ))}\n        <div\n          className=\"toolTabs-indicator p-absolute bg-blue\"\n          data-tab={tabs.length}\n        />\n      </div>\n    )\n  );\n};\n\nSettingTabs.propTypes = {\n  tabs: PropTypes.arrayOf(PropTypes.string),\n};\n\nSettingTabs.defaultProps = {\n  tabs: [],\n};\n\nexport default memo(SettingTabs);\n"],"names":["SettingTabs","tabs","useBuilderContext","activeTab","setActiveTab","usePropContext","onAnEventTrigger","setCurrentTab","useCallback","index","tab","length","_jsxs","map","Fragment","_jsx","toString","propTypes","PropTypes","arrayOf","string","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;AAKA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAAc;AAAA,MAAXC,IAAW,QAAXA,IAAW;;AAAA,2BAI5BC,gCAAiB,EAJW;AAAA,MAE9BC,SAF8B,sBAE9BA,SAF8B;AAAA,MAG9BC,YAH8B,sBAG9BA,YAH8B;;AAAA,wBAO5BC,0BAAc,EAPc;AAAA,MAM9BC,gBAN8B,mBAM9BA,gBAN8B;;AAShC,MAAMC,aAAa,GAAGC,iBAAW,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAChDN,IAAAA,YAAY,CAACK,KAAD,CAAZ;AACAH,IAAAA,gBAAgB,CAAC,mBAAD,EAAsBI,GAAtB,CAAhB;AACD,GAHgC,EAG9B,CAACN,YAAD,EAAeE,gBAAf,CAH8B,CAAjC;AAKA,SACEL,IAAI,CAACU,MAAL,GAAc,CAAd,iBACEC;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,gBAAUX,IAAI,CAACU,MAFjB;AAAA,eAIIV,IAAI,CAACY,GAAL,CAAS,UAACH,GAAD,EAAMD,KAAN;AAAA,0BACTG,gBAACE,cAAD;AAAA,gCACEC;AACE,UAAA,OAAO,EAAEZ,SAAS,KAAKM,KADzB;AAEE,UAAA,SAAS,EAAC,cAFZ;AAGE,UAAA,EAAE,EAAEC,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,eAUEM;AACE,UAAA,SAAS,EAAC,sBADZ;AAEE,UAAA,OAAO,EAAEL,GAFX;AAAA,oBAIGA;AAJH,UAVF;AAAA,SAAeD,KAAK,CAACO,QAAN,EAAf,CADS;AAAA,KAAT,CAJJ,eAuBED;AACE,MAAA,SAAS,EAAC,uCADZ;AAEE,kBAAUd,IAAI,CAACU;AAFjB,MAvBF;AAAA,IAFJ;AAgCD,CA9CD;;AAgDAX,WAAW,CAACiB,SAAZ,GAAwB;AACtBhB,EAAAA,IAAI,EAAEiB,6BAAS,CAACC,OAAV,CAAkBD,6BAAS,CAACE,MAA5B;AADgB,CAAxB;AAIApB,WAAW,CAACqB,YAAZ,GAA2B;AACzBpB,EAAAA,IAAI,EAAE;AADmB,CAA3B;AAIA,iCAAeqB,UAAI,CAACtB,WAAD,CAAnB;;;;"}

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

@@ -1,73 +0,0 @@
-import { memo, useState } from 'react';
-import PropTypes from 'prop-types';
-import SearchInput from './SearchInput.js';
-import { useTranslatedTexts } from '../../utils/hooks.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var SectionWithSearch = function SectionWithSearch(_ref) {
-  var children = _ref.children,
-      elements = _ref.elements,
-      hasSearch = _ref.hasSearch,
-      searchKeys = _ref.searchKeys,
-      title = _ref.title;
-
-  var _useState = useState(elements),
-      _useState2 = _slicedToArray(_useState, 2),
-      _elements = _useState2[0],
-      setElements = _useState2[1];
-
-  var hasSearchCx = hasSearch ? ' hasSearch' : '';
-
-  var _useTranslatedTexts = useTranslatedTexts(),
-      NO_RESULT = _useTranslatedTexts.NO_RESULT;
-
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: "js-title toolItem toolTitle d-flex a-center t-medium".concat(hasSearchCx),
-      children: [/*#__PURE__*/jsx("div", {
-        children: title
-      }), hasSearch && /*#__PURE__*/jsx(SearchInput, {
-        elements: elements,
-        searchKeys: searchKeys,
-        setElements: setElements
-      })]
-    }), _elements === 'noResult' ? /*#__PURE__*/jsx("div", {
-      className: "no-search-result-text",
-      children: NO_RESULT
-    }) : children(_elements)]
-  });
-};
-
-SectionWithSearch.propTypes = {
-  children: PropTypes.any,
-  elements: PropTypes.arrayOf(PropTypes.shape({})),
-  hasSearch: PropTypes.bool,
-  searchKeys: PropTypes.arrayOf(PropTypes.shape({
-    name: PropTypes.string,
-    weight: PropTypes.number
-  })),
-  title: PropTypes.string
-};
-SectionWithSearch.defaultProps = {
-  children: function children() {},
-  elements: [],
-  hasSearch: false,
-  searchKeys: [],
-  title: ''
-};
-var SectionWithSearch$1 = /*#__PURE__*/memo(SectionWithSearch);
-
-export default SectionWithSearch$1;
-//# sourceMappingURL=SectionWithSearch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SectionWithSearch.js","sources":["../../../../src/components/Builder/SectionWithSearch.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport SearchInput from './SearchInput';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst SectionWithSearch = ({\n  children,\n  elements,\n  hasSearch,\n  searchKeys,\n  title,\n}) => {\n  const [_elements, setElements] = useState(elements);\n  const hasSearchCx = hasSearch ? ' hasSearch' : '';\n  const { NO_RESULT } = useTranslatedTexts();\n\n  return (\n    <>\n      <div\n        className={`js-title toolItem toolTitle d-flex a-center t-medium${hasSearchCx}`}\n      >\n        <div>\n          {title}\n        </div>\n        {hasSearch && (\n          <SearchInput\n            elements={elements}\n            searchKeys={searchKeys}\n            setElements={setElements}\n          />\n        )}\n      </div>\n      {_elements === 'noResult' ? (\n        <div className=\"no-search-result-text\">{NO_RESULT}</div>\n      ) : (\n        children(_elements)\n      )}\n    </>\n  );\n};\n\nSectionWithSearch.propTypes = {\n  children: PropTypes.any,\n  elements: PropTypes.arrayOf(PropTypes.shape({})),\n  hasSearch: PropTypes.bool,\n  searchKeys: PropTypes.arrayOf(PropTypes.shape({\n    name: PropTypes.string,\n    weight: PropTypes.number,\n  })),\n  title: PropTypes.string,\n};\n\nSectionWithSearch.defaultProps = {\n  children: () => {},\n  elements: [],\n  hasSearch: false,\n  searchKeys: [],\n  title: '',\n};\n\nexport default memo(SectionWithSearch);\n"],"names":["SectionWithSearch","children","elements","hasSearch","searchKeys","title","useState","_elements","setElements","hasSearchCx","useTranslatedTexts","NO_RESULT","_jsxs","_jsx","propTypes","PropTypes","any","arrayOf","shape","bool","name","string","weight","number","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAMpB;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,UAEI,QAFJA,UAEI;AAAA,MADJC,KACI,QADJA,KACI;;AAAA,kBAC6BC,QAAQ,CAACJ,QAAD,CADrC;AAAA;AAAA,MACGK,SADH;AAAA,MACcC,WADd;;AAEJ,MAAMC,WAAW,GAAGN,SAAS,GAAG,YAAH,GAAkB,EAA/C;;AAFI,4BAGkBO,kBAAkB,EAHpC;AAAA,MAGIC,SAHJ,uBAGIA,SAHJ;;AAKJ,sBACEC;AAAA,4BACEA;AACE,MAAA,SAAS,gEAAyDH,WAAzD,CADX;AAAA,8BAGEI;AAAA,kBACGR;AADH,QAHF,EAMGF,SAAS,iBACRU,IAAC,WAAD;AACE,QAAA,QAAQ,EAAEX,QADZ;AAEE,QAAA,UAAU,EAAEE,UAFd;AAGE,QAAA,WAAW,EAAEI;AAHf,QAPJ;AAAA,MADF,EAeGD,SAAS,KAAK,UAAd,gBACCM;AAAK,MAAA,SAAS,EAAC,uBAAf;AAAA,gBAAwCF;AAAxC,MADD,GAGCV,QAAQ,CAACM,SAAD,CAlBZ;AAAA,IADF;AAuBD,CAlCD;;AAoCAP,iBAAiB,CAACc,SAAlB,GAA8B;AAC5Bb,EAAAA,QAAQ,EAAEc,SAAS,CAACC,GADQ;AAE5Bd,EAAAA,QAAQ,EAAEa,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,CAFkB;AAG5Bf,EAAAA,SAAS,EAAEY,SAAS,CAACI,IAHO;AAI5Bf,EAAAA,UAAU,EAAEW,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACG,KAAV,CAAgB;AAC5CE,IAAAA,IAAI,EAAEL,SAAS,CAACM,MAD4B;AAE5CC,IAAAA,MAAM,EAAEP,SAAS,CAACQ;AAF0B,GAAhB,CAAlB,CAJgB;AAQ5BlB,EAAAA,KAAK,EAAEU,SAAS,CAACM;AARW,CAA9B;AAWArB,iBAAiB,CAACwB,YAAlB,GAAiC;AAC/BvB,EAAAA,QAAQ,EAAE,oBAAM,EADe;AAE/BC,EAAAA,QAAQ,EAAE,EAFqB;AAG/BC,EAAAA,SAAS,EAAE,KAHoB;AAI/BC,EAAAA,UAAU,EAAE,EAJmB;AAK/BC,EAAAA,KAAK,EAAE;AALwB,CAAjC;AAQA,uCAAeoB,IAAI,CAACzB,iBAAD,CAAnB;;;;"}

package/lib/esm/components/Panels/RightPanel/SettingTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingTabs.js","sources":["../../../../../src/components/Panels/RightPanel/SettingTabs.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 SettingTabs = ({ tabs }) => {\n  const {\n    activeTab,\n    setActiveTab,\n  } = useBuilderContext();\n  const {\n    onAnEventTrigger,\n  } = usePropContext();\n\n  const setCurrentTab = useCallback((index, tab) => {\n    setActiveTab(index);\n    onAnEventTrigger('settingTabChanged', tab);\n  }, [setActiveTab, onAnEventTrigger]);\n\n  return (\n    tabs.length > 1 && (\n      <div\n        className=\"toolTabs d-flex p-relative\"\n        data-tab={tabs.length}\n      >\n        { tabs.map((tab, index) => (\n          <Fragment key={index.toString()}>\n            <input\n              checked={activeTab === index}\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-medium js-tabLabel\"\n              htmlFor={tab}\n            >\n              {tab}\n            </label>\n          </Fragment>\n        ))}\n        <div\n          className=\"toolTabs-indicator p-absolute bg-blue\"\n          data-tab={tabs.length}\n        />\n      </div>\n    )\n  );\n};\n\nSettingTabs.propTypes = {\n  tabs: PropTypes.arrayOf(PropTypes.string),\n};\n\nSettingTabs.defaultProps = {\n  tabs: [],\n};\n\nexport default memo(SettingTabs);\n"],"names":["SettingTabs","tabs","useBuilderContext","activeTab","setActiveTab","usePropContext","onAnEventTrigger","setCurrentTab","useCallback","index","tab","length","_jsxs","map","_jsx","toString","propTypes","PropTypes","arrayOf","string","defaultProps","memo"],"mappings":";;;;;;;;;AAKA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAAc;AAAA,MAAXC,IAAW,QAAXA,IAAW;;AAAA,2BAI5BC,iBAAiB,EAJW;AAAA,MAE9BC,SAF8B,sBAE9BA,SAF8B;AAAA,MAG9BC,YAH8B,sBAG9BA,YAH8B;;AAAA,wBAO5BC,cAAc,EAPc;AAAA,MAM9BC,gBAN8B,mBAM9BA,gBAN8B;;AAShC,MAAMC,aAAa,GAAGC,WAAW,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAChDN,IAAAA,YAAY,CAACK,KAAD,CAAZ;AACAH,IAAAA,gBAAgB,CAAC,mBAAD,EAAsBI,GAAtB,CAAhB;AACD,GAHgC,EAG9B,CAACN,YAAD,EAAeE,gBAAf,CAH8B,CAAjC;AAKA,SACEL,IAAI,CAACU,MAAL,GAAc,CAAd,iBACEC;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,gBAAUX,IAAI,CAACU,MAFjB;AAAA,eAIIV,IAAI,CAACY,GAAL,CAAS,UAACH,GAAD,EAAMD,KAAN;AAAA,0BACTG,KAAC,QAAD;AAAA,gCACEE;AACE,UAAA,OAAO,EAAEX,SAAS,KAAKM,KADzB;AAEE,UAAA,SAAS,EAAC,cAFZ;AAGE,UAAA,EAAE,EAAEC,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,eAUEK;AACE,UAAA,SAAS,EAAC,sBADZ;AAEE,UAAA,OAAO,EAAEJ,GAFX;AAAA,oBAIGA;AAJH,UAVF;AAAA,SAAeD,KAAK,CAACM,QAAN,EAAf,CADS;AAAA,KAAT,CAJJ,eAuBED;AACE,MAAA,SAAS,EAAC,uCADZ;AAEE,kBAAUb,IAAI,CAACU;AAFjB,MAvBF;AAAA,IAFJ;AAgCD,CA9CD;;AAgDAX,WAAW,CAACgB,SAAZ,GAAwB;AACtBf,EAAAA,IAAI,EAAEgB,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B;AADgB,CAAxB;AAIAnB,WAAW,CAACoB,YAAZ,GAA2B;AACzBnB,EAAAA,IAAI,EAAE;AADmB,CAA3B;AAIA,iCAAeoB,IAAI,CAACrB,WAAD,CAAnB;;;;"}