npm - @jotforminc/dnd-builder - Versions diffs - 2.0.0-beta.4 → 2.0.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (556) hide show

package/lib/esm/components/Settings/LayoutSizeSettings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LayoutSizeSettings.js","sources":["../../../../src/components/Settings/LayoutSizeSettings.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { roundForDecimalPart } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst LayoutSizeSettings = ({ config, item, onItemChange }) => {\n const [aspectLock, setAspectLock] = useState(true);\n const { HEIGHT, WIDTH } = useTranslatedTexts();\n\n const { reportLayoutHeight: layoutHeight, reportLayoutWidth: layoutWidth } = item;\n\n const initialWidth = parseInt(layoutWidth, 10);\n const initialHeight = parseInt(layoutHeight, 10);\n\n const [sizes, setSizes] = useState({\n height: initialHeight,\n width: initialWidth,\n });\n\n const initialAspect = initialWidth / initialHeight;\n\n const onChange = e => {\n const property = e.target.getAttribute('name');\n const newValue = e.target.value;\n if (aspectLock) {\n if (property === 'width') {\n setSizes({\n ...sizes,\n height: Number(newValue / initialAspect),\n [property]: parseInt(newValue, 10),\n });\n } else {\n setSizes({\n ...sizes,\n [property]: parseInt(newValue, 10),\n width: Number(newValue * initialAspect),\n });\n }\n } else {\n setSizes({\n ...sizes,\n [property]: parseInt(newValue, 10),\n });\n }\n };\n\n const onBlur = () => {\n const newWidth = sizes.width < 200 ? 200 : sizes.width;\n const newHeight = sizes.height < 100 ? 100 : sizes.height;\n setSizes({\n height: newHeight,\n width: newWidth,\n });\n onItemChange(\n { id: item.id },\n {\n [config.key]: `${roundForDecimalPart(newWidth)}x${roundForDecimalPart(newHeight)}`,\n },\n );\n };\n\n const onKeyDown = e => {\n if (e.keyCode === 13) {\n onBlur();\n }\n };\n\n return (\n <>\n <div className=\"toolSection-wrapper d-flex\">\n <div className=\"toolSection-subItem\">\n <label\n className=\"d-flex dir-col hasUnit isPixel\"\n htmlFor=\"width-input\"\n >\n <input\n className=\"toolSection-input\"\n id=\"width-input\"\n name=\"width\"\n onBlur={onBlur}\n onChange={onChange}\n onKeyDown={onKeyDown}\n step=\"any\"\n type=\"number\"\n value={roundForDecimalPart(sizes.width)}\n />\n <span className=\"toolSection-subLabel\">{WIDTH}</span>\n </label>\n </div>\n <div className=\"toolSection-subItem hasAspect\">\n <button\n className=\"p-relative forAspect\"\n onClick={() => setAspectLock(!aspectLock)}\n type=\"button\"\n >\n {aspectLock\n ? <icons.lock className=\"jfReportSVG icon-aspectLock\" />\n : <icons.unlock className=\"jfReportSVG icon-aspectUnlock\" />}\n </button>\n </div>\n <div className=\"toolSection-subItem\">\n <label\n className=\"d-flex dir-col hasUnit isPixel\"\n htmlFor=\"width-input\"\n >\n <input\n className=\"toolSection-input\"\n id=\"height-input\"\n name=\"height\"\n onBlur={onBlur}\n onChange={onChange}\n onKeyDown={onKeyDown}\n step=\"any\"\n type=\"number\"\n value={roundForDecimalPart(sizes.height)}\n />\n <span className=\"toolSection-subLabel\">{HEIGHT}</span>\n </label>\n </div>\n </div>\n </>\n );\n};\n\nLayoutSizeSettings.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n }).isRequired,\n item: PropTypes.shape({\n height: PropTypes.number,\n id: PropTypes.string,\n reportLayout: PropTypes.string,\n reportLayoutHeight: PropTypes.string,\n reportLayoutWidth: PropTypes.string,\n shapeType: PropTypes.string,\n url: PropTypes.string,\n width: PropTypes.number,\n }),\n onItemChange: PropTypes.func,\n};\n\nLayoutSizeSettings.defaultProps = {\n item: {},\n onItemChange: () => {},\n};\n\nexport default LayoutSizeSettings;\n"],"names":["LayoutSizeSettings","config","item","onItemChange","useState","aspectLock","setAspectLock","useTranslatedTexts","HEIGHT","WIDTH","layoutHeight","reportLayoutHeight","layoutWidth","reportLayoutWidth","initialWidth","parseInt","initialHeight","height","width","sizes","setSizes","initialAspect","onChange","e","property","target","getAttribute","newValue","value","Number","onBlur","newWidth","newHeight","id","key","roundForDecimalPart","onKeyDown","keyCode","_jsx","_jsxs","icons.lock","icons.unlock","propTypes","PropTypes","shape","string","isRequired","number","reportLayout","shapeType","url","func","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAoC;AAAA,MAAjCC,MAAiC,QAAjCA,MAAiC;AAAA,MAAzBC,IAAyB,QAAzBA,IAAyB;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;;~~AAAA~~,~~kBACzBC~~,QAAQ,CAAC,IAAD,~~CADiB~~;AAAA;AAAA,~~MACtDC~~,~~UADsD~~;AAAA,~~MAC1CC~~,~~aAD0C~~;;~~AAAA~~,~~4BAEnCC~~,kBAAkB,~~EAFiB~~;AAAA,~~MAErDC~~,~~MAFqD~~,~~uBAErDA~~,~~MAFqD~~;AAAA,~~MAE7CC~~,~~KAF6C~~,~~uBAE7CA~~,~~KAF6C~~;;~~AAAA~~,~~MAIjCC~~,~~YAJiC~~,~~GAIgBR~~,~~IAJhB~~,~~CAIrDS~~,~~kBAJqD~~;AAAA,~~MAIAC~~,~~WAJA~~,~~GAIgBV~~,~~IAJhB~~,~~CAInBW~~,~~iBAJmB~~;~~AAM7D~~,MAAMC,YAAY,GAAGC,QAAQ,CAACH,WAAD,EAAc,EAAd,CAA7B;AACA,MAAMI,aAAa,GAAGD,QAAQ,CAACL,YAAD,EAAe,EAAf,CAA9B;;~~AAP6D~~,~~mBASnCN~~,QAAQ,CAAC;AACjCa,IAAAA,MAAM,EAAED,aADyB;AAEjCE,IAAAA,KAAK,EAAEJ;AAF0B,GAAD,~~CAT2B~~;AAAA;AAAA,~~MAStDK~~,~~KATsD~~;AAAA,~~MAS/CC~~,~~QAT+C~~;;~~AAc7D~~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"}
1	+ {"version":3,"file":"LayoutSizeSettings.js","sources":["../../../../src/components/Settings/LayoutSizeSettings.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { roundForDecimalPart } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst LayoutSizeSettings = ({ config, item, onItemChange }) => {\n const [aspectLock, setAspectLock] = useState(true);\n const { HEIGHT, WIDTH } = useTranslatedTexts();\n\n const { reportLayoutHeight: layoutHeight, reportLayoutWidth: layoutWidth } = item;\n\n const initialWidth = parseInt(layoutWidth, 10);\n const initialHeight = parseInt(layoutHeight, 10);\n\n const [sizes, setSizes] = useState({\n height: initialHeight,\n width: initialWidth,\n });\n\n const initialAspect = initialWidth / initialHeight;\n\n const onChange = e => {\n const property = e.target.getAttribute('name');\n const newValue = e.target.value;\n if (aspectLock) {\n if (property === 'width') {\n setSizes({\n ...sizes,\n height: Number(newValue / initialAspect),\n [property]: parseInt(newValue, 10),\n });\n } else {\n setSizes({\n ...sizes,\n [property]: parseInt(newValue, 10),\n width: Number(newValue * initialAspect),\n });\n }\n } else {\n setSizes({\n ...sizes,\n [property]: parseInt(newValue, 10),\n });\n }\n };\n\n const onBlur = () => {\n const newWidth = sizes.width < 200 ? 200 : sizes.width;\n const newHeight = sizes.height < 100 ? 100 : sizes.height;\n setSizes({\n height: newHeight,\n width: newWidth,\n });\n onItemChange(\n { id: item.id },\n {\n [config.key]: `${roundForDecimalPart(newWidth)}x${roundForDecimalPart(newHeight)}`,\n },\n );\n };\n\n const onKeyDown = e => {\n if (e.keyCode === 13) {\n onBlur();\n }\n };\n\n return (\n <>\n <div className=\"toolSection-wrapper d-flex\">\n <div className=\"toolSection-subItem\">\n <label\n className=\"d-flex dir-col hasUnit isPixel\"\n htmlFor=\"width-input\"\n >\n <input\n className=\"toolSection-input\"\n id=\"width-input\"\n name=\"width\"\n onBlur={onBlur}\n onChange={onChange}\n onKeyDown={onKeyDown}\n step=\"any\"\n type=\"number\"\n value={roundForDecimalPart(sizes.width)}\n />\n <span className=\"toolSection-subLabel\">{WIDTH}</span>\n </label>\n </div>\n <div className=\"toolSection-subItem hasAspect\">\n <button\n className=\"p-relative forAspect\"\n onClick={() => setAspectLock(!aspectLock)}\n type=\"button\"\n >\n {aspectLock\n ? <icons.lock className=\"jfReportSVG icon-aspectLock\" />\n : <icons.unlock className=\"jfReportSVG icon-aspectUnlock\" />}\n </button>\n </div>\n <div className=\"toolSection-subItem\">\n <label\n className=\"d-flex dir-col hasUnit isPixel\"\n htmlFor=\"width-input\"\n >\n <input\n className=\"toolSection-input\"\n id=\"height-input\"\n name=\"height\"\n onBlur={onBlur}\n onChange={onChange}\n onKeyDown={onKeyDown}\n step=\"any\"\n type=\"number\"\n value={roundForDecimalPart(sizes.height)}\n />\n <span className=\"toolSection-subLabel\">{HEIGHT}</span>\n </label>\n </div>\n </div>\n </>\n );\n};\n\nLayoutSizeSettings.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n }).isRequired,\n item: PropTypes.shape({\n height: PropTypes.number,\n id: PropTypes.string,\n reportLayout: PropTypes.string,\n reportLayoutHeight: PropTypes.string,\n reportLayoutWidth: PropTypes.string,\n shapeType: PropTypes.string,\n url: PropTypes.string,\n width: PropTypes.number,\n }),\n onItemChange: PropTypes.func,\n};\n\nLayoutSizeSettings.defaultProps = {\n item: {},\n onItemChange: () => {},\n};\n\nexport default LayoutSizeSettings;\n"],"names":["LayoutSizeSettings","config","item","onItemChange","useState","aspectLock","setAspectLock","useTranslatedTexts","HEIGHT","WIDTH","layoutHeight","reportLayoutHeight","layoutWidth","reportLayoutWidth","initialWidth","parseInt","initialHeight","height","width","sizes","setSizes","initialAspect","onChange","e","property","target","getAttribute","newValue","value","Number","onBlur","newWidth","newHeight","id","key","roundForDecimalPart","onKeyDown","keyCode","_jsx","_jsxs","icons.lock","icons.unlock","propTypes","PropTypes","shape","string","isRequired","number","reportLayout","shapeType","url","func","defaultProps"],"mappings":"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"}

package/lib/esm/components/Settings/Orientation.js CHANGED Viewed

@@ -17,7 +17,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }

package/lib/esm/components/Settings/Orientation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Orientation.js","sources":["../../../../src/components/Settings/Orientation.js"],"sourcesContent":["import { memo, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { safeJSONParse } from '../../utils/functions';\n\nconst Orientation = ({\n config, item, onItemChange, value,\n}) => {\n const { multipleSelect, options, optionsDisplay } = config;\n const exactValue = !multipleSelect ? value : safeJSONParse(value, []);\n const onClick = type => {\n return () => {\n let newValue = type;\n if (multipleSelect) {\n newValue = [...exactValue];\n if (exactValue.includes(type)) {\n newValue = newValue.filter(v => v !== type);\n } else {\n newValue.push(type);\n }\n newValue = JSON.stringify(newValue);\n }\n if (newValue !== value) {\n onItemChange(\n { id: item.id },\n { [config.key]: newValue },\n );\n }\n };\n };\n return (\n <div className=\"toolSection-orientation d-flex dir-row\">\n {options.map(option => {\n const key = option.value ? option.value : option;\n return (\n <button\n key={key}\n className={classNames(\n 'toolSection-orientationItem',\n 'd-flex',\n 'j-center',\n {\n isSelected: !multipleSelect\n ? exactValue === key\n : exactValue && exactValue.includes(key),\n },\n )}\n data-orientation={key}\n onClick={onClick(key)}\n type=\"button\"\n >\n {optionsDisplay ? optionsDisplay.map(display => (\n <Fragment key={display}>\n <span className=\"orientationIcon d-flex a-center j-center\">\n {option[display]}\n </span>\n <span>\n {key.charAt(0).toUpperCase() + key.slice(1)}\n </span>\n </Fragment>\n )) : option.label}\n </button>\n );\n })}\n </div>\n );\n};\n\nOrientation.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n multipleSelect: PropTypes.bool,\n options: PropTypes.arrayOf(PropTypes.any),\n optionsDisplay: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nOrientation.defaultProps = {\n config: [],\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(Orientation);\n"],"names":["Orientation","config","item","onItemChange","value","multipleSelect","options","optionsDisplay","exactValue","safeJSONParse","onClick","type","newValue","includes","filter","v","push","JSON","stringify","id","key","_jsx","map","option","classNames","isSelected","display","_jsxs","charAt","toUpperCase","slice","label","propTypes","PropTypes","shape","string","bool","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAEd;AAAA,MADJC,MACI,QADJA,MACI;AAAA,MADIC,IACJ,QADIA,IACJ;AAAA,MADUC,YACV,QADUA,YACV;AAAA,MADwBC,KACxB,QADwBA,KACxB;~~AAAA~~,~~MACIC~~,~~cADJ~~,~~GACgDJ~~,~~MADhD~~,~~CACII~~,~~cADJ~~;AAAA,~~MACoBC~~,~~OADpB~~,~~GACgDL~~,~~MADhD~~,~~CACoBK~~,~~OADpB~~;AAAA,~~MAC6BC~~,~~cAD7B~~,~~GACgDN~~,~~MADhD~~,~~CAC6BM~~,~~cAD7B~~;~~AAEJ~~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"}
1	+ {"version":3,"file":"Orientation.js","sources":["../../../../src/components/Settings/Orientation.js"],"sourcesContent":["import { memo, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { safeJSONParse } from '../../utils/functions';\n\nconst Orientation = ({\n config, item, onItemChange, value,\n}) => {\n const { multipleSelect, options, optionsDisplay } = config;\n const exactValue = !multipleSelect ? value : safeJSONParse(value, []);\n const onClick = type => {\n return () => {\n let newValue = type;\n if (multipleSelect) {\n newValue = [...exactValue];\n if (exactValue.includes(type)) {\n newValue = newValue.filter(v => v !== type);\n } else {\n newValue.push(type);\n }\n newValue = JSON.stringify(newValue);\n }\n if (newValue !== value) {\n onItemChange(\n { id: item.id },\n { [config.key]: newValue },\n );\n }\n };\n };\n return (\n <div className=\"toolSection-orientation d-flex dir-row\">\n {options.map(option => {\n const key = option.value ? option.value : option;\n return (\n <button\n key={key}\n className={classNames(\n 'toolSection-orientationItem',\n 'd-flex',\n 'j-center',\n {\n isSelected: !multipleSelect\n ? exactValue === key\n : exactValue && exactValue.includes(key),\n },\n )}\n data-orientation={key}\n onClick={onClick(key)}\n type=\"button\"\n >\n {optionsDisplay ? optionsDisplay.map(display => (\n <Fragment key={display}>\n <span className=\"orientationIcon d-flex a-center j-center\">\n {option[display]}\n </span>\n <span>\n {key.charAt(0).toUpperCase() + key.slice(1)}\n </span>\n </Fragment>\n )) : option.label}\n </button>\n );\n })}\n </div>\n );\n};\n\nOrientation.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n multipleSelect: PropTypes.bool,\n options: PropTypes.arrayOf(PropTypes.any),\n optionsDisplay: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nOrientation.defaultProps = {\n config: [],\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(Orientation);\n"],"names":["Orientation","config","item","onItemChange","value","multipleSelect","options","optionsDisplay","exactValue","safeJSONParse","onClick","type","newValue","includes","filter","v","push","JSON","stringify","id","key","_jsx","map","option","classNames","isSelected","display","_jsxs","charAt","toUpperCase","slice","label","propTypes","PropTypes","shape","string","bool","arrayOf","any","func","defaultProps","memo"],"mappings":"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"}

package/lib/esm/components/Settings/PageLayer/LayerItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LayerItem.js","sources":["../../../../../src/components/Settings/PageLayer/LayerItem.js"],"sourcesContent":["import { memo, useCallback } from 'react';\nimport { sortableElement, sortableHandle } from 'react-sortable-hoc';\nimport classNames from 'classnames';\nimport { capitalize, stripHTML } from '../../../utils/string';\nimport * as icons from '../../../utils/icons';\n\nconst DragHandle = sortableHandle(() => (\n <span className=\"jfReportSelectOption-drag\">\n <icons.drag className=\"jfReportSVG icon-drag\" />\n </span>\n));\n\nconst LayerItem = sortableElement(({\n icon: Icon,\n item,\n onItemChange,\n optionKey,\n setActiveElement,\n}) => {\n const { id, isVisible } = item;\n const isVisib = isVisible !== undefined ? isVisible : true;\n const handleItemLock = useCallback(({ target }) => {\n onItemChange({ id }, { isVisible: target.checked });\n }, [id]);\n\n const itemText = passedItem => {\n if (passedItem.itemType === 'shapes') {\n return capitalize(passedItem.shapeType \|\| 'Rectangle');\n }\n if (passedItem.itemType === 'chart') {\n return passedItem.text \|\| 'Chart Element';\n }\n if (passedItem.itemType === 'header') {\n return passedItem.headerText \|\| 'Click to edit header';\n }\n if (passedItem.itemType === 'text') {\n return passedItem.value ? stripHTML(passedItem.value) : 'Click to edit text';\n }\n return capitalize(passedItem.itemType \|\| 'Page Element');\n };\n const content = (\n <div className=\"jfReportSelectOption\">\n <div className=\"jfReportSelectOption-icon\">\n <Icon />\n </div>\n <div className=\"jfReportSelectOption-text\">\n {itemText(item)}\n </div>\n </div>\n );\n\n return (\n <div\n className={classNames('jfReportSelectOption', {\n isSelected: isVisib,\n })}\n onClick={() => setActiveElement(id, false)}\n onKeyDown={() => {}}\n >\n <div className=\"jfReportSelectOption-visibility\">\n <label\n className=\"jfReportChoice isLight hasNotText\"\n htmlFor={optionKey}\n >\n <input\n checked={isVisib}\n className=\"jfReportChoice-input\"\n data-option-key={optionKey}\n id={optionKey}\n onChange={handleItemLock}\n type=\"checkbox\"\n />\n <div className=\"jfReportChoice-labelIcon\">\n <div className=\"jfReportChoice-label checkbox\" />\n </div>\n </label>\n </div>\n <div\n className=\"jfReportSelectOption-name\"\n // style={{ backgroundColor: option.color }}\n >\n <DragHandle />\n {content}\n </div>\n </div>\n );\n});\n\nexport default memo(LayerItem);\n"],"names":["DragHandle","sortableHandle","_jsx","icons.drag","LayerItem","sortableElement","Icon","icon","item","onItemChange","optionKey","setActiveElement","id","isVisible","isVisib","undefined","handleItemLock","useCallback","target","checked","itemText","passedItem","itemType","capitalize","shapeType","text","headerText","value","stripHTML","content","_jsxs","classNames","isSelected","memo"],"mappings":";;;;;;;AAMA,IAAMA,UAAU,GAAGC,cAAc,CAAC;AAAA,sBAChCC;AAAM,IAAA,SAAS,EAAC,2BAAhB;AAAA,2BACEA,IAACC,OAAD;AAAY,MAAA,SAAS,EAAC;AAAtB;AADF,IADgC;AAAA,CAAD,CAAjC;AAMA,IAAMC,SAAS,GAAGC,eAAe,CAAC,gBAM5B;AAAA,MALEC,IAKF,QALJC,IAKI;AAAA,MAJJC,IAII,QAJJA,IAII;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,gBACI,QADJA,gBACI;~~AAAA~~,~~MACIC~~,~~EADJ~~,~~GACsBJ~~,~~IADtB~~,~~CACII~~,~~EADJ~~;AAAA,~~MACQC~~,~~SADR~~,~~GACsBL~~,~~IADtB~~,~~CACQK~~,~~SADR~~;~~AAEJ~~,MAAMC,OAAO,GAAGD,SAAS,KAAKE,SAAd,GAA0BF,SAA1B,GAAsC,IAAtD;AACA,MAAMG,cAAc,GAAGC,WAAW,CAAC,iBAAgB;AAAA,QAAbC,MAAa,SAAbA,MAAa;AACjDT,IAAAA,YAAY,CAAC;AAAEG,MAAAA,EAAE,EAAFA;AAAF,KAAD,EAAS;AAAEC,MAAAA,SAAS,EAAEK,MAAM,CAACC;AAApB,KAAT,CAAZ;AACD,GAFiC,EAE/B,CAACP,EAAD,CAF+B,CAAlC;;AAIA,MAAMQ,QAAQ,GAAG,SAAXA,QAAW,CAAAC,UAAU,EAAI;AAC7B,QAAIA,UAAU,CAACC,QAAX,KAAwB,QAA5B,EAAsC;AACpC,aAAOC,UAAU,CAACF,UAAU,CAACG,SAAX,IAAwB,WAAzB,CAAjB;AACD;;AACD,QAAIH,UAAU,CAACC,QAAX,KAAwB,OAA5B,EAAqC;AACnC,aAAOD,UAAU,CAACI,IAAX,IAAmB,eAA1B;AACD;;AACD,QAAIJ,UAAU,CAACC,QAAX,KAAwB,QAA5B,EAAsC;AACpC,aAAOD,UAAU,CAACK,UAAX,IAAyB,sBAAhC;AACD;;AACD,QAAIL,UAAU,CAACC,QAAX,KAAwB,MAA5B,EAAoC;AAClC,aAAOD,UAAU,CAACM,KAAX,GAAmBC,SAAS,CAACP,UAAU,CAACM,KAAZ,CAA5B,GAAiD,oBAAxD;AACD;;AACD,WAAOJ,UAAU,CAACF,UAAU,CAACC,QAAX,IAAuB,cAAxB,CAAjB;AACD,GAdD;;AAeA,MAAMO,OAAO,gBACXC;AAAK,IAAA,SAAS,EAAC,sBAAf;AAAA,4BACE5B;AAAK,MAAA,SAAS,EAAC,2BAAf;AAAA,6BACEA,IAAC,IAAD;AADF,MADF,eAIEA;AAAK,MAAA,SAAS,EAAC,2BAAf;AAAA,gBACGkB,QAAQ,CAACZ,IAAD;AADX,MAJF;AAAA,IADF;;AAWA,sBACEsB;AACE,IAAA,SAAS,EAAEC,UAAU,CAAC,sBAAD,EAAyB;AAC5CC,MAAAA,UAAU,EAAElB;AADgC,KAAzB,CADvB;AAIE,IAAA,OAAO,EAAE;AAAA,aAAMH,gBAAgB,CAACC,EAAD,EAAK,KAAL,CAAtB;AAAA,KAJX;AAKE,IAAA,SAAS,EAAE,qBAAM,EALnB;AAAA,4BAOEV;AAAK,MAAA,SAAS,EAAC,iCAAf;AAAA,6BACE4B;AACE,QAAA,SAAS,EAAC,mCADZ;AAEE,QAAA,OAAO,EAAEpB,SAFX;AAAA,gCAIER;AACE,UAAA,OAAO,EAAEY,OADX;AAEE,UAAA,SAAS,EAAC,sBAFZ;AAGE,6BAAiBJ,SAHnB;AAIE,UAAA,EAAE,EAAEA,SAJN;AAKE,UAAA,QAAQ,EAAEM,cALZ;AAME,UAAA,IAAI,EAAC;AANP,UAJF,eAYEd;AAAK,UAAA,SAAS,EAAC,0BAAf;AAAA,iCACEA;AAAK,YAAA,SAAS,EAAC;AAAf;AADF,UAZF;AAAA;AADF,MAPF,eAyBE4B;AACE,MAAA,SAAS,EAAC,2BADZ;AAAA;AAAA,8BAIE5B,IAAC,UAAD,KAJF,EAKG2B,OALH;AAAA,MAzBF;AAAA,IADF;AAmCD,CA1EgC,CAAjC;AA4EA,+BAAeI,IAAI,CAAC7B,SAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"LayerItem.js","sources":["../../../../../src/components/Settings/PageLayer/LayerItem.js"],"sourcesContent":["import { memo, useCallback } from 'react';\nimport { sortableElement, sortableHandle } from 'react-sortable-hoc';\nimport classNames from 'classnames';\nimport { capitalize, stripHTML } from '../../../utils/string';\nimport * as icons from '../../../utils/icons';\n\nconst DragHandle = sortableHandle(() => (\n <span className=\"jfReportSelectOption-drag\">\n <icons.drag className=\"jfReportSVG icon-drag\" />\n </span>\n));\n\nconst LayerItem = sortableElement(({\n icon: Icon,\n item,\n onItemChange,\n optionKey,\n setActiveElement,\n}) => {\n const { id, isVisible } = item;\n const isVisib = isVisible !== undefined ? isVisible : true;\n const handleItemLock = useCallback(({ target }) => {\n onItemChange({ id }, { isVisible: target.checked });\n }, [id]);\n\n const itemText = passedItem => {\n if (passedItem.itemType === 'shapes') {\n return capitalize(passedItem.shapeType \|\| 'Rectangle');\n }\n if (passedItem.itemType === 'chart') {\n return passedItem.text \|\| 'Chart Element';\n }\n if (passedItem.itemType === 'header') {\n return passedItem.headerText \|\| 'Click to edit header';\n }\n if (passedItem.itemType === 'text') {\n return passedItem.value ? stripHTML(passedItem.value) : 'Click to edit text';\n }\n return capitalize(passedItem.itemType \|\| 'Page Element');\n };\n const content = (\n <div className=\"jfReportSelectOption\">\n <div className=\"jfReportSelectOption-icon\">\n <Icon />\n </div>\n <div className=\"jfReportSelectOption-text\">\n {itemText(item)}\n </div>\n </div>\n );\n\n return (\n <div\n className={classNames('jfReportSelectOption', {\n isSelected: isVisib,\n })}\n onClick={() => setActiveElement(id, false)}\n onKeyDown={() => {}}\n >\n <div className=\"jfReportSelectOption-visibility\">\n <label\n className=\"jfReportChoice isLight hasNotText\"\n htmlFor={optionKey}\n >\n <input\n checked={isVisib}\n className=\"jfReportChoice-input\"\n data-option-key={optionKey}\n id={optionKey}\n onChange={handleItemLock}\n type=\"checkbox\"\n />\n <div className=\"jfReportChoice-labelIcon\">\n <div className=\"jfReportChoice-label checkbox\" />\n </div>\n </label>\n </div>\n <div\n className=\"jfReportSelectOption-name\"\n // style={{ backgroundColor: option.color }}\n >\n <DragHandle />\n {content}\n </div>\n </div>\n );\n});\n\nexport default memo(LayerItem);\n"],"names":["DragHandle","sortableHandle","_jsx","icons.drag","LayerItem","sortableElement","Icon","icon","item","onItemChange","optionKey","setActiveElement","id","isVisible","isVisib","undefined","handleItemLock","useCallback","target","checked","itemText","passedItem","itemType","capitalize","shapeType","text","headerText","value","stripHTML","content","_jsxs","classNames","isSelected","memo"],"mappings":"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"}

package/lib/esm/components/Settings/PageLayer/PageLayer.js CHANGED Viewed

@@ -14,7 +14,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }

package/lib/esm/components/Settings/PageLayer/PageLayer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageLayer.js","sources":["../../../../../src/components/Settings/PageLayer/PageLayer.js"],"sourcesContent":["import { useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { sortableContainer } from 'react-sortable-hoc';\nimport { arrayMove } from '../../../utils/functions';\nimport LayerItem from './LayerItem';\nimport { elementIcons } from '../../../constants/elementIcons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst SortableContainer = sortableContainer(({ children, onScroll }) => {\n return (\n <ul\n className=\"jfReportSelectOption-list withDnd forPageLayer\"\n onScroll={onScroll}\n >\n {children}\n </ul>\n );\n});\n\nconst PageLayer = ({\n config,\n item: page,\n onItemChange,\n}) => {\n const onSortEnd = useCallback(({ newIndex, oldIndex }) => {\n const newItems = arrayMove([...page.items].reverse(), oldIndex, newIndex).map(i => i.id);\n onItemChange({\n id: page.id,\n }, { items: JSON.stringify([...newItems].reverse()) });\n }, [page.id, onItemChange, page.items]);\n const { NO_ELEMENT_IN_PAGE } = useTranslatedTexts();\n return (\n page.items.length > 0 ? (\n <SortableContainer\n helperClass=\"forHelper withDnd\"\n lockAxis=\"y\"\n onSortEnd={onSortEnd}\n useDragHandle\n >\n {page.items && [...page.items].reverse().map((item, index) => {\n const icon = elementIcons[item.itemType]\n ? elementIcons[item.itemType]\n : elementIcons.default;\n return (\n <LayerItem\n key={item.id}\n icon={icon}\n index={index}\n item={item}\n onItemChange={config.updater}\n optionKey={index}\n setActiveElement={config.setActiveElement}\n />\n );\n })}\n </SortableContainer>\n ) : (\n <div\n className=\"toolSection-notifier\"\n >\n {NO_ELEMENT_IN_PAGE}\n </div>\n )\n );\n};\n\nPageLayer.propTypes = {\n config: PropTypes.shape({\n setActiveElement: PropTypes.func,\n updater: PropTypes.func,\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n isVisible: PropTypes.bool,\n itemType: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n};\n\nPageLayer.defaultProps = {\n config: {},\n item: {},\n onItemChange: () => {},\n};\n\nexport default PageLayer;\n"],"names":["SortableContainer","sortableContainer","children","onScroll","_jsx","PageLayer","config","page","item","onItemChange","onSortEnd","useCallback","newIndex","oldIndex","newItems","arrayMove","items","reverse","map","i","id","JSON","stringify","useTranslatedTexts","NO_ELEMENT_IN_PAGE","length","index","icon","elementIcons","itemType","default","updater","setActiveElement","propTypes","PropTypes","shape","func","string","isVisible","bool","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,iBAAiB,GAAGC,iBAAiB,CAAC,gBAA4B;AAAA,MAAzBC,QAAyB,QAAzBA,QAAyB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACtE,sBACEC;AACE,IAAA,SAAS,EAAC,gDADZ;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAAA,cAIGD;AAJH,IADF;AAQD,CAT0C,CAA3C;;IAWMG,SAAS,GAAG,SAAZA,SAAY,QAIZ;AAAA,MAHJC,MAGI,SAHJA,MAGI;AAAA,MAFEC,IAEF,SAFJC,IAEI;AAAA,MADJC,YACI,SADJA,YACI;AACJ,MAAMC,SAAS,GAAGC,WAAW,CAAC,iBAA4B;AAAA,QAAzBC,QAAyB,SAAzBA,QAAyB;AAAA,QAAfC,QAAe,SAAfA,QAAe;AACxD,QAAMC,QAAQ,GAAGC,SAAS,CAAC,mBAAIR,IAAI,CAACS,KAAT,EAAgBC,OAAhB,EAAD,EAA4BJ,QAA5B,EAAsCD,QAAtC,CAAT,CAAyDM,GAAzD,CAA6D,UAAAC,CAAC;AAAA,aAAIA,CAAC,CAACC,EAAN;AAAA,KAA9D,CAAjB;AACAX,IAAAA,YAAY,CAAC;AACXW,MAAAA,EAAE,EAAEb,IAAI,CAACa;AADE,KAAD,EAET;AAAEJ,MAAAA,KAAK,EAAEK,IAAI,CAACC,SAAL,CAAe,mBAAIR,QAAJ,EAAcG,OAAd,EAAf;AAAT,KAFS,CAAZ;AAGD,GAL4B,EAK1B,CAACV,IAAI,CAACa,EAAN,EAAUX,YAAV,EAAwBF,IAAI,CAACS,KAA7B,CAL0B,CAA7B;;~~AADI~~,~~4BAO2BO~~,kBAAkB,~~EAP7C~~;AAAA,~~MAOIC~~,~~kBAPJ~~,~~uBAOIA~~,~~kBAPJ~~;;~~AAQJ~~,SACEjB,IAAI,CAACS,KAAL,CAAWS,MAAX,GAAoB,CAApB,gBACErB,IAAC,iBAAD;AACE,IAAA,WAAW,EAAC,mBADd;AAEE,IAAA,QAAQ,EAAC,GAFX;AAGE,IAAA,SAAS,EAAEM,SAHb;AAIE,IAAA,aAAa,MAJf;AAAA,cAMGH,IAAI,CAACS,KAAL,IAAc,mBAAIT,IAAI,CAACS,KAAT,EAAgBC,OAAhB,GAA0BC,GAA1B,CAA8B,UAACV,IAAD,EAAOkB,KAAP,EAAiB;AAC5D,UAAMC,IAAI,GAAGC,YAAY,CAACpB,IAAI,CAACqB,QAAN,CAAZ,GACTD,YAAY,CAACpB,IAAI,CAACqB,QAAN,CADH,GAETD,YAAY,CAACE,OAFjB;AAGA,0BACE1B,IAAC,SAAD;AAEE,QAAA,IAAI,EAAEuB,IAFR;AAGE,QAAA,KAAK,EAAED,KAHT;AAIE,QAAA,IAAI,EAAElB,IAJR;AAKE,QAAA,YAAY,EAAEF,MAAM,CAACyB,OALvB;AAME,QAAA,SAAS,EAAEL,KANb;AAOE,QAAA,gBAAgB,EAAEpB,MAAM,CAAC0B;AAP3B,SACOxB,IAAI,CAACY,EADZ,CADF;AAWD,KAfc;AANjB,IADF,gBAyBEhB;AACE,IAAA,SAAS,EAAC,sBADZ;AAAA,cAGGoB;AAHH,IA1BJ;AAiCD;;AAEDnB,SAAS,CAAC4B,SAAV,GAAsB;AACpB3B,EAAAA,MAAM,EAAE4B,SAAS,CAACC,KAAV,CAAgB;AACtBH,IAAAA,gBAAgB,EAAEE,SAAS,CAACE,IADN;AAEtBL,IAAAA,OAAO,EAAEG,SAAS,CAACE;AAFG,GAAhB,CADY;AAKpB5B,EAAAA,IAAI,EAAE0B,SAAS,CAACC,KAAV,CAAgB;AACpBf,IAAAA,EAAE,EAAEc,SAAS,CAACG,MADM;AAEpBC,IAAAA,SAAS,EAAEJ,SAAS,CAACK,IAFD;AAGpBV,IAAAA,QAAQ,EAAEK,SAAS,CAACG;AAHA,GAAhB,CALc;AAUpB5B,EAAAA,YAAY,EAAEyB,SAAS,CAACE;AAVJ,CAAtB;AAaA/B,SAAS,CAACmC,YAAV,GAAyB;AACvBlC,EAAAA,MAAM,EAAE,EADe;AAEvBE,EAAAA,IAAI,EAAE,EAFiB;AAGvBC,EAAAA,YAAY,EAAE,wBAAM;AAHG,CAAzB;;;;"}
1	+ {"version":3,"file":"PageLayer.js","sources":["../../../../../src/components/Settings/PageLayer/PageLayer.js"],"sourcesContent":["import { useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { sortableContainer } from 'react-sortable-hoc';\nimport { arrayMove } from '../../../utils/functions';\nimport LayerItem from './LayerItem';\nimport { elementIcons } from '../../../constants/elementIcons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst SortableContainer = sortableContainer(({ children, onScroll }) => {\n return (\n <ul\n className=\"jfReportSelectOption-list withDnd forPageLayer\"\n onScroll={onScroll}\n >\n {children}\n </ul>\n );\n});\n\nconst PageLayer = ({\n config,\n item: page,\n onItemChange,\n}) => {\n const onSortEnd = useCallback(({ newIndex, oldIndex }) => {\n const newItems = arrayMove([...page.items].reverse(), oldIndex, newIndex).map(i => i.id);\n onItemChange({\n id: page.id,\n }, { items: JSON.stringify([...newItems].reverse()) });\n }, [page.id, onItemChange, page.items]);\n const { NO_ELEMENT_IN_PAGE } = useTranslatedTexts();\n return (\n page.items.length > 0 ? (\n <SortableContainer\n helperClass=\"forHelper withDnd\"\n lockAxis=\"y\"\n onSortEnd={onSortEnd}\n useDragHandle\n >\n {page.items && [...page.items].reverse().map((item, index) => {\n const icon = elementIcons[item.itemType]\n ? elementIcons[item.itemType]\n : elementIcons.default;\n return (\n <LayerItem\n key={item.id}\n icon={icon}\n index={index}\n item={item}\n onItemChange={config.updater}\n optionKey={index}\n setActiveElement={config.setActiveElement}\n />\n );\n })}\n </SortableContainer>\n ) : (\n <div\n className=\"toolSection-notifier\"\n >\n {NO_ELEMENT_IN_PAGE}\n </div>\n )\n );\n};\n\nPageLayer.propTypes = {\n config: PropTypes.shape({\n setActiveElement: PropTypes.func,\n updater: PropTypes.func,\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n isVisible: PropTypes.bool,\n itemType: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n};\n\nPageLayer.defaultProps = {\n config: {},\n item: {},\n onItemChange: () => {},\n};\n\nexport default PageLayer;\n"],"names":["SortableContainer","sortableContainer","children","onScroll","_jsx","PageLayer","config","page","item","onItemChange","onSortEnd","useCallback","newIndex","oldIndex","newItems","arrayMove","items","reverse","map","i","id","JSON","stringify","useTranslatedTexts","NO_ELEMENT_IN_PAGE","length","index","icon","elementIcons","itemType","default","updater","setActiveElement","propTypes","PropTypes","shape","func","string","isVisible","bool","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,iBAAiB,GAAGC,iBAAiB,CAAC,gBAA4B;AAAA,MAAzBC,QAAyB,QAAzBA,QAAyB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACtE,sBACEC;AACE,IAAA,SAAS,EAAC,gDADZ;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAAA,cAIGD;AAJH,IADF;AAQD,CAT0C,CAA3C;;IAWMG,SAAS,GAAG,SAAZA,SAAY,QAIZ;AAAA,MAHJC,MAGI,SAHJA,MAGI;AAAA,MAFEC,IAEF,SAFJC,IAEI;AAAA,MADJC,YACI,SADJA,YACI;AACJ,MAAMC,SAAS,GAAGC,WAAW,CAAC,iBAA4B;AAAA,QAAzBC,QAAyB,SAAzBA,QAAyB;AAAA,QAAfC,QAAe,SAAfA,QAAe;AACxD,QAAMC,QAAQ,GAAGC,SAAS,CAAC,mBAAIR,IAAI,CAACS,KAAT,EAAgBC,OAAhB,EAAD,EAA4BJ,QAA5B,EAAsCD,QAAtC,CAAT,CAAyDM,GAAzD,CAA6D,UAAAC,CAAC;AAAA,aAAIA,CAAC,CAACC,EAAN;AAAA,KAA9D,CAAjB;AACAX,IAAAA,YAAY,CAAC;AACXW,MAAAA,EAAE,EAAEb,IAAI,CAACa;AADE,KAAD,EAET;AAAEJ,MAAAA,KAAK,EAAEK,IAAI,CAACC,SAAL,CAAe,mBAAIR,QAAJ,EAAcG,OAAd,EAAf;AAAT,KAFS,CAAZ;AAGD,GAL4B,EAK1B,CAACV,IAAI,CAACa,EAAN,EAAUX,YAAV,EAAwBF,IAAI,CAACS,KAA7B,CAL0B,CAA7B;;AAMA,4BAA+BO,kBAAkB,EAAjD;AAAA,MAAQC,kBAAR,uBAAQA,kBAAR;;AACA,SACEjB,IAAI,CAACS,KAAL,CAAWS,MAAX,GAAoB,CAApB,gBACErB,IAAC,iBAAD;AACE,IAAA,WAAW,EAAC,mBADd;AAEE,IAAA,QAAQ,EAAC,GAFX;AAGE,IAAA,SAAS,EAAEM,SAHb;AAIE,IAAA,aAAa,MAJf;AAAA,cAMGH,IAAI,CAACS,KAAL,IAAc,mBAAIT,IAAI,CAACS,KAAT,EAAgBC,OAAhB,GAA0BC,GAA1B,CAA8B,UAACV,IAAD,EAAOkB,KAAP,EAAiB;AAC5D,UAAMC,IAAI,GAAGC,YAAY,CAACpB,IAAI,CAACqB,QAAN,CAAZ,GACTD,YAAY,CAACpB,IAAI,CAACqB,QAAN,CADH,GAETD,YAAY,CAACE,OAFjB;AAGA,0BACE1B,IAAC,SAAD;AAEE,QAAA,IAAI,EAAEuB,IAFR;AAGE,QAAA,KAAK,EAAED,KAHT;AAIE,QAAA,IAAI,EAAElB,IAJR;AAKE,QAAA,YAAY,EAAEF,MAAM,CAACyB,OALvB;AAME,QAAA,SAAS,EAAEL,KANb;AAOE,QAAA,gBAAgB,EAAEpB,MAAM,CAAC0B;AAP3B,SACOxB,IAAI,CAACY,EADZ,CADF;AAWD,KAfc;AANjB,IADF,gBAyBEhB;AACE,IAAA,SAAS,EAAC,sBADZ;AAAA,cAGGoB;AAHH,IA1BJ;AAiCD;;AAEDnB,SAAS,CAAC4B,SAAV,GAAsB;AACpB3B,EAAAA,MAAM,EAAE4B,SAAS,CAACC,KAAV,CAAgB;AACtBH,IAAAA,gBAAgB,EAAEE,SAAS,CAACE,IADN;AAEtBL,IAAAA,OAAO,EAAEG,SAAS,CAACE;AAFG,GAAhB,CADY;AAKpB5B,EAAAA,IAAI,EAAE0B,SAAS,CAACC,KAAV,CAAgB;AACpBf,IAAAA,EAAE,EAAEc,SAAS,CAACG,MADM;AAEpBC,IAAAA,SAAS,EAAEJ,SAAS,CAACK,IAFD;AAGpBV,IAAAA,QAAQ,EAAEK,SAAS,CAACG;AAHA,GAAhB,CALc;AAUpB5B,EAAAA,YAAY,EAAEyB,SAAS,CAACE;AAVJ,CAAtB;AAaA/B,SAAS,CAACmC,YAAV,GAAyB;AACvBlC,EAAAA,MAAM,EAAE,EADe;AAEvBE,EAAAA,IAAI,EAAE,EAFiB;AAGvBC,EAAAA,YAAY,EAAE,wBAAM;AAHG,CAAzB;;;;"}

package/lib/esm/components/Settings/SegmentControl.js CHANGED Viewed

@@ -16,7 +16,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }

package/lib/esm/components/Settings/SegmentControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentControl.js","sources":["../../../../src/components/Settings/SegmentControl.js"],"sourcesContent":["import { memo, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { safeJSONParse } from '../../utils/functions';\n\nconst SegmentControl = ({\n config, item, onItemChange, value,\n}) => {\n const { multipleSelect, options, optionsDisplay } = config;\n const exactValue = !multipleSelect ? value : safeJSONParse(value, []);\n const onClick = type => {\n return () => {\n let newValue = type;\n if (multipleSelect) {\n newValue = [...exactValue];\n if (exactValue.includes(type)) {\n newValue = newValue.filter(v => v !== type);\n } else {\n newValue.push(type);\n }\n newValue = JSON.stringify(newValue);\n }\n if (newValue !== value) {\n onItemChange(\n { id: item.id },\n { [config.key]: newValue },\n );\n }\n };\n };\n return (\n <div className=\"toolSection-list d-flex dir-row forSegments\">\n {options.map(option => {\n const key = option.value ? option.value : option;\n return (\n <button\n key={key}\n className={classNames(\n 'toolSection-listItem',\n 'd-flex',\n 'j-center',\n {\n isSelected: !multipleSelect\n ? exactValue === key\n : exactValue && exactValue.includes(key),\n },\n )}\n onClick={onClick(key)}\n type=\"button\"\n >\n {optionsDisplay ? optionsDisplay.map(display => (\n <Fragment key={display}>\n {option[display]}\n </Fragment>\n )) : option.label}\n </button>\n );\n })}\n </div>\n );\n};\n\nSegmentControl.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n multipleSelect: PropTypes.bool,\n options: PropTypes.arrayOf(PropTypes.any),\n optionsDisplay: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nSegmentControl.defaultProps = {\n config: [],\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(SegmentControl);\n"],"names":["SegmentControl","config","item","onItemChange","value","multipleSelect","options","optionsDisplay","exactValue","safeJSONParse","onClick","type","newValue","includes","filter","v","push","JSON","stringify","id","key","_jsx","map","option","classNames","isSelected","display","label","propTypes","PropTypes","shape","string","bool","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAEjB;AAAA,MADJC,MACI,QADJA,MACI;AAAA,MADIC,IACJ,QADIA,IACJ;AAAA,MADUC,YACV,QADUA,YACV;AAAA,MADwBC,KACxB,QADwBA,KACxB;~~AAAA~~,~~MACIC~~,~~cADJ~~,~~GACgDJ~~,~~MADhD~~,~~CACII~~,~~cADJ~~;AAAA,~~MACoBC~~,~~OADpB~~,~~GACgDL~~,~~MADhD~~,~~CACoBK~~,~~OADpB~~;AAAA,~~MAC6BC~~,~~cAD7B~~,~~GACgDN~~,~~MADhD~~,~~CAC6BM~~,~~cAD7B~~;~~AAEJ~~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"}
1	+ {"version":3,"file":"SegmentControl.js","sources":["../../../../src/components/Settings/SegmentControl.js"],"sourcesContent":["import { memo, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { safeJSONParse } from '../../utils/functions';\n\nconst SegmentControl = ({\n config, item, onItemChange, value,\n}) => {\n const { multipleSelect, options, optionsDisplay } = config;\n const exactValue = !multipleSelect ? value : safeJSONParse(value, []);\n const onClick = type => {\n return () => {\n let newValue = type;\n if (multipleSelect) {\n newValue = [...exactValue];\n if (exactValue.includes(type)) {\n newValue = newValue.filter(v => v !== type);\n } else {\n newValue.push(type);\n }\n newValue = JSON.stringify(newValue);\n }\n if (newValue !== value) {\n onItemChange(\n { id: item.id },\n { [config.key]: newValue },\n );\n }\n };\n };\n return (\n <div className=\"toolSection-list d-flex dir-row forSegments\">\n {options.map(option => {\n const key = option.value ? option.value : option;\n return (\n <button\n key={key}\n className={classNames(\n 'toolSection-listItem',\n 'd-flex',\n 'j-center',\n {\n isSelected: !multipleSelect\n ? exactValue === key\n : exactValue && exactValue.includes(key),\n },\n )}\n onClick={onClick(key)}\n type=\"button\"\n >\n {optionsDisplay ? optionsDisplay.map(display => (\n <Fragment key={display}>\n {option[display]}\n </Fragment>\n )) : option.label}\n </button>\n );\n })}\n </div>\n );\n};\n\nSegmentControl.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n multipleSelect: PropTypes.bool,\n options: PropTypes.arrayOf(PropTypes.any),\n optionsDisplay: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nSegmentControl.defaultProps = {\n config: [],\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(SegmentControl);\n"],"names":["SegmentControl","config","item","onItemChange","value","multipleSelect","options","optionsDisplay","exactValue","safeJSONParse","onClick","type","newValue","includes","filter","v","push","JSON","stringify","id","key","_jsx","map","option","classNames","isSelected","display","label","propTypes","PropTypes","shape","string","bool","arrayOf","any","func","defaultProps","memo"],"mappings":"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"}

package/lib/esm/components/Settings/SelectBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectBox.js","sources":["../../../../src/components/Settings/SelectBox.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport * as icons from '../../utils/icons';\n\nconst SelectBox = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const handleSelection = newValue => () => {\n if (value !== newValue) {\n onItemChange(\n { id: item.id },\n { [config.key]: newValue },\n );\n }\n };\n const { options } = config;\n\n return (\n <div className=\"toolSection-list withIcons bigList forShapes d-flex dir-row f-wrap\">\n {options.map(option => {\n const OptionIcon = option.icon\n ? option.icon\n : icons[option.name] \|\| icons.shapes;\n\n return (\n <button\n key={option.name}\n className={classNames(\n 'toolSection-listItem',\n 'd-flex a-center',\n 'f-width',\n { isSelected: option.name === value },\n )}\n onClick={handleSelection(option.name)}\n type=\"button\"\n >\n <span className=\"d-flex j-center a-center\">\n <OptionIcon className=\"jfReportSVG\" />\n </span>\n <span className=\"toolSection-listItemName d-flex j-between a-center\">\n <span>{option.title}</span>\n </span>\n </button>\n );\n })}\n </div>\n );\n};\n\nSelectBox.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nSelectBox.defaultProps = {\n config: [],\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(SelectBox);\n"],"names":["SelectBox","config","item","onItemChange","value","handleSelection","newValue","id","key","options","_jsx","map","option","OptionIcon","icon","icons","name","_jsxs","classNames","isSelected","title","propTypes","PropTypes","shape","string","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAKZ;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,QAAQ;AAAA,WAAI,YAAM;AACxC,UAAIF,KAAK,KAAKE,QAAd,EAAwB;AACtBH,QAAAA,YAAY,CACV;AAAEI,UAAAA,EAAE,EAAEL,IAAI,CAACK;AAAX,SADU,sBAEPN,MAAM,CAACO,GAFA,EAEMF,QAFN,EAAZ;AAID;AACF,KAP+B;AAAA,GAAhC;;~~AADI~~,~~MASIG~~,~~OATJ~~,~~GASgBR~~,~~MAThB~~,~~CASIQ~~,~~OATJ~~;~~AAWJ~~,sBACEC;AAAK,IAAA,SAAS,EAAC,oEAAf;AAAA,cACGD,OAAO,CAACE,GAAR,CAAY,UAAAC,MAAM,EAAI;AACrB,UAAMC,UAAU,GAAGD,MAAM,CAACE,IAAP,GACfF,MAAM,CAACE,IADQ,GAEfC,KAAK,CAACH,MAAM,CAACI,IAAR,CAAL,IAAsBD,SAF1B;AAIA,0BACEE;AAEE,QAAA,SAAS,EAAEC,UAAU,CACnB,sBADmB,EAEnB,iBAFmB,EAGnB,SAHmB,EAInB;AAAEC,UAAAA,UAAU,EAAEP,MAAM,CAACI,IAAP,KAAgBZ;AAA9B,SAJmB,CAFvB;AAQE,QAAA,OAAO,EAAEC,eAAe,CAACO,MAAM,CAACI,IAAR,CAR1B;AASE,QAAA,IAAI,EAAC,QATP;AAAA,gCAWEN;AAAM,UAAA,SAAS,EAAC,0BAAhB;AAAA,iCACEA,IAAC,UAAD;AAAY,YAAA,SAAS,EAAC;AAAtB;AADF,UAXF,eAcEA;AAAM,UAAA,SAAS,EAAC,oDAAhB;AAAA,iCACEA;AAAA,sBAAOE,MAAM,CAACQ;AAAd;AADF,UAdF;AAAA,SACOR,MAAM,CAACI,IADd,CADF;AAoBD,KAzBA;AADH,IADF;AA8BD,CA9CD;;AAgDAhB,SAAS,CAACqB,SAAV,GAAsB;AACpBpB,EAAAA,MAAM,EAAEqB,SAAS,CAACC,KAAV,CAAgB;AACtBf,IAAAA,GAAG,EAAEc,SAAS,CAACE,MADO;AAEtBf,IAAAA,OAAO,EAAEa,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,GAA5B;AAFa,GAAhB,CADY;AAKpBxB,EAAAA,IAAI,EAAEoB,SAAS,CAACC,KAAV,CAAgB;AACpBhB,IAAAA,EAAE,EAAEe,SAAS,CAACE;AADM,GAAhB,CALc;AAQpBrB,EAAAA,YAAY,EAAEmB,SAAS,CAACK,IARJ;AASpBvB,EAAAA,KAAK,EAAEkB,SAAS,CAACE;AATG,CAAtB;AAYAxB,SAAS,CAAC4B,YAAV,GAAyB;AACvB3B,EAAAA,MAAM,EAAE,EADe;AAEvBC,EAAAA,IAAI,EAAE,EAFiB;AAGvBC,EAAAA,YAAY,EAAE,wBAAM,EAHG;AAIvBC,EAAAA,KAAK,EAAE;AAJgB,CAAzB;AAOA,+BAAeyB,IAAI,CAAC7B,SAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"SelectBox.js","sources":["../../../../src/components/Settings/SelectBox.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport * as icons from '../../utils/icons';\n\nconst SelectBox = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const handleSelection = newValue => () => {\n if (value !== newValue) {\n onItemChange(\n { id: item.id },\n { [config.key]: newValue },\n );\n }\n };\n const { options } = config;\n\n return (\n <div className=\"toolSection-list withIcons bigList forShapes d-flex dir-row f-wrap\">\n {options.map(option => {\n const OptionIcon = option.icon\n ? option.icon\n : icons[option.name] \|\| icons.shapes;\n\n return (\n <button\n key={option.name}\n className={classNames(\n 'toolSection-listItem',\n 'd-flex a-center',\n 'f-width',\n { isSelected: option.name === value },\n )}\n onClick={handleSelection(option.name)}\n type=\"button\"\n >\n <span className=\"d-flex j-center a-center\">\n <OptionIcon className=\"jfReportSVG\" />\n </span>\n <span className=\"toolSection-listItemName d-flex j-between a-center\">\n <span>{option.title}</span>\n </span>\n </button>\n );\n })}\n </div>\n );\n};\n\nSelectBox.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nSelectBox.defaultProps = {\n config: [],\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(SelectBox);\n"],"names":["SelectBox","config","item","onItemChange","value","handleSelection","newValue","id","key","options","_jsx","map","option","OptionIcon","icon","icons","name","_jsxs","classNames","isSelected","title","propTypes","PropTypes","shape","string","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAKZ;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,QAAQ;AAAA,WAAI,YAAM;AACxC,UAAIF,KAAK,KAAKE,QAAd,EAAwB;AACtBH,QAAAA,YAAY,CACV;AAAEI,UAAAA,EAAE,EAAEL,IAAI,CAACK;AAAX,SADU,sBAEPN,MAAM,CAACO,GAFA,EAEMF,QAFN,EAAZ;AAID;AACF,KAP+B;AAAA,GAAhC;;AAQA,MAAQG,OAAR,GAAoBR,MAApB,CAAQQ,OAAR;AAEA,sBACEC;AAAK,IAAA,SAAS,EAAC,oEAAf;AAAA,cACGD,OAAO,CAACE,GAAR,CAAY,UAAAC,MAAM,EAAI;AACrB,UAAMC,UAAU,GAAGD,MAAM,CAACE,IAAP,GACfF,MAAM,CAACE,IADQ,GAEfC,KAAK,CAACH,MAAM,CAACI,IAAR,CAAL,IAAsBD,SAF1B;AAIA,0BACEE;AAEE,QAAA,SAAS,EAAEC,UAAU,CACnB,sBADmB,EAEnB,iBAFmB,EAGnB,SAHmB,EAInB;AAAEC,UAAAA,UAAU,EAAEP,MAAM,CAACI,IAAP,KAAgBZ;AAA9B,SAJmB,CAFvB;AAQE,QAAA,OAAO,EAAEC,eAAe,CAACO,MAAM,CAACI,IAAR,CAR1B;AASE,QAAA,IAAI,EAAC,QATP;AAAA,gCAWEN;AAAM,UAAA,SAAS,EAAC,0BAAhB;AAAA,iCACEA,IAAC,UAAD;AAAY,YAAA,SAAS,EAAC;AAAtB;AADF,UAXF,eAcEA;AAAM,UAAA,SAAS,EAAC,oDAAhB;AAAA,iCACEA;AAAA,sBAAOE,MAAM,CAACQ;AAAd;AADF,UAdF;AAAA,SACOR,MAAM,CAACI,IADd,CADF;AAoBD,KAzBA;AADH,IADF;AA8BD,CA9CD;;AAgDAhB,SAAS,CAACqB,SAAV,GAAsB;AACpBpB,EAAAA,MAAM,EAAEqB,SAAS,CAACC,KAAV,CAAgB;AACtBf,IAAAA,GAAG,EAAEc,SAAS,CAACE,MADO;AAEtBf,IAAAA,OAAO,EAAEa,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,GAA5B;AAFa,GAAhB,CADY;AAKpBxB,EAAAA,IAAI,EAAEoB,SAAS,CAACC,KAAV,CAAgB;AACpBhB,IAAAA,EAAE,EAAEe,SAAS,CAACE;AADM,GAAhB,CALc;AAQpBrB,EAAAA,YAAY,EAAEmB,SAAS,CAACK,IARJ;AASpBvB,EAAAA,KAAK,EAAEkB,SAAS,CAACE;AATG,CAAtB;AAYAxB,SAAS,CAAC4B,YAAV,GAAyB;AACvB3B,EAAAA,MAAM,EAAE,EADe;AAEvBC,EAAAA,IAAI,EAAE,EAFiB;AAGvBC,EAAAA,YAAY,EAAE,wBAAM,EAHG;AAIvBC,EAAAA,KAAK,EAAE;AAJgB,CAAzB;AAOA,+BAAeyB,IAAI,CAAC7B,SAAD,CAAnB;;;;"}

package/lib/esm/components/Settings/SettingsItemRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsItemRenderer.js","sources":["../../../../src/components/Settings/SettingsItemRenderer.js"],"sourcesContent":["import { memo, Fragment } from 'react';\nimport classNames from 'classnames';\nimport isEqual from 'lodash.isequal';\nimport PropTypes from 'prop-types';\nimport Settings from './index';\n\nconst getItemComponent = settingType => {\n return Settings[settingType] \|\| Fragment;\n};\n\nconst SettingsItemRenderer = ({\n children,\n setting,\n}) => {\n const { label, wrapperClass } = setting;\n const component = setting.component ? setting.component : getItemComponent(setting.type);\n\n if (setting.static) { return children(component); }\n\n const cx = classNames('toolItem', 'toolSection', wrapperClass);\n return (\n <div className={cx}>\n <div className=\"toolSection-title t-medium js-ItemLabel\">\n {label}\n </div>\n {children(component)}\n </div>\n );\n};\n\nSettingsItemRenderer.propTypes = {\n children: PropTypes.any,\n setting: PropTypes.shape({\n component: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({}),\n ]),\n label: PropTypes.string,\n static: PropTypes.bool,\n type: PropTypes.string,\n wrapperClass: PropTypes.string,\n }),\n};\n\nSettingsItemRenderer.defaultProps = {\n children: () => {},\n setting: {\n label: '',\n static: false,\n type: '',\n wrapperClass: '',\n },\n};\n\nconst areEqual = (prevProps, nextProps) => {\n if (!isEqual(prevProps.settingValue, nextProps.settingValue)) return false;\n return true;\n};\n\nexport default memo(SettingsItemRenderer, areEqual);\n"],"names":["getItemComponent","settingType","Settings","Fragment","SettingsItemRenderer","children","setting","label","wrapperClass","component","type","static","cx","classNames","_jsxs","_jsx","propTypes","PropTypes","any","shape","oneOfType","func","string","bool","defaultProps","areEqual","prevProps","nextProps","isEqual","settingValue","memo"],"mappings":";;;;;;;AAMA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,WAAW,EAAI;AACtC,SAAOC,QAAQ,CAACD,WAAD,CAAR,IAAyBE,QAAhC;AACD,CAFD;;AAIA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,OAGvB;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,OACI,QADJA,OACI;~~AAAA~~,~~MACIC~~,~~KADJ~~,~~GAC4BD~~,~~OAD5B~~,~~CACIC~~,~~KADJ~~;AAAA,~~MACWC~~,~~YADX~~,~~GAC4BF~~,~~OAD5B~~,~~CACWE~~,~~YADX~~;~~AAEJ~~,MAAMC,SAAS,GAAGH,OAAO,CAACG,SAAR,GAAoBH,OAAO,CAACG,SAA5B,GAAwCT,gBAAgB,CAACM,OAAO,CAACI,IAAT,CAA1E;;AAEA,MAAIJ,OAAO,CAACK,MAAZ,EAAoB;AAAE,WAAON,QAAQ,CAACI,SAAD,CAAf;AAA6B;;AAEnD,MAAMG,EAAE,GAAGC,UAAU,CAAC,UAAD,EAAa,aAAb,EAA4BL,YAA5B,CAArB;AACA,sBACEM;AAAK,IAAA,SAAS,EAAEF,EAAhB;AAAA,4BACEG;AAAK,MAAA,SAAS,EAAC,yCAAf;AAAA,gBACGR;AADH,MADF,EAIGF,QAAQ,CAACI,SAAD,CAJX;AAAA,IADF;AAQD,CAlBD;;AAoBAL,oBAAoB,CAACY,SAArB,GAAiC;AAC/BX,EAAAA,QAAQ,EAAEY,SAAS,CAACC,GADW;AAE/BZ,EAAAA,OAAO,EAAEW,SAAS,CAACE,KAAV,CAAgB;AACvBV,IAAAA,SAAS,EAAEQ,SAAS,CAACG,SAAV,CAAoB,CAC7BH,SAAS,CAACI,IADmB,EAE7BJ,SAAS,CAACE,KAAV,CAAgB,EAAhB,CAF6B,CAApB,CADY;AAKvBZ,IAAAA,KAAK,EAAEU,SAAS,CAACK,MALM;AAMvBX,IAAAA,MAAM,EAAEM,SAAS,CAACM,IANK;AAOvBb,IAAAA,IAAI,EAAEO,SAAS,CAACK,MAPO;AAQvBd,IAAAA,YAAY,EAAES,SAAS,CAACK;AARD,GAAhB;AAFsB,CAAjC;AAcAlB,oBAAoB,CAACoB,YAArB,GAAoC;AAClCnB,EAAAA,QAAQ,EAAE,oBAAM,EADkB;AAElCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,KAAK,EAAE,EADA;AAEPI,IAAAA,MAAM,EAAE,KAFD;AAGPD,IAAAA,IAAI,EAAE,EAHC;AAIPF,IAAAA,YAAY,EAAE;AAJP;AAFyB,CAApC;;AAUA,IAAMiB,QAAQ,GAAG,SAAXA,QAAW,CAACC,SAAD,EAAYC,SAAZ,EAA0B;AACzC,MAAI,CAACC,OAAO,CAACF,SAAS,CAACG,YAAX,EAAyBF,SAAS,CAACE,YAAnC,CAAZ,EAA8D,OAAO,KAAP;AAC9D,SAAO,IAAP;AACD,CAHD;;AAKA,0CAAeC,IAAI,CAAC1B,oBAAD,EAAuBqB,QAAvB,CAAnB;;;;"}
1	+ {"version":3,"file":"SettingsItemRenderer.js","sources":["../../../../src/components/Settings/SettingsItemRenderer.js"],"sourcesContent":["import { memo, Fragment } from 'react';\nimport classNames from 'classnames';\nimport isEqual from 'lodash.isequal';\nimport PropTypes from 'prop-types';\nimport Settings from './index';\n\nconst getItemComponent = settingType => {\n return Settings[settingType] \|\| Fragment;\n};\n\nconst SettingsItemRenderer = ({\n children,\n setting,\n}) => {\n const { label, wrapperClass } = setting;\n const component = setting.component ? setting.component : getItemComponent(setting.type);\n\n if (setting.static) { return children(component); }\n\n const cx = classNames('toolItem', 'toolSection', wrapperClass);\n return (\n <div className={cx}>\n <div className=\"toolSection-title t-medium js-ItemLabel\">\n {label}\n </div>\n {children(component)}\n </div>\n );\n};\n\nSettingsItemRenderer.propTypes = {\n children: PropTypes.any,\n setting: PropTypes.shape({\n component: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({}),\n ]),\n label: PropTypes.string,\n static: PropTypes.bool,\n type: PropTypes.string,\n wrapperClass: PropTypes.string,\n }),\n};\n\nSettingsItemRenderer.defaultProps = {\n children: () => {},\n setting: {\n label: '',\n static: false,\n type: '',\n wrapperClass: '',\n },\n};\n\nconst areEqual = (prevProps, nextProps) => {\n if (!isEqual(prevProps.settingValue, nextProps.settingValue)) return false;\n return true;\n};\n\nexport default memo(SettingsItemRenderer, areEqual);\n"],"names":["getItemComponent","settingType","Settings","Fragment","SettingsItemRenderer","children","setting","label","wrapperClass","component","type","static","cx","classNames","_jsxs","_jsx","propTypes","PropTypes","any","shape","oneOfType","func","string","bool","defaultProps","areEqual","prevProps","nextProps","isEqual","settingValue","memo"],"mappings":";;;;;;;AAMA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,WAAW,EAAI;AACtC,SAAOC,QAAQ,CAACD,WAAD,CAAR,IAAyBE,QAAhC;AACD,CAFD;;AAIA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,OAGvB;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,OACI,QADJA,OACI;AACJ,MAAQC,KAAR,GAAgCD,OAAhC,CAAQC,KAAR;AAAA,MAAeC,YAAf,GAAgCF,OAAhC,CAAeE,YAAf;AACA,MAAMC,SAAS,GAAGH,OAAO,CAACG,SAAR,GAAoBH,OAAO,CAACG,SAA5B,GAAwCT,gBAAgB,CAACM,OAAO,CAACI,IAAT,CAA1E;;AAEA,MAAIJ,OAAO,CAACK,MAAZ,EAAoB;AAAE,WAAON,QAAQ,CAACI,SAAD,CAAf;AAA6B;;AAEnD,MAAMG,EAAE,GAAGC,UAAU,CAAC,UAAD,EAAa,aAAb,EAA4BL,YAA5B,CAArB;AACA,sBACEM;AAAK,IAAA,SAAS,EAAEF,EAAhB;AAAA,4BACEG;AAAK,MAAA,SAAS,EAAC,yCAAf;AAAA,gBACGR;AADH,MADF,EAIGF,QAAQ,CAACI,SAAD,CAJX;AAAA,IADF;AAQD,CAlBD;;AAoBAL,oBAAoB,CAACY,SAArB,GAAiC;AAC/BX,EAAAA,QAAQ,EAAEY,SAAS,CAACC,GADW;AAE/BZ,EAAAA,OAAO,EAAEW,SAAS,CAACE,KAAV,CAAgB;AACvBV,IAAAA,SAAS,EAAEQ,SAAS,CAACG,SAAV,CAAoB,CAC7BH,SAAS,CAACI,IADmB,EAE7BJ,SAAS,CAACE,KAAV,CAAgB,EAAhB,CAF6B,CAApB,CADY;AAKvBZ,IAAAA,KAAK,EAAEU,SAAS,CAACK,MALM;AAMvBX,IAAAA,MAAM,EAAEM,SAAS,CAACM,IANK;AAOvBb,IAAAA,IAAI,EAAEO,SAAS,CAACK,MAPO;AAQvBd,IAAAA,YAAY,EAAES,SAAS,CAACK;AARD,GAAhB;AAFsB,CAAjC;AAcAlB,oBAAoB,CAACoB,YAArB,GAAoC;AAClCnB,EAAAA,QAAQ,EAAE,oBAAM,EADkB;AAElCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,KAAK,EAAE,EADA;AAEPI,IAAAA,MAAM,EAAE,KAFD;AAGPD,IAAAA,IAAI,EAAE,EAHC;AAIPF,IAAAA,YAAY,EAAE;AAJP;AAFyB,CAApC;;AAUA,IAAMiB,QAAQ,GAAG,SAAXA,QAAW,CAACC,SAAD,EAAYC,SAAZ,EAA0B;AACzC,MAAI,CAACC,OAAO,CAACF,SAAS,CAACG,YAAX,EAAyBF,SAAS,CAACE,YAAnC,CAAZ,EAA8D,OAAO,KAAP;AAC9D,SAAO,IAAP;AACD,CAHD;;AAKA,0CAAeC,IAAI,CAAC1B,oBAAD,EAAuBqB,QAAvB,CAAnB;;;;"}

package/lib/esm/components/Settings/SizeSettings.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import SvgLock from '../../assets/svg/settings/lock.svg.js';
 import SvgUnlock from '../../assets/svg/settings/unlock.svg.js';
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -21,7 +21,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

package/lib/esm/components/Settings/SizeSettings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SizeSettings.js","sources":["../../../../src/components/Settings/SizeSettings.js"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getImageSizes, roundForDecimalPart } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\nimport * as icons from '../../utils/icons';\n\nconst SizeSettings = ({ item, onItemChange }) => {\n const initialAspect = useRef();\n const [stackSize, setStackSize] = useState({ height: item.height, width: item.width });\n const [aspectLock, setAspectLock] = useState(true);\n const imageRefForMeta = useRef(null);\n const { HEIGHT, ORIGINAL_SIZE, WIDTH } = useTranslatedTexts();\n\n useEffect(() => {\n setStackSize({ height: item.height, width: item.width });\n }, [item.height, item.width]);\n\n useEffect(() => {\n if (aspectLock) {\n initialAspect.current = stackSize.width / stackSize.height;\n }\n }, [aspectLock]);\n\n const sizeSetter = ({ height, width }) => {\n const sizes = { height: Number(height), width: Number(width) };\n setStackSize(sizes);\n onItemChange({ id: item.id }, sizes);\n };\n\n const sizeSetterHelper = ({ height, width }) => {\n let exactWidth = Number(width);\n let exactHeight = Number(height);\n if (aspectLock) {\n if (item.width !== stackSize.width) {\n exactHeight = stackSize.width / initialAspect.current;\n } else {\n exactWidth = stackSize.height * initialAspect.current;\n }\n }\n\n sizeSetter({ height: Math.max(exactHeight, 5), width: Math.max(exactWidth, 5) });\n };\n\n const handleBlur = () => {\n sizeSetterHelper(stackSize);\n };\n\n const handleChangeSize = (type = 'width', prevValue) => e => {\n if (e.stopPropagation) e.stopPropagation();\n\n const { value } = e.target;\n if (Number(value) !== Number(prevValue)) {\n setStackSize({ ...stackSize, [type]: Number(value) \|\| 0 });\n }\n };\n\n const setOriginalSizes = () => {\n // For Shapes\n if (item.shapeType) {\n return sizeSetter({\n height: 200,\n width: 200,\n });\n }\n // For Images\n if (!imageRefForMeta.current) {\n getImageSizes(item.url, (imageWidth, imageHeight) => {\n imageRefForMeta.current = {\n imageHeight,\n imageWidth,\n };\n sizeSetter({\n height: imageHeight,\n width: imageWidth,\n });\n });\n } else {\n const { imageHeight, imageWidth } = imageRefForMeta.current;\n sizeSetter({\n height: imageHeight,\n width: imageWidth,\n });\n }\n };\n\n const handleKeyDown = (type, currValue) => event => {\n event.stopPropagation();\n if (event.key === 'ArrowUp' \|\| event.key === 'ArrowDown') {\n event.preventDefault();\n const ref = event.shiftKey ? 10 : 1;\n const diff = event.key === 'ArrowUp' ? ref : -ref;\n handleChangeSize(type, currValue)({\n target: {\n value: Number(currValue) + diff,\n },\n });\n } else if (event.key === 'Tab') {\n event.preventDefault();\n const input = type === 'width' ? 'height-input' : 'width-input';\n document.getElementById(input).focus();\n document.getElementById(input).select();\n } else if (event.key === 'Enter') {\n sizeSetterHelper(stackSize);\n }\n };\n\n return (\n <>\n <div className=\"toolSection-wrapper d-flex\">\n <div className=\"toolSection-subItem\">\n <label\n className=\"d-flex dir-col hasUnit isPixel\"\n htmlFor=\"width-input\"\n >\n <input\n className=\"toolSection-input\"\n id=\"width-input\"\n onBlur={handleBlur}\n onChange={handleChangeSize('width', stackSize.width)}\n onKeyDown={handleKeyDown('width', stackSize.width)}\n pattern=\"[0-9]\"\n tabIndex={0}\n value={roundForDecimalPart(stackSize.width)}\n />\n <span className=\"toolSection-subLabel\">{WIDTH}</span>\n </label>\n </div>\n <div className=\"toolSection-subItem hasAspect\">\n <button\n className=\"p-relative forAspect\"\n onClick={() => setAspectLock(!aspectLock)}\n type=\"button\"\n >\n {aspectLock\n ? <icons.lock className=\"jfReportSVG icon-aspectLock\" />\n : <icons.unlock className=\"jfReportSVG icon-aspectUnlock\" />}\n </button>\n </div>\n <div className=\"toolSection-subItem\">\n <label\n className=\"d-flex dir-col hasUnit isPixel\"\n htmlFor=\"width-input\"\n >\n <input\n className=\"toolSection-input\"\n id=\"height-input\"\n onBlur={handleBlur}\n onChange={handleChangeSize('height', stackSize.height)}\n onKeyDown={handleKeyDown('height', stackSize.height)}\n pattern=\"[0-9]\"\n value={roundForDecimalPart(stackSize.height)}\n />\n <span className=\"toolSection-subLabel\">{HEIGHT}</span>\n </label>\n </div>\n </div>\n {(item.url \|\| item.shapeType)\n && (\n <div className=\"toolSection-wrapper\">\n <button\n className=\"jfReportButton forOptions forDimension f-width\"\n onClick={setOriginalSizes}\n type=\"button\"\n >\n {ORIGINAL_SIZE}\n </button>\n </div>\n )}\n </>\n );\n};\n\nSizeSettings.propTypes = {\n item: PropTypes.shape({\n height: PropTypes.number,\n id: PropTypes.string,\n shapeType: PropTypes.string,\n url: PropTypes.string,\n width: PropTypes.number,\n }),\n onItemChange: PropTypes.func,\n};\n\nSizeSettings.defaultProps = {\n item: {},\n onItemChange: () => {},\n};\n\nexport default SizeSettings;\n"],"names":["SizeSettings","item","onItemChange","initialAspect","useRef","useState","height","width","stackSize","setStackSize","aspectLock","setAspectLock","imageRefForMeta","useTranslatedTexts","HEIGHT","ORIGINAL_SIZE","WIDTH","useEffect","current","sizeSetter","sizes","Number","id","sizeSetterHelper","exactWidth","exactHeight","Math","max","handleBlur","handleChangeSize","type","prevValue","e","stopPropagation","value","target","setOriginalSizes","shapeType","getImageSizes","url","imageWidth","imageHeight","handleKeyDown","currValue","event","key","preventDefault","ref","shiftKey","diff","input","document","getElementById","focus","select","_jsxs","_jsx","roundForDecimalPart","icons.lock","icons.unlock","propTypes","PropTypes","shape","number","string","func","defaultProps"],"mappings":"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"}
1	+ {"version":3,"file":"SizeSettings.js","sources":["../../../../src/components/Settings/SizeSettings.js"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getImageSizes, roundForDecimalPart } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\nimport * as icons from '../../utils/icons';\n\nconst SizeSettings = ({ item, onItemChange }) => {\n const initialAspect = useRef();\n const [stackSize, setStackSize] = useState({ height: item.height, width: item.width });\n const [aspectLock, setAspectLock] = useState(true);\n const imageRefForMeta = useRef(null);\n const { HEIGHT, ORIGINAL_SIZE, WIDTH } = useTranslatedTexts();\n\n useEffect(() => {\n setStackSize({ height: item.height, width: item.width });\n }, [item.height, item.width]);\n\n useEffect(() => {\n if (aspectLock) {\n initialAspect.current = stackSize.width / stackSize.height;\n }\n }, [aspectLock]);\n\n const sizeSetter = ({ height, width }) => {\n const sizes = { height: Number(height), width: Number(width) };\n setStackSize(sizes);\n onItemChange({ id: item.id }, sizes);\n };\n\n const sizeSetterHelper = ({ height, width }) => {\n let exactWidth = Number(width);\n let exactHeight = Number(height);\n if (aspectLock) {\n if (item.width !== stackSize.width) {\n exactHeight = stackSize.width / initialAspect.current;\n } else {\n exactWidth = stackSize.height * initialAspect.current;\n }\n }\n\n sizeSetter({ height: Math.max(exactHeight, 5), width: Math.max(exactWidth, 5) });\n };\n\n const handleBlur = () => {\n sizeSetterHelper(stackSize);\n };\n\n const handleChangeSize = (type = 'width', prevValue) => e => {\n if (e.stopPropagation) e.stopPropagation();\n\n const { value } = e.target;\n if (Number(value) !== Number(prevValue)) {\n setStackSize({ ...stackSize, [type]: Number(value) \|\| 0 });\n }\n };\n\n const setOriginalSizes = () => {\n // For Shapes\n if (item.shapeType) {\n return sizeSetter({\n height: 200,\n width: 200,\n });\n }\n // For Images\n if (!imageRefForMeta.current) {\n getImageSizes(item.url, (imageWidth, imageHeight) => {\n imageRefForMeta.current = {\n imageHeight,\n imageWidth,\n };\n sizeSetter({\n height: imageHeight,\n width: imageWidth,\n });\n });\n } else {\n const { imageHeight, imageWidth } = imageRefForMeta.current;\n sizeSetter({\n height: imageHeight,\n width: imageWidth,\n });\n }\n };\n\n const handleKeyDown = (type, currValue) => event => {\n event.stopPropagation();\n if (event.key === 'ArrowUp' \|\| event.key === 'ArrowDown') {\n event.preventDefault();\n const ref = event.shiftKey ? 10 : 1;\n const diff = event.key === 'ArrowUp' ? ref : -ref;\n handleChangeSize(type, currValue)({\n target: {\n value: Number(currValue) + diff,\n },\n });\n } else if (event.key === 'Tab') {\n event.preventDefault();\n const input = type === 'width' ? 'height-input' : 'width-input';\n document.getElementById(input).focus();\n document.getElementById(input).select();\n } else if (event.key === 'Enter') {\n sizeSetterHelper(stackSize);\n }\n };\n\n return (\n <>\n <div className=\"toolSection-wrapper d-flex\">\n <div className=\"toolSection-subItem\">\n <label\n className=\"d-flex dir-col hasUnit isPixel\"\n htmlFor=\"width-input\"\n >\n <input\n className=\"toolSection-input\"\n id=\"width-input\"\n onBlur={handleBlur}\n onChange={handleChangeSize('width', stackSize.width)}\n onKeyDown={handleKeyDown('width', stackSize.width)}\n pattern=\"[0-9]\"\n tabIndex={0}\n value={roundForDecimalPart(stackSize.width)}\n />\n <span className=\"toolSection-subLabel\">{WIDTH}</span>\n </label>\n </div>\n <div className=\"toolSection-subItem hasAspect\">\n <button\n className=\"p-relative forAspect\"\n onClick={() => setAspectLock(!aspectLock)}\n type=\"button\"\n >\n {aspectLock\n ? <icons.lock className=\"jfReportSVG icon-aspectLock\" />\n : <icons.unlock className=\"jfReportSVG icon-aspectUnlock\" />}\n </button>\n </div>\n <div className=\"toolSection-subItem\">\n <label\n className=\"d-flex dir-col hasUnit isPixel\"\n htmlFor=\"width-input\"\n >\n <input\n className=\"toolSection-input\"\n id=\"height-input\"\n onBlur={handleBlur}\n onChange={handleChangeSize('height', stackSize.height)}\n onKeyDown={handleKeyDown('height', stackSize.height)}\n pattern=\"[0-9]\"\n value={roundForDecimalPart(stackSize.height)}\n />\n <span className=\"toolSection-subLabel\">{HEIGHT}</span>\n </label>\n </div>\n </div>\n {(item.url \|\| item.shapeType)\n && (\n <div className=\"toolSection-wrapper\">\n <button\n className=\"jfReportButton forOptions forDimension f-width\"\n onClick={setOriginalSizes}\n type=\"button\"\n >\n {ORIGINAL_SIZE}\n </button>\n </div>\n )}\n </>\n );\n};\n\nSizeSettings.propTypes = {\n item: PropTypes.shape({\n height: PropTypes.number,\n id: PropTypes.string,\n shapeType: PropTypes.string,\n url: PropTypes.string,\n width: PropTypes.number,\n }),\n onItemChange: PropTypes.func,\n};\n\nSizeSettings.defaultProps = {\n item: {},\n onItemChange: () => {},\n};\n\nexport default SizeSettings;\n"],"names":["SizeSettings","item","onItemChange","initialAspect","useRef","useState","height","width","stackSize","setStackSize","aspectLock","setAspectLock","imageRefForMeta","useTranslatedTexts","HEIGHT","ORIGINAL_SIZE","WIDTH","useEffect","current","sizeSetter","sizes","Number","id","sizeSetterHelper","exactWidth","exactHeight","Math","max","handleBlur","handleChangeSize","type","prevValue","e","stopPropagation","value","target","setOriginalSizes","shapeType","getImageSizes","url","imageWidth","imageHeight","handleKeyDown","currValue","event","key","preventDefault","ref","shiftKey","diff","input","document","getElementById","focus","select","_jsxs","_jsx","roundForDecimalPart","icons.lock","icons.unlock","propTypes","PropTypes","shape","number","string","func","defaultProps"],"mappings":"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"}

package/lib/esm/components/Settings/Slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.js","sources":["../../../../src/components/Settings/Slider.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Slider = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const { range, simple } = config;\n const refValue = simple ? 1 : 100;\n const onChange = e => {\n const newValue = e.target.value;\n if (newValue !== value) {\n if (newValue >= range[0] && newValue <= range[1]) {\n onItemChange(\n { id: item.id },\n { [config.key]: newValue / refValue },\n );\n }\n }\n };\n\n const onKeyDown = event => {\n event.stopPropagation();\n if (event.shiftKey) {\n if (event.key === 'ArrowUp' \|\| event.key === 'ArrowDown') {\n event.preventDefault();\n const diff = event.key === 'ArrowUp' ? 10 : -10;\n onChange({\n target: {\n value: Number(value) + diff,\n },\n });\n }\n }\n };\n\n return (\n <div className=\"rangeSliderWrapper d-flex a-center\">\n <div className=\"rangeSlider\">\n <input\n className=\"rangeSlider-bar\"\n max={range[1]}\n min={range[0]}\n onChange={onChange}\n onKeyDown={onKeyDown}\n type=\"range\"\n value={value * refValue}\n />\n <div\n className=\"rangeSlider-indicator\"\n style={{\n width: `\n ${simple ? (value / range[1]) * 100 : parseFloat(value, 10) * refValue}%\n `,\n }}\n />\n </div>\n <div className={`hasUnit ${simple ? 'isPixel' : 'isPercentage'}`}>\n <input\n className=\"toolSection-input isSmall\"\n max={range[1]}\n min={range[0]}\n onChange={onChange}\n onKeyDown={onKeyDown}\n type=\"number\"\n value={(value * refValue).toFixed(0)}\n />\n </div>\n </div>\n );\n};\n\nSlider.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n range: PropTypes.arrayOf(PropTypes.number),\n simple: PropTypes.bool,\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nSlider.defaultProps = {\n config: {},\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(Slider);\n"],"names":["Slider","config","item","onItemChange","value","range","simple","refValue","onChange","e","newValue","target","id","key","onKeyDown","event","stopPropagation","shiftKey","preventDefault","diff","Number","_jsxs","_jsx","width","parseFloat","toFixed","propTypes","PropTypes","shape","string","options","arrayOf","any","number","bool","func","oneOfType","defaultProps","memo"],"mappings":";;;;;;;;AAGA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;~~AAAA~~,~~MACIC~~,~~KADJ~~,~~GACsBJ~~,~~MADtB~~,~~CACII~~,~~KADJ~~;AAAA,~~MACWC~~,~~MADX~~,~~GACsBL~~,~~MADtB~~,~~CACWK~~,~~MADX~~;~~AAEJ~~,MAAMC,QAAQ,GAAGD,MAAM,GAAG,CAAH,GAAO,GAA9B;;AACA,MAAME,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AACpB,QAAMC,QAAQ,GAAGD,CAAC,CAACE,MAAF,CAASP,KAA1B;;AACA,QAAIM,QAAQ,KAAKN,KAAjB,EAAwB;AACtB,UAAIM,QAAQ,IAAIL,KAAK,CAAC,CAAD,CAAjB,IAAwBK,QAAQ,IAAIL,KAAK,CAAC,CAAD,CAA7C,EAAkD;AAChDF,QAAAA,YAAY,CACV;AAAES,UAAAA,EAAE,EAAEV,IAAI,CAACU;AAAX,SADU,sBAEPX,MAAM,CAACY,GAFA,EAEMH,QAAQ,GAAGH,QAFjB,EAAZ;AAID;AACF;AACF,GAVD;;AAYA,MAAMO,SAAS,GAAG,SAAZA,SAAY,CAAAC,KAAK,EAAI;AACzBA,IAAAA,KAAK,CAACC,eAAN;;AACA,QAAID,KAAK,CAACE,QAAV,EAAoB;AAClB,UAAIF,KAAK,CAACF,GAAN,KAAc,SAAd,IAA2BE,KAAK,CAACF,GAAN,KAAc,WAA7C,EAA0D;AACxDE,QAAAA,KAAK,CAACG,cAAN;AACA,YAAMC,IAAI,GAAGJ,KAAK,CAACF,GAAN,KAAc,SAAd,GAA0B,EAA1B,GAA+B,CAAC,EAA7C;AACAL,QAAAA,QAAQ,CAAC;AACPG,UAAAA,MAAM,EAAE;AACNP,YAAAA,KAAK,EAAEgB,MAAM,CAAChB,KAAD,CAAN,GAAgBe;AADjB;AADD,SAAD,CAAR;AAKD;AACF;AACF,GAbD;;AAeA,sBACEE;AAAK,IAAA,SAAS,EAAC,oCAAf;AAAA,4BACEA;AAAK,MAAA,SAAS,EAAC,aAAf;AAAA,8BACEC;AACE,QAAA,SAAS,EAAC,iBADZ;AAEE,QAAA,GAAG,EAAEjB,KAAK,CAAC,CAAD,CAFZ;AAGE,QAAA,GAAG,EAAEA,KAAK,CAAC,CAAD,CAHZ;AAIE,QAAA,QAAQ,EAAEG,QAJZ;AAKE,QAAA,SAAS,EAAEM,SALb;AAME,QAAA,IAAI,EAAC,OANP;AAOE,QAAA,KAAK,EAAEV,KAAK,GAAGG;AAPjB,QADF,eAUEe;AACE,QAAA,SAAS,EAAC,uBADZ;AAEE,QAAA,KAAK,EAAE;AACLC,UAAAA,KAAK,4BACDjB,MAAM,GAAIF,KAAK,GAAGC,KAAK,CAAC,CAAD,CAAd,GAAqB,GAAxB,GAA8BmB,UAAU,CAACpB,KAAD,EAAQ,EAAR,CAAV,GAAwBG,QAD3D;AADA;AAFT,QAVF;AAAA,MADF,eAoBEe;AAAK,MAAA,SAAS,oBAAahB,MAAM,GAAG,SAAH,GAAe,cAAlC,CAAd;AAAA,6BACEgB;AACE,QAAA,SAAS,EAAC,2BADZ;AAEE,QAAA,GAAG,EAAEjB,KAAK,CAAC,CAAD,CAFZ;AAGE,QAAA,GAAG,EAAEA,KAAK,CAAC,CAAD,CAHZ;AAIE,QAAA,QAAQ,EAAEG,QAJZ;AAKE,QAAA,SAAS,EAAEM,SALb;AAME,QAAA,IAAI,EAAC,QANP;AAOE,QAAA,KAAK,EAAE,CAACV,KAAK,GAAGG,QAAT,EAAmBkB,OAAnB,CAA2B,CAA3B;AAPT;AADF,MApBF;AAAA,IADF;AAkCD,CArED;;AAuEAzB,MAAM,CAAC0B,SAAP,GAAmB;AACjBzB,EAAAA,MAAM,EAAE0B,SAAS,CAACC,KAAV,CAAgB;AACtBf,IAAAA,GAAG,EAAEc,SAAS,CAACE,MADO;AAEtBC,IAAAA,OAAO,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,GAA5B,CAFa;AAGtB3B,IAAAA,KAAK,EAAEsB,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACM,MAA5B,CAHe;AAItB3B,IAAAA,MAAM,EAAEqB,SAAS,CAACO;AAJI,GAAhB,CADS;AAOjBhC,EAAAA,IAAI,EAAEyB,SAAS,CAACC,KAAV,CAAgB;AACpBhB,IAAAA,EAAE,EAAEe,SAAS,CAACE;AADM,GAAhB,CAPW;AAUjB1B,EAAAA,YAAY,EAAEwB,SAAS,CAACQ,IAVP;AAWjB/B,EAAAA,KAAK,EAAEuB,SAAS,CAACS,SAAV,CAAoB,CAACT,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACM,MAA7B,CAApB;AAXU,CAAnB;AAcAjC,MAAM,CAACqC,YAAP,GAAsB;AACpBpC,EAAAA,MAAM,EAAE,EADY;AAEpBC,EAAAA,IAAI,EAAE,EAFc;AAGpBC,EAAAA,YAAY,EAAE,wBAAM,EAHA;AAIpBC,EAAAA,KAAK,EAAE;AAJa,CAAtB;AAOA,4BAAekC,IAAI,CAACtC,MAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"Slider.js","sources":["../../../../src/components/Settings/Slider.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Slider = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const { range, simple } = config;\n const refValue = simple ? 1 : 100;\n const onChange = e => {\n const newValue = e.target.value;\n if (newValue !== value) {\n if (newValue >= range[0] && newValue <= range[1]) {\n onItemChange(\n { id: item.id },\n { [config.key]: newValue / refValue },\n );\n }\n }\n };\n\n const onKeyDown = event => {\n event.stopPropagation();\n if (event.shiftKey) {\n if (event.key === 'ArrowUp' \|\| event.key === 'ArrowDown') {\n event.preventDefault();\n const diff = event.key === 'ArrowUp' ? 10 : -10;\n onChange({\n target: {\n value: Number(value) + diff,\n },\n });\n }\n }\n };\n\n return (\n <div className=\"rangeSliderWrapper d-flex a-center\">\n <div className=\"rangeSlider\">\n <input\n className=\"rangeSlider-bar\"\n max={range[1]}\n min={range[0]}\n onChange={onChange}\n onKeyDown={onKeyDown}\n type=\"range\"\n value={value * refValue}\n />\n <div\n className=\"rangeSlider-indicator\"\n style={{\n width: `\n ${simple ? (value / range[1]) * 100 : parseFloat(value, 10) * refValue}%\n `,\n }}\n />\n </div>\n <div className={`hasUnit ${simple ? 'isPixel' : 'isPercentage'}`}>\n <input\n className=\"toolSection-input isSmall\"\n max={range[1]}\n min={range[0]}\n onChange={onChange}\n onKeyDown={onKeyDown}\n type=\"number\"\n value={(value * refValue).toFixed(0)}\n />\n </div>\n </div>\n );\n};\n\nSlider.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n range: PropTypes.arrayOf(PropTypes.number),\n simple: PropTypes.bool,\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nSlider.defaultProps = {\n config: {},\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(Slider);\n"],"names":["Slider","config","item","onItemChange","value","range","simple","refValue","onChange","e","newValue","target","id","key","onKeyDown","event","stopPropagation","shiftKey","preventDefault","diff","Number","_jsxs","_jsx","width","parseFloat","toFixed","propTypes","PropTypes","shape","string","options","arrayOf","any","number","bool","func","oneOfType","defaultProps","memo"],"mappings":";;;;;;;;AAGA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;AACJ,MAAQC,KAAR,GAA0BJ,MAA1B,CAAQI,KAAR;AAAA,MAAeC,MAAf,GAA0BL,MAA1B,CAAeK,MAAf;AACA,MAAMC,QAAQ,GAAGD,MAAM,GAAG,CAAH,GAAO,GAA9B;;AACA,MAAME,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AACpB,QAAMC,QAAQ,GAAGD,CAAC,CAACE,MAAF,CAASP,KAA1B;;AACA,QAAIM,QAAQ,KAAKN,KAAjB,EAAwB;AACtB,UAAIM,QAAQ,IAAIL,KAAK,CAAC,CAAD,CAAjB,IAAwBK,QAAQ,IAAIL,KAAK,CAAC,CAAD,CAA7C,EAAkD;AAChDF,QAAAA,YAAY,CACV;AAAES,UAAAA,EAAE,EAAEV,IAAI,CAACU;AAAX,SADU,sBAEPX,MAAM,CAACY,GAFA,EAEMH,QAAQ,GAAGH,QAFjB,EAAZ;AAID;AACF;AACF,GAVD;;AAYA,MAAMO,SAAS,GAAG,SAAZA,SAAY,CAAAC,KAAK,EAAI;AACzBA,IAAAA,KAAK,CAACC,eAAN;;AACA,QAAID,KAAK,CAACE,QAAV,EAAoB;AAClB,UAAIF,KAAK,CAACF,GAAN,KAAc,SAAd,IAA2BE,KAAK,CAACF,GAAN,KAAc,WAA7C,EAA0D;AACxDE,QAAAA,KAAK,CAACG,cAAN;AACA,YAAMC,IAAI,GAAGJ,KAAK,CAACF,GAAN,KAAc,SAAd,GAA0B,EAA1B,GAA+B,CAAC,EAA7C;AACAL,QAAAA,QAAQ,CAAC;AACPG,UAAAA,MAAM,EAAE;AACNP,YAAAA,KAAK,EAAEgB,MAAM,CAAChB,KAAD,CAAN,GAAgBe;AADjB;AADD,SAAD,CAAR;AAKD;AACF;AACF,GAbD;;AAeA,sBACEE;AAAK,IAAA,SAAS,EAAC,oCAAf;AAAA,4BACEA;AAAK,MAAA,SAAS,EAAC,aAAf;AAAA,8BACEC;AACE,QAAA,SAAS,EAAC,iBADZ;AAEE,QAAA,GAAG,EAAEjB,KAAK,CAAC,CAAD,CAFZ;AAGE,QAAA,GAAG,EAAEA,KAAK,CAAC,CAAD,CAHZ;AAIE,QAAA,QAAQ,EAAEG,QAJZ;AAKE,QAAA,SAAS,EAAEM,SALb;AAME,QAAA,IAAI,EAAC,OANP;AAOE,QAAA,KAAK,EAAEV,KAAK,GAAGG;AAPjB,QADF,eAUEe;AACE,QAAA,SAAS,EAAC,uBADZ;AAEE,QAAA,KAAK,EAAE;AACLC,UAAAA,KAAK,4BACDjB,MAAM,GAAIF,KAAK,GAAGC,KAAK,CAAC,CAAD,CAAd,GAAqB,GAAxB,GAA8BmB,UAAU,CAACpB,KAAD,EAAQ,EAAR,CAAV,GAAwBG,QAD3D;AADA;AAFT,QAVF;AAAA,MADF,eAoBEe;AAAK,MAAA,SAAS,oBAAahB,MAAM,GAAG,SAAH,GAAe,cAAlC,CAAd;AAAA,6BACEgB;AACE,QAAA,SAAS,EAAC,2BADZ;AAEE,QAAA,GAAG,EAAEjB,KAAK,CAAC,CAAD,CAFZ;AAGE,QAAA,GAAG,EAAEA,KAAK,CAAC,CAAD,CAHZ;AAIE,QAAA,QAAQ,EAAEG,QAJZ;AAKE,QAAA,SAAS,EAAEM,SALb;AAME,QAAA,IAAI,EAAC,QANP;AAOE,QAAA,KAAK,EAAE,CAACV,KAAK,GAAGG,QAAT,EAAmBkB,OAAnB,CAA2B,CAA3B;AAPT;AADF,MApBF;AAAA,IADF;AAkCD,CArED;;AAuEAzB,MAAM,CAAC0B,SAAP,GAAmB;AACjBzB,EAAAA,MAAM,EAAE0B,SAAS,CAACC,KAAV,CAAgB;AACtBf,IAAAA,GAAG,EAAEc,SAAS,CAACE,MADO;AAEtBC,IAAAA,OAAO,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,GAA5B,CAFa;AAGtB3B,IAAAA,KAAK,EAAEsB,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACM,MAA5B,CAHe;AAItB3B,IAAAA,MAAM,EAAEqB,SAAS,CAACO;AAJI,GAAhB,CADS;AAOjBhC,EAAAA,IAAI,EAAEyB,SAAS,CAACC,KAAV,CAAgB;AACpBhB,IAAAA,EAAE,EAAEe,SAAS,CAACE;AADM,GAAhB,CAPW;AAUjB1B,EAAAA,YAAY,EAAEwB,SAAS,CAACQ,IAVP;AAWjB/B,EAAAA,KAAK,EAAEuB,SAAS,CAACS,SAAV,CAAoB,CAACT,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACM,MAA7B,CAApB;AAXU,CAAnB;AAcAjC,MAAM,CAACqC,YAAP,GAAsB;AACpBpC,EAAAA,MAAM,EAAE,EADY;AAEpBC,EAAAA,IAAI,EAAE,EAFc;AAGpBC,EAAAA,YAAY,EAAE,wBAAM,EAHA;AAIpBC,EAAAA,KAAK,EAAE;AAJa,CAAtB;AAOA,4BAAekC,IAAI,CAACtC,MAAD,CAAnB;;;;"}

package/lib/esm/components/Settings/Textbox.js CHANGED Viewed

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

package/lib/esm/components/Settings/Textbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Textbox.js","sources":["../../../../src/components/Settings/Textbox.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Textbox = ({\n config,\n item,\n maxLength,\n onItemChange,\n placeholder,\n value,\n}) => {\n const onChange = e => {\n const { value: newValue } = e.target;\n if (newValue !== value) {\n const changeSettingsFor = { [config.key]: newValue };\n onItemChange({ id: item.id }, changeSettingsFor);\n }\n };\n\n const handleKeyDown = e => e.stopPropagation();\n\n const customProps = {};\n if (maxLength) customProps.maxLength = maxLength;\n\n return (\n <input\n {...customProps}\n className=\"toolSection-input\"\n onChange={onChange}\n onKeyDown={handleKeyDown}\n placeholder={config.placeholder \|\| placeholder}\n type={config.inputType \|\| 'text'}\n value={value}\n />\n );\n};\n\nTextbox.propTypes = {\n config: PropTypes.shape({\n inputType: PropTypes.string,\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n placeholder: PropTypes.string,\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n maxLength: PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.number,\n ]),\n onItemChange: PropTypes.func,\n placeholder: PropTypes.string,\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n};\n\nTextbox.defaultProps = {\n config: [],\n item: {},\n maxLength: false,\n onItemChange: () => {},\n placeholder: '',\n value: '',\n};\n\nexport default memo(Textbox);\n"],"names":["Textbox","config","item","maxLength","onItemChange","placeholder","value","onChange","e","newValue","target","changeSettingsFor","key","id","handleKeyDown","stopPropagation","customProps","_jsx","inputType","propTypes","PropTypes","shape","string","options","arrayOf","any","oneOfType","bool","number","func","defaultProps","memo"],"mappings":";;;;;;;;;;AAGA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAOV;AAAA,MANJC,MAMI,QANJA,MAMI;AAAA,MALJC,IAKI,QALJA,IAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,WAEI,QAFJA,WAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;~~AAAA~~,~~QACLC~~,~~QADK~~,~~GACQD~~,CAAC,CAACE,~~MADV~~,~~CACZJ~~,~~KADY~~;;~~AAEpB~~,QAAIG,QAAQ,KAAKH,KAAjB,EAAwB;AACtB,UAAMK,iBAAiB,uBAAMV,MAAM,CAACW,GAAb,EAAmBH,QAAnB,CAAvB;;AACAL,MAAAA,YAAY,CAAC;AAAES,QAAAA,EAAE,EAAEX,IAAI,CAACW;AAAX,OAAD,EAAkBF,iBAAlB,CAAZ;AACD;AACF,GAND;;AAQA,MAAMG,aAAa,GAAG,SAAhBA,aAAgB,CAAAN,CAAC;AAAA,WAAIA,CAAC,CAACO,eAAF,EAAJ;AAAA,GAAvB;;AAEA,MAAMC,WAAW,GAAG,EAApB;AACA,MAAIb,SAAJ,EAAea,WAAW,CAACb,SAAZ,GAAwBA,SAAxB;AAEf,sBACEc,6CACMD,WADN;AAEE,IAAA,SAAS,EAAC,mBAFZ;AAGE,IAAA,QAAQ,EAAET,QAHZ;AAIE,IAAA,SAAS,EAAEO,aAJb;AAKE,IAAA,WAAW,EAAEb,MAAM,CAACI,WAAP,IAAsBA,WALrC;AAME,IAAA,IAAI,EAAEJ,MAAM,CAACiB,SAAP,IAAoB,MAN5B;AAOE,IAAA,KAAK,EAAEZ;AAPT,KADF;AAWD,CAhCD;;AAkCAN,OAAO,CAACmB,SAAR,GAAoB;AAClBlB,EAAAA,MAAM,EAAEmB,SAAS,CAACC,KAAV,CAAgB;AACtBH,IAAAA,SAAS,EAAEE,SAAS,CAACE,MADC;AAEtBV,IAAAA,GAAG,EAAEQ,SAAS,CAACE,MAFO;AAGtBC,IAAAA,OAAO,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,GAA5B,CAHa;AAItBpB,IAAAA,WAAW,EAAEe,SAAS,CAACE;AAJD,GAAhB,CADU;AAOlBpB,EAAAA,IAAI,EAAEkB,SAAS,CAACC,KAAV,CAAgB;AACpBR,IAAAA,EAAE,EAAEO,SAAS,CAACE;AADM,GAAhB,CAPY;AAUlBnB,EAAAA,SAAS,EAAEiB,SAAS,CAACM,SAAV,CAAoB,CAC7BN,SAAS,CAACO,IADmB,EAE7BP,SAAS,CAACQ,MAFmB,CAApB,CAVO;AAclBxB,EAAAA,YAAY,EAAEgB,SAAS,CAACS,IAdN;AAelBxB,EAAAA,WAAW,EAAEe,SAAS,CAACE,MAfL;AAgBlBhB,EAAAA,KAAK,EAAEc,SAAS,CAACM,SAAV,CAAoB,CACzBN,SAAS,CAACE,MADe,EAEzBF,SAAS,CAACQ,MAFe,CAApB;AAhBW,CAApB;AAsBA5B,OAAO,CAAC8B,YAAR,GAAuB;AACrB7B,EAAAA,MAAM,EAAE,EADa;AAErBC,EAAAA,IAAI,EAAE,EAFe;AAGrBC,EAAAA,SAAS,EAAE,KAHU;AAIrBC,EAAAA,YAAY,EAAE,wBAAM,EAJC;AAKrBC,EAAAA,WAAW,EAAE,EALQ;AAMrBC,EAAAA,KAAK,EAAE;AANc,CAAvB;AASA,6BAAeyB,IAAI,CAAC/B,OAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"Textbox.js","sources":["../../../../src/components/Settings/Textbox.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Textbox = ({\n config,\n item,\n maxLength,\n onItemChange,\n placeholder,\n value,\n}) => {\n const onChange = e => {\n const { value: newValue } = e.target;\n if (newValue !== value) {\n const changeSettingsFor = { [config.key]: newValue };\n onItemChange({ id: item.id }, changeSettingsFor);\n }\n };\n\n const handleKeyDown = e => e.stopPropagation();\n\n const customProps = {};\n if (maxLength) customProps.maxLength = maxLength;\n\n return (\n <input\n {...customProps}\n className=\"toolSection-input\"\n onChange={onChange}\n onKeyDown={handleKeyDown}\n placeholder={config.placeholder \|\| placeholder}\n type={config.inputType \|\| 'text'}\n value={value}\n />\n );\n};\n\nTextbox.propTypes = {\n config: PropTypes.shape({\n inputType: PropTypes.string,\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n placeholder: PropTypes.string,\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n maxLength: PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.number,\n ]),\n onItemChange: PropTypes.func,\n placeholder: PropTypes.string,\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n};\n\nTextbox.defaultProps = {\n config: [],\n item: {},\n maxLength: false,\n onItemChange: () => {},\n placeholder: '',\n value: '',\n};\n\nexport default memo(Textbox);\n"],"names":["Textbox","config","item","maxLength","onItemChange","placeholder","value","onChange","e","newValue","target","changeSettingsFor","key","id","handleKeyDown","stopPropagation","customProps","_jsx","inputType","propTypes","PropTypes","shape","string","options","arrayOf","any","oneOfType","bool","number","func","defaultProps","memo"],"mappings":";;;;;;;;;;AAGA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAOV;AAAA,MANJC,MAMI,QANJA,MAMI;AAAA,MALJC,IAKI,QALJA,IAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,WAEI,QAFJA,WAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AACpB,QAAeC,QAAf,GAA4BD,CAAC,CAACE,MAA9B,CAAQJ,KAAR;;AACA,QAAIG,QAAQ,KAAKH,KAAjB,EAAwB;AACtB,UAAMK,iBAAiB,uBAAMV,MAAM,CAACW,GAAb,EAAmBH,QAAnB,CAAvB;;AACAL,MAAAA,YAAY,CAAC;AAAES,QAAAA,EAAE,EAAEX,IAAI,CAACW;AAAX,OAAD,EAAkBF,iBAAlB,CAAZ;AACD;AACF,GAND;;AAQA,MAAMG,aAAa,GAAG,SAAhBA,aAAgB,CAAAN,CAAC;AAAA,WAAIA,CAAC,CAACO,eAAF,EAAJ;AAAA,GAAvB;;AAEA,MAAMC,WAAW,GAAG,EAApB;AACA,MAAIb,SAAJ,EAAea,WAAW,CAACb,SAAZ,GAAwBA,SAAxB;AAEf,sBACEc,6CACMD,WADN;AAEE,IAAA,SAAS,EAAC,mBAFZ;AAGE,IAAA,QAAQ,EAAET,QAHZ;AAIE,IAAA,SAAS,EAAEO,aAJb;AAKE,IAAA,WAAW,EAAEb,MAAM,CAACI,WAAP,IAAsBA,WALrC;AAME,IAAA,IAAI,EAAEJ,MAAM,CAACiB,SAAP,IAAoB,MAN5B;AAOE,IAAA,KAAK,EAAEZ;AAPT,KADF;AAWD,CAhCD;;AAkCAN,OAAO,CAACmB,SAAR,GAAoB;AAClBlB,EAAAA,MAAM,EAAEmB,SAAS,CAACC,KAAV,CAAgB;AACtBH,IAAAA,SAAS,EAAEE,SAAS,CAACE,MADC;AAEtBV,IAAAA,GAAG,EAAEQ,SAAS,CAACE,MAFO;AAGtBC,IAAAA,OAAO,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,GAA5B,CAHa;AAItBpB,IAAAA,WAAW,EAAEe,SAAS,CAACE;AAJD,GAAhB,CADU;AAOlBpB,EAAAA,IAAI,EAAEkB,SAAS,CAACC,KAAV,CAAgB;AACpBR,IAAAA,EAAE,EAAEO,SAAS,CAACE;AADM,GAAhB,CAPY;AAUlBnB,EAAAA,SAAS,EAAEiB,SAAS,CAACM,SAAV,CAAoB,CAC7BN,SAAS,CAACO,IADmB,EAE7BP,SAAS,CAACQ,MAFmB,CAApB,CAVO;AAclBxB,EAAAA,YAAY,EAAEgB,SAAS,CAACS,IAdN;AAelBxB,EAAAA,WAAW,EAAEe,SAAS,CAACE,MAfL;AAgBlBhB,EAAAA,KAAK,EAAEc,SAAS,CAACM,SAAV,CAAoB,CACzBN,SAAS,CAACE,MADe,EAEzBF,SAAS,CAACQ,MAFe,CAApB;AAhBW,CAApB;AAsBA5B,OAAO,CAAC8B,YAAR,GAAuB;AACrB7B,EAAAA,MAAM,EAAE,EADa;AAErBC,EAAAA,IAAI,EAAE,EAFe;AAGrBC,EAAAA,SAAS,EAAE,KAHU;AAIrBC,EAAAA,YAAY,EAAE,wBAAM,EAJC;AAKrBC,EAAAA,WAAW,EAAE,EALQ;AAMrBC,EAAAA,KAAK,EAAE;AANc,CAAvB;AASA,6BAAeyB,IAAI,CAAC/B,OAAD,CAAnB;;;;"}

package/lib/esm/components/Settings/Toggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toggle.js","sources":["../../../../src/components/Settings/Toggle.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst Toggle = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const onChange = e => {\n const status = e.target.checked ? 'on' : 'off';\n onItemChange(\n { id: item.id },\n { [config.key]: status },\n );\n };\n\n const { TOGGLE_OFF, TOGGLE_ON } = useTranslatedTexts();\n\n return (\n <label\n className=\"reportToolToggle\"\n htmlFor={config.key}\n >\n <input\n checked={value === 'on'}\n id={config.key}\n onChange={onChange}\n type=\"checkbox\"\n />\n <span className=\"reportToolToggle-knob\" />\n <span className=\"reportToolToggle-on reportToolToggle-text\">{TOGGLE_ON}</span>\n <span className=\"reportToolToggle-off reportToolToggle-text\">{TOGGLE_OFF}</span>\n </label>\n );\n};\n\nToggle.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nToggle.defaultProps = {\n config: {},\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(Toggle);\n"],"names":["Toggle","config","item","onItemChange","value","onChange","e","status","target","checked","id","key","useTranslatedTexts","TOGGLE_OFF","TOGGLE_ON","_jsxs","_jsx","propTypes","PropTypes","shape","string","options","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;AAIA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AACpB,QAAMC,MAAM,GAAGD,CAAC,CAACE,MAAF,CAASC,OAAT,GAAmB,IAAnB,GAA0B,KAAzC;AACAN,IAAAA,YAAY,CACV;AAAEO,MAAAA,EAAE,EAAER,IAAI,CAACQ;AAAX,KADU,sBAEPT,MAAM,CAACU,GAFA,EAEMJ,MAFN,EAAZ;AAID,GAND;;~~AADI~~,~~4BAS8BK~~,kBAAkB,~~EAThD~~;AAAA,~~MASIC~~,~~UATJ~~,~~uBASIA~~,~~UATJ~~;AAAA,~~MASgBC~~,~~SAThB~~,~~uBASgBA~~,~~SAThB~~;;~~AAWJ~~,sBACEC;AACE,IAAA,SAAS,EAAC,kBADZ;AAEE,IAAA,OAAO,EAAEd,MAAM,CAACU,GAFlB;AAAA,4BAIEK;AACE,MAAA,OAAO,EAAEZ,KAAK,KAAK,IADrB;AAEE,MAAA,EAAE,EAAEH,MAAM,CAACU,GAFb;AAGE,MAAA,QAAQ,EAAEN,QAHZ;AAIE,MAAA,IAAI,EAAC;AAJP,MAJF,eAUEW;AAAM,MAAA,SAAS,EAAC;AAAhB,MAVF,eAWEA;AAAM,MAAA,SAAS,EAAC,2CAAhB;AAAA,gBAA6DF;AAA7D,MAXF,eAYEE;AAAM,MAAA,SAAS,EAAC,4CAAhB;AAAA,gBAA8DH;AAA9D,MAZF;AAAA,IADF;AAgBD,CAhCD;;AAkCAb,MAAM,CAACiB,SAAP,GAAmB;AACjBhB,EAAAA,MAAM,EAAEiB,SAAS,CAACC,KAAV,CAAgB;AACtBR,IAAAA,GAAG,EAAEO,SAAS,CAACE,MADO;AAEtBC,IAAAA,OAAO,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,GAA5B;AAFa,GAAhB,CADS;AAKjBrB,EAAAA,IAAI,EAAEgB,SAAS,CAACC,KAAV,CAAgB;AACpBT,IAAAA,EAAE,EAAEQ,SAAS,CAACE;AADM,GAAhB,CALW;AAQjBjB,EAAAA,YAAY,EAAEe,SAAS,CAACM,IARP;AASjBpB,EAAAA,KAAK,EAAEc,SAAS,CAACE;AATA,CAAnB;AAYApB,MAAM,CAACyB,YAAP,GAAsB;AACpBxB,EAAAA,MAAM,EAAE,EADY;AAEpBC,EAAAA,IAAI,EAAE,EAFc;AAGpBC,EAAAA,YAAY,EAAE,wBAAM,EAHA;AAIpBC,EAAAA,KAAK,EAAE;AAJa,CAAtB;AAOA,4BAAesB,IAAI,CAAC1B,MAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"Toggle.js","sources":["../../../../src/components/Settings/Toggle.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst Toggle = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const onChange = e => {\n const status = e.target.checked ? 'on' : 'off';\n onItemChange(\n { id: item.id },\n { [config.key]: status },\n );\n };\n\n const { TOGGLE_OFF, TOGGLE_ON } = useTranslatedTexts();\n\n return (\n <label\n className=\"reportToolToggle\"\n htmlFor={config.key}\n >\n <input\n checked={value === 'on'}\n id={config.key}\n onChange={onChange}\n type=\"checkbox\"\n />\n <span className=\"reportToolToggle-knob\" />\n <span className=\"reportToolToggle-on reportToolToggle-text\">{TOGGLE_ON}</span>\n <span className=\"reportToolToggle-off reportToolToggle-text\">{TOGGLE_OFF}</span>\n </label>\n );\n};\n\nToggle.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nToggle.defaultProps = {\n config: {},\n item: {},\n onItemChange: () => {},\n value: '',\n};\n\nexport default memo(Toggle);\n"],"names":["Toggle","config","item","onItemChange","value","onChange","e","status","target","checked","id","key","useTranslatedTexts","TOGGLE_OFF","TOGGLE_ON","_jsxs","_jsx","propTypes","PropTypes","shape","string","options","arrayOf","any","func","defaultProps","memo"],"mappings":";;;;;;;AAIA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AACpB,QAAMC,MAAM,GAAGD,CAAC,CAACE,MAAF,CAASC,OAAT,GAAmB,IAAnB,GAA0B,KAAzC;AACAN,IAAAA,YAAY,CACV;AAAEO,MAAAA,EAAE,EAAER,IAAI,CAACQ;AAAX,KADU,sBAEPT,MAAM,CAACU,GAFA,EAEMJ,MAFN,EAAZ;AAID,GAND;;AAQA,4BAAkCK,kBAAkB,EAApD;AAAA,MAAQC,UAAR,uBAAQA,UAAR;AAAA,MAAoBC,SAApB,uBAAoBA,SAApB;;AAEA,sBACEC;AACE,IAAA,SAAS,EAAC,kBADZ;AAEE,IAAA,OAAO,EAAEd,MAAM,CAACU,GAFlB;AAAA,4BAIEK;AACE,MAAA,OAAO,EAAEZ,KAAK,KAAK,IADrB;AAEE,MAAA,EAAE,EAAEH,MAAM,CAACU,GAFb;AAGE,MAAA,QAAQ,EAAEN,QAHZ;AAIE,MAAA,IAAI,EAAC;AAJP,MAJF,eAUEW;AAAM,MAAA,SAAS,EAAC;AAAhB,MAVF,eAWEA;AAAM,MAAA,SAAS,EAAC,2CAAhB;AAAA,gBAA6DF;AAA7D,MAXF,eAYEE;AAAM,MAAA,SAAS,EAAC,4CAAhB;AAAA,gBAA8DH;AAA9D,MAZF;AAAA,IADF;AAgBD,CAhCD;;AAkCAb,MAAM,CAACiB,SAAP,GAAmB;AACjBhB,EAAAA,MAAM,EAAEiB,SAAS,CAACC,KAAV,CAAgB;AACtBR,IAAAA,GAAG,EAAEO,SAAS,CAACE,MADO;AAEtBC,IAAAA,OAAO,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,GAA5B;AAFa,GAAhB,CADS;AAKjBrB,EAAAA,IAAI,EAAEgB,SAAS,CAACC,KAAV,CAAgB;AACpBT,IAAAA,EAAE,EAAEQ,SAAS,CAACE;AADM,GAAhB,CALW;AAQjBjB,EAAAA,YAAY,EAAEe,SAAS,CAACM,IARP;AASjBpB,EAAAA,KAAK,EAAEc,SAAS,CAACE;AATA,CAAnB;AAYApB,MAAM,CAACyB,YAAP,GAAsB;AACpBxB,EAAAA,MAAM,EAAE,EADY;AAEpBC,EAAAA,IAAI,EAAE,EAFc;AAGpBC,EAAAA,YAAY,EAAE,wBAAM,EAHA;AAIpBC,EAAAA,KAAK,EAAE;AAJa,CAAtB;AAOA,4BAAesB,IAAI,CAAC1B,MAAD,CAAnB;;;;"}

package/lib/esm/components/StaticElements/StaticRichText.js CHANGED Viewed

@@ -45,7 +45,7 @@ var details = {
   width: 350
 };
 var defaultItem = {
-  fontFamily: 'Circular Std',
+  fontFamily: 'Circular',
   opacity: 1,
   value: ''
 };

package/lib/esm/components/StaticElements/StaticRichText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StaticRichText.js","sources":["../../../../src/components/StaticElements/StaticRichText.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport domPurify from 'dompurify';\nimport 'react-quill/dist/quill.snow.css';\nimport { fontTypes } from '../../constants/fonts';\n\nconst ITEM_TYPE = 'text';\n\nconst StaticRichTextElement = ({\n item: {\n fontFamily,\n opacity,\n value,\n },\n}) => (\n <div\n className=\"reportItemInner f-height\"\n style={{ fontFamily, opacity }}\n >\n <div\n className=\"f-all ql-editor\"\n dangerouslySetInnerHTML={{ __html: domPurify.sanitize(value) }}\n />\n </div>\n);\n\nStaticRichTextElement.propTypes = {\n item: PropTypes.shape({\n fontFamily: PropTypes.string,\n opacity: PropTypes.number,\n value: PropTypes.string,\n }),\n};\n\nStaticRichTextElement.defaultProps = {\n item: {\n value: '',\n },\n};\n\nconst details = {\n height: 65,\n itemType: ITEM_TYPE,\n width: 350,\n};\n\nconst defaultItem = {\n fontFamily: 'Circular ~~Std~~',\n opacity: 1,\n value: '',\n};\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\nexport default {\n Component: memo(StaticRichTextElement),\n defaultItem,\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","StaticRichTextElement","item","fontFamily","opacity","value","_jsx","__html","domPurify","sanitize","propTypes","PropTypes","shape","string","number","defaultProps","details","height","itemType","width","defaultItem","settings","key","label","options","fontTypes","fonts","section","type","range","Component","memo"],"mappings":";;;;;;;AAMA,IAAMA,SAAS,GAAG,MAAlB;;AAEA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,uBAC5BC,IAD4B;AAAA,MAE1BC,UAF0B,aAE1BA,UAF0B;AAAA,MAG1BC,OAH0B,aAG1BA,OAH0B;AAAA,MAI1BC,KAJ0B,aAI1BA,KAJ0B;AAAA,sBAO5BC;AACE,IAAA,SAAS,EAAC,0BADZ;AAEE,IAAA,KAAK,EAAE;AAAEH,MAAAA,UAAU,EAAVA,UAAF;AAAcC,MAAAA,OAAO,EAAPA;AAAd,KAFT;AAAA,2BAIEE;AACE,MAAA,SAAS,EAAC,iBADZ;AAEE,MAAA,uBAAuB,EAAE;AAAEC,QAAAA,MAAM,EAAEC,SAAS,CAACC,QAAV,CAAmBJ,KAAnB;AAAV;AAF3B;AAJF,IAP4B;AAAA,CAA9B;;AAkBAJ,qBAAqB,CAACS,SAAtB,GAAkC;AAChCR,EAAAA,IAAI,EAAES,SAAS,CAACC,KAAV,CAAgB;AACpBT,IAAAA,UAAU,EAAEQ,SAAS,CAACE,MADF;AAEpBT,IAAAA,OAAO,EAAEO,SAAS,CAACG,MAFC;AAGpBT,IAAAA,KAAK,EAAEM,SAAS,CAACE;AAHG,GAAhB;AAD0B,CAAlC;AAQAZ,qBAAqB,CAACc,YAAtB,GAAqC;AACnCb,EAAAA,IAAI,EAAE;AACJG,IAAAA,KAAK,EAAE;AADH;AAD6B,CAArC;AAMA,IAAMW,OAAO,GAAG;AACdC,EAAAA,MAAM,EAAE,EADM;AAEdC,EAAAA,QAAQ,EAAElB,SAFI;AAGdmB,EAAAA,KAAK,EAAE;AAHO,CAAhB;AAMA,IAAMC,WAAW,GAAG;AAClBjB,EAAAA,UAAU,EAAE,~~cADM~~;AAElBC,EAAAA,OAAO,EAAE,CAFS;AAGlBC,EAAAA,KAAK,EAAE;AAHW,CAApB;AAMA,IAAMgB,QAAQ,GAAG,CACf;AACEC,EAAAA,GAAG,EAAE,YADP;AAEEC,EAAAA,KAAK,EAAE,aAFT;AAGEC,EAAAA,OAAO,EAAEC,SAAS,CAACC,KAHrB;AAIEC,EAAAA,OAAO,EAAE,SAJX;AAKEC,EAAAA,IAAI,EAAE;AALR,CADe,EAQf;AACEN,EAAAA,GAAG,EAAE,SADP;AAEEC,EAAAA,KAAK,EAAE,SAFT;AAGEM,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CAHT;AAIEF,EAAAA,OAAO,EAAE,SAJX;AAKEC,EAAAA,IAAI,EAAE;AALR,CARe,CAAjB;AAiBA,qBAAe;AACbE,EAAAA,SAAS,eAAEC,IAAI,CAAC9B,qBAAD,CADF;AAEbmB,EAAAA,WAAW,EAAXA,WAFa;AAGbJ,EAAAA,OAAO,EAAPA,OAHa;AAIbE,EAAAA,QAAQ,EAAElB,SAJG;AAKbqB,EAAAA,QAAQ,EAARA;AALa,CAAf;;;;"}
1	+ {"version":3,"file":"StaticRichText.js","sources":["../../../../src/components/StaticElements/StaticRichText.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport domPurify from 'dompurify';\nimport 'react-quill/dist/quill.snow.css';\nimport { fontTypes } from '../../constants/fonts';\n\nconst ITEM_TYPE = 'text';\n\nconst StaticRichTextElement = ({\n item: {\n fontFamily,\n opacity,\n value,\n },\n}) => (\n <div\n className=\"reportItemInner f-height\"\n style={{ fontFamily, opacity }}\n >\n <div\n className=\"f-all ql-editor\"\n dangerouslySetInnerHTML={{ __html: domPurify.sanitize(value) }}\n />\n </div>\n);\n\nStaticRichTextElement.propTypes = {\n item: PropTypes.shape({\n fontFamily: PropTypes.string,\n opacity: PropTypes.number,\n value: PropTypes.string,\n }),\n};\n\nStaticRichTextElement.defaultProps = {\n item: {\n value: '',\n },\n};\n\nconst details = {\n height: 65,\n itemType: ITEM_TYPE,\n width: 350,\n};\n\nconst defaultItem = {\n fontFamily: 'Circular',\n opacity: 1,\n value: '',\n};\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\nexport default {\n Component: memo(StaticRichTextElement),\n defaultItem,\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","StaticRichTextElement","item","fontFamily","opacity","value","_jsx","__html","domPurify","sanitize","propTypes","PropTypes","shape","string","number","defaultProps","details","height","itemType","width","defaultItem","settings","key","label","options","fontTypes","fonts","section","type","range","Component","memo"],"mappings":";;;;;;;AAMA,IAAMA,SAAS,GAAG,MAAlB;;AAEA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,uBAC5BC,IAD4B;AAAA,MAE1BC,UAF0B,aAE1BA,UAF0B;AAAA,MAG1BC,OAH0B,aAG1BA,OAH0B;AAAA,MAI1BC,KAJ0B,aAI1BA,KAJ0B;AAAA,sBAO5BC;AACE,IAAA,SAAS,EAAC,0BADZ;AAEE,IAAA,KAAK,EAAE;AAAEH,MAAAA,UAAU,EAAVA,UAAF;AAAcC,MAAAA,OAAO,EAAPA;AAAd,KAFT;AAAA,2BAIEE;AACE,MAAA,SAAS,EAAC,iBADZ;AAEE,MAAA,uBAAuB,EAAE;AAAEC,QAAAA,MAAM,EAAEC,SAAS,CAACC,QAAV,CAAmBJ,KAAnB;AAAV;AAF3B;AAJF,IAP4B;AAAA,CAA9B;;AAkBAJ,qBAAqB,CAACS,SAAtB,GAAkC;AAChCR,EAAAA,IAAI,EAAES,SAAS,CAACC,KAAV,CAAgB;AACpBT,IAAAA,UAAU,EAAEQ,SAAS,CAACE,MADF;AAEpBT,IAAAA,OAAO,EAAEO,SAAS,CAACG,MAFC;AAGpBT,IAAAA,KAAK,EAAEM,SAAS,CAACE;AAHG,GAAhB;AAD0B,CAAlC;AAQAZ,qBAAqB,CAACc,YAAtB,GAAqC;AACnCb,EAAAA,IAAI,EAAE;AACJG,IAAAA,KAAK,EAAE;AADH;AAD6B,CAArC;AAMA,IAAMW,OAAO,GAAG;AACdC,EAAAA,MAAM,EAAE,EADM;AAEdC,EAAAA,QAAQ,EAAElB,SAFI;AAGdmB,EAAAA,KAAK,EAAE;AAHO,CAAhB;AAMA,IAAMC,WAAW,GAAG;AAClBjB,EAAAA,UAAU,EAAE,UADM;AAElBC,EAAAA,OAAO,EAAE,CAFS;AAGlBC,EAAAA,KAAK,EAAE;AAHW,CAApB;AAMA,IAAMgB,QAAQ,GAAG,CACf;AACEC,EAAAA,GAAG,EAAE,YADP;AAEEC,EAAAA,KAAK,EAAE,aAFT;AAGEC,EAAAA,OAAO,EAAEC,SAAS,CAACC,KAHrB;AAIEC,EAAAA,OAAO,EAAE,SAJX;AAKEC,EAAAA,IAAI,EAAE;AALR,CADe,EAQf;AACEN,EAAAA,GAAG,EAAE,SADP;AAEEC,EAAAA,KAAK,EAAE,SAFT;AAGEM,EAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,GAAJ,CAHT;AAIEF,EAAAA,OAAO,EAAE,SAJX;AAKEC,EAAAA,IAAI,EAAE;AALR,CARe,CAAjB;AAiBA,qBAAe;AACbE,EAAAA,SAAS,eAAEC,IAAI,CAAC9B,qBAAD,CADF;AAEbmB,EAAAA,WAAW,EAAXA,WAFa;AAGbJ,EAAAA,OAAO,EAAPA,OAHa;AAIbE,EAAAA,QAAQ,EAAElB,SAJG;AAKbqB,EAAAA,QAAQ,EAARA;AALa,CAAf;;;;"}

package/lib/esm/components/TextEditor/CustomToolbar/CustomToolbar.js CHANGED Viewed

@@ -16,7 +16,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var SELECT_WIDTH = 70;

package/lib/esm/components/TextEditor/CustomToolbar/CustomToolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomToolbar.js","sources":["../../../../../src/components/TextEditor/CustomToolbar/CustomToolbar.js"],"sourcesContent":["import {\n useState, useCallback, useLayoutEffect, useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { fontSizes } from '../../../constants/fonts';\n\nconst SELECT_WIDTH = 70;\nconst BUTTON_WIDTH = 26;\nconst BAR_WIDTH = SELECT_WIDTH + (BUTTON_WIDTH * 8);\n\nconst CustomToolbar = ({ itemWidth }) => {\n const overflow = BAR_WIDTH > itemWidth;\n const [isOpened, setIsOpened] = useState(overflow ? false : true);\n const onClickMore = useCallback(() => setIsOpened(true), []);\n const wrapper = useRef();\n\n function getVisibleClass(limit) {\n return overflow && itemWidth < limit ? ' hiddenVisibility' : '';\n }\n\n useLayoutEffect(() => {\n if (!isOpened \|\| wrapper.current === null) return;\n Array.from(wrapper.current.children).forEach(el => el.classList.remove('hiddenVisibility'));\n }, [isOpened]);\n\n return (\n <div\n ref={wrapper}\n className={classNames('toolbarWrapper p-absolute d-flex', { isOpened })}\n style={{\n maxWidth: isOpened ? 'none' : '100%',\n minWidth: `${itemWidth}px`,\n }}\n >\n <select\n aria-label=\"Size\"\n className=\"ql-size ql-select ql-textselect\"\n defaultValue=\"16px\"\n onChange={e => e.persist()}\n >\n {fontSizes.map(size => (\n <option\n key={size}\n value={`${size}px`}\n >\n {size}\n px\n </option>\n ))}\n </select>\n <div className=\"ql-divider\" />\n <button\n aria-label=\"Bold\"\n className={`ql-bold ql-button${getVisibleClass(SELECT_WIDTH + BUTTON_WIDTH)}`}\n type=\"button\"\n />\n <button\n aria-label=\"Italic\"\n className={`ql-italic ql-button${getVisibleClass(SELECT_WIDTH + (BUTTON_WIDTH * 2))}`}\n type=\"button\"\n />\n <button\n aria-label=\"Underline\"\n className={`ql-underline ql-button${getVisibleClass(SELECT_WIDTH + (BUTTON_WIDTH * 3))}`}\n type=\"button\"\n />\n <select\n aria-label=\"Text Color\"\n className={`ql-color ql-select${getVisibleClass(SELECT_WIDTH + (BUTTON_WIDTH * 4))}`}\n defaultValue=\"\"\n onChange={e => e.persist()}\n />\n <div className=\"ql-divider\" />\n <select\n aria-label=\"Alignment\"\n className={`ql-align ql-select${getVisibleClass(SELECT_WIDTH + (BUTTON_WIDTH * 5))}`}\n defaultValue=\"\"\n onChange={e => e.persist()}\n />\n <button\n aria-label=\"Ordered List\"\n className={`ql-list ql-button${getVisibleClass(SELECT_WIDTH + (BUTTON_WIDTH * 6))}`}\n type=\"button\"\n value=\"ordered\"\n />\n <button\n aria-label=\"Bullet List\"\n className={`ql-list ql-button${getVisibleClass(SELECT_WIDTH + (BUTTON_WIDTH * 7))}`}\n type=\"button\"\n value=\"bullet\"\n />\n <button\n aria-label=\"Link\"\n className={`ql-link ql-button${getVisibleClass(SELECT_WIDTH + (BUTTON_WIDTH * 8))}`}\n type=\"button\"\n />\n {overflow && !isOpened && (\n <button\n aria-label=\"More Options\"\n className=\"qlMore\"\n onClick={onClickMore}\n type=\"button\"\n >\n >>\n </button>\n )}\n </div>\n );\n};\n\nCustomToolbar.propTypes = {\n itemWidth: PropTypes.number,\n};\n\nCustomToolbar.defaultProps = {\n itemWidth: 0,\n};\n\nexport default CustomToolbar;\n"],"names":["SELECT_WIDTH","BUTTON_WIDTH","BAR_WIDTH","CustomToolbar","itemWidth","overflow","useState","isOpened","setIsOpened","onClickMore","useCallback","wrapper","useRef","getVisibleClass","limit","useLayoutEffect","current","Array","from","children","forEach","el","classList","remove","_jsxs","classNames","maxWidth","minWidth","_jsx","e","persist","fontSizes","map","size","propTypes","PropTypes","number","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,YAAY,GAAG,EAArB;AACA,IAAMC,YAAY,GAAG,EAArB;AACA,IAAMC,SAAS,GAAGF,YAAY,GAAIC,YAAY,GAAG,CAAjD;;IAEME,aAAa,GAAG,SAAhBA,aAAgB,OAAmB;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;AACvC,MAAMC,QAAQ,GAAGH,SAAS,GAAGE,SAA7B;;~~AADuC~~,~~kBAEPE~~,QAAQ,CAACD,QAAQ,GAAG,KAAH,GAAW,IAApB,~~CAFD~~;AAAA;AAAA,~~MAEhCE~~,~~QAFgC~~;AAAA,~~MAEtBC~~,~~WAFsB~~;;~~AAGvC~~,MAAMC,WAAW,GAAGC,WAAW,CAAC;AAAA,WAAMF,WAAW,CAAC,IAAD,CAAjB;AAAA,GAAD,EAA0B,EAA1B,CAA/B;AACA,MAAMG,OAAO,GAAGC,MAAM,EAAtB;;AAEA,WAASC,eAAT,CAAyBC,KAAzB,EAAgC;AAC9B,WAAOT,QAAQ,IAAID,SAAS,GAAGU,KAAxB,GAAgC,mBAAhC,GAAsD,EAA7D;AACD;;AAEDC,EAAAA,eAAe,CAAC,YAAM;AACpB,QAAI,CAACR,QAAD,IAAaI,OAAO,CAACK,OAAR,KAAoB,IAArC,EAA2C;AAC3CC,IAAAA,KAAK,CAACC,IAAN,CAAWP,OAAO,CAACK,OAAR,CAAgBG,QAA3B,EAAqCC,OAArC,CAA6C,UAAAC,EAAE;AAAA,aAAIA,EAAE,CAACC,SAAH,CAAaC,MAAb,CAAoB,kBAApB,CAAJ;AAAA,KAA/C;AACD,GAHc,EAGZ,CAAChB,QAAD,CAHY,CAAf;AAKA,sBACEiB;AACE,IAAA,GAAG,EAAEb,OADP;AAEE,IAAA,SAAS,EAAEc,UAAU,CAAC,kCAAD,EAAqC;AAAElB,MAAAA,QAAQ,EAARA;AAAF,KAArC,CAFvB;AAGE,IAAA,KAAK,EAAE;AACLmB,MAAAA,QAAQ,EAAEnB,QAAQ,GAAG,MAAH,GAAY,MADzB;AAELoB,MAAAA,QAAQ,YAAKvB,SAAL;AAFH,KAHT;AAAA,4BAQEwB;AACE,oBAAW,MADb;AAEE,MAAA,SAAS,EAAC,iCAFZ;AAGE,MAAA,YAAY,EAAC,MAHf;AAIE,MAAA,QAAQ,EAAE,kBAAAC,CAAC;AAAA,eAAIA,CAAC,CAACC,OAAF,EAAJ;AAAA,OAJb;AAAA,gBAMGC,SAAS,CAACC,GAAV,CAAc,UAAAC,IAAI;AAAA,4BACjBT;AAEE,UAAA,KAAK,YAAKS,IAAL,OAFP;AAAA,qBAIGA,IAJH;AAAA,WACOA,IADP,CADiB;AAAA,OAAlB;AANH,MARF,eAwBEL;AAAK,MAAA,SAAS,EAAC;AAAf,MAxBF,eAyBEA;AACE,oBAAW,MADb;AAEE,MAAA,SAAS,6BAAsBf,eAAe,CAACb,YAAY,GAAGC,YAAhB,CAArC,CAFX;AAGE,MAAA,IAAI,EAAC;AAHP,MAzBF,eA8BE2B;AACE,oBAAW,QADb;AAEE,MAAA,SAAS,+BAAwBf,eAAe,CAACb,YAAY,GAAIC,YAAY,GAAG,CAAhC,CAAvC,CAFX;AAGE,MAAA,IAAI,EAAC;AAHP,MA9BF,eAmCE2B;AACE,oBAAW,WADb;AAEE,MAAA,SAAS,kCAA2Bf,eAAe,CAACb,YAAY,GAAIC,YAAY,GAAG,CAAhC,CAA1C,CAFX;AAGE,MAAA,IAAI,EAAC;AAHP,MAnCF,eAwCE2B;AACE,oBAAW,YADb;AAEE,MAAA,SAAS,8BAAuBf,eAAe,CAACb,YAAY,GAAIC,YAAY,GAAG,CAAhC,CAAtC,CAFX;AAGE,MAAA,YAAY,EAAC,EAHf;AAIE,MAAA,QAAQ,EAAE,kBAAA4B,CAAC;AAAA,eAAIA,CAAC,CAACC,OAAF,EAAJ;AAAA;AAJb,MAxCF,eA8CEF;AAAK,MAAA,SAAS,EAAC;AAAf,MA9CF,eA+CEA;AACE,oBAAW,WADb;AAEE,MAAA,SAAS,8BAAuBf,eAAe,CAACb,YAAY,GAAIC,YAAY,GAAG,CAAhC,CAAtC,CAFX;AAGE,MAAA,YAAY,EAAC,EAHf;AAIE,MAAA,QAAQ,EAAE,kBAAA4B,CAAC;AAAA,eAAIA,CAAC,CAACC,OAAF,EAAJ;AAAA;AAJb,MA/CF,eAqDEF;AACE,oBAAW,cADb;AAEE,MAAA,SAAS,6BAAsBf,eAAe,CAACb,YAAY,GAAIC,YAAY,GAAG,CAAhC,CAArC,CAFX;AAGE,MAAA,IAAI,EAAC,QAHP;AAIE,MAAA,KAAK,EAAC;AAJR,MArDF,eA2DE2B;AACE,oBAAW,aADb;AAEE,MAAA,SAAS,6BAAsBf,eAAe,CAACb,YAAY,GAAIC,YAAY,GAAG,CAAhC,CAArC,CAFX;AAGE,MAAA,IAAI,EAAC,QAHP;AAIE,MAAA,KAAK,EAAC;AAJR,MA3DF,eAiEE2B;AACE,oBAAW,MADb;AAEE,MAAA,SAAS,6BAAsBf,eAAe,CAACb,YAAY,GAAIC,YAAY,GAAG,CAAhC,CAArC,CAFX;AAGE,MAAA,IAAI,EAAC;AAHP,MAjEF,EAsEGI,QAAQ,IAAI,CAACE,QAAb,iBACCqB;AACE,oBAAW,cADb;AAEE,MAAA,SAAS,EAAC,QAFZ;AAGE,MAAA,OAAO,EAAEnB,WAHX;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA;AAAA,MAvEJ;AAAA,IADF;AAmFD;;AAEDN,aAAa,CAAC+B,SAAd,GAA0B;AACxB9B,EAAAA,SAAS,EAAE+B,SAAS,CAACC;AADG,CAA1B;AAIAjC,aAAa,CAACkC,YAAd,GAA6B;AAC3BjC,EAAAA,SAAS,EAAE;AADgB,CAA7B;;;;"}
1	+ {"version":3,"file":"CustomToolbar.js","sources":["../../../../../src/components/TextEditor/CustomToolbar/CustomToolbar.js"],"sourcesContent":["import {\n useState, useCallback, useLayoutEffect, useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { fontSizes } from '../../../constants/fonts';\n\nconst SELECT_WIDTH = 70;\nconst BUTTON_WIDTH = 26;\nconst BAR_WIDTH = SELECT_WIDTH + (BUTTON_WIDTH * 8);\n\nconst CustomToolbar = ({ itemWidth }) => {\n const overflow = BAR_WIDTH > itemWidth;\n const [isOpened, setIsOpened] = useState(overflow ? false : true);\n const onClickMore = useCallback(() => setIsOpened(true), []);\n const wrapper = useRef();\n\n function getVisibleClass(limit) {\n return overflow && itemWidth < limit ? ' hiddenVisibility' : '';\n }\n\n useLayoutEffect(() => {\n if (!isOpened \|\| wrapper.current === null) return;\n Array.from(wrapper.current.children).forEach(el => el.classList.remove('hiddenVisibility'));\n }, [isOpened]);\n\n return (\n <div\n ref={wrapper}\n className={classNames('toolbarWrapper p-absolute d-flex', { isOpened })}\n style={{\n maxWidth: isOpened ? 'none' : '100%',\n minWidth: `${itemWidth}px`,\n }}\n >\n <select\n aria-label=\"Size\"\n className=\"ql-size ql-select ql-textselect\"\n defaultValue=\"16px\"\n onChange={e => e.persist()}\n >\n {fontSizes.map(size => (\n <option\n key={size}\n value={`${size}px`}\n >\n {size}\n px\n </option>\n ))}\n </select>\n <div className=\"ql-divider\" />\n <button\n aria-label=\"Bold\"\n className={`ql-bold ql-button${getVisibleClass(SELECT_WIDTH + BUTTON_WIDTH)}`}\n type=\"button\"\n />\n <button\n aria-label=\"Italic\"\n className={`ql-italic ql-button${getVisibleClass(SELECT_WIDTH + (BUTTON_WIDTH * 2))}`}\n type=\"button\"\n />\n <button\n aria-label=\"Underline\"\n className={`ql-underline ql-button${getVisibleClass(SELECT_WIDTH + (BUTTON_WIDTH * 3))}`}\n type=\"button\"\n />\n <select\n aria-label=\"Text Color\"\n className={`ql-color ql-select${getVisibleClass(SELECT_WIDTH + (BUTTON_WIDTH * 4))}`}\n defaultValue=\"\"\n onChange={e => e.persist()}\n />\n <div className=\"ql-divider\" />\n <select\n aria-label=\"Alignment\"\n className={`ql-align ql-select${getVisibleClass(SELECT_WIDTH + (BUTTON_WIDTH * 5))}`}\n defaultValue=\"\"\n onChange={e => e.persist()}\n />\n <button\n aria-label=\"Ordered List\"\n className={`ql-list ql-button${getVisibleClass(SELECT_WIDTH + (BUTTON_WIDTH * 6))}`}\n type=\"button\"\n value=\"ordered\"\n />\n <button\n aria-label=\"Bullet List\"\n className={`ql-list ql-button${getVisibleClass(SELECT_WIDTH + (BUTTON_WIDTH * 7))}`}\n type=\"button\"\n value=\"bullet\"\n />\n <button\n aria-label=\"Link\"\n className={`ql-link ql-button${getVisibleClass(SELECT_WIDTH + (BUTTON_WIDTH * 8))}`}\n type=\"button\"\n />\n {overflow && !isOpened && (\n <button\n aria-label=\"More Options\"\n className=\"qlMore\"\n onClick={onClickMore}\n type=\"button\"\n >\n >>\n </button>\n )}\n </div>\n );\n};\n\nCustomToolbar.propTypes = {\n itemWidth: PropTypes.number,\n};\n\nCustomToolbar.defaultProps = {\n itemWidth: 0,\n};\n\nexport default CustomToolbar;\n"],"names":["SELECT_WIDTH","BUTTON_WIDTH","BAR_WIDTH","CustomToolbar","itemWidth","overflow","useState","isOpened","setIsOpened","onClickMore","useCallback","wrapper","useRef","getVisibleClass","limit","useLayoutEffect","current","Array","from","children","forEach","el","classList","remove","_jsxs","classNames","maxWidth","minWidth","_jsx","e","persist","fontSizes","map","size","propTypes","PropTypes","number","defaultProps"],"mappings":"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"}

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

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

package/lib/esm/components/withClickOutside.js CHANGED Viewed

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