@madie/madie-design-system 1.2.97 → 1.2.98

package/storybook-static/2862.571661b6.iframe.bundle.js

@@ -0,0 +1,2 @@
+(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[2862],{"./components/Infotip/Infotip.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js"),__webpack_require__("./components/Tooltip/index.js"),__webpack_require__("./components/Infotip/InfotipIcon.jsx")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes,_Tooltip,_InfotipIcon){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes),_Tooltip=_interopRequireDefault(_Tooltip),_InfotipIcon=_interopRequireDefault(_InfotipIcon);var _excluded=["label","lightIcon"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}var BUTTON_SIZE="16px",buttonStyle={background:"transparent",border:0,padding:0,width:BUTTON_SIZE,height:BUTTON_SIZE,WebkitTouchCallout:"none",WebkitUserSelect:"none",userSelect:"none"},touchHandlers={onTouchStart:function onTouchStart(e){e.stopPropagation()},onTouchEnd:function onTouchEnd(e){document.activeElement!==e.currentTarget?(e.preventDefault(),e.currentTarget.focus()):(e.preventDefault(),e.currentTarget.blur())}},Infotip=function Infotip(_ref){var label=_ref.label,lightIcon=_ref.lightIcon,props=_objectWithoutProperties(_ref,_excluded);return _react.default.createElement(_Tooltip.default,_extends({label},props),_react.default.createElement("button",_extends({type:"button","aria-label":"Information",style:buttonStyle},touchHandlers),_react.default.createElement(_InfotipIcon.default,{lightIcon,width:BUTTON_SIZE,height:BUTTON_SIZE,"aria-hidden":!0,style:{float:"left"}})))};Infotip.propTypes={label:_propTypes.default.string.isRequired,ariaLabel:_propTypes.default.string,lightIcon:_propTypes.default.bool,DEBUG_STYLE:_propTypes.default.bool},Infotip.defaultProps={ariaLabel:void 0,lightIcon:!1,DEBUG_STYLE:void 0},_exports.default=Infotip,Infotip.__docgenInfo={description:"Tooltip with styled information icon",methods:[],displayName:"Infotip",props:{ariaLabel:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"string"},required:!1},lightIcon:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},DEBUG_STYLE:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"bool"},required:!1},label:{description:"",type:{name:"string"},required:!0}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/Infotip/InfotipIcon.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes);var _excluded=["lightIcon"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}var InfotipIcon=function InfotipIcon(_ref){var lightIcon=_ref.lightIcon,props=_objectWithoutProperties(_ref,_excluded);return _react.default.createElement("svg",_extends({width:"20px",height:"20px",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},props),_react.default.createElement("g",{fill:"none",fillRule:"evenodd"},_react.default.createElement("path",{d:"M9.721 19.158c-4.947 0-8.973-4.126-8.973-9.196C.748 4.892 4.774.766 9.72.766c4.948 0 8.974 4.126 8.974 9.196 0 5.07-4.026 9.196-8.974 9.196z",fill:"#2EB1ED",fillRule:"nonzero"}),_react.default.createElement("path",{d:"M9.721 0C4.361 0 0 4.469 0 9.962c0 5.493 4.36 9.962 9.721 9.962 5.36 0 9.722-4.469 9.722-9.962C19.443 4.469 15.082 0 9.72 0z",fill:lightIcon?"#FFF":"#04838A"}),_react.default.createElement("path",{d:"M9.721 14.765c-.206 0-.374.112-.374.25v.5c0 .138.168.25.374.25.207 0 .374-.112.374-.25v-.5c0-.138-.167-.25-.374-.25zM9.764 4.706H9.72c-.792 0-1.536.29-2.1.821a2.767 2.767 0 0 0-.89 2.03c0 .197.166.356.373.356s.374-.159.374-.356c0-.577.237-1.118.668-1.523a2.268 2.268 0 0 1 1.607-.615c1.182.016 2.195.98 2.211 2.107.011.743-.373 1.427-1.028 1.83-.995.61-1.589 1.691-1.589 2.89v1.013c0 .197.168.357.374.357.207 0 .374-.16.374-.357v-1.013c0-.941.477-1.82 1.246-2.292.873-.537 1.386-1.448 1.371-2.438-.022-1.527-1.345-2.788-2.948-2.81z",stroke:lightIcon?"#04838A":"#FFF",strokeWidth:".5",fill:lightIcon?"#04838A":"#FFF",fillRule:"nonzero"})))};_exports.default=InfotipIcon,InfotipIcon.propTypes={lightIcon:_propTypes.default.bool},InfotipIcon.defaultProps={lightIcon:!1},InfotipIcon.__docgenInfo={description:"",methods:[],displayName:"InfotipIcon",props:{lightIcon:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/Tooltip/Tooltip.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js"),__webpack_require__("./components/Tooltip/position.js"),__webpack_require__("./node_modules/@reach/tooltip/dist/reach-tooltip.esm.js"),__webpack_require__("./node_modules/@reach/portal/dist/reach-portal.esm.js")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes,_position,_tooltip,_portal){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=_typeof(e)&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}function _arrayWithHoles(r){if(Array.isArray(r))return r}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireWildcard(_react),_propTypes=_interopRequireDefault(_propTypes),_position=_interopRequireWildcard(_position),_portal=_interopRequireDefault(_portal);var TEXT_COLOR="#FFF",BACKGROUND_COLOR="#333",Tooltip=function Tooltip(_ref){var children=_ref.children,label=_ref.label,ariaLabel=_ref.ariaLabel,DEBUG_STYLE=_ref.DEBUG_STYLE,_useTooltip2=_slicedToArray((0,_tooltip.useTooltip)({DEBUG_STYLE}),2),trigger=_useTooltip2[0],tooltip=_useTooltip2[1],isVisible=tooltip.isVisible,triggerRect=tooltip.triggerRect,tooltipPopupRef=(0,_react.useRef)(),triangleRef=(0,_react.useRef)();return(0,_react.useLayoutEffect)(function(){if(isVisible&&tooltipPopupRef.current&&triggerRect){var tooltipRect=tooltipPopupRef.current.getBoundingClientRect(),positionCssText=(0,_position.positionTriangle)(triggerRect,tooltipRect),cssText="\n                  position: absolute;\n                  width: 0;\n                  height: 0;\n                  ".concat(positionCssText,"\n                  border-top-color: ").concat(BACKGROUND_COLOR,";\n                  border-bottom-color: ").concat(BACKGROUND_COLOR,";\n                  z-index: 1;\n                ");triangleRef.current.style.cssText=cssText}}),_react.default.createElement(_react.default.Fragment,null,(0,_react.cloneElement)(children,trigger),_react.default.createElement(_tooltip.TooltipPopup,_extends({},tooltip,{label,ariaLabel,style:{background:BACKGROUND_COLOR,color:TEXT_COLOR},ref:tooltipPopupRef,position:_position.default})),isVisible&&_react.default.createElement(_portal.default,null,_react.default.createElement("div",{ref:triangleRef,style:{position:"absolute",width:0,height:0}})))};Tooltip.propTypes={children:_propTypes.default.node.isRequired,label:_propTypes.default.node.isRequired,ariaLabel:_propTypes.default.string,DEBUG_STYLE:_propTypes.default.bool},Tooltip.defaultProps={ariaLabel:void 0,DEBUG_STYLE:void 0},_exports.default=Tooltip,Tooltip.__docgenInfo={description:"Generic styled tooltip component.\nCorresponding styles: /styles/components/_tooltip.scss\n\nExtends implementation from @reach/tooltip:\nhttps://reacttraining.com/reach-ui/tooltip",methods:[],displayName:"Tooltip",props:{ariaLabel:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"string"},required:!1},DEBUG_STYLE:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"bool"},required:!1},children:{description:"",type:{name:"node"},required:!0},label:{description:"",type:{name:"node"},required:!0}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/Tooltip/index.js"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./components/Tooltip/Tooltip.jsx")],void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof(__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_Tooltip){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_Tooltip=_interopRequireDefault(_Tooltip),_exports.default=_Tooltip.default})?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/Tooltip/position.js"(module,exports){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports],void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof(__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.positionTriangle=_exports.default=void 0;var OFFSET=12,TRIANGLE_SCALE_X=6,TRIANGLE_SCALE_Y=8,isDirectionUp=function isDirectionUp(triggerRect,tooltipRect){var collisions={top:triggerRect.top-tooltipRect.height<0,bottom:window.innerHeight<triggerRect.bottom+tooltipRect.height+OFFSET};return!collisions.top||collisions.bottom},positionTip=function positionTip(triggerRect,tooltipRect){if(!triggerRect||!tooltipRect)return{};var left=triggerRect.left+triggerRect.width/2-tooltipRect.width/2,maxLeft=window.innerWidth-tooltipRect.width-2,centerLeft=Math.min(Math.max(2,left),maxLeft)+window.pageXOffset,directionUp=isDirectionUp(triggerRect,tooltipRect);return{left:"".concat(centerLeft,"px"),top:"".concat(directionUp?triggerRect.top-OFFSET-tooltipRect.height+window.pageYOffset:triggerRect.top+OFFSET+triggerRect.height+window.pageYOffset,"px")}};_exports.default=positionTip,_exports.positionTriangle=function positionTriangle(triggerRect,tooltipRect){var directionUp=isDirectionUp(triggerRect,tooltipRect),triangleTop=directionUp?triggerRect.top+window.pageYOffset-OFFSET:triggerRect.bottom+window.pageYOffset+OFFSET-TRIANGLE_SCALE_Y,triangleLeft=triggerRect.left-TRIANGLE_SCALE_X+triggerRect.width/2,triangleBorder=directionUp?"border-top: ".concat(TRIANGLE_SCALE_Y,"px solid;"):"border-bottom: ".concat(TRIANGLE_SCALE_Y,"px solid;");return"\n        border-left: ".concat(TRIANGLE_SCALE_X,"px solid transparent;\n        border-right: ").concat(TRIANGLE_SCALE_X,"px solid transparent;\n        left: ").concat(triangleLeft,"px;\n        top: ").concat(triangleTop,"px;\n        ").concat(triangleBorder,"\n    ")}})?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}}]);
+//# sourceMappingURL=2862.571661b6.iframe.bundle.js.map

package/storybook-static/2862.571661b6.iframe.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2862.86112881.iframe.bundle.js","mappings":"AAKA","sources":["webpack://@madie/madie-design-system/./components/Infotip/Infotip.jsx","webpack://@madie/madie-design-system/./components/Infotip/InfotipIcon.jsx","webpack://@madie/madie-design-system/./components/Tooltip/Tooltip.jsx","webpack://@madie/madie-design-system/./components/Tooltip/index.js","webpack://@madie/madie-design-system/./components/Tooltip/position.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport Tooltip from \"../Tooltip\";\nimport InfotipIcon from \"./InfotipIcon\";\n\nconst BUTTON_SIZE = \"16px\";\n\nconst buttonStyle = {\n    background: \"transparent\",\n    border: 0,\n    padding: 0,\n    width: BUTTON_SIZE,\n    height: BUTTON_SIZE,\n    WebkitTouchCallout: \"none\",\n    WebkitUserSelect: \"none\",\n    userSelect: \"none\",\n};\n\n// Use basic touch handlers for mobile \"tap-to-open\" ui.  Mobile touch\n// is currently not supported by @reach/tooltip; this may change in future.\n// Leverages @reach/tooltip \"focus\" behavior to open tooltip on tap,\n// and close tooltip on second tap or loss of focus.\n// TODO: We may want to improve this by tracking touch positions to ensure\n// that a 'touchend' event must be reasonably close to the tooltip target.\nconst touchHandlers = {\n    onTouchStart: (e) => {\n        e.stopPropagation();\n    },\n    onTouchEnd: (e) => {\n        if (document.activeElement !== e.currentTarget) {\n            e.preventDefault();\n            e.currentTarget.focus();\n        } else {\n            e.preventDefault();\n            e.currentTarget.blur();\n        }\n    },\n};\n\n/**\n * Tooltip with styled information icon\n */\nconst Infotip = ({ label, lightIcon, ...props }) => (\n    <Tooltip label={label} {...props}>\n        <button\n            type=\"button\"\n            aria-label=\"Information\"\n            style={buttonStyle}\n            {...touchHandlers}\n        >\n            <InfotipIcon\n                lightIcon={lightIcon}\n                width={BUTTON_SIZE}\n                height={BUTTON_SIZE}\n                aria-hidden\n                style={{ float: \"left\" }}\n            />\n        </button>\n    </Tooltip>\n);\n\nInfotip.propTypes = {\n    label: PropTypes.string.isRequired,\n    ariaLabel: PropTypes.string,\n    lightIcon: PropTypes.bool,\n    DEBUG_STYLE: PropTypes.bool,\n};\n\nInfotip.defaultProps = {\n    ariaLabel: undefined,\n    lightIcon: false,\n    DEBUG_STYLE: undefined,\n};\n\nexport default Infotip;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst InfotipIcon = ({ lightIcon, ...props }) => (\n    <svg\n        width=\"20px\"\n        height=\"20px\"\n        viewBox=\"0 0 20 20\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n    >\n        <g fill=\"none\" fillRule=\"evenodd\">\n            <path\n                d=\"M9.721 19.158c-4.947 0-8.973-4.126-8.973-9.196C.748 4.892 4.774.766 9.72.766c4.948 0 8.974 4.126 8.974 9.196 0 5.07-4.026 9.196-8.974 9.196z\"\n                fill=\"#2EB1ED\"\n                fillRule=\"nonzero\"\n            />\n            <path\n                d=\"M9.721 0C4.361 0 0 4.469 0 9.962c0 5.493 4.36 9.962 9.721 9.962 5.36 0 9.722-4.469 9.722-9.962C19.443 4.469 15.082 0 9.72 0z\"\n                fill={lightIcon ? \"#FFF\" : \"#04838A\"}\n            />\n            <path\n                d=\"M9.721 14.765c-.206 0-.374.112-.374.25v.5c0 .138.168.25.374.25.207 0 .374-.112.374-.25v-.5c0-.138-.167-.25-.374-.25zM9.764 4.706H9.72c-.792 0-1.536.29-2.1.821a2.767 2.767 0 0 0-.89 2.03c0 .197.166.356.373.356s.374-.159.374-.356c0-.577.237-1.118.668-1.523a2.268 2.268 0 0 1 1.607-.615c1.182.016 2.195.98 2.211 2.107.011.743-.373 1.427-1.028 1.83-.995.61-1.589 1.691-1.589 2.89v1.013c0 .197.168.357.374.357.207 0 .374-.16.374-.357v-1.013c0-.941.477-1.82 1.246-2.292.873-.537 1.386-1.448 1.371-2.438-.022-1.527-1.345-2.788-2.948-2.81z\"\n                stroke={lightIcon ? \"#04838A\" : \"#FFF\"}\n                strokeWidth=\".5\"\n                fill={lightIcon ? \"#04838A\" : \"#FFF\"}\n                fillRule=\"nonzero\"\n            />\n        </g>\n    </svg>\n);\n\nexport default InfotipIcon;\n\nInfotipIcon.propTypes = {\n    lightIcon: PropTypes.bool,\n};\n\nInfotipIcon.defaultProps = {\n    lightIcon: false,\n};\n","import React, { cloneElement, useLayoutEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport positionTip, { positionTriangle } from \"./position\";\nimport { useTooltip, TooltipPopup } from \"@reach/tooltip\";\nimport Portal from \"@reach/portal\";\n\n// TODO: investigate ways to allow more styling via css? the triangle\n// positioning effect issue may need to be resolved to allow for this.\nconst TEXT_COLOR = \"#FFF\";\nconst BACKGROUND_COLOR = \"#333\";\n\n/**\n * Generic styled tooltip component.\n * Corresponding styles: /styles/components/_tooltip.scss\n *\n * Extends implementation from @reach/tooltip:\n * https://reacttraining.com/reach-ui/tooltip\n */\nconst Tooltip = ({ children, label, ariaLabel, DEBUG_STYLE }) => {\n    const [trigger, tooltip] = useTooltip({ DEBUG_STYLE });\n    const { isVisible, triggerRect } = tooltip;\n    const tooltipPopupRef = useRef();\n    const triangleRef = useRef();\n\n    useLayoutEffect(() => {\n        // For some reason, the forwardRef for the tooltipPopup points to an undefined\n        // dom element when we first render the portal containing the triangle. Using\n        // an effect here will ensure that the ref is available when applying styles.\n        // TODO: investigate and make issue for @reach-ui/tooltip?\n        if (isVisible && tooltipPopupRef.current && triggerRect) {\n            const tooltipRect = tooltipPopupRef.current.getBoundingClientRect();\n            const positionCssText = positionTriangle(triggerRect, tooltipRect);\n            const cssText = `\n                  position: absolute;\n                  width: 0;\n                  height: 0;\n                  ${positionCssText}\n                  border-top-color: ${BACKGROUND_COLOR};\n                  border-bottom-color: ${BACKGROUND_COLOR};\n                  z-index: 1;\n                `;\n            triangleRef.current.style.cssText = cssText;\n        }\n    });\n\n    return (\n        <>\n            {cloneElement(children, trigger)}\n            <TooltipPopup\n                {...tooltip}\n                label={label}\n                ariaLabel={ariaLabel}\n                style={{\n                    background: BACKGROUND_COLOR,\n                    color: TEXT_COLOR,\n                }}\n                ref={tooltipPopupRef}\n                position={positionTip}\n            />\n            {isVisible && (\n                <Portal>\n                    <div\n                        ref={triangleRef}\n                        style={{\n                            position: \"absolute\",\n                            width: 0,\n                            height: 0,\n                        }}\n                    />\n                </Portal>\n            )}\n        </>\n    );\n};\n\nTooltip.propTypes = {\n    children: PropTypes.node.isRequired,\n    label: PropTypes.node.isRequired,\n    ariaLabel: PropTypes.string,\n    DEBUG_STYLE: PropTypes.bool,\n};\n\nTooltip.defaultProps = {\n    ariaLabel: undefined,\n    DEBUG_STYLE: undefined,\n};\n\nexport default Tooltip;\n","import Tooltip from \"./Tooltip\";\n\nexport default Tooltip;\n","const OFFSET = 12; // modified from reach-ui/tooltip OFFSET value\nconst TRIANGLE_SCALE_X = 6;\nconst TRIANGLE_SCALE_Y = 8;\n\nconst isDirectionUp = (triggerRect, tooltipRect) => {\n    const collisions = {\n        top: triggerRect.top - tooltipRect.height < 0,\n        bottom:\n            window.innerHeight <\n            triggerRect.bottom + tooltipRect.height + OFFSET,\n    };\n\n    return !collisions.top || collisions.bottom;\n};\n\n// modified from @reach/tooltip default positioning function\n// positions Tooltip relative to trigger\n// https://github.com/reach/reach-ui/blob/master/packages/tooltip/src/index.tsx#L532\nconst positionTip = (triggerRect, tooltipRect) => {\n    if (!triggerRect || !tooltipRect) {\n        return {};\n    }\n\n    const triggerCenter = triggerRect.left + triggerRect.width / 2;\n    const left = triggerCenter - tooltipRect.width / 2;\n    const maxLeft = window.innerWidth - tooltipRect.width - 2;\n    const centerLeft =\n        Math.min(Math.max(2, left), maxLeft) + window.pageXOffset;\n\n    const directionUp = isDirectionUp(triggerRect, tooltipRect);\n\n    return {\n        left: `${centerLeft}px`,\n        top: directionUp\n            ? `${\n                  triggerRect.top -\n                  OFFSET -\n                  tooltipRect.height +\n                  window.pageYOffset\n              }px`\n            : `${\n                  triggerRect.top +\n                  OFFSET +\n                  triggerRect.height +\n                  window.pageYOffset\n              }px`,\n    };\n};\n\nexport default positionTip;\n\n// position triangle relative to tooltip position\n// TODO: figure out a better way to render these updates from within react\n// rendering. This method causes an additional repaint after the Tooltip\n// has been rendered. may require changes to @reach/tooltip.\nexport const positionTriangle = (triggerRect, tooltipRect) => {\n    const directionUp = isDirectionUp(triggerRect, tooltipRect);\n    const triangleTop = directionUp\n        ? triggerRect.top + window.pageYOffset - OFFSET\n        : triggerRect.bottom + window.pageYOffset + OFFSET - TRIANGLE_SCALE_Y;\n\n    const triangleLeft =\n        triggerRect.left - TRIANGLE_SCALE_X + triggerRect.width / 2;\n\n    const triangleBorder = directionUp\n        ? `border-top: ${TRIANGLE_SCALE_Y}px solid;`\n        : `border-bottom: ${TRIANGLE_SCALE_Y}px solid;`;\n\n    return `\n        border-left: ${TRIANGLE_SCALE_X}px solid transparent;\n        border-right: ${TRIANGLE_SCALE_X}px solid transparent;\n        left: ${triangleLeft}px;\n        top: ${triangleTop}px;\n        ${triangleBorder}\n    `;\n};\n"],"names":[],"sourceRoot":""}

package/storybook-static/2902.1a427f9a.iframe.bundle.js

@@ -0,0 +1,2 @@
+(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[2902],{"./components/InputLabel/index.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@mui/material/index.js"),__webpack_require__("./node_modules/prop-types/index.js")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_material,_propTypes){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes);var _excluded=["required","disabled","error"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}var Label=function Label(_ref){var required=_ref.required,disabled=_ref.disabled,error=_ref.error,rest=_objectWithoutProperties(_ref,_excluded);return _react.default.createElement(_material.InputLabel,_extends({required,disabled,error,sx:[{backgroundColor:"transparent",display:"flex",flexDirection:"row-reverse",alignSelf:"baseline",textTransform:"none",position:"initial",transform:"translateX(0px) translateY(0px)",fontFamily:"Rubik",fontWeight:500,fontSize:14,color:"#333","& .MuiInputLabel-asterisk":{color:"#AE1C1C !important",marginRight:"3px !important"}},required&&{transform:"translateX(-12px) translateY(0px)","& .MuiInputLabel-asterisk":{color:"#D92F2",marginRight:"3px !important"}},disabled&&{color:"#333333 !important"},error&&{color:"#AE1C1C !important"}]},rest))};Label.propTypes={required:_propTypes.default.bool.isRequired,disabled:_propTypes.default.bool.isRequired,error:_propTypes.default.bool},_exports.default=Label,Label.__docgenInfo={description:"",methods:[],displayName:"Label",props:{required:{description:"",type:{name:"bool"},required:!0},disabled:{description:"",type:{name:"bool"},required:!0},error:{description:"",type:{name:"bool"},required:!1}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/RichTextEditor/index.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js"),__webpack_require__("./node_modules/@tiptap/react/dist/index.cjs"),__webpack_require__("./components/InputLabel/index.jsx"),__webpack_require__("./node_modules/@tiptap/extension-gapcursor/dist/index.cjs"),__webpack_require__("./node_modules/@tiptap/extension-table/dist/index.cjs"),__webpack_require__("./node_modules/@tiptap/extension-table-cell/dist/index.cjs"),__webpack_require__("./node_modules/@tiptap/extension-table-header/dist/index.cjs"),__webpack_require__("./node_modules/@tiptap/extension-table-row/dist/index.cjs"),__webpack_require__("./node_modules/@tiptap/extension-underline/dist/index.cjs"),__webpack_require__("./node_modules/@tiptap/starter-kit/dist/index.cjs"),__webpack_require__("./node_modules/@mui/material/index.js"),__webpack_require__("./node_modules/@mui/icons-material/TableChart.js"),__webpack_require__("./node_modules/@mui/icons-material/FormatBold.js"),__webpack_require__("./node_modules/@mui/icons-material/FormatItalic.js"),__webpack_require__("./node_modules/@mui/icons-material/FormatUnderlined.js"),__webpack_require__("./node_modules/@mui/icons-material/StrikethroughS.js"),__webpack_require__("./node_modules/@mui/icons-material/FormatListBulleted.js"),__webpack_require__("./node_modules/@mui/icons-material/FormatListNumbered.js"),__webpack_require__("./node_modules/@mui/icons-material/Undo.js"),__webpack_require__("./node_modules/@mui/icons-material/Redo.js"),__webpack_require__("./node_modules/lodash/lodash.js"),__webpack_require__("./node_modules/dompurify/dist/purify.cjs.js"),__webpack_require__("./node_modules/@tiptap/extension-strike/dist/index.cjs"),__webpack_require__("./components/RichTextEditor/tableIcons/tabelIconsIndex.js")],void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof(__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes,_react2,_InputLabel,_extensionGapcursor,_extensionTable,_extensionTableCell,_extensionTableHeader,_extensionTableRow,_extensionUnderline,_starterKit,_material,_TableChart,_FormatBold,_FormatItalic,_FormatUnderlined,_StrikethroughS,_FormatListBulleted,_FormatListNumbered,_Undo,_Redo,_lodash,_dompurify,_extensionStrike,_tabelIconsIndex){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=_exports.MenuBar=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes),_InputLabel=_interopRequireDefault(_InputLabel),_extensionGapcursor=_interopRequireDefault(_extensionGapcursor),_extensionTable=_interopRequireDefault(_extensionTable),_extensionTableCell=_interopRequireDefault(_extensionTableCell),_extensionTableHeader=_interopRequireDefault(_extensionTableHeader),_extensionTableRow=_interopRequireDefault(_extensionTableRow),_extensionUnderline=_interopRequireDefault(_extensionUnderline),_starterKit=_interopRequireDefault(_starterKit),_TableChart=_interopRequireDefault(_TableChart),_FormatBold=_interopRequireDefault(_FormatBold),_FormatItalic=_interopRequireDefault(_FormatItalic),_FormatUnderlined=_interopRequireDefault(_FormatUnderlined),_StrikethroughS=_interopRequireDefault(_StrikethroughS),_FormatListBulleted=_interopRequireDefault(_FormatListBulleted),_FormatListNumbered=_interopRequireDefault(_FormatListNumbered),_Undo=_interopRequireDefault(_Undo),_Redo=_interopRequireDefault(_Redo),_dompurify=_interopRequireDefault(_dompurify);var iconStyle={fontSize:"18px",display:"block"},MenuBar=_exports.MenuBar=function MenuBar(_ref){var editor=_ref.editor,disabled=_ref.disabled,id=_ref.id;return editor?_react.default.createElement("div",{className:"control-group",role:"toolbar","aria-label":"Text formatting toolbar","data-testid":"".concat(id,"-rich-text-editor-toolbar"),id:"".concat(id,"-rich-text-editor-toolbar")},_react.default.createElement("div",{className:"button-group"},_react.default.createElement(_material.Tooltip,{"data-testid":"".concat(id,"-undo-tooltip"),title:"Undo",placement:"top",enterDelay:1e3,arrow:!0},_react.default.createElement(_material.IconButton,{key:"undo",onClick:function onClick(){return editor.chain().focus().undo().run()},"data-testId":"".concat(id,"-undo-button")},_react.default.createElement(_Undo.default,null))),_react.default.createElement(_material.Tooltip,{"data-testid":"".concat(id,"-redo-tooltip"),title:"Redo",placement:"top",enterDelay:1e3,arrow:!0},_react.default.createElement(_material.IconButton,{key:"redo",onClick:function onClick(){return editor.chain().focus().redo().run()},style:{borderRight:"solid 1px #9c9c9c"},"data-testId":"".concat(id,"-redo-button")},_react.default.createElement(_Redo.default,null))),_react.default.createElement(_material.Tooltip,{"data-testid":"".concat(id,"-bold-tooltip"),title:"Bold",placement:"top",enterDelay:1e3,arrow:!0},_react.default.createElement(_material.IconButton,{key:"bold",onClick:function onClick(){return editor.chain().focus().toggleBold().run()},"aria-label":"Bold","aria-pressed":editor.isActive("bold"),className:editor.isActive("bold")?"is-active":"",disabled,type:"button","data-testId":"".concat(id,"-add-bold-button")},_react.default.createElement(_FormatBold.default,null))),_react.default.createElement(_material.Tooltip,{"data-testid":"".concat(id,"-italic-tooltip"),title:"Italic",placement:"top",enterDelay:1e3,arrow:!0},_react.default.createElement(_material.IconButton,{key:"italic",onClick:function onClick(){return editor.chain().focus().toggleItalic().run()},"aria-label":"Italic","aria-pressed":editor.isActive("italic"),className:editor.isActive("italic")?"is-active":"",disabled,type:"button","data-testId":"".concat(id,"-add-italic-button")},_react.default.createElement(_FormatItalic.default,null))),_react.default.createElement(_material.Tooltip,{"data-testid":"".concat(id,"-underline-tooltip"),title:"Underline",placement:"top",enterDelay:1e3,arrow:!0},_react.default.createElement(_material.IconButton,{key:"underline",onClick:function onClick(){return editor.chain().focus().toggleUnderline().run()},"aria-label":"Underline","aria-pressed":editor.isActive("underline"),className:editor.isActive("underline")?"is-active":"",disabled,type:"button","data-testId":"".concat(id,"-add-underline-button")},_react.default.createElement(_FormatUnderlined.default,null))),_react.default.createElement(_material.Tooltip,{"data-testid":"".concat(id,"-strikethrough-tooltip"),title:"Strikethrough",placement:"top",enterDelay:1e3,arrow:!0},_react.default.createElement(_material.IconButton,{key:"strike",onClick:function onClick(){return editor.chain().focus().toggleStrike().run()},"aria-label":"Strikethrough","aria-pressed":editor.isActive("strike"),className:editor.isActive("strike")?"is-active":"",style:{borderRight:"solid 1px #9c9c9c"},disabled,type:"button","data-testId":"".concat(id,"-add-strikethrough-button")},_react.default.createElement(_StrikethroughS.default,null))),_react.default.createElement(_material.Tooltip,{"data-testid":"".concat(id,"-orderedlist-tooltip"),title:"Ordered List",placement:"top",enterDelay:1e3,arrow:!0},_react.default.createElement(_material.IconButton,{key:"orderedList",onClick:function onClick(){return editor.chain().focus().toggleOrderedList().run()},"aria-label":"Ordered List","aria-pressed":editor.isActive("orderedList"),className:editor.isActive("orderedList")?"is-active":"",disabled,type:"button","data-testId":"".concat(id,"-add-ordered-list-button")},_react.default.createElement(_FormatListNumbered.default,null))),_react.default.createElement(_material.Tooltip,{"data-testid":"".concat(id,"-bulletedlist-tooltip"),title:"Bulleted List",placement:"top",enterDelay:1e3,arrow:!0},_react.default.createElement(_material.IconButton,{key:"bulletList",onClick:function onClick(){return editor.chain().focus().toggleBulletList().run()},"aria-label":"Bulleted List","aria-pressed":editor.isActive("bulletList"),className:editor.isActive("bulletList")?"is-active":"",style:{borderRight:"solid 1px #9c9c9c"},disabled,type:"button","data-testId":"".concat(id,"-add-bulleted-list-button")},_react.default.createElement(_FormatListBulleted.default,null))),_react.default.createElement(_material.Tooltip,{"data-testid":"".concat(id,"-table-tooltip"),title:"Table",placement:"top",enterDelay:1e3,arrow:!0},_react.default.createElement(_material.IconButton,{key:"insertTable",onClick:function onClick(){return editor.commands.insertTable({rows:3,cols:3,withHeaderRow:!0})},"aria-label":"Insert Table",className:editor.isActive("insertTable")?"is-active":"",disabled,type:"button","data-testId":"".concat(id,"-insert-table-button")},_react.default.createElement(_TableChart.default,null))),editor.isActive("table")&&_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_material.Tooltip,{"data-testid":"".concat(id,"-add-row-above-tooltip"),title:"Add row above",placement:"top",enterDelay:1e3,arrow:!0},_react.default.createElement(_material.IconButton,{key:"addRowAbove",onClick:function onClick(){return editor.chain().focus().addRowBefore().run()},"data-testId":"".concat(id,"-add-row-above-button")},_react.default.createElement(_tabelIconsIndex.AddRowAboveIcon,{style:iconStyle}))),_react.default.createElement(_material.Tooltip,{"data-testid":"".concat(id,"-add-row-below-tooltip"),title:"Add row below",placement:"top",enterDelay:1e3,arrow:!0},_react.default.createElement(_material.IconButton,{key:"addRowBelow","data-testId":"".concat(id,"-add-row-below-button"),onClick:function onClick(){return editor.chain().focus().addRowAfter().run()}},_react.default.createElement(_tabelIconsIndex.AddRowBelowIcon,{style:iconStyle}))),_react.default.createElement(_material.Tooltip,{"data-testid":"".concat(id,"-remove-row-tooltip"),title:"Remove row",placement:"top",enterDelay:1e3,arrow:!0},_react.default.createElement(_material.IconButton,{key:"deleteRow","data-testId":"".concat(id,"-delete-row-below-button"),onClick:function onClick(){return editor.chain().focus().deleteRow().run()}},_react.default.createElement(_tabelIconsIndex.DeleteRowIcon,{style:iconStyle}))),_react.default.createElement(_material.Tooltip,{"data-testid":"".concat(id,"-add-column-right-tooltip"),title:"Add column right",placement:"top",enterDelay:1e3,arrow:!0},_react.default.createElement(_material.IconButton,{key:"addColumnRight","data-testId":"".concat(id,"-add-column-right-button"),onClick:function onClick(){return editor.chain().focus().addColumnAfter().run()}},_react.default.createElement(_tabelIconsIndex.AddColumnRightIcon,{style:iconStyle}))),_react.default.createElement(_material.Tooltip,{"data-testid":"".concat(id,"-add-column-left-tooltip"),title:"Add column left",placement:"top",enterDelay:1e3,arrow:!0},_react.default.createElement(_material.IconButton,{key:"addColumnLeft",onClick:function onClick(){return editor.chain().focus().addColumnBefore().run()},"data-testId":"".concat(id,"-add-column-left-button")},_react.default.createElement(_tabelIconsIndex.AddColumnLeftIcon,{style:iconStyle}))),_react.default.createElement(_material.Tooltip,{"data-testid":"".concat(id,"-remove-column-tooltip"),title:"Remove column",placement:"top",enterDelay:1e3,arrow:!0},_react.default.createElement(_material.IconButton,{key:"deleteColumn",onClick:function onClick(){return editor.chain().focus().deleteColumn().run()},"data-testId":"".concat(id,"-delete-column-right-button")},_react.default.createElement(_tabelIconsIndex.DeleteColumnIcon,{style:iconStyle}))),_react.default.createElement(_material.Tooltip,{"data-testid":"".concat(id,"-remove-table-tooltip"),title:"Remove table",placement:"top",enterDelay:1e3,arrow:!0},_react.default.createElement(_material.IconButton,{key:"deleteTable",onClick:function onClick(){return editor.chain().focus().deleteTable().run()},"data-testId":"".concat(id,"-delete-table-button"),style:{borderRight:"solid 1px #9c9c9c"}},_react.default.createElement(_tabelIconsIndex.DeleteTableIcon,{style:iconStyle})))))):null},RichTextEditor=function RichTextEditor(_ref2){var name=_ref2.name,id=_ref2.id,_ref2$error=_ref2.error,error=void 0!==_ref2$error&&_ref2$error,helperText=_ref2.helperText,_ref2$required=_ref2.required,required=void 0!==_ref2$required&&_ref2$required,label=_ref2.label,onChange=_ref2.onChange,onBlur=_ref2.onBlur,content=_ref2.content,_ref2$disabled=_ref2.disabled,disabled=void 0!==_ref2$disabled&&_ref2$disabled,_ref2$readOnly=_ref2.readOnly,labelStyles=[{backgroundColor:"transparent",borderColor:"#8C8C8C",display:"inline-flex",flexDirection:"row-reverse",alignSelf:"baseline",textTransform:"none",position:"initial",transform:"translateX(0px) translateY(0px)",fontFamily:"Rubik",fontWeight:500,fontSize:14,color:"#333","& .MuiInputLabel-asterisk":{color:"#AE1C1C !important",marginRight:"3px !important"}},required&&{transform:"translateX(-12px) translateY(0px)","& .MuiInputLabel-asterisk":{color:"#D92F2",marginRight:"3px !important"}},error&&{color:"#AE1C1C !important"}];if(void 0!==_ref2$readOnly&&_ref2$readOnly)return _react.default.createElement("div",{className:"rich-text-editor","data-testid":"".concat((0,_lodash.kebabCase)(id),"-rich-text-editor")},_react.default.createElement(_InputLabel.default,{id:"".concat(id,"-label"),"data-testid":"".concat(id,"-label"),shrink:!0,required,error,htmlFor:id,style:{marginBottom:0,height:16},sx:labelStyles,disabled:!1},label),_react.default.createElement("p",{className:"rich-text-editor_read_only","data-testid":"".concat(id,"-value"),"aria-labelledby":"".concat(id,"-label"),dangerouslySetInnerHTML:{__html:content?_dompurify.default.sanitize(content):"-"}}));var editor=(0,_react2.useEditor)({parseOptions:{preserveWhitespace:"full"},extensions:[_starterKit.default,_extensionGapcursor.default,_extensionTable.default.configure({resizable:!0,HTMLAttributes:{class:"rich-text-table"}}),_extensionTableRow.default,_extensionTableHeader.default,_extensionTableCell.default,_extensionUnderline.default,_extensionStrike.Strike.extend({strike:!1,renderHTML:function renderHTML(_ref3){return["del",_ref3.HTMLAttributes,0]}})],editorProps:{attributes:{tabIndex:"0",role:"textbox",id,"data-testid":"".concat(id,"-rich-text-editor-content"),"aria-invalid":error?"true":void 0,"aria-labelledby":"".concat(id,"-label"),"aria-describedby":helperText?"".concat(id,"-helper-text"):void 0,"aria-multiline":"true","aria-required":required?"true":void 0,className:"".concat(error?"has-error":"")}},shouldRerenderOnTransaction:!1,content,editable:!disabled,onUpdate:function onUpdate(_ref4){var newValue=_ref4.editor.getHTML();null==onChange||onChange(newValue)}});return _react.default.useEffect(function(){editor&&content!==editor.getHTML()&&editor.commands.setContent(content,!1,{preserveWhitespace:"full"}),editor&&editor.setEditable(!disabled)},[content,editor,disabled]),_react.default.useEffect(function(){if(editor&&onBlur&&name){var handleBlur=function handleBlur(){onBlur({target:{name}})};return editor.on("blur",handleBlur),function(){editor.off("blur",handleBlur)}}},[editor,onBlur,name]),_react.default.createElement("div",{className:"rich-text-editor","data-testid":"".concat((0,_lodash.kebabCase)(id),"-rich-text-editor")},_react.default.createElement(_InputLabel.default,{id:"".concat(id,"-label"),"data-testid":"".concat(id,"-label"),shrink:!0,required,error,htmlFor:id,style:{marginBottom:0,height:16},sx:labelStyles,disabled},label),helperText?_react.default.createElement(_material.FormHelperText,{tabIndex:0,"aria-live":"polite",id:"".concat(id,"-helper-text"),"data-testid":"".concat(id,"-helper-text"),sx:[{margin:"4px 0px 0px 0px",color:"#515151",lineHeight:1},error&&{color:"#AE1C1C !important"}]},helperText):null,_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(MenuBar,{editor,disabled,id}),_react.default.createElement(_react2.EditorContent,{editor})))};RichTextEditor.propTypes={id:_propTypes.default.string,name:_propTypes.default.string,error:_propTypes.default.bool,helperText:_propTypes.default.string,required:_propTypes.default.bool,label:_propTypes.default.string,onChange:_propTypes.default.func,onBlur:_propTypes.default.func,content:_propTypes.default.any,disabled:_propTypes.default.bool,readOnly:_propTypes.default.bool},MenuBar.propTypes={editor:_propTypes.default.any,disabled:_propTypes.default.bool,id:_propTypes.default.string},_exports.default=RichTextEditor,MenuBar.__docgenInfo={description:"",methods:[],displayName:"MenuBar",props:{editor:{description:"",type:{name:"any"},required:!1},disabled:{description:"",type:{name:"bool"},required:!1},id:{description:"",type:{name:"string"},required:!1}}},RichTextEditor.__docgenInfo={description:"",methods:[],displayName:"RichTextEditor",props:{error:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},readOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},id:{description:"",type:{name:"string"},required:!1},name:{description:"",type:{name:"string"},required:!1},helperText:{description:"",type:{name:"string"},required:!1},label:{description:"",type:{name:"string"},required:!1},onChange:{description:"",type:{name:"func"},required:!1},onBlur:{description:"",type:{name:"func"},required:!1},content:{description:"",type:{name:"any"},required:!1}}}})?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/RichTextEditor/tableIcons/addColumnLeftIcon.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js"),__webpack_require__("./node_modules/@mui/material/index.js")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes,_material){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes);var _excluded=["className"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}var AddColumnLeftIcon=function AddColumnLeftIcon(_ref){var _ref$className=_ref.className,className=void 0===_ref$className?"madie-icon":_ref$className,props=_objectWithoutProperties(_ref,_excluded);return _react.default.createElement(_material.SvgIcon,_extends({viewBox:"0 0 14 15",className},props),_react.default.createElement("path",{d:"M13.5837 7.48808H12.2938V8.62798C12.2938 8.89771 12.0467 9.11606 11.7415 9.11606C11.4363 9.11606 11.1892 8.89771 11.1892 8.62798V7.48808H9.89929C9.59406 7.48808 9.34699 7.26973 9.34699 7C9.34699 6.73027 9.59406 6.51192 9.89929 6.51192H11.1892V5.37202L11.2 5.27345C11.2516 5.05096 11.4745 4.88394 11.7415 4.88394C12.0085 4.88394 12.2314 5.05096 12.283 5.27345L12.2938 5.37202V6.51192H13.5837C13.8889 6.51192 14.136 6.73027 14.136 7C14.136 7.26973 13.8889 7.48808 13.5837 7.48808ZM1.60939 0.976153C1.51167 0.976153 1.41762 1.01048 1.34853 1.07154C1.27943 1.1326 1.24059 1.21571 1.24059 1.30207V12.6979C1.24059 12.7843 1.27943 12.8674 1.34853 12.9285C1.41762 12.9895 1.51167 13.0238 1.60939 13.0238H5.29379C5.3915 13.0238 5.48555 12.9895 5.55464 12.9285C5.62374 12.8674 5.66259 12.7843 5.66259 12.6979V1.30207C5.66259 1.21571 5.62374 1.1326 5.55464 1.07154C5.48555 1.01048 5.3915 0.976153 5.29379 0.976153H1.60939ZM5.29379 0C5.68465 0 6.05994 0.136519 6.33632 0.380763C6.6127 0.625008 6.76719 0.956654 6.76719 1.30207V12.6979C6.76719 13.0433 6.6127 13.375 6.33632 13.6192C6.05994 13.8635 5.68465 14 5.29379 14H1.60939C1.21852 14 0.843236 13.8635 0.566852 13.6192C0.290469 13.375 0.135986 13.0433 0.135986 12.6979V1.30207C0.135986 0.956654 0.290469 0.625008 0.566852 0.380763C0.843237 0.136519 1.21852 0 1.60939 0H5.29379Z",fill:"currentColor"}))};AddColumnLeftIcon.propTypes={className:_propTypes.default.string},_exports.default=AddColumnLeftIcon,AddColumnLeftIcon.__docgenInfo={description:"",methods:[],displayName:"AddColumnLeftIcon",props:{className:{defaultValue:{value:'"madie-icon"',computed:!1},description:"",type:{name:"string"},required:!1}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/RichTextEditor/tableIcons/addColumnRightIcon.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js"),__webpack_require__("./node_modules/@mui/material/index.js")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes,_material){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes);var _excluded=["className"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}var AddColumnRightIcon=function AddColumnRightIcon(_ref){var _ref$className=_ref.className,className=void 0===_ref$className?"madie-icon":_ref$className,props=_objectWithoutProperties(_ref,_excluded);return _react.default.createElement(_material.SvgIcon,_extends({viewBox:"0 0 14 15",className},props),_react.default.createElement("path",{d:"M0.688286 6.51192H1.97819V5.37202C1.97819 5.10229 2.22526 4.88394 2.53049 4.88394C2.83571 4.88394 3.08279 5.10229 3.08279 5.37202V6.51192H4.37269C4.67791 6.51192 4.92499 6.73027 4.92499 7C4.92499 7.26973 4.67791 7.48808 4.37269 7.48808H3.08279V8.62798L3.07199 8.72655C3.02041 8.94904 2.79751 9.11606 2.53049 9.11606C2.26346 9.11606 2.04057 8.94904 1.98898 8.72655L1.97819 8.62798V7.48808H0.688286C0.38306 7.48808 0.135986 7.26973 0.135986 7C0.135986 6.73027 0.38306 6.51192 0.688286 6.51192ZM12.6626 13.0238C12.7603 13.0238 12.8543 12.9895 12.9234 12.9285C12.9925 12.8674 13.0314 12.7843 13.0314 12.6979V1.30207C13.0314 1.21571 12.9925 1.1326 12.9234 1.07154C12.8543 1.01048 12.7603 0.976153 12.6626 0.976153H8.97819C8.88047 0.976153 8.78642 1.01048 8.71733 1.07154C8.64823 1.1326 8.60939 1.21571 8.60939 1.30207V12.6979C8.60939 12.7843 8.64823 12.8674 8.71733 12.9285C8.78642 12.9895 8.88047 13.0238 8.97819 13.0238H12.6626ZM8.97819 14C8.58732 14 8.21204 13.8635 7.93565 13.6192C7.65927 13.375 7.50479 13.0433 7.50479 12.6979V1.30207C7.50479 0.956653 7.65927 0.625007 7.93565 0.380763C8.21204 0.136519 8.58732 0 8.97819 0H12.6626C13.0535 0 13.4287 0.136519 13.7051 0.380763C13.9815 0.625007 14.136 0.956653 14.136 1.30207V12.6979C14.136 13.0433 13.9815 13.375 13.7051 13.6192C13.4287 13.8635 13.0534 14 12.6626 14H8.97819Z",fill:"currentColor"}))};AddColumnRightIcon.propTypes={className:_propTypes.default.string},_exports.default=AddColumnRightIcon,AddColumnRightIcon.__docgenInfo={description:"",methods:[],displayName:"AddColumnRightIcon",props:{className:{defaultValue:{value:'"madie-icon"',computed:!1},description:"",type:{name:"string"},required:!1}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/RichTextEditor/tableIcons/addRowAboveIcon.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js"),__webpack_require__("./node_modules/@mui/material/index.js")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes,_material){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes);var _excluded=["className"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}var AddRowAboveIcon=function AddRowAboveIcon(_ref){var _ref$className=_ref.className,className=void 0===_ref$className?"madie-icon":_ref$className,props=_objectWithoutProperties(_ref,_excluded);return _react.default.createElement(_material.SvgIcon,_extends({viewBox:"0 0 14 15",className},props),_react.default.createElement("path",{d:"M6.51192 13.5837V12.2938H5.37202C5.10229 12.2938 4.88394 12.0467 4.88394 11.7415C4.88394 11.4363 5.10229 11.1892 5.37202 11.1892H6.51192V9.89929C6.51192 9.59406 6.73027 9.34699 7 9.34699C7.26973 9.34699 7.48808 9.59406 7.48808 9.89929V11.1892H8.62798L8.72655 11.2C8.94904 11.2516 9.11606 11.4745 9.11606 11.7415C9.11606 12.0085 8.94904 12.2314 8.72655 12.283L8.62798 12.2938H7.48808V13.5837C7.48808 13.8889 7.26973 14.136 7 14.136C6.73027 14.136 6.51192 13.8889 6.51192 13.5837ZM13.0238 1.60939C13.0238 1.51167 12.9895 1.41762 12.9285 1.34853C12.8674 1.27943 12.7843 1.24059 12.6979 1.24059H1.30207C1.21571 1.24059 1.1326 1.27943 1.07154 1.34853C1.01048 1.41762 0.976153 1.51167 0.976153 1.60939V5.29379C0.976153 5.3915 1.01048 5.48555 1.07154 5.55464C1.1326 5.62374 1.21571 5.66259 1.30207 5.66259H12.6979C12.7843 5.66259 12.8674 5.62374 12.9285 5.55464C12.9895 5.48555 13.0238 5.3915 13.0238 5.29379V1.60939ZM14 5.29379C14 5.68465 13.8635 6.05994 13.6192 6.33632C13.375 6.6127 13.0433 6.76719 12.6979 6.76719H1.30207C0.956653 6.76719 0.625007 6.6127 0.380763 6.33632C0.136519 6.05994 0 5.68465 0 5.29379V1.60939C0 1.21852 0.136519 0.843236 0.380763 0.566852C0.625007 0.290469 0.956653 0.135986 1.30207 0.135986H12.6979C13.0433 0.135986 13.375 0.290469 13.6192 0.566852C13.8635 0.843237 14 1.21852 14 1.60939V5.29379Z",fill:"currentColor"}))};AddRowAboveIcon.propTypes={className:_propTypes.default.string},_exports.default=AddRowAboveIcon,AddRowAboveIcon.__docgenInfo={description:"",methods:[],displayName:"AddRowAboveIcon",props:{className:{defaultValue:{value:'"madie-icon"',computed:!1},description:"",type:{name:"string"},required:!1}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/RichTextEditor/tableIcons/addRowBelowIcon.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js"),__webpack_require__("./node_modules/@mui/material/index.js")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes,_material){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes);var _excluded=["className"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}var AddRowBelowIcon=function AddRowBelowIcon(_ref){var _ref$className=_ref.className,className=void 0===_ref$className?"madie-icon":_ref$className,props=_objectWithoutProperties(_ref,_excluded);return _react.default.createElement(_material.SvgIcon,_extends({viewBox:"0 0 14 15",className},props),_react.default.createElement("path",{d:"M7.48808 0.688286L7.48808 1.97819L8.62798 1.97819C8.89771 1.97819 9.11606 2.22526 9.11606 2.53049C9.11606 2.83571 8.89771 3.08279 8.62798 3.08279L7.48808 3.08279L7.48808 4.37269C7.48808 4.67791 7.26973 4.92499 7 4.92499C6.73027 4.92499 6.51192 4.67791 6.51192 4.37269L6.51192 3.08279L5.37202 3.08279L5.27345 3.07199C5.05096 3.02041 4.88394 2.79751 4.88394 2.53049C4.88394 2.26346 5.05096 2.04057 5.27345 1.98898L5.37202 1.97819L6.51192 1.97819L6.51192 0.688286C6.51192 0.38306 6.73027 0.135986 7 0.135986C7.26973 0.135986 7.48808 0.38306 7.48808 0.688286ZM0.976153 12.6626C0.976153 12.7603 1.01048 12.8543 1.07154 12.9234C1.1326 12.9925 1.21571 13.0314 1.30207 13.0314L12.6979 13.0314C12.7843 13.0314 12.8674 12.9925 12.9285 12.9234C12.9895 12.8543 13.0238 12.7603 13.0238 12.6626L13.0238 8.97819C13.0238 8.88047 12.9895 8.78642 12.9285 8.71733C12.8674 8.64823 12.7843 8.60939 12.6979 8.60939L1.30207 8.60939C1.21571 8.60939 1.1326 8.64823 1.07154 8.71733C1.01048 8.78642 0.976153 8.88047 0.976153 8.97819L0.976153 12.6626ZM2.32514e-07 8.97819C2.66685e-07 8.58732 0.136518 8.21204 0.380763 7.93565C0.625008 7.65927 0.956654 7.50479 1.30207 7.50479L12.6979 7.50479C13.0433 7.50479 13.375 7.65927 13.6192 7.93565C13.8635 8.21204 14 8.58732 14 8.97819L14 12.6626C14 13.0535 13.8635 13.4287 13.6192 13.7051C13.375 13.9815 13.0433 14.136 12.6979 14.136L1.30207 14.136C0.956653 14.136 0.625008 13.9815 0.380763 13.7051C0.136518 13.4287 -1.23757e-07 13.0534 -8.95864e-08 12.6626L2.32514e-07 8.97819Z",fill:"currentColor"}))};AddRowBelowIcon.propTypes={className:_propTypes.default.string},_exports.default=AddRowBelowIcon,AddRowBelowIcon.__docgenInfo={description:"",methods:[],displayName:"AddRowBelowIcon",props:{className:{defaultValue:{value:'"madie-icon"',computed:!1},description:"",type:{name:"string"},required:!1}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/RichTextEditor/tableIcons/deleteColumnIcon.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js"),__webpack_require__("./node_modules/@mui/material/index.js")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes,_material){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes);var _excluded=["className"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}var DeleteColumnIcon=function DeleteColumnIcon(_ref){var _ref$className=_ref.className,className=void 0===_ref$className?"madie-icon":_ref$className,props=_objectWithoutProperties(_ref,_excluded);return _react.default.createElement(_material.SvgIcon,_extends({viewBox:"0 0 14 15",className},props),_react.default.createElement("path",{d:"M4.36904 8.34493C4.59167 8.55368 4.60294 8.90304 4.39423 9.12571C4.18548 9.34837 3.83613 9.35962 3.61346 9.15089L2.2723 7.89248L0.930249 9.15089L0.841198 9.21925C0.622265 9.35369 0.332058 9.32046 0.149482 9.12571C-0.0331036 8.93095 -0.0473761 8.6393 0.100909 8.42948L0.174668 8.34493L1.46455 7.13599L0.174668 5.92704C-0.0480028 5.71829 -0.0592719 5.36894 0.149482 5.14627C0.358236 4.92359 0.707578 4.91232 0.930249 5.12108L2.2723 6.3786L3.61346 5.12108L3.70251 5.05272C3.92144 4.91832 4.21166 4.95153 4.39423 5.14627C4.57678 5.34102 4.59106 5.63268 4.4428 5.84249L4.36904 5.92704L3.08006 7.13599L4.36904 8.34493ZM12.5878 13.0314C12.6803 13.0314 12.7628 12.9959 12.8181 12.9441C12.8719 12.8935 12.8954 12.8329 12.8954 12.7777L12.8954 1.49425C12.8954 1.43908 12.8719 1.37846 12.8181 1.32784C12.7628 1.27604 12.6803 1.24059 12.5878 1.24059L9.14899 1.24059C9.05659 1.24066 8.97481 1.2761 8.91962 1.32784C8.8656 1.3785 8.84226 1.43901 8.84226 1.49425L8.84226 12.7777C8.84226 12.833 8.8656 12.8935 8.91962 12.9441C8.97481 12.9959 9.05659 13.0313 9.14899 13.0314L12.5878 13.0314ZM9.14899 14.136C8.78562 14.1359 8.43026 14.0014 8.16314 13.751C7.89477 13.4994 7.73677 13.15 7.73677 12.7777L7.73677 1.49425C7.73677 1.12202 7.89477 0.772603 8.16314 0.520977C8.43026 0.270548 8.78562 0.13606 9.14899 0.135986L12.5878 0.135986C12.9512 0.135986 13.3065 0.270616 13.5736 0.520977C13.842 0.772608 14 1.12199 14 1.49425L14 12.7777C14 13.15 13.842 13.4994 13.5736 13.751C13.3065 14.0014 12.9512 14.136 12.5878 14.136L9.14899 14.136Z",fill:"#currentColor"}))};DeleteColumnIcon.propTypes={className:_propTypes.default.string},_exports.default=DeleteColumnIcon,DeleteColumnIcon.__docgenInfo={description:"",methods:[],displayName:"DeleteColumnIcon",props:{className:{defaultValue:{value:'"madie-icon"',computed:!1},description:"",type:{name:"string"},required:!1}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/RichTextEditor/tableIcons/deleteRowIcon.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js"),__webpack_require__("./node_modules/@mui/material/index.js")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes,_material){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes);var _excluded=["className"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}var DeleteRowIcon=function DeleteRowIcon(_ref){var _ref$className=_ref.className,className=void 0===_ref$className?"madie-icon":_ref$className,props=_objectWithoutProperties(_ref,_excluded);return _react.default.createElement(_material.SvgIcon,_extends({viewBox:"0 0 14 15",className},props),_react.default.createElement("path",{d:"M8.20894 9.76694C8.41769 9.54431 8.76706 9.53304 8.98972 9.74176C9.21238 9.9505 9.22363 10.2999 9.01491 10.5225L7.75649 11.8637L9.01491 13.2057L9.08327 13.2948C9.2177 13.5137 9.18447 13.8039 8.98972 13.9865C8.79496 14.1691 8.50332 14.1834 8.2935 14.0351L8.20894 13.9613L7 12.6714L5.79106 13.9613C5.5823 14.184 5.23295 14.1953 5.01028 13.9865C4.78761 13.7778 4.77634 13.4284 4.98509 13.2057L6.24261 11.8637L4.98509 10.5225L4.91673 10.4335C4.78233 10.2145 4.81554 9.92432 5.01028 9.74176C5.20503 9.55921 5.4967 9.54493 5.7065 9.69319L5.79106 9.76694L7 11.0559L8.20894 9.76694ZM12.8954 1.5482C12.8954 1.45568 12.8599 1.37318 12.8081 1.31793C12.7575 1.26405 12.6969 1.24057 12.6417 1.24057H1.35826C1.30309 1.24057 1.24248 1.26405 1.19185 1.31793C1.14006 1.37318 1.1046 1.45568 1.1046 1.5482V4.987C1.10468 5.0794 1.14011 5.16118 1.19185 5.21637C1.24251 5.27039 1.30302 5.29373 1.35826 5.29373H12.6417C12.697 5.29373 12.7575 5.27039 12.8081 5.21637C12.8599 5.16118 12.8953 5.0794 12.8954 4.987V1.5482ZM14 4.987C13.9999 5.35037 13.8654 5.70573 13.615 5.97285C13.3634 6.24122 13.014 6.39921 12.6417 6.39921H1.35826C0.986029 6.39921 0.636617 6.24122 0.384991 5.97285C0.134562 5.70573 7.42534e-05 5.35037 0 4.987V1.5482C0 1.18483 0.13463 0.829519 0.384991 0.56235C0.636621 0.293947 0.986002 0.135986 1.35826 0.135986H12.6417C13.014 0.135986 13.3634 0.293947 13.615 0.56235C13.8654 0.82952 14 1.18483 14 1.5482V4.987Z",fill:"#currentColor"}))};DeleteRowIcon.propTypes={className:_propTypes.default.string},_exports.default=DeleteRowIcon,DeleteRowIcon.__docgenInfo={description:"",methods:[],displayName:"DeleteRowIcon",props:{className:{defaultValue:{value:'"madie-icon"',computed:!1},description:"",type:{name:"string"},required:!1}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/RichTextEditor/tableIcons/deleteTableIcon.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js"),__webpack_require__("./node_modules/@mui/material/index.js")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes,_material){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes);var _excluded=["className"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}var DeleteTableIcon=function DeleteTableIcon(_ref){var _ref$className=_ref.className,className=void 0===_ref$className?"madie-icon":_ref$className,props=_objectWithoutProperties(_ref,_excluded);return _react.default.createElement(_material.SvgIcon,_extends({viewBox:"0 0 14 15",className},props),_react.default.createElement("path",{d:"M5.15988 11.006C5.36988 11.186 5.68988 11.176 5.87988 10.986L6.99988 9.84596L8.11988 10.986L8.19988 11.056C8.38988 11.186 8.65988 11.176 8.83988 11.016C9.01988 10.856 9.04988 10.596 8.92988 10.406L8.86988 10.326L7.70988 9.14596L8.86988 7.96596C9.05988 7.76596 9.04988 7.46596 8.84988 7.27596C8.64988 7.08596 8.31988 7.10596 8.12988 7.29596L7.00988 8.42596L5.88988 7.29596L5.80988 7.23596C5.61988 7.10596 5.34988 7.11596 5.16988 7.27596C4.98988 7.43596 4.95988 7.69596 5.07988 7.88596L5.13988 7.96596L6.29988 9.14596L5.13988 10.326C4.94988 10.526 4.95988 10.826 5.15988 11.016V11.006Z",fill:"currentColor"}),_react.default.createElement("path",{d:"M13.6 0.135986H0.4C0.17 0.195986 0 0.395986 0 0.635986V13.736C0.05 13.936 0.2 14.086 0.4 14.126H13.6C13.8 14.076 13.95 13.926 13.99 13.726V0.625986C13.99 0.385986 13.82 0.185986 13.59 0.135986H13.6ZM12.9 13.026H1.1V5.12599H12.9V13.026ZM12.9 4.12599H1.1V1.23599H12.9V4.13599V4.12599Z",fill:"currentColor"}))};DeleteTableIcon.propTypes={className:_propTypes.default.string},_exports.default=DeleteTableIcon,DeleteTableIcon.__docgenInfo={description:"",methods:[],displayName:"DeleteTableIcon",props:{className:{defaultValue:{value:'"madie-icon"',computed:!1},description:"",type:{name:"string"},required:!1}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/RichTextEditor/tableIcons/tabelIconsIndex.js"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./components/RichTextEditor/tableIcons/deleteTableIcon.jsx"),__webpack_require__("./components/RichTextEditor/tableIcons/addRowBelowIcon.jsx"),__webpack_require__("./components/RichTextEditor/tableIcons/addRowAboveIcon.jsx"),__webpack_require__("./components/RichTextEditor/tableIcons/deleteRowIcon.jsx"),__webpack_require__("./components/RichTextEditor/tableIcons/addColumnLeftIcon.jsx"),__webpack_require__("./components/RichTextEditor/tableIcons/addColumnRightIcon.jsx"),__webpack_require__("./components/RichTextEditor/tableIcons/deleteColumnIcon.jsx")],void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof(__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_deleteTableIcon,_addRowBelowIcon,_addRowAboveIcon,_deleteRowIcon,_addColumnLeftIcon,_addColumnRightIcon,_deleteColumnIcon){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(_exports,"__esModule",{value:!0}),Object.defineProperty(_exports,"AddColumnLeftIcon",{enumerable:!0,get:function get(){return _addColumnLeftIcon.default}}),Object.defineProperty(_exports,"AddColumnRightIcon",{enumerable:!0,get:function get(){return _addColumnRightIcon.default}}),Object.defineProperty(_exports,"AddRowAboveIcon",{enumerable:!0,get:function get(){return _addRowAboveIcon.default}}),Object.defineProperty(_exports,"AddRowBelowIcon",{enumerable:!0,get:function get(){return _addRowBelowIcon.default}}),Object.defineProperty(_exports,"DeleteColumnIcon",{enumerable:!0,get:function get(){return _deleteColumnIcon.default}}),Object.defineProperty(_exports,"DeleteRowIcon",{enumerable:!0,get:function get(){return _deleteRowIcon.default}}),Object.defineProperty(_exports,"DeleteTableIcon",{enumerable:!0,get:function get(){return _deleteTableIcon.default}}),_deleteTableIcon=_interopRequireDefault(_deleteTableIcon),_addRowBelowIcon=_interopRequireDefault(_addRowBelowIcon),_addRowAboveIcon=_interopRequireDefault(_addRowAboveIcon),_deleteRowIcon=_interopRequireDefault(_deleteRowIcon),_addColumnLeftIcon=_interopRequireDefault(_addColumnLeftIcon),_addColumnRightIcon=_interopRequireDefault(_addColumnRightIcon),_deleteColumnIcon=_interopRequireDefault(_deleteColumnIcon)})?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}}]);
+//# sourceMappingURL=2902.1a427f9a.iframe.bundle.js.map

package/storybook-static/2902.1a427f9a.iframe.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2902.7d4e273a.iframe.bundle.js","mappings":"AAIA","sources":["webpack://@madie/madie-design-system/./components/InputLabel/index.jsx","webpack://@madie/madie-design-system/./components/RichTextEditor/index.jsx","webpack://@madie/madie-design-system/./components/RichTextEditor/tableIcons/addColumnLeftIcon.jsx","webpack://@madie/madie-design-system/./components/RichTextEditor/tableIcons/addColumnRightIcon.jsx","webpack://@madie/madie-design-system/./components/RichTextEditor/tableIcons/addRowAboveIcon.jsx","webpack://@madie/madie-design-system/./components/RichTextEditor/tableIcons/addRowBelowIcon.jsx","webpack://@madie/madie-design-system/./components/RichTextEditor/tableIcons/deleteColumnIcon.jsx","webpack://@madie/madie-design-system/./components/RichTextEditor/tableIcons/deleteRowIcon.jsx","webpack://@madie/madie-design-system/./components/RichTextEditor/tableIcons/deleteTableIcon.jsx"],"sourcesContent":["import React from \"react\";\nimport { InputLabel as MUIInputLabel } from \"@mui/material\";\nimport PropTypes from \"prop-types\";\n\nconst Label = ({ required, disabled, error, ...rest }) => {\n    return (\n        <MUIInputLabel\n            required={required}\n            disabled={disabled}\n            error={error}\n            sx={[\n                {\n                    backgroundColor: \"transparent\",\n                    display: \"flex\",\n                    flexDirection: \"row-reverse\",\n                    alignSelf: \"baseline\",\n                    textTransform: \"none\",\n                    // force it outside the select box\n                    position: \"initial\",\n                    transform: \"translateX(0px) translateY(0px)\",\n                    fontFamily: \"Rubik\",\n                    fontWeight: 500,\n                    fontSize: 14,\n                    color: \"#333\",\n                    \"& .MuiInputLabel-asterisk\": {\n                        color: \"#AE1C1C !important\",\n                        marginRight: \"3px !important\", //this was\n                    },\n                },\n                required && {\n                    transform: \"translateX(-12px) translateY(0px)\",\n                    \"& .MuiInputLabel-asterisk\": {\n                        color: \"#D92F2\",\n                        marginRight: \"3px !important\", //this was\n                    },\n                },\n                disabled && {\n                    color: \"#333333 !important\",\n                },\n                error && {\n                    color: \"#AE1C1C !important\",\n                },\n            ]}\n            {...rest}\n        />\n    );\n};\nLabel.propTypes = {\n    required: PropTypes.bool.isRequired,\n    disabled: PropTypes.bool.isRequired,\n    error: PropTypes.bool,\n};\nexport default Label;\n","import React from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport { EditorContent, useEditor } from \"@tiptap/react\";\nimport InputLabel from \"../InputLabel\";\n\nimport Gapcursor from \"@tiptap/extension-gapcursor\";\nimport Table from \"@tiptap/extension-table\";\nimport TableCell from \"@tiptap/extension-table-cell\";\nimport TableHeader from \"@tiptap/extension-table-header\";\nimport TableRow from \"@tiptap/extension-table-row\";\nimport Underline from \"@tiptap/extension-underline\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport { IconButton, FormHelperText } from \"@mui/material\";\nimport TableChartIcon from \"@mui/icons-material/TableChart\";\nimport FormatBoldIcon from \"@mui/icons-material/FormatBold\";\nimport FormatItalicIcon from \"@mui/icons-material/FormatItalic\";\nimport FormatUnderlinedIcon from \"@mui/icons-material/FormatUnderlined\";\nimport StrikethroughSIcon from \"@mui/icons-material/StrikethroughS\";\nimport FormatListBulletedIcon from \"@mui/icons-material/FormatListBulleted\";\nimport FormatListNumberedIcon from \"@mui/icons-material/FormatListNumbered\";\nimport UndoIcon from \"@mui/icons-material/Undo\";\nimport RedoIcon from \"@mui/icons-material/Redo\";\nimport { Tooltip } from \"@mui/material\";\nimport { kebabCase } from \"lodash\";\nimport DOMPurify from \"dompurify\";\nimport { Strike } from \"@tiptap/extension-strike\";\nimport {\n  DeleteTableIcon,\n  AddRowBelowIcon,\n  AddRowAboveIcon,\n  DeleteRowIcon,\n  AddColumnLeftIcon,\n  AddColumnRightIcon,\n  DeleteColumnIcon,\n} from \"./tableIcons/tabelIconsIndex.js\";\n\nconst iconStyle = {\n  fontSize: \"18px\",\n  display: \"block\",\n};\n\nexport const MenuBar = ({editor, disabled, id}) => {\n  if (!editor) {\n    return null;\n  }\n  return (\n    <div\n      className=\"control-group\"\n      role=\"toolbar\"\n      aria-label=\"Text formatting toolbar\"\n      data-testid={`${id}-rich-text-editor-toolbar`}\n      id={`${id}-rich-text-editor-toolbar`}\n    >\n      <div className=\"button-group\">\n        <Tooltip\n          data-testid={`${id}-undo-tooltip`}\n          title=\"Undo\"\n          placement=\"top\"\n          enterDelay={1000}\n          arrow\n        >\n          <IconButton\n            key={\"undo\"}\n            onClick={() =>\n              editor.chain().focus().undo().run()\n            }\n            data-testId={`${id}-undo-button`}\n          >\n            <UndoIcon/>\n          </IconButton>\n        </Tooltip>\n        <Tooltip\n          data-testid={`${id}-redo-tooltip`}\n          title=\"Redo\"\n          placement=\"top\"\n          enterDelay={1000}\n          arrow\n        >\n          <IconButton\n            key={\"redo\"}\n            onClick={() =>\n              editor.chain().focus().redo().run()\n            }\n            style={{borderRight: \"solid 1px #9c9c9c\"}}\n            data-testId={`${id}-redo-button`}\n          >\n            <RedoIcon/>\n          </IconButton>\n        </Tooltip>\n        <Tooltip\n          data-testid={`${id}-bold-tooltip`}\n          title=\"Bold\"\n          placement=\"top\"\n          enterDelay={1000}\n          arrow\n        >\n          <IconButton\n            key={\"bold\"}\n            onClick={() =>\n              editor.chain().focus().toggleBold().run()\n            }\n            aria-label=\"Bold\"\n            aria-pressed={editor.isActive(\"bold\")}\n            className={editor.isActive(\"bold\") ? \"is-active\" : \"\"}\n            disabled={disabled}\n            type=\"button\"\n            data-testId={`${id}-add-bold-button`}\n          >\n            <FormatBoldIcon/>\n          </IconButton>\n        </Tooltip>\n        <Tooltip\n          data-testid={`${id}-italic-tooltip`}\n          title=\"Italic\"\n          placement=\"top\"\n          enterDelay={1000}\n          arrow\n        >\n          <IconButton\n            key={\"italic\"}\n            onClick={() =>\n              editor.chain().focus().toggleItalic().run()\n            }\n            aria-label=\"Italic\"\n            aria-pressed={editor.isActive(\"italic\")}\n            className={editor.isActive(\"italic\") ? \"is-active\" : \"\"}\n            disabled={disabled}\n            type=\"button\"\n            data-testId={`${id}-add-italic-button`}\n          >\n            <FormatItalicIcon/>\n          </IconButton>\n        </Tooltip>\n        <Tooltip\n          data-testid={`${id}-underline-tooltip`}\n          title=\"Underline\"\n          placement=\"top\"\n          enterDelay={1000}\n          arrow\n        >\n          <IconButton\n            key={\"underline\"}\n            onClick={() =>\n              editor.chain().focus().toggleUnderline().run()\n            }\n            aria-label=\"Underline\"\n            aria-pressed={editor.isActive(\"underline\")}\n            className={\n              editor.isActive(\"underline\") ? \"is-active\" : \"\"\n            }\n            disabled={disabled}\n            type=\"button\"\n            data-testId={`${id}-add-underline-button`}\n          >\n            <FormatUnderlinedIcon/>\n          </IconButton>\n        </Tooltip>\n        <Tooltip\n          data-testid={`${id}-strikethrough-tooltip`}\n          title=\"Strikethrough\"\n          placement=\"top\"\n          enterDelay={1000}\n          arrow\n        >\n          <IconButton\n            key={\"strike\"}\n            onClick={() =>\n              editor.chain().focus().toggleStrike().run()\n            }\n            aria-label=\"Strikethrough\"\n            aria-pressed={editor.isActive(\"strike\")}\n            className={editor.isActive(\"strike\") ? \"is-active\" : \"\"}\n            style={{borderRight: \"solid 1px #9c9c9c\"}}\n            disabled={disabled}\n            type=\"button\"\n            data-testId={`${id}-add-strikethrough-button`}\n          >\n            <StrikethroughSIcon/>\n          </IconButton>\n        </Tooltip>\n        <Tooltip\n          data-testid={`${id}-orderedlist-tooltip`}\n          title=\"Ordered List\"\n          placement=\"top\"\n          enterDelay={1000}\n          arrow\n        >\n          <IconButton\n            key={\"orderedList\"}\n            onClick={() =>\n              editor.chain().focus().toggleOrderedList().run()\n            }\n            aria-label=\"Ordered List\"\n            aria-pressed={editor.isActive(\"orderedList\")}\n            className={\n              editor.isActive(\"orderedList\") ? \"is-active\" : \"\"\n            }\n            disabled={disabled}\n            type=\"button\"\n            data-testId={`${id}-add-ordered-list-button`}\n          >\n            <FormatListNumberedIcon/>\n          </IconButton>\n        </Tooltip>\n        <Tooltip\n          data-testid={`${id}-bulletedlist-tooltip`}\n          title=\"Bulleted List\"\n          placement=\"top\"\n          enterDelay={1000}\n          arrow\n        >\n          <IconButton\n            key={\"bulletList\"}\n            onClick={() =>\n              editor.chain().focus().toggleBulletList().run()\n            }\n            aria-label=\"Bulleted List\"\n            aria-pressed={editor.isActive(\"bulletList\")}\n            className={\n              editor.isActive(\"bulletList\") ? \"is-active\" : \"\"\n            }\n            style={{borderRight: \"solid 1px #9c9c9c\"}}\n            disabled={disabled}\n            type=\"button\"\n            data-testId={`${id}-add-bulleted-list-button`}\n          >\n            <FormatListBulletedIcon/>\n          </IconButton>\n        </Tooltip>\n        <Tooltip\n          data-testid={`${id}-table-tooltip`}\n          title=\"Table\"\n          placement=\"top\"\n          enterDelay={1000}\n          arrow\n        >\n          <IconButton\n            key={\"insertTable\"}\n            onClick={() =>\n              editor.commands.insertTable({\n                rows: 3,\n                cols: 3,\n                withHeaderRow: true,\n              })\n            }\n            aria-label=\"Insert Table\"\n            className={\n              editor.isActive(\"insertTable\") ? \"is-active\" : \"\"\n            }\n            disabled={disabled}\n            type=\"button\"\n            data-testId={`${id}-insert-table-button`}\n          >\n\n            <TableChartIcon/>\n          </IconButton>\n        </Tooltip>\n        {editor.isActive(\"table\") && (\n          <>\n            <Tooltip\n              data-testid={`${id}-add-row-above-tooltip`}\n              title=\"Add row above\"\n              placement=\"top\"\n              enterDelay={1000}\n              arrow\n            >\n              <IconButton \n                key=\"addRowAbove\"\n                onClick={() => editor.chain().focus().addRowBefore().run()}\n                data-testId={`${id}-add-row-above-button`}\n              >\n                <AddRowAboveIcon style={iconStyle}/>\n              </IconButton>\n            </Tooltip>\n            <Tooltip\n              data-testid={`${id}-add-row-below-tooltip`}\n              title=\"Add row below\"\n              placement=\"top\"\n              enterDelay={1000}\n              arrow\n            >\n              <IconButton\n                key=\"addRowBelow\"\n                data-testId={`${id}-add-row-below-button`}\n                onClick={() => editor.chain().focus().addRowAfter().run()}\n              >\n                <AddRowBelowIcon style={iconStyle}/>\n              </IconButton>\n            </Tooltip>\n\n            <Tooltip\n              data-testid={`${id}-remove-row-tooltip`}\n              title=\"Remove row\"\n              placement=\"top\"\n              enterDelay={1000}\n              arrow\n            >\n              <IconButton\n                key=\"deleteRow\"\n                data-testId={`${id}-delete-row-below-button`}\n                onClick={() => editor.chain().focus().deleteRow().run()}\n              >\n                <DeleteRowIcon style={iconStyle}/>\n              </IconButton>\n            </Tooltip>\n            <Tooltip\n              data-testid={`${id}-add-column-right-tooltip`}\n              title=\"Add column right\"\n              placement=\"top\"\n              enterDelay={1000}\n              arrow\n            >\n              <IconButton\n                key=\"addColumnRight\"\n                data-testId={`${id}-add-column-right-button`}\n                onClick={() => editor.chain().focus().addColumnAfter().run()}\n              >\n                <AddColumnRightIcon style={iconStyle}/>\n              </IconButton>\n            </Tooltip>\n            <Tooltip\n              data-testid={`${id}-add-column-left-tooltip`}\n              title=\"Add column left\"\n              placement=\"top\"\n              enterDelay={1000}\n              arrow\n            >\n              <IconButton\n                key=\"addColumnLeft\"\n                onClick={() => editor.chain().focus().addColumnBefore().run()}\n                data-testId={`${id}-add-column-left-button`}\n              >\n                <AddColumnLeftIcon style={iconStyle}/>\n              </IconButton>\n            </Tooltip>\n\n            <Tooltip\n              data-testid={`${id}-remove-column-tooltip`}\n              title=\"Remove column\"\n              placement=\"top\"\n              enterDelay={1000}\n              arrow\n            >\n              <IconButton\n                key=\"deleteColumn\"\n                onClick={() => editor.chain().focus().deleteColumn().run()}\n                data-testId={`${id}-delete-column-right-button`}\n              >\n                <DeleteColumnIcon style={iconStyle}/>\n              </IconButton>\n            </Tooltip>\n\n            <Tooltip\n              data-testid={`${id}-remove-table-tooltip`}\n              title=\"Remove table\"\n              placement=\"top\"\n              enterDelay={1000}\n              arrow\n            >\n              <IconButton\n                key=\"deleteTable\"\n                onClick={() => editor.chain().focus().deleteTable().run()}\n                data-testId={`${id}-delete-table-button`}\n                style={{borderRight: \"solid 1px #9c9c9c\"}}\n              >\n                <DeleteTableIcon style={iconStyle}/>\n              </IconButton>\n            </Tooltip>\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n\nconst RichTextEditor = ({\n  name,\n  id,\n  error = false,\n  helperText,\n  required = false,\n  label,\n  onChange,\n  onBlur,\n  content,\n  disabled = false,\n  readOnly = false,\n}) => {\n  const labelStyles = [\n    {\n      backgroundColor: \"transparent\",\n      borderColor: \"#8C8C8C\",\n      display: \"inline-flex\",\n      flexDirection: \"row-reverse\",\n      alignSelf: \"baseline\",\n      textTransform: \"none\",\n      // force it outside the select box\n      position: \"initial\",\n      transform: \"translateX(0px) translateY(0px)\",\n      fontFamily: \"Rubik\",\n      fontWeight: 500,\n      fontSize: 14,\n      color: \"#333\",\n      \"& .MuiInputLabel-asterisk\": {\n        color: \"#AE1C1C !important\",\n        marginRight: \"3px !important\", //this was\n      },\n    },\n    required && {\n      transform: \"translateX(-12px) translateY(0px)\",\n      \"& .MuiInputLabel-asterisk\": {\n        color: \"#D92F2\",\n        marginRight: \"3px !important\", //this was\n      },\n    },\n    error && {\n      color: \"#AE1C1C !important\",\n    },\n  ];\n\n  if (readOnly) {\n    return (\n      <div className=\"rich-text-editor\" data-testid={`${kebabCase(id)}-rich-text-editor`}>\n        <InputLabel\n          id={`${id}-label`}\n          data-testid={`${id}-label`}\n          shrink\n          required={required}\n          error={error}\n          htmlFor={id}\n          style={{marginBottom: 0, height: 16}} // force a height\n          sx={labelStyles}\n          disabled={false}\n        >\n          {label}\n        </InputLabel>\n        <p\n          className=\"rich-text-editor_read_only\"\n          data-testid={`${id}-value`}\n          aria-labelledby={`${id}-label`}\n          dangerouslySetInnerHTML={{\n            __html: content ? DOMPurify.sanitize(content) : \"-\",\n          }}\n        />\n      </div>\n    );\n  }\n\n  \n    const editor = useEditor({\n      parseOptions: {\n        preserveWhitespace: 'full',\n      },\n      extensions: [\n        StarterKit,\n        Gapcursor,\n        Table.configure({\n          resizable: true,\n          HTMLAttributes: {\n            class: \"rich-text-table\",\n          },\n        }),\n        TableRow,\n        TableHeader,\n        TableCell,\n        Underline,\n        Strike.extend({\n          strike: false, // disable default strike through\n          renderHTML({HTMLAttributes}) {\n            return [\"del\", HTMLAttributes, 0];\n          },\n        }),\n      ],\n      editorProps: {\n        attributes: {\n        tabIndex: '0',\n        role: 'textbox',\n        id,\n        'data-testid': `${id}-rich-text-editor-content`,\n        'aria-invalid': error ? \"true\" : undefined,\n        'aria-labelledby': `${id}-label`,\n        'aria-describedby': helperText ? `${id}-helper-text` : undefined,\n        'aria-multiline': \"true\",\n        'aria-required': required ? \"true\" : undefined,\n        'className': `${error ? \"has-error\" : \"\"}`\n        },\n      },\n      shouldRerenderOnTransaction: false,\n      content,\n      editable: !disabled,\n      onUpdate: ({editor}) => {\n        const newValue = editor.getHTML();\n        onChange?.(newValue);\n      },\n    });\n\n  React.useEffect(() => {\n    if (editor && content !== editor.getHTML()) {\n      editor.commands.setContent(content, false, {preserveWhitespace: \"full\"});\n    }\n    if (editor) {\n      editor.setEditable(!disabled);\n    }\n  }, [content, editor, disabled]);\n\n  React.useEffect(() => {\n    if (!editor || !onBlur || !name) return;\n\n    const handleBlur = () => {\n      onBlur({target: {name}});\n    };\n\n    editor.on(\"blur\", handleBlur);\n\n    return () => {\n      editor.off(\"blur\", handleBlur);\n    };\n  }, [editor, onBlur, name]);\n\n  return (\n    <div\n      className=\"rich-text-editor\"\n      data-testid={`${kebabCase(id)}-rich-text-editor`}\n    >\n      <InputLabel\n        id={`${id}-label`}\n        data-testid={`${id}-label`}\n        shrink\n        required={required}\n        error={error}\n        htmlFor={id}\n        style={{marginBottom: 0, height: 16}} // force a height\n        sx={labelStyles}\n        disabled={disabled}\n      >\n        {label}\n      </InputLabel>\n      {helperText ? (\n        <FormHelperText\n          tabIndex={0}\n          aria-live=\"polite\"\n          id={`${id}-helper-text`}\n          data-testid={`${id}-helper-text`}\n          sx={[\n            {\n              margin: \"4px 0px 0px 0px\",\n              color: \"#515151\",\n              lineHeight: 1,\n            },\n            error && {\n              color: \"#AE1C1C !important\",\n            },\n          ]}\n        >\n          {helperText}\n        </FormHelperText>\n        ) : null}\n      <>\n        <MenuBar editor={editor} disabled={disabled} id={id}/>\n        <EditorContent\n          editor={editor}\n        />\n      </>\n    </div>\n  );\n};\n\nRichTextEditor.propTypes = {\n  id: PropTypes.string,\n  name: PropTypes.string,\n  error: PropTypes.bool,\n  helperText: PropTypes.string,\n  required: PropTypes.bool,\n  label: PropTypes.string,\n  onChange: PropTypes.func,\n  onBlur: PropTypes.func,\n  content: PropTypes.any,\n  disabled: PropTypes.bool,\n  readOnly: PropTypes.bool,\n};\n\nMenuBar.propTypes = {\n  editor: PropTypes.any,\n  disabled: PropTypes.bool,\n  id: PropTypes.string,\n};\n\nexport default RichTextEditor;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { SvgIcon } from \"@mui/material\";\n\nconst AddColumnLeftIcon = ({ className = \"madie-icon\", ...props }) => {\n  return (\n    <SvgIcon viewBox=\"0 0 14 15\" className={className} {...props}>\n      <path\n        d=\"M13.5837 7.48808H12.2938V8.62798C12.2938 8.89771 12.0467 9.11606 11.7415 9.11606C11.4363 9.11606 11.1892 8.89771 11.1892 8.62798V7.48808H9.89929C9.59406 7.48808 9.34699 7.26973 9.34699 7C9.34699 6.73027 9.59406 6.51192 9.89929 6.51192H11.1892V5.37202L11.2 5.27345C11.2516 5.05096 11.4745 4.88394 11.7415 4.88394C12.0085 4.88394 12.2314 5.05096 12.283 5.27345L12.2938 5.37202V6.51192H13.5837C13.8889 6.51192 14.136 6.73027 14.136 7C14.136 7.26973 13.8889 7.48808 13.5837 7.48808ZM1.60939 0.976153C1.51167 0.976153 1.41762 1.01048 1.34853 1.07154C1.27943 1.1326 1.24059 1.21571 1.24059 1.30207V12.6979C1.24059 12.7843 1.27943 12.8674 1.34853 12.9285C1.41762 12.9895 1.51167 13.0238 1.60939 13.0238H5.29379C5.3915 13.0238 5.48555 12.9895 5.55464 12.9285C5.62374 12.8674 5.66259 12.7843 5.66259 12.6979V1.30207C5.66259 1.21571 5.62374 1.1326 5.55464 1.07154C5.48555 1.01048 5.3915 0.976153 5.29379 0.976153H1.60939ZM5.29379 0C5.68465 0 6.05994 0.136519 6.33632 0.380763C6.6127 0.625008 6.76719 0.956654 6.76719 1.30207V12.6979C6.76719 13.0433 6.6127 13.375 6.33632 13.6192C6.05994 13.8635 5.68465 14 5.29379 14H1.60939C1.21852 14 0.843236 13.8635 0.566852 13.6192C0.290469 13.375 0.135986 13.0433 0.135986 12.6979V1.30207C0.135986 0.956654 0.290469 0.625008 0.566852 0.380763C0.843237 0.136519 1.21852 0 1.60939 0H5.29379Z\"\n        fill=\"currentColor\"\n      />\n    </SvgIcon>\n  );\n};\n\nAddColumnLeftIcon.propTypes = {\n  className: PropTypes.string,\n};\n\nexport default AddColumnLeftIcon;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { SvgIcon } from \"@mui/material\";\n\nconst AddColumnRightIcon = ({ className = \"madie-icon\", ...props }) => {\n  return (\n    <SvgIcon viewBox=\"0 0 14 15\" className={className} {...props}>\n      <path\n        d=\"M0.688286 6.51192H1.97819V5.37202C1.97819 5.10229 2.22526 4.88394 2.53049 4.88394C2.83571 4.88394 3.08279 5.10229 3.08279 5.37202V6.51192H4.37269C4.67791 6.51192 4.92499 6.73027 4.92499 7C4.92499 7.26973 4.67791 7.48808 4.37269 7.48808H3.08279V8.62798L3.07199 8.72655C3.02041 8.94904 2.79751 9.11606 2.53049 9.11606C2.26346 9.11606 2.04057 8.94904 1.98898 8.72655L1.97819 8.62798V7.48808H0.688286C0.38306 7.48808 0.135986 7.26973 0.135986 7C0.135986 6.73027 0.38306 6.51192 0.688286 6.51192ZM12.6626 13.0238C12.7603 13.0238 12.8543 12.9895 12.9234 12.9285C12.9925 12.8674 13.0314 12.7843 13.0314 12.6979V1.30207C13.0314 1.21571 12.9925 1.1326 12.9234 1.07154C12.8543 1.01048 12.7603 0.976153 12.6626 0.976153H8.97819C8.88047 0.976153 8.78642 1.01048 8.71733 1.07154C8.64823 1.1326 8.60939 1.21571 8.60939 1.30207V12.6979C8.60939 12.7843 8.64823 12.8674 8.71733 12.9285C8.78642 12.9895 8.88047 13.0238 8.97819 13.0238H12.6626ZM8.97819 14C8.58732 14 8.21204 13.8635 7.93565 13.6192C7.65927 13.375 7.50479 13.0433 7.50479 12.6979V1.30207C7.50479 0.956653 7.65927 0.625007 7.93565 0.380763C8.21204 0.136519 8.58732 0 8.97819 0H12.6626C13.0535 0 13.4287 0.136519 13.7051 0.380763C13.9815 0.625007 14.136 0.956653 14.136 1.30207V12.6979C14.136 13.0433 13.9815 13.375 13.7051 13.6192C13.4287 13.8635 13.0534 14 12.6626 14H8.97819Z\"\n        fill=\"currentColor\"\n      />\n    </SvgIcon>\n  );\n};\n\nAddColumnRightIcon.propTypes = {\n  className: PropTypes.string,\n};\n\nexport default AddColumnRightIcon;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { SvgIcon } from \"@mui/material\";\n\nconst AddRowAboveIcon = ({ className = \"madie-icon\", ...props }) => {\n  return (\n    <SvgIcon viewBox=\"0 0 14 15\" className={className} {...props}>\n      <path\n        d=\"M6.51192 13.5837V12.2938H5.37202C5.10229 12.2938 4.88394 12.0467 4.88394 11.7415C4.88394 11.4363 5.10229 11.1892 5.37202 11.1892H6.51192V9.89929C6.51192 9.59406 6.73027 9.34699 7 9.34699C7.26973 9.34699 7.48808 9.59406 7.48808 9.89929V11.1892H8.62798L8.72655 11.2C8.94904 11.2516 9.11606 11.4745 9.11606 11.7415C9.11606 12.0085 8.94904 12.2314 8.72655 12.283L8.62798 12.2938H7.48808V13.5837C7.48808 13.8889 7.26973 14.136 7 14.136C6.73027 14.136 6.51192 13.8889 6.51192 13.5837ZM13.0238 1.60939C13.0238 1.51167 12.9895 1.41762 12.9285 1.34853C12.8674 1.27943 12.7843 1.24059 12.6979 1.24059H1.30207C1.21571 1.24059 1.1326 1.27943 1.07154 1.34853C1.01048 1.41762 0.976153 1.51167 0.976153 1.60939V5.29379C0.976153 5.3915 1.01048 5.48555 1.07154 5.55464C1.1326 5.62374 1.21571 5.66259 1.30207 5.66259H12.6979C12.7843 5.66259 12.8674 5.62374 12.9285 5.55464C12.9895 5.48555 13.0238 5.3915 13.0238 5.29379V1.60939ZM14 5.29379C14 5.68465 13.8635 6.05994 13.6192 6.33632C13.375 6.6127 13.0433 6.76719 12.6979 6.76719H1.30207C0.956653 6.76719 0.625007 6.6127 0.380763 6.33632C0.136519 6.05994 0 5.68465 0 5.29379V1.60939C0 1.21852 0.136519 0.843236 0.380763 0.566852C0.625007 0.290469 0.956653 0.135986 1.30207 0.135986H12.6979C13.0433 0.135986 13.375 0.290469 13.6192 0.566852C13.8635 0.843237 14 1.21852 14 1.60939V5.29379Z\"\n        fill=\"currentColor\"\n      />\n    </SvgIcon>\n  );\n};\n\nAddRowAboveIcon.propTypes = {\n  className: PropTypes.string,\n};\n\nexport default AddRowAboveIcon;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { SvgIcon } from \"@mui/material\";\n\nconst AddRowBelowIcon = ({ className = \"madie-icon\", ...props }) => {\n  return (\n    <SvgIcon viewBox=\"0 0 14 15\" className={className} {...props}>\n      <path\n        d=\"M7.48808 0.688286L7.48808 1.97819L8.62798 1.97819C8.89771 1.97819 9.11606 2.22526 9.11606 2.53049C9.11606 2.83571 8.89771 3.08279 8.62798 3.08279L7.48808 3.08279L7.48808 4.37269C7.48808 4.67791 7.26973 4.92499 7 4.92499C6.73027 4.92499 6.51192 4.67791 6.51192 4.37269L6.51192 3.08279L5.37202 3.08279L5.27345 3.07199C5.05096 3.02041 4.88394 2.79751 4.88394 2.53049C4.88394 2.26346 5.05096 2.04057 5.27345 1.98898L5.37202 1.97819L6.51192 1.97819L6.51192 0.688286C6.51192 0.38306 6.73027 0.135986 7 0.135986C7.26973 0.135986 7.48808 0.38306 7.48808 0.688286ZM0.976153 12.6626C0.976153 12.7603 1.01048 12.8543 1.07154 12.9234C1.1326 12.9925 1.21571 13.0314 1.30207 13.0314L12.6979 13.0314C12.7843 13.0314 12.8674 12.9925 12.9285 12.9234C12.9895 12.8543 13.0238 12.7603 13.0238 12.6626L13.0238 8.97819C13.0238 8.88047 12.9895 8.78642 12.9285 8.71733C12.8674 8.64823 12.7843 8.60939 12.6979 8.60939L1.30207 8.60939C1.21571 8.60939 1.1326 8.64823 1.07154 8.71733C1.01048 8.78642 0.976153 8.88047 0.976153 8.97819L0.976153 12.6626ZM2.32514e-07 8.97819C2.66685e-07 8.58732 0.136518 8.21204 0.380763 7.93565C0.625008 7.65927 0.956654 7.50479 1.30207 7.50479L12.6979 7.50479C13.0433 7.50479 13.375 7.65927 13.6192 7.93565C13.8635 8.21204 14 8.58732 14 8.97819L14 12.6626C14 13.0535 13.8635 13.4287 13.6192 13.7051C13.375 13.9815 13.0433 14.136 12.6979 14.136L1.30207 14.136C0.956653 14.136 0.625008 13.9815 0.380763 13.7051C0.136518 13.4287 -1.23757e-07 13.0534 -8.95864e-08 12.6626L2.32514e-07 8.97819Z\"\n        fill=\"currentColor\"\n      />\n    </SvgIcon>\n  );\n};\n\nAddRowBelowIcon.propTypes = {\n  className: PropTypes.string,\n};\n\nexport default AddRowBelowIcon;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { SvgIcon } from \"@mui/material\";\n\nconst DeleteColumnIcon = ({ className = \"madie-icon\", ...props }) => {\n  return (\n    <SvgIcon viewBox=\"0 0 14 15\" className={className} {...props}>\n      <path\n        d=\"M4.36904 8.34493C4.59167 8.55368 4.60294 8.90304 4.39423 9.12571C4.18548 9.34837 3.83613 9.35962 3.61346 9.15089L2.2723 7.89248L0.930249 9.15089L0.841198 9.21925C0.622265 9.35369 0.332058 9.32046 0.149482 9.12571C-0.0331036 8.93095 -0.0473761 8.6393 0.100909 8.42948L0.174668 8.34493L1.46455 7.13599L0.174668 5.92704C-0.0480028 5.71829 -0.0592719 5.36894 0.149482 5.14627C0.358236 4.92359 0.707578 4.91232 0.930249 5.12108L2.2723 6.3786L3.61346 5.12108L3.70251 5.05272C3.92144 4.91832 4.21166 4.95153 4.39423 5.14627C4.57678 5.34102 4.59106 5.63268 4.4428 5.84249L4.36904 5.92704L3.08006 7.13599L4.36904 8.34493ZM12.5878 13.0314C12.6803 13.0314 12.7628 12.9959 12.8181 12.9441C12.8719 12.8935 12.8954 12.8329 12.8954 12.7777L12.8954 1.49425C12.8954 1.43908 12.8719 1.37846 12.8181 1.32784C12.7628 1.27604 12.6803 1.24059 12.5878 1.24059L9.14899 1.24059C9.05659 1.24066 8.97481 1.2761 8.91962 1.32784C8.8656 1.3785 8.84226 1.43901 8.84226 1.49425L8.84226 12.7777C8.84226 12.833 8.8656 12.8935 8.91962 12.9441C8.97481 12.9959 9.05659 13.0313 9.14899 13.0314L12.5878 13.0314ZM9.14899 14.136C8.78562 14.1359 8.43026 14.0014 8.16314 13.751C7.89477 13.4994 7.73677 13.15 7.73677 12.7777L7.73677 1.49425C7.73677 1.12202 7.89477 0.772603 8.16314 0.520977C8.43026 0.270548 8.78562 0.13606 9.14899 0.135986L12.5878 0.135986C12.9512 0.135986 13.3065 0.270616 13.5736 0.520977C13.842 0.772608 14 1.12199 14 1.49425L14 12.7777C14 13.15 13.842 13.4994 13.5736 13.751C13.3065 14.0014 12.9512 14.136 12.5878 14.136L9.14899 14.136Z\"\n        fill=\"#currentColor\"\n      />\n    </SvgIcon>\n  );\n};\n\nDeleteColumnIcon.propTypes = {\n  className: PropTypes.string,\n};\n\nexport default DeleteColumnIcon;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { SvgIcon } from \"@mui/material\";\n\nconst DeleteRowIcon = ({ className = \"madie-icon\", ...props }) => {\n  return (\n    <SvgIcon viewBox=\"0 0 14 15\" className={className} {...props}>\n      <path\n        d=\"M8.20894 9.76694C8.41769 9.54431 8.76706 9.53304 8.98972 9.74176C9.21238 9.9505 9.22363 10.2999 9.01491 10.5225L7.75649 11.8637L9.01491 13.2057L9.08327 13.2948C9.2177 13.5137 9.18447 13.8039 8.98972 13.9865C8.79496 14.1691 8.50332 14.1834 8.2935 14.0351L8.20894 13.9613L7 12.6714L5.79106 13.9613C5.5823 14.184 5.23295 14.1953 5.01028 13.9865C4.78761 13.7778 4.77634 13.4284 4.98509 13.2057L6.24261 11.8637L4.98509 10.5225L4.91673 10.4335C4.78233 10.2145 4.81554 9.92432 5.01028 9.74176C5.20503 9.55921 5.4967 9.54493 5.7065 9.69319L5.79106 9.76694L7 11.0559L8.20894 9.76694ZM12.8954 1.5482C12.8954 1.45568 12.8599 1.37318 12.8081 1.31793C12.7575 1.26405 12.6969 1.24057 12.6417 1.24057H1.35826C1.30309 1.24057 1.24248 1.26405 1.19185 1.31793C1.14006 1.37318 1.1046 1.45568 1.1046 1.5482V4.987C1.10468 5.0794 1.14011 5.16118 1.19185 5.21637C1.24251 5.27039 1.30302 5.29373 1.35826 5.29373H12.6417C12.697 5.29373 12.7575 5.27039 12.8081 5.21637C12.8599 5.16118 12.8953 5.0794 12.8954 4.987V1.5482ZM14 4.987C13.9999 5.35037 13.8654 5.70573 13.615 5.97285C13.3634 6.24122 13.014 6.39921 12.6417 6.39921H1.35826C0.986029 6.39921 0.636617 6.24122 0.384991 5.97285C0.134562 5.70573 7.42534e-05 5.35037 0 4.987V1.5482C0 1.18483 0.13463 0.829519 0.384991 0.56235C0.636621 0.293947 0.986002 0.135986 1.35826 0.135986H12.6417C13.014 0.135986 13.3634 0.293947 13.615 0.56235C13.8654 0.82952 14 1.18483 14 1.5482V4.987Z\"\n        fill=\"#currentColor\"\n      />\n    </SvgIcon>\n  );\n};\n\nDeleteRowIcon.propTypes = {\n  className: PropTypes.string,\n};\n\nexport default DeleteRowIcon;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { SvgIcon } from \"@mui/material\";\n\nconst DeleteTableIcon = ({ className = \"madie-icon\", ...props }) => {\n  return (\n    <SvgIcon viewBox=\"0 0 14 15\" className={className} {...props}>\n      <path\n        d=\"M5.15988 11.006C5.36988 11.186 5.68988 11.176 5.87988 10.986L6.99988 9.84596L8.11988 10.986L8.19988 11.056C8.38988 11.186 8.65988 11.176 8.83988 11.016C9.01988 10.856 9.04988 10.596 8.92988 10.406L8.86988 10.326L7.70988 9.14596L8.86988 7.96596C9.05988 7.76596 9.04988 7.46596 8.84988 7.27596C8.64988 7.08596 8.31988 7.10596 8.12988 7.29596L7.00988 8.42596L5.88988 7.29596L5.80988 7.23596C5.61988 7.10596 5.34988 7.11596 5.16988 7.27596C4.98988 7.43596 4.95988 7.69596 5.07988 7.88596L5.13988 7.96596L6.29988 9.14596L5.13988 10.326C4.94988 10.526 4.95988 10.826 5.15988 11.016V11.006Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M13.6 0.135986H0.4C0.17 0.195986 0 0.395986 0 0.635986V13.736C0.05 13.936 0.2 14.086 0.4 14.126H13.6C13.8 14.076 13.95 13.926 13.99 13.726V0.625986C13.99 0.385986 13.82 0.185986 13.59 0.135986H13.6ZM12.9 13.026H1.1V5.12599H12.9V13.026ZM12.9 4.12599H1.1V1.23599H12.9V4.13599V4.12599Z\"\n        fill=\"currentColor\"\n      />\n    </SvgIcon>\n  );\n};\n\nDeleteTableIcon.propTypes = {\n  className: PropTypes.string,\n};\n\nexport default DeleteTableIcon;\n"],"names":[],"sourceRoot":""}