@madie/madie-design-system 1.2.76 → 1.2.78

package/storybook-static/ReadOnlyTextField-ReadOnlyTextField-stories.281af1c9.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[3298],{"./components/InputLabel/index.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _mui_material__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/esm/InputLabel/InputLabel.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");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)}var _excluded=["required","disabled","error"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,o)}return t}function _defineProperty(e,r,t){return(r=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var Label=function Label(_ref){var required=_ref.required,disabled=_ref.disabled,error=_ref.error,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,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}(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}(_ref,_excluded);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.A,function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}({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))};const __WEBPACK_DEFAULT_EXPORT__=Label;Label.__docgenInfo={description:"",methods:[],displayName:"Label"}},"./components/ReadOnlyTextField/ReadOnlyTextField.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Disabled:()=>Disabled,Error:()=>Error,Required:()=>Required,Textfield:()=>Textfield,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/ReadOnlyTextField/index.jsx"),_mui_material__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/material/esm/FormHelperText/FormHelperText.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"ReadOnlyTextField",component:_index__WEBPACK_IMPORTED_MODULE_1__.A},Wrapper=({children})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"qpp-u-padding--16",style:{width:300},children}),Textfield=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{placeholder:"Placeholder",label:"Text Label",id:"measureName",inputProps:{"data-testid":"measure-name-input"},"data-testid":"measure-name-text-field",size:"small",value:"All Patient Encounters; Cancer Diagnosis; Chemo Administered; Chemotherapy Received during Last 14 days; Chemotherapy Received during Last 14 days - Encounter; Chemotherapy Received during Last 14 days - Medication; Chemotherapy Received during Last 14 days - Procedure; Denominator; Initial Population; Numerator; Patient Expired; SDE Ethnicity; SDE Payer; SDE Race; SDE Sex; Two Office Visits in Measurement Period"})}),Disabled=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{placeholder:"Placeholder",label:"Text Label",id:"measureName",inputProps:{"data-testid":"measure-name-input"},"data-testid":"measure-name-text-field",size:"small",disabled:!0,required:!0})}),Required=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{placeholder:"Placeholder",required:!0,label:"Text Label",id:"measureName",inputProps:{"data-testid":"measure-name-input"},"data-testid":"measure-name-text-field",size:"small"})}),Error=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{placeholder:"Placeholder",error:!0,required:!0,label:"Text Label",id:"measureName",inputProps:{"data-testid":"measure-name-input"},"data-testid":"measure-name-text-field",size:"small",helperText:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_3__.A,{"data-testid":"helper-text",error:!0,children:"An error message"})})}),__namedExportsOrder=["Textfield","Disabled","Required","Error"];Textfield.parameters={...Textfield.parameters,docs:{...Textfield.parameters?.docs,source:{originalSource:'() => <Wrapper>\n        <ReadOnlyTextField placeholder="Placeholder" label="Text Label" id="measureName" inputProps={{\n    "data-testid": "measure-name-input"\n  }} data-testid="measure-name-text-field" size="small" value="All Patient Encounters; Cancer Diagnosis; Chemo Administered; Chemotherapy Received during Last 14 days; Chemotherapy Received during Last 14 days - Encounter; Chemotherapy Received during Last 14 days - Medication; Chemotherapy Received during Last 14 days - Procedure; Denominator; Initial Population; Numerator; Patient Expired; SDE Ethnicity; SDE Payer; SDE Race; SDE Sex; Two Office Visits in Measurement Period" />\n    </Wrapper>',...Textfield.parameters?.docs?.source}}},Disabled.parameters={...Disabled.parameters,docs:{...Disabled.parameters?.docs,source:{originalSource:'() => <Wrapper>\n        <ReadOnlyTextField placeholder="Placeholder" label="Text Label" id="measureName" inputProps={{\n    "data-testid": "measure-name-input"\n  }} data-testid="measure-name-text-field" size="small" disabled required />\n    </Wrapper>',...Disabled.parameters?.docs?.source}}},Required.parameters={...Required.parameters,docs:{...Required.parameters?.docs,source:{originalSource:'() => <Wrapper>\n        <ReadOnlyTextField placeholder="Placeholder" required label="Text Label" id="measureName" inputProps={{\n    "data-testid": "measure-name-input"\n  }} data-testid="measure-name-text-field" size="small" />\n    </Wrapper>',...Required.parameters?.docs?.source}}},Error.parameters={...Error.parameters,docs:{...Error.parameters?.docs,source:{originalSource:'() => <Wrapper>\n        <ReadOnlyTextField placeholder="Placeholder" error required label="Text Label" id="measureName" inputProps={{\n    "data-testid": "measure-name-input"\n  }} data-testid="measure-name-text-field" size="small" helperText={<FormHelperText data-testid="helper-text" error>\n                    An error message\n                </FormHelperText>} />\n    </Wrapper>',...Error.parameters?.docs?.source}}}},"./components/ReadOnlyTextField/index.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _mui_material__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/material/esm/FormControl/FormControl.js"),_mui_material__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mui/material/esm/TextareaAutosize/TextareaAutosize.js"),_InputLabel__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/InputLabel/index.jsx"),lodash__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/lodash/lodash.js"),lodash__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");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)}var _excluded=["id","required","disabled","label"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}function _defineProperty(e,r,t){return(r=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var ReadOnlyTextField=function ReadOnlyTextField(_ref){var id=_ref.id,_ref$required=_ref.required,required=void 0!==_ref$required&&_ref$required,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,label=_ref.label,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,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}(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}(_ref,_excluded);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_mui_material__WEBPACK_IMPORTED_MODULE_4__.A,{fullWidth:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_InputLabel__WEBPACK_IMPORTED_MODULE_1__.A,{disabled,shrink:!0,required,htmlFor:id,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:"rgba(0,0,0,0.6)"}],children:label}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_5__.A,_objectSpread(_objectSpread({style:{color:"#333",fontFamily:"Rubik",fontSize:"14px",fontStyle:"normal",fontWeight:400,lineHeight:"24px",border:"none",resize:"none",padding:"0px 0px",outline:"none",boxShadow:"none"},readOnly:!0,disableUnderline:!0,label:null,disabled,id},rest),{},{value:lodash__WEBPACK_IMPORTED_MODULE_2___default().isEmpty(null==rest?void 0:rest.value)?"-":rest.value}))]})};const __WEBPACK_DEFAULT_EXPORT__=ReadOnlyTextField;ReadOnlyTextField.__docgenInfo={description:"",methods:[],displayName:"ReadOnlyTextField",props:{required:{defaultValue:{value:"false",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1}}}},"./node_modules/@mui/material/esm/FormControl/FormControlContext.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("./node_modules/react/index.js").createContext(void 0)},"./node_modules/@mui/material/esm/FormControl/formControlState.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function formControlState({props,states,muiFormControl}){return states.reduce((acc,state)=>(acc[state]=props[state],muiFormControl&&void 0===props[state]&&(acc[state]=muiFormControl[state]),acc),{})}__webpack_require__.d(__webpack_exports__,{A:()=>formControlState})},"./node_modules/@mui/material/esm/FormControl/useFormControl.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useFormControl});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_FormControlContext_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/esm/FormControl/FormControlContext.js");function useFormControl(){return react__WEBPACK_IMPORTED_MODULE_0__.useContext(_FormControlContext_js__WEBPACK_IMPORTED_MODULE_1__.A)}},"./node_modules/@mui/material/esm/InputBase/utils.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function hasValue(value){return null!=value&&!(Array.isArray(value)&&0===value.length)}function isFilled(obj,SSR=!1){return obj&&(hasValue(obj.value)&&""!==obj.value||SSR&&hasValue(obj.defaultValue)&&""!==obj.defaultValue)}function isAdornedStart(obj){return obj.startAdornment}__webpack_require__.d(__webpack_exports__,{gr:()=>isAdornedStart,lq:()=>isFilled})},"./node_modules/@mui/material/esm/TextareaAutosize/TextareaAutosize.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_mui_utils_debounce__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mui/utils/esm/debounce/debounce.js"),_mui_utils_useForkRef__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/utils/esm/useForkRef/useForkRef.js"),_mui_utils_useEnhancedEffect__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js"),_mui_utils_useEventCallback__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js"),_mui_utils_ownerWindow__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/utils/esm/ownerWindow/ownerWindow.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");function getStyleValue(value){return parseInt(value,10)||0}const styles_shadow={visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"};function isEmpty(obj){return function isObjectEmpty(object){for(const _ in object)return!1;return!0}(obj)||0===obj.outerHeightStyle&&!obj.overflowing}const __WEBPACK_DEFAULT_EXPORT__=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function TextareaAutosize(props,forwardedRef){const{onChange,maxRows,minRows=1,style,value,...other}=props,{current:isControlled}=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null!=value),textareaRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null),handleRef=(0,_mui_utils_useForkRef__WEBPACK_IMPORTED_MODULE_2__.A)(forwardedRef,textareaRef),heightRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null),hiddenTextareaRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null),calculateTextareaStyles=react__WEBPACK_IMPORTED_MODULE_0__.useCallback(()=>{const textarea=textareaRef.current,hiddenTextarea=hiddenTextareaRef.current;if(!textarea||!hiddenTextarea)return;const computedStyle=(0,_mui_utils_ownerWindow__WEBPACK_IMPORTED_MODULE_3__.A)(textarea).getComputedStyle(textarea);if("0px"===computedStyle.width)return{outerHeightStyle:0,overflowing:!1};hiddenTextarea.style.width=computedStyle.width,hiddenTextarea.value=textarea.value||props.placeholder||"x","\n"===hiddenTextarea.value.slice(-1)&&(hiddenTextarea.value+=" ");const boxSizing=computedStyle.boxSizing,padding=getStyleValue(computedStyle.paddingBottom)+getStyleValue(computedStyle.paddingTop),border=getStyleValue(computedStyle.borderBottomWidth)+getStyleValue(computedStyle.borderTopWidth),innerHeight=hiddenTextarea.scrollHeight;hiddenTextarea.value="x";const singleRowHeight=hiddenTextarea.scrollHeight;let outerHeight=innerHeight;minRows&&(outerHeight=Math.max(Number(minRows)*singleRowHeight,outerHeight)),maxRows&&(outerHeight=Math.min(Number(maxRows)*singleRowHeight,outerHeight)),outerHeight=Math.max(outerHeight,singleRowHeight);return{outerHeightStyle:outerHeight+("border-box"===boxSizing?padding+border:0),overflowing:Math.abs(outerHeight-innerHeight)<=1}},[maxRows,minRows,props.placeholder]),didHeightChange=(0,_mui_utils_useEventCallback__WEBPACK_IMPORTED_MODULE_4__.A)(()=>{const textarea=textareaRef.current,textareaStyles=calculateTextareaStyles();if(!textarea||!textareaStyles||isEmpty(textareaStyles))return!1;const outerHeightStyle=textareaStyles.outerHeightStyle;return null!=heightRef.current&&heightRef.current!==outerHeightStyle}),syncHeight=react__WEBPACK_IMPORTED_MODULE_0__.useCallback(()=>{const textarea=textareaRef.current,textareaStyles=calculateTextareaStyles();if(!textarea||!textareaStyles||isEmpty(textareaStyles))return;const outerHeightStyle=textareaStyles.outerHeightStyle;heightRef.current!==outerHeightStyle&&(heightRef.current=outerHeightStyle,textarea.style.height=`${outerHeightStyle}px`),textarea.style.overflow=textareaStyles.overflowing?"hidden":""},[calculateTextareaStyles]),frameRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(-1);(0,_mui_utils_useEnhancedEffect__WEBPACK_IMPORTED_MODULE_5__.A)(()=>{const debouncedHandleResize=(0,_mui_utils_debounce__WEBPACK_IMPORTED_MODULE_6__.A)(syncHeight),textarea=textareaRef?.current;if(!textarea)return;const containerWindow=(0,_mui_utils_ownerWindow__WEBPACK_IMPORTED_MODULE_3__.A)(textarea);let resizeObserver;return containerWindow.addEventListener("resize",debouncedHandleResize),"undefined"!=typeof ResizeObserver&&(resizeObserver=new ResizeObserver(()=>{didHeightChange()&&(resizeObserver.unobserve(textarea),cancelAnimationFrame(frameRef.current),syncHeight(),frameRef.current=requestAnimationFrame(()=>{resizeObserver.observe(textarea)}))}),resizeObserver.observe(textarea)),()=>{debouncedHandleResize.clear(),cancelAnimationFrame(frameRef.current),containerWindow.removeEventListener("resize",debouncedHandleResize),resizeObserver&&resizeObserver.disconnect()}},[calculateTextareaStyles,syncHeight,didHeightChange]),(0,_mui_utils_useEnhancedEffect__WEBPACK_IMPORTED_MODULE_5__.A)(()=>{syncHeight()});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("textarea",{value,onChange:event=>{isControlled||syncHeight();const textarea=event.target,countOfCharacters=textarea.value.length,isLastCharacterNewLine=textarea.value.endsWith("\n"),isEndOfTheLine=textarea.selectionStart===countOfCharacters;isLastCharacterNewLine&&isEndOfTheLine&&textarea.setSelectionRange(countOfCharacters,countOfCharacters),onChange&&onChange(event)},ref:handleRef,rows:minRows,style,...other}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("textarea",{"aria-hidden":!0,className:props.className,readOnly:!0,ref:hiddenTextareaRef,tabIndex:-1,style:{...styles_shadow,...style,paddingTop:0,paddingBottom:0}})]})})},"./node_modules/@mui/material/esm/utils/capitalize.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("./node_modules/@mui/utils/esm/capitalize/capitalize.js").A},"./node_modules/@mui/material/esm/utils/createSimplePaletteValueFilter.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function createSimplePaletteValueFilter(additionalPropertiesToCheck=[]){return([,value])=>value&&function checkSimplePaletteColorValues(obj,additionalPropertiesToCheck=[]){if(!function hasCorrectMainProperty(obj){return"string"==typeof obj.main}(obj))return!1;for(const value of additionalPropertiesToCheck)if(!obj.hasOwnProperty(value)||"string"!=typeof obj[value])return!1;return!0}(value,additionalPropertiesToCheck)}__webpack_require__.d(__webpack_exports__,{A:()=>createSimplePaletteValueFilter})},"./node_modules/@mui/utils/esm/debounce/debounce.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function debounce(func,wait=166){let timeout;function debounced(...args){clearTimeout(timeout),timeout=setTimeout(()=>{func.apply(this,args)},wait)}return debounced.clear=()=>{clearTimeout(timeout)},debounced}__webpack_require__.d(__webpack_exports__,{A:()=>debounce})},"./node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function ownerDocument(node){return node&&node.ownerDocument||document}__webpack_require__.d(__webpack_exports__,{A:()=>ownerDocument})},"./node_modules/@mui/utils/esm/ownerWindow/ownerWindow.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>ownerWindow});var _ownerDocument_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js");function ownerWindow(node){return(0,_ownerDocument_index_js__WEBPACK_IMPORTED_MODULE_0__.A)(node).defaultView||window}},"./node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__="undefined"!=typeof window?react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect:react__WEBPACK_IMPORTED_MODULE_0__.useEffect},"./node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_useEnhancedEffect_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js");const __WEBPACK_DEFAULT_EXPORT__=function useEventCallback(fn){const ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(fn);return(0,_useEnhancedEffect_index_js__WEBPACK_IMPORTED_MODULE_1__.A)(()=>{ref.current=fn}),react__WEBPACK_IMPORTED_MODULE_0__.useRef((...args)=>(0,ref.current)(...args)).current}},"./node_modules/@mui/utils/esm/useForkRef/useForkRef.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useForkRef});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function useForkRef(...refs){const cleanupRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(void 0),refEffect=react__WEBPACK_IMPORTED_MODULE_0__.useCallback(instance=>{const cleanups=refs.map(ref=>{if(null==ref)return null;if("function"==typeof ref){const refCallback=ref,refCleanup=refCallback(instance);return"function"==typeof refCleanup?refCleanup:()=>{refCallback(null)}}return ref.current=instance,()=>{ref.current=null}});return()=>{cleanups.forEach(refCleanup=>refCleanup?.())}},refs);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo(()=>refs.every(ref=>null==ref)?null:value=>{cleanupRef.current&&(cleanupRef.current(),cleanupRef.current=void 0),null!=value&&(cleanupRef.current=refEffect(value))},refs)}}}]);

package/storybook-static/RichTextEditor-RichTextEditor-stories.f2f6efd0.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[1204],{"./components/InputLabel/index.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _mui_material__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/esm/InputLabel/InputLabel.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");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)}var _excluded=["required","disabled","error"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,o)}return t}function _defineProperty(e,r,t){return(r=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var Label=function Label(_ref){var required=_ref.required,disabled=_ref.disabled,error=_ref.error,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,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}(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}(_ref,_excluded);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.A,function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}({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))};const __WEBPACK_DEFAULT_EXPORT__=Label;Label.__docgenInfo={description:"",methods:[],displayName:"Label"}},"./components/RichTextEditor/RichTextEditor.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ReadOnlyTextEditor:()=>ReadOnlyTextEditor,TextEditor:()=>TextEditor,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/RichTextEditor/index.jsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"RichTextEditor",component:_index__WEBPACK_IMPORTED_MODULE_1__.A,decorators:[storyFn=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{padding:"120px"},children:storyFn()})]},TextEditor=()=>{const[value,setValue]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("test");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{label:"Test Text Editor",required:!0,onChange:selectedVal=>{setValue(selectedVal)},content:value,disabled:!1})};TextEditor.storyName="Rich Text Editor";const ReadOnlyTextEditor=()=>{const[value,setValue]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("<p>This is <strong>readonly</strong> content</p>");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{label:"Test Text Editor",required:!0,onChange:selectedVal=>{setValue(selectedVal)},content:value,disabled:!0})},__namedExportsOrder=["TextEditor","ReadOnlyTextEditor"];TextEditor.parameters={...TextEditor.parameters,docs:{...TextEditor.parameters?.docs,source:{originalSource:'() => {\n  const [value, setValue] = useState("test");\n  const handleChange = selectedVal => {\n    setValue(selectedVal);\n  };\n  return <RichTextEditor label="Test Text Editor" required onChange={handleChange} content={value} disabled={false} />;\n}',...TextEditor.parameters?.docs?.source}}},ReadOnlyTextEditor.parameters={...ReadOnlyTextEditor.parameters,docs:{...ReadOnlyTextEditor.parameters?.docs,source:{originalSource:'() => {\n  const [value, setValue] = useState("<p>This is <strong>readonly</strong> content</p>");\n  const handleChange = selectedVal => {\n    setValue(selectedVal);\n  };\n  return <RichTextEditor label="Test Text Editor" required onChange={handleChange} content={value} disabled />;\n}',...ReadOnlyTextEditor.parameters?.docs?.source}}}},"./components/RichTextEditor/index.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _tiptap_react__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@tiptap/react/dist/index.js"),_InputLabel__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/InputLabel/index.jsx"),_tiptap_extension_gapcursor__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@tiptap/extension-gapcursor/dist/index.js"),_tiptap_extension_table__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@tiptap/extension-table/dist/index.js"),_tiptap_extension_table_cell__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@tiptap/extension-table-cell/dist/index.js"),_tiptap_extension_table_header__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@tiptap/extension-table-header/dist/index.js"),_tiptap_extension_table_row__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@tiptap/extension-table-row/dist/index.js"),_tiptap_extension_underline__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@tiptap/extension-underline/dist/index.js"),_tiptap_starter_kit__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@tiptap/starter-kit/dist/index.js"),_mui_material__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@mui/material/esm/IconButton/IconButton.js"),_mui_icons_material_FormatBold__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@mui/icons-material/esm/FormatBold.js"),_mui_icons_material_FormatItalic__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@mui/icons-material/esm/FormatItalic.js"),_mui_icons_material_FormatUnderlined__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@mui/icons-material/esm/FormatUnderlined.js"),_mui_icons_material_StrikethroughS__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@mui/icons-material/esm/StrikethroughS.js"),_mui_icons_material_FormatListBulleted__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@mui/icons-material/esm/FormatListBulleted.js"),_mui_icons_material_FormatListNumbered__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@mui/icons-material/esm/FormatListNumbered.js"),_mui_icons_material_TableChart__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@mui/icons-material/esm/TableChart.js"),_mui_material__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@mui/material/esm/Tooltip/Tooltip.js"),lodash__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/lodash/lodash.js"),dompurify__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/dompurify/dist/purify.es.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/jsx-runtime.js"),MenuBar=function MenuBar(_ref){var editor=_ref.editor;return editor?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)("div",{className:"control-group","data-testid":"rich-text-editor-toolbar",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)("div",{className:"button-group",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_12__.A,{"data-testid":"bold-tooltip",title:"Bold",placement:"top",enterDelay:1e3,arrow:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_13__.A,{onClick:function onClick(){return editor.chain().focus().toggleBold().run()},className:editor.isActive("bold")?"is-active":"",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_icons_material_FormatBold__WEBPACK_IMPORTED_MODULE_14__.A,{})},"bold")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_12__.A,{"data-testid":"italic-tooltip",title:"Italic",placement:"top",enterDelay:1e3,arrow:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_13__.A,{onClick:function onClick(){return editor.chain().focus().toggleItalic().run()},className:editor.isActive("italic")?"is-active":"",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_icons_material_FormatItalic__WEBPACK_IMPORTED_MODULE_15__.A,{})},"italic")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_12__.A,{"data-testid":"underline-tooltip",title:"Underline",placement:"top",enterDelay:1e3,arrow:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_13__.A,{onClick:function onClick(){return editor.chain().focus().toggleUnderline().run()},className:editor.isActive("underline")?"is-active":"",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_icons_material_FormatUnderlined__WEBPACK_IMPORTED_MODULE_16__.A,{})},"underline")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_12__.A,{"data-testid":"strikethrough-tooltip",title:"Strikethrough",placement:"top",enterDelay:1e3,arrow:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_13__.A,{onClick:function onClick(){return editor.chain().focus().toggleStrike().run()},className:editor.isActive("strike")?"is-active":"",style:{borderRight:"solid 1px #9c9c9c"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_icons_material_StrikethroughS__WEBPACK_IMPORTED_MODULE_17__.A,{})},"strike")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_12__.A,{"data-testid":"orderedlist-tooltip",title:"Ordered List",placement:"top",enterDelay:1e3,arrow:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_13__.A,{onClick:function onClick(){return editor.chain().focus().toggleOrderedList().run()},className:editor.isActive("orderedList")?"is-active":"",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_icons_material_FormatListNumbered__WEBPACK_IMPORTED_MODULE_18__.A,{})},"orderedList")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_12__.A,{"data-testid":"bulletedlist-tooltip",title:"Bulleted List",placement:"top",enterDelay:1e3,arrow:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_13__.A,{onClick:function onClick(){return editor.chain().focus().toggleBulletList().run()},className:editor.isActive("bulletList")?"is-active":"",style:{borderRight:"solid 1px #9c9c9c"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_icons_material_FormatListBulleted__WEBPACK_IMPORTED_MODULE_19__.A,{})},"bulletList")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_12__.A,{"data-testid":"table-tooltip",title:"Table",placement:"top",enterDelay:1e3,arrow:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_13__.A,{onClick:function onClick(){return editor.commands.insertTable({rows:3,cols:3,withHeaderRow:!0})},className:editor.isActive("insertTable")?"is-active":"",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_mui_icons_material_TableChart__WEBPACK_IMPORTED_MODULE_20__.A,{})},"insertTable")})]})}):null},RichTextEditor=function RichTextEditor(_ref2){var id=_ref2.id,_ref2$error=_ref2.error,error=void 0!==_ref2$error&&_ref2$error,_ref2$required=_ref2.required,required=void 0!==_ref2$required&&_ref2$required,label=_ref2.label,onChange=_ref2.onChange,content=_ref2.content,disabled=_ref2.disabled,editor=(0,_tiptap_react__WEBPACK_IMPORTED_MODULE_21__.hG)({extensions:[_tiptap_starter_kit__WEBPACK_IMPORTED_MODULE_8__.A,_tiptap_extension_gapcursor__WEBPACK_IMPORTED_MODULE_2__.A,_tiptap_extension_table__WEBPACK_IMPORTED_MODULE_3__.Ay.configure({resizable:!0}),_tiptap_extension_table_row__WEBPACK_IMPORTED_MODULE_6__.A,_tiptap_extension_table_header__WEBPACK_IMPORTED_MODULE_5__.h,_tiptap_extension_table_cell__WEBPACK_IMPORTED_MODULE_4__.A,_tiptap_extension_underline__WEBPACK_IMPORTED_MODULE_7__.A],shouldRerenderOnTransaction:!1,content,onUpdate:function onUpdate(_ref3){var newValue=_ref3.editor.getHTML();onChange(newValue)}},[content]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)("div",{className:"rich-text-editor","data-testid":"".concat((0,lodash__WEBPACK_IMPORTED_MODULE_9__.kebabCase)(label),"-rich-text-editor"),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_InputLabel__WEBPACK_IMPORTED_MODULE_1__.A,{shrink:!0,required,error,htmlFor:id,style:{marginBottom:0,height:16},sx:[{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"}],children:label}),disabled?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)("p",{"data-testid":"".concat(id,"-value"),"aria-labelledby":label,dangerouslySetInnerHTML:{__html:content?dompurify__WEBPACK_IMPORTED_MODULE_10__.A.sanitize(content):"-"}}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(MenuBar,{editor}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_tiptap_react__WEBPACK_IMPORTED_MODULE_21__.$Z,{editor})]})]})};const __WEBPACK_DEFAULT_EXPORT__=RichTextEditor;RichTextEditor.__docgenInfo={description:"",methods:[],displayName:"RichTextEditor",props:{error:{defaultValue:{value:"false",computed:!1},required:!1},required:{defaultValue:{value:"false",computed:!1},required:!1}}}},"./node_modules/@mui/material/esm/FormControl/FormControlContext.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("./node_modules/react/index.js").createContext(void 0)},"./node_modules/@mui/material/esm/FormControl/formControlState.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function formControlState({props,states,muiFormControl}){return states.reduce((acc,state)=>(acc[state]=props[state],muiFormControl&&void 0===props[state]&&(acc[state]=muiFormControl[state]),acc),{})}__webpack_require__.d(__webpack_exports__,{A:()=>formControlState})},"./node_modules/@mui/material/esm/FormControl/useFormControl.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useFormControl});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_FormControlContext_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/esm/FormControl/FormControlContext.js");function useFormControl(){return react__WEBPACK_IMPORTED_MODULE_0__.useContext(_FormControlContext_js__WEBPACK_IMPORTED_MODULE_1__.A)}},"./node_modules/@mui/material/esm/InputLabel/InputLabel.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>InputLabel_InputLabel});var react=__webpack_require__("./node_modules/react/index.js"),composeClasses=__webpack_require__("./node_modules/@mui/utils/esm/composeClasses/composeClasses.js"),clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),formControlState=__webpack_require__("./node_modules/@mui/material/esm/FormControl/formControlState.js"),useFormControl=__webpack_require__("./node_modules/@mui/material/esm/FormControl/useFormControl.js"),capitalize=__webpack_require__("./node_modules/@mui/material/esm/utils/capitalize.js"),styled=__webpack_require__("./node_modules/@mui/material/esm/styles/styled.js"),memoTheme=__webpack_require__("./node_modules/@mui/material/esm/utils/memoTheme.js"),createSimplePaletteValueFilter=__webpack_require__("./node_modules/@mui/material/esm/utils/createSimplePaletteValueFilter.js"),DefaultPropsProvider=__webpack_require__("./node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js"),generateUtilityClasses=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js"),generateUtilityClass=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js");function getFormLabelUtilityClasses(slot){return(0,generateUtilityClass.Ay)("MuiFormLabel",slot)}const FormLabel_formLabelClasses=(0,generateUtilityClasses.A)("MuiFormLabel",["root","colorSecondary","focused","disabled","error","filled","required","asterisk"]);var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const FormLabelRoot=(0,styled.Ay)("label",{name:"MuiFormLabel",slot:"Root",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.root,"secondary"===ownerState.color&&styles.colorSecondary,ownerState.filled&&styles.filled]}})((0,memoTheme.A)(({theme})=>({color:(theme.vars||theme).palette.text.secondary,...theme.typography.body1,lineHeight:"1.4375em",padding:0,position:"relative",variants:[...Object.entries(theme.palette).filter((0,createSimplePaletteValueFilter.A)()).map(([color])=>({props:{color},style:{[`&.${FormLabel_formLabelClasses.focused}`]:{color:(theme.vars||theme).palette[color].main}}})),{props:{},style:{[`&.${FormLabel_formLabelClasses.disabled}`]:{color:(theme.vars||theme).palette.text.disabled},[`&.${FormLabel_formLabelClasses.error}`]:{color:(theme.vars||theme).palette.error.main}}}]}))),AsteriskComponent=(0,styled.Ay)("span",{name:"MuiFormLabel",slot:"Asterisk"})((0,memoTheme.A)(({theme})=>({[`&.${FormLabel_formLabelClasses.error}`]:{color:(theme.vars||theme).palette.error.main}}))),FormLabel_FormLabel=react.forwardRef(function FormLabel(inProps,ref){const props=(0,DefaultPropsProvider.b)({props:inProps,name:"MuiFormLabel"}),{children,className,color,component="label",disabled,error,filled,focused,required,...other}=props,muiFormControl=(0,useFormControl.A)(),fcs=(0,formControlState.A)({props,muiFormControl,states:["color","required","focused","disabled","error","filled"]}),ownerState={...props,color:fcs.color||"primary",component,disabled:fcs.disabled,error:fcs.error,filled:fcs.filled,focused:fcs.focused,required:fcs.required},classes=(ownerState=>{const{classes,color,focused,disabled,error,filled,required}=ownerState,slots={root:["root",`color${(0,capitalize.A)(color)}`,disabled&&"disabled",error&&"error",filled&&"filled",focused&&"focused",required&&"required"],asterisk:["asterisk",error&&"error"]};return(0,composeClasses.A)(slots,getFormLabelUtilityClasses,classes)})(ownerState);return(0,jsx_runtime.jsxs)(FormLabelRoot,{as:component,ownerState,className:(0,clsx.A)(classes.root,className),ref,...other,children:[children,fcs.required&&(0,jsx_runtime.jsxs)(AsteriskComponent,{ownerState,"aria-hidden":!0,className:classes.asterisk,children:[" ","*"]})]})});var rootShouldForwardProp=__webpack_require__("./node_modules/@mui/material/esm/styles/rootShouldForwardProp.js");function getInputLabelUtilityClasses(slot){return(0,generateUtilityClass.Ay)("MuiInputLabel",slot)}(0,generateUtilityClasses.A)("MuiInputLabel",["root","focused","disabled","error","required","asterisk","formControl","sizeSmall","shrink","animated","standard","filled","outlined"]);const InputLabelRoot=(0,styled.Ay)(FormLabel_FormLabel,{shouldForwardProp:prop=>(0,rootShouldForwardProp.A)(prop)||"classes"===prop,name:"MuiInputLabel",slot:"Root",overridesResolver:(props,styles)=>{const{ownerState}=props;return[{[`& .${FormLabel_formLabelClasses.asterisk}`]:styles.asterisk},styles.root,ownerState.formControl&&styles.formControl,"small"===ownerState.size&&styles.sizeSmall,ownerState.shrink&&styles.shrink,!ownerState.disableAnimation&&styles.animated,ownerState.focused&&styles.focused,styles[ownerState.variant]]}})((0,memoTheme.A)(({theme})=>({display:"block",transformOrigin:"top left",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%",variants:[{props:({ownerState})=>ownerState.formControl,style:{position:"absolute",left:0,top:0,transform:"translate(0, 20px) scale(1)"}},{props:{size:"small"},style:{transform:"translate(0, 17px) scale(1)"}},{props:({ownerState})=>ownerState.shrink,style:{transform:"translate(0, -1.5px) scale(0.75)",transformOrigin:"top left",maxWidth:"133%"}},{props:({ownerState})=>!ownerState.disableAnimation,style:{transition:theme.transitions.create(["color","transform","max-width"],{duration:theme.transitions.duration.shorter,easing:theme.transitions.easing.easeOut})}},{props:{variant:"filled"},style:{zIndex:1,pointerEvents:"none",transform:"translate(12px, 16px) scale(1)",maxWidth:"calc(100% - 24px)"}},{props:{variant:"filled",size:"small"},style:{transform:"translate(12px, 13px) scale(1)"}},{props:({variant,ownerState})=>"filled"===variant&&ownerState.shrink,style:{userSelect:"none",pointerEvents:"auto",transform:"translate(12px, 7px) scale(0.75)",maxWidth:"calc(133% - 24px)"}},{props:({variant,ownerState,size})=>"filled"===variant&&ownerState.shrink&&"small"===size,style:{transform:"translate(12px, 4px) scale(0.75)"}},{props:{variant:"outlined"},style:{zIndex:1,pointerEvents:"none",transform:"translate(14px, 16px) scale(1)",maxWidth:"calc(100% - 24px)"}},{props:{variant:"outlined",size:"small"},style:{transform:"translate(14px, 9px) scale(1)"}},{props:({variant,ownerState})=>"outlined"===variant&&ownerState.shrink,style:{userSelect:"none",pointerEvents:"auto",maxWidth:"calc(133% - 32px)",transform:"translate(14px, -9px) scale(0.75)"}}]}))),InputLabel_InputLabel=react.forwardRef(function InputLabel(inProps,ref){const props=(0,DefaultPropsProvider.b)({name:"MuiInputLabel",props:inProps}),{disableAnimation=!1,margin,shrink:shrinkProp,variant,className,...other}=props,muiFormControl=(0,useFormControl.A)();let shrink=shrinkProp;void 0===shrink&&muiFormControl&&(shrink=muiFormControl.filled||muiFormControl.focused||muiFormControl.adornedStart);const fcs=(0,formControlState.A)({props,muiFormControl,states:["size","variant","required","focused"]}),ownerState={...props,disableAnimation,formControl:muiFormControl,shrink,size:fcs.size,variant:fcs.variant,required:fcs.required,focused:fcs.focused},classes=(ownerState=>{const{classes,formControl,size,shrink,disableAnimation,variant,required}=ownerState,slots={root:["root",formControl&&"formControl",!disableAnimation&&"animated",shrink&&"shrink",size&&"medium"!==size&&`size${(0,capitalize.A)(size)}`,variant],asterisk:[required&&"asterisk"]},composedClasses=(0,composeClasses.A)(slots,getInputLabelUtilityClasses,classes);return{...classes,...composedClasses}})(ownerState);return(0,jsx_runtime.jsx)(InputLabelRoot,{"data-shrink":shrink,ref,className:(0,clsx.A)(classes.root,className),...other,ownerState,classes})})}}]);

package/storybook-static/Search-Search-stories.ce9d2b51.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[4080],{"./components/Search/Search.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ExampleSearch:()=>ExampleSearch,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/Search/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Search",component:_index__WEBPACK_IMPORTED_MODULE_1__.A},ExampleSearch=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{id:"Example id",name:"Example name",placeholder:"Example placeholder",inputAriaLabel:"Example input aria-label",buttonAriaLabel:"Example button aria-label"});ExampleSearch.storyName="example Search";const __namedExportsOrder=["ExampleSearch"];ExampleSearch.parameters={...ExampleSearch.parameters,docs:{...ExampleSearch.parameters?.docs,source:{originalSource:'() => <Search id="Example id" name="Example name" placeholder="Example placeholder" inputAriaLabel="Example input aria-label" buttonAriaLabel="Example button aria-label" />',...ExampleSearch.parameters?.docs?.source}}}},"./components/Search/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _mui_icons_material_Search__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/icons-material/esm/Search.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),Search=function Search(_ref){var _ref$id=_ref.id,id=void 0===_ref$id?"search-input":_ref$id,_ref$name=_ref.name,name=void 0===_ref$name?"":_ref$name,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"":_ref$placeholder,_ref$disableSearchBtn=_ref.disableSearchBtn,disableSearchBtn=void 0!==_ref$disableSearchBtn&&_ref$disableSearchBtn,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$inputValue=_ref.inputValue,inputValue=void 0===_ref$inputValue?"":_ref$inputValue,_ref$onClick=_ref.onClick,onClick=void 0===_ref$onClick?function(){return null}:_ref$onClick,_ref$onChange=_ref.onChange,onChange=void 0===_ref$onChange?function(){return null}:_ref$onChange,_ref$inputAriaLabel=_ref.inputAriaLabel,inputAriaLabel=void 0===_ref$inputAriaLabel?"":_ref$inputAriaLabel,_ref$buttonAriaLabel=_ref.buttonAriaLabel,buttonAriaLabel=void 0===_ref$buttonAriaLabel?"":_ref$buttonAriaLabel,_ref$inputWidth=_ref.inputWidth,inputStyle={width:void 0===_ref$inputWidth?"auto":_ref$inputWidth,borderColor:"#8C8C8C"};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("form",{role:"search",className:"qpp-c-search qpp-c-search--compact",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("label",{className:"qpp-u-visually-hidden",htmlFor:id,children:"Search"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{className:"qpp-c-search__wrap",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("input",{style:inputStyle,className:"qpp-c-text-input",type:"search",id,name,placeholder,value:inputValue,disabled,onChange,"aria-label":inputAriaLabel}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("button",{"data-testid":"search-btn","aria-label":buttonAriaLabel,onClick,disabled:disableSearchBtn,id:"".concat(id,"-submit"),type:"submit",className:"qpp-c-search__submit qpp-c-button qpp-c-button--text",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{className:"qpp-u-visually-hidden",children:"Search"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_icons_material_Search__WEBPACK_IMPORTED_MODULE_2__.A,{classes:{root:"qpp-icon-mat"}})]})]})]})};const __WEBPACK_DEFAULT_EXPORT__=Search;Search.__docgenInfo={description:"@param {{\n  id?: string,\n  name?: string,\n  placeholder?: string,\n  disableSearchBtn?: boolean,\n  disabled?: boolean,\n  inputValue?: string,\n  onClick?: () => void,\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  inputAriaLabel?: string,\n  buttonAriaLabel?: string,\n  inputWidth?: string\n}} props",methods:[],displayName:"Search",props:{id:{defaultValue:{value:'"search-input"',computed:!1},required:!1},name:{defaultValue:{value:'""',computed:!1},required:!1},placeholder:{defaultValue:{value:'""',computed:!1},required:!1},disableSearchBtn:{defaultValue:{value:"false",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},inputValue:{defaultValue:{value:'""',computed:!1},required:!1},onClick:{defaultValue:{value:"() => null",computed:!1},required:!1},onChange:{defaultValue:{value:"() => null",computed:!1},required:!1},inputAriaLabel:{defaultValue:{value:'""',computed:!1},required:!1},buttonAriaLabel:{defaultValue:{value:'""',computed:!1},required:!1},inputWidth:{defaultValue:{value:'"auto"',computed:!1},required:!1}}}},"./node_modules/@mui/icons-material/esm/Search.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _utils_createSvgIcon_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/esm/utils/createSvgIcon.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,_utils_createSvgIcon_js__WEBPACK_IMPORTED_MODULE_1__.A)((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"}),"Search")},"./node_modules/@mui/material/esm/utils/capitalize.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("./node_modules/@mui/utils/esm/capitalize/capitalize.js").A},"./node_modules/@mui/material/esm/utils/createSvgIcon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>createSvgIcon});var react=__webpack_require__("./node_modules/react/index.js"),clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),composeClasses=__webpack_require__("./node_modules/@mui/utils/esm/composeClasses/composeClasses.js"),capitalize=__webpack_require__("./node_modules/@mui/material/esm/utils/capitalize.js"),styled=__webpack_require__("./node_modules/@mui/material/esm/styles/styled.js"),memoTheme=__webpack_require__("./node_modules/@mui/material/esm/utils/memoTheme.js"),DefaultPropsProvider=__webpack_require__("./node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js"),generateUtilityClasses=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js"),generateUtilityClass=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js");function getSvgIconUtilityClass(slot){return(0,generateUtilityClass.Ay)("MuiSvgIcon",slot)}(0,generateUtilityClasses.A)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const SvgIconRoot=(0,styled.Ay)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.root,"inherit"!==ownerState.color&&styles[`color${(0,capitalize.A)(ownerState.color)}`],styles[`fontSize${(0,capitalize.A)(ownerState.fontSize)}`]]}})((0,memoTheme.A)(({theme})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:theme.transitions?.create?.("fill",{duration:(theme.vars??theme).transitions?.duration?.shorter}),variants:[{props:props=>!props.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:theme.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:theme.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:theme.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((theme.vars??theme).palette).filter(([,value])=>value&&value.main).map(([color])=>({props:{color},style:{color:(theme.vars??theme).palette?.[color]?.main}})),{props:{color:"action"},style:{color:(theme.vars??theme).palette?.action?.active}},{props:{color:"disabled"},style:{color:(theme.vars??theme).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]}))),SvgIcon=react.forwardRef(function SvgIcon(inProps,ref){const props=(0,DefaultPropsProvider.b)({props:inProps,name:"MuiSvgIcon"}),{children,className,color="inherit",component="svg",fontSize="medium",htmlColor,inheritViewBox=!1,titleAccess,viewBox="0 0 24 24",...other}=props,hasSvgAsChild=react.isValidElement(children)&&"svg"===children.type,ownerState={...props,color,component,fontSize,instanceFontSize:inProps.fontSize,inheritViewBox,viewBox,hasSvgAsChild},more={};inheritViewBox||(more.viewBox=viewBox);const classes=(ownerState=>{const{color,fontSize,classes}=ownerState,slots={root:["root","inherit"!==color&&`color${(0,capitalize.A)(color)}`,`fontSize${(0,capitalize.A)(fontSize)}`]};return(0,composeClasses.A)(slots,getSvgIconUtilityClass,classes)})(ownerState);return(0,jsx_runtime.jsxs)(SvgIconRoot,{as:component,className:(0,clsx.A)(classes.root,className),focusable:"false",color:htmlColor,"aria-hidden":!titleAccess||void 0,role:titleAccess?"img":void 0,ref,...more,...other,...hasSvgAsChild&&children.props,ownerState,children:[hasSvgAsChild?children.props.children:children,titleAccess?(0,jsx_runtime.jsx)("title",{children:titleAccess}):null]})});SvgIcon.muiName="SvgIcon";const SvgIcon_SvgIcon=SvgIcon;function createSvgIcon(path,displayName){function Component(props,ref){return(0,jsx_runtime.jsx)(SvgIcon_SvgIcon,{"data-testid":void 0,ref,...props,children:path})}return Component.muiName=SvgIcon_SvgIcon.muiName,react.memo(react.forwardRef(Component))}}}]);

package/storybook-static/Select-Select-stories.1ba58501.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[4728],{"./components/Select/Select.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Disabled:()=>Disabled,Error:()=>Error,Required:()=>Required,SelectWithLabel:()=>SelectWithLabel,VariedHeights:()=>VariedHeights,WithHelperText:()=>WithHelperText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/Select/index.jsx"),_mui_material__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/material/esm/MenuItem/MenuItem.js"),_mui_material__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/material/esm/Box/Box.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Select",component:_index__WEBPACK_IMPORTED_MODULE_1__.A,argTypes:{defaultValue:{control:"text"},placeHolder:{control:"object"},label:{control:"text"},id:{control:"text"},size:{control:{type:"select",options:["small","medium","large"]}},disabled:{control:"boolean"},required:{control:"boolean"},error:{control:"boolean"},helperText:{control:"text"}}},Wrapper=({children})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"qpp-u-padding--16",style:{width:300,marginBottom:"16px"},children}),renderedOptions=[{key:"key1",value:"value1",testId:"testid1",name:"name1"},{key:"key2",value:"value2",testId:"testid2",name:"name2"},{key:"key3",value:"value2",testId:"testid3",name:"name3"}].map(({key,value,testId,name})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_3__.A,{value,"data-testid":`option-${testId}`,children:name},key)),Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{...args,options:renderedOptions})}),SelectWithLabel=Template.bind({});SelectWithLabel.args={defaultValue:"",placeHolder:{name:"placeholder",value:""},label:"Text Label",id:"measureName",size:"small",disabled:!1,required:!1,error:!1,helperText:""};const WithHelperText=Template.bind({});WithHelperText.args={...SelectWithLabel.args,helperText:"A descriptive message"};const Disabled=Template.bind({});Disabled.args={...SelectWithLabel.args,disabled:!0};const Required=Template.bind({});Required.args={...SelectWithLabel.args,required:!0};const Error=Template.bind({});Error.args={...SelectWithLabel.args,error:!0,helperText:"An error message An error message An error message"};const VariedHeights=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"qpp-u-padding--16",style:{width:900,marginBottom:"16px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_mui_material__WEBPACK_IMPORTED_MODULE_4__.A,{sx:{display:"flex",flexDirection:"row"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{error:!0,placeHolder:{name:"placeholder",value:""},defaultValue:"",label:"Text Label",id:"measureName",inputProps:{"data-testid":"measure-name-input"},"data-testid":"measure-name-text-field",size:"small",helperText:"An error message",options:renderedOptions}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{placeHolder:{name:"placeholder",value:""},defaultValue:"",label:"Text Label",id:"measureName",inputProps:{"data-testid":"measure-name-input"},"data-testid":"measure-name-text-field",size:"small",helperText:"",options:renderedOptions}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{placeHolder:{name:"placeholder",value:""},defaultValue:"",label:"Text Label",id:"measureName",inputProps:{"data-testid":"measure-name-input"},"data-testid":"measure-name-text-field",size:"small",helperText:"An error message designed to take up a lot of space to see how we space multiple input elements within the same row in a responsive manner ",options:renderedOptions})]})}),__namedExportsOrder=["SelectWithLabel","WithHelperText","Disabled","Required","Error","VariedHeights"];SelectWithLabel.parameters={...SelectWithLabel.parameters,docs:{...SelectWithLabel.parameters?.docs,source:{originalSource:"args => <Wrapper>\n        <Select {...args} options={renderedOptions} />\n    </Wrapper>",...SelectWithLabel.parameters?.docs?.source}}},WithHelperText.parameters={...WithHelperText.parameters,docs:{...WithHelperText.parameters?.docs,source:{originalSource:"args => <Wrapper>\n        <Select {...args} options={renderedOptions} />\n    </Wrapper>",...WithHelperText.parameters?.docs?.source}}},Disabled.parameters={...Disabled.parameters,docs:{...Disabled.parameters?.docs,source:{originalSource:"args => <Wrapper>\n        <Select {...args} options={renderedOptions} />\n    </Wrapper>",...Disabled.parameters?.docs?.source}}},Required.parameters={...Required.parameters,docs:{...Required.parameters?.docs,source:{originalSource:"args => <Wrapper>\n        <Select {...args} options={renderedOptions} />\n    </Wrapper>",...Required.parameters?.docs?.source}}},Error.parameters={...Error.parameters,docs:{...Error.parameters?.docs,source:{originalSource:"args => <Wrapper>\n        <Select {...args} options={renderedOptions} />\n    </Wrapper>",...Error.parameters?.docs?.source}}},VariedHeights.parameters={...VariedHeights.parameters,docs:{...VariedHeights.parameters?.docs,source:{originalSource:'() => <div className="qpp-u-padding--16" style={{\n  width: 900,\n  marginBottom: "16px"\n}}>\n        <Box sx={{\n    display: "flex",\n    flexDirection: "row"\n  }}>\n            <Select error placeHolder={{\n      name: "placeholder",\n      value: ""\n    }} defaultValue="" label="Text Label" id="measureName" inputProps={{\n      "data-testid": "measure-name-input"\n    }} data-testid="measure-name-text-field" size="small" helperText="An error message" options={renderedOptions} />\n            <Select placeHolder={{\n      name: "placeholder",\n      value: ""\n    }} defaultValue="" label="Text Label" id="measureName" inputProps={{\n      "data-testid": "measure-name-input"\n    }} data-testid="measure-name-text-field" size="small" helperText="" options={renderedOptions} />\n            <Select placeHolder={{\n      name: "placeholder",\n      value: ""\n    }} defaultValue="" label="Text Label" id="measureName" inputProps={{\n      "data-testid": "measure-name-input"\n    }} data-testid="measure-name-text-field" size="small" helperText="An error message designed to take up a lot of space to see how we space multiple input elements within the same row in a responsive manner " options={renderedOptions} />\n        </Box>\n    </div>',...VariedHeights.parameters?.docs?.source}}}}}]);

package/storybook-static/Tabs-Tabs-stories.e9bf42ff.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[6108],{"./components/Tabs/Tab.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _mui_material__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/esm/Tab/Tab.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");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)}var _excluded=["type","size","orientation"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}function _defineProperty(e,r,t){return(r=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var typeA={color:"#fff",borderRadius:"4px 4px 0px 0px !important",backgroundColor:"#003366","&:hover":{background:"#001F3D"},"&:focus":{background:"#125496",boxShadow:"0px 0px 0px 4px #CBE4FF"}},typeB={color:"#515151","&:hover":{background:"#F2F9FF",color:"#242424"},"&:focus":{boxShadow:"0px 0px 0px 4px #CBE4FF",background:"#fff"}},typeC={color:"#333",background:"#EDEDED","&:hover":{background:"#FAFAFA",color:"#515151"},"&:focus":{boxShadow:"0px 0px 0px 4px #CBE4FF",background:"#fff"}},Tab=function Tab(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"A":_ref$type,_ref$size=_ref.size,size=void 0===_ref$size?"standard":_ref$size,_ref$orientation=_ref.orientation,orientation=void 0===_ref$orientation?"horizontal":_ref$orientation,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,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}(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}(_ref,_excluded),variantStyles="A"===type?typeA:"B"===type||"D"===type?typeB:"C"===type?typeC:{},style=_objectSpread(_objectSpread({},{height:"standard"===size?"48px":"60px",fontFamily:"Rubik, sans serif",fontWeight:400,padding:"standard"===size?"14.5px 24px":"20.5px 24px",textTransform:"none",fontSize:"16px",alignItems:"vertical"===orientation?"flex-start":void 0,"&.Mui-disabled":{background:"#DDDDDD",color:"#717171 !important"}}),variantStyles);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.A,_objectSpread({tabIndex:0,sx:style},rest))};const __WEBPACK_DEFAULT_EXPORT__=Tab;Tab.__docgenInfo={description:'@param {{\n  type?: "A" | "B" | "C" | "D",\n  size?: "standard" | string,\n  orientation?: "horizontal" | "vertical",\n  [key: string]: any\n}} props',methods:[],displayName:"Tab",props:{type:{defaultValue:{value:'"A"',computed:!1},required:!1},size:{defaultValue:{value:'"standard"',computed:!1},required:!1},orientation:{defaultValue:{value:'"horizontal"',computed:!1},required:!1}}}},"./components/Tabs/Tabs.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InteractiveTabs:()=>InteractiveTabs,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Tabs_stories});var react=__webpack_require__("./node_modules/react/index.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),tabs=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[14].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[14].use[2]!./components/Tabs/tabs.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(tabs.A,options);tabs.A&&tabs.A.locals&&tabs.A.locals;var Tabs=__webpack_require__("./components/Tabs/index.js"),Tab=__webpack_require__("./components/Tabs/Tab.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Tabs_stories={title:"Tabs",component:Tabs.A,argTypes:{type:{control:{type:"select"},options:["A","B","C","D"]},size:{control:{type:"select"},options:["standard","large"]},orientation:{control:{type:"radio"},options:["horizontal","vertical"]}}},InteractiveTabs=(({type,size,orientation})=>{const[selected,setSelected]=(0,react.useState)(1),tabProps={type,size,orientation};return(0,jsx_runtime.jsx)("div",{style:{margin:"25px",width:"vertical"===orientation?200:"fit-content"},children:(0,jsx_runtime.jsxs)(Tabs.A,{...tabProps,value:selected,onChange:(_,value)=>setSelected(value),children:[(0,jsx_runtime.jsx)(Tab.A,{...tabProps,label:"Item One",value:1}),(0,jsx_runtime.jsx)(Tab.A,{...tabProps,label:"Item Two",value:2}),(0,jsx_runtime.jsx)(Tab.A,{...tabProps,label:"Item Three",value:3}),(0,jsx_runtime.jsx)(Tab.A,{...tabProps,label:"disabled",value:4,disabled:!0})]})})}).bind({});InteractiveTabs.args={type:"A",size:"standard",orientation:"horizontal"};const __namedExportsOrder=["InteractiveTabs"];InteractiveTabs.parameters={...InteractiveTabs.parameters,docs:{...InteractiveTabs.parameters?.docs,source:{originalSource:'({\n  type,\n  size,\n  orientation\n}) => {\n  const [selected, setSelected] = useState(1);\n  const handleChange = (_, value) => setSelected(value);\n  const tabProps = {\n    type,\n    size,\n    orientation\n  };\n  return <div style={{\n    margin: "25px",\n    width: orientation === "vertical" ? 200 : "fit-content"\n  }}>\n      <Tabs {...tabProps} value={selected} onChange={handleChange}>\n        <Tab {...tabProps} label="Item One" value={1} />\n        <Tab {...tabProps} label="Item Two" value={2} />\n        <Tab {...tabProps} label="Item Three" value={3} />\n        <Tab {...tabProps} label="disabled" value={4} disabled />\n      </Tabs>\n    </div>;\n}',...InteractiveTabs.parameters?.docs?.source}}}},"./components/Tabs/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _mui_material__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/esm/Tabs/Tabs.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");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)}var _excluded=["type","size","orientation","selected","defaultSelectedId","onChange","children"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}function _defineProperty(e,r,t){return(r=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var typeA={"& .MuiTabs-flexContainer":{columnGap:"4px !important"},"& .MuiTabs-indicator":{display:"none !important"}},typeB={backgroundColor:"#FFF",color:"#515151","& .MuiTabs-indicator":{backgroundColor:"#209FA6",height:"6px"}},typeC={color:"333","& .MuiTabs-indicator":{backgroundColor:"#209FA6",height:"100%",width:"6px !important",left:0}},typeCVerticalSelected={"& .MuiTab-root.Mui-selected":{borderTop:"solid 1px #8C8C8C",borderBottom:"solid 1px #8C8C8C",borderRight:"1px solid white",width:"calc(100% + 1px)"}},typeD={backgroundColor:"#FFF",color:"#515151","& .MuiTabs-indicator":{backgroundColor:"#209FA6",height:"6px",top:0}},baseStyle={outline:"none",fontFamily:"Rubik, sans Sarif",fontWeight:400,lineHeight:19,backgroundColor:"transparent","& .Mui-selected":{outline:"none",fontWeight:500,color:"#333 !important",backgroundColor:"#fff"}},Tabs=function Tabs(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"A":_ref$type,_ref$orientation=(_ref.size,_ref.orientation),orientation=void 0===_ref$orientation?"horizontal":_ref$orientation,_ref$children=(_ref.selected,_ref.defaultSelectedId,_ref.onChange,_ref.children),children=void 0===_ref$children?null:_ref$children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,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}(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}(_ref,_excluded),style=_objectSpread({},baseStyle);switch(type){case"A":style=_objectSpread(_objectSpread({},style),typeA);break;case"B":style=_objectSpread(_objectSpread({},style),typeB);break;case"C":style="vertical"===orientation?_objectSpread(_objectSpread(_objectSpread({},style),typeC),typeCVerticalSelected):_objectSpread(_objectSpread({},style),typeC);break;case"D":style=_objectSpread(_objectSpread({},style),typeD)}return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.A,_objectSpread(_objectSpread({disableRipple:!0,orientation,sx:style},rest),{},{children}))};const __WEBPACK_DEFAULT_EXPORT__=Tabs;Tabs.__docgenInfo={description:'@param {{\n  type?: "A" | "B" | "C" | "D",\n  size?: string,\n  orientation?: "horizontal" | "vertical",\n  selected?: any,\n  defaultSelectedId?: any,\n  onChange?: () => void,\n  children?: React.ReactNode,\n  [key: string]: any\n}} props',methods:[],displayName:"Tabs",props:{type:{defaultValue:{value:'"A"',computed:!1},required:!1},size:{defaultValue:{value:'"standard"',computed:!1},required:!1},orientation:{defaultValue:{value:'"horizontal"',computed:!1},required:!1},selected:{defaultValue:{value:"null",computed:!1},required:!1},defaultSelectedId:{defaultValue:{value:"null",computed:!1},required:!1},onChange:{defaultValue:{value:"null",computed:!1},required:!1},children:{defaultValue:{value:"null",computed:!1},required:!1}}}},"./node_modules/@mui/material/esm/styles/useTheme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useTheme});__webpack_require__("./node_modules/react/index.js");var _mui_system__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/system/esm/useTheme/useTheme.js"),_defaultTheme_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/esm/styles/defaultTheme.js"),_identifier_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/material/esm/styles/identifier.js");function useTheme(){const theme=(0,_mui_system__WEBPACK_IMPORTED_MODULE_1__.A)(_defaultTheme_js__WEBPACK_IMPORTED_MODULE_2__.A);return theme[_identifier_js__WEBPACK_IMPORTED_MODULE_3__.A]||theme}},"./node_modules/@mui/material/esm/utils/createSvgIcon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>createSvgIcon});var react=__webpack_require__("./node_modules/react/index.js"),clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),composeClasses=__webpack_require__("./node_modules/@mui/utils/esm/composeClasses/composeClasses.js"),capitalize=__webpack_require__("./node_modules/@mui/material/esm/utils/capitalize.js"),styled=__webpack_require__("./node_modules/@mui/material/esm/styles/styled.js"),memoTheme=__webpack_require__("./node_modules/@mui/material/esm/utils/memoTheme.js"),DefaultPropsProvider=__webpack_require__("./node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js"),generateUtilityClasses=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js"),generateUtilityClass=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js");function getSvgIconUtilityClass(slot){return(0,generateUtilityClass.Ay)("MuiSvgIcon",slot)}(0,generateUtilityClasses.A)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const SvgIconRoot=(0,styled.Ay)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.root,"inherit"!==ownerState.color&&styles[`color${(0,capitalize.A)(ownerState.color)}`],styles[`fontSize${(0,capitalize.A)(ownerState.fontSize)}`]]}})((0,memoTheme.A)(({theme})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:theme.transitions?.create?.("fill",{duration:(theme.vars??theme).transitions?.duration?.shorter}),variants:[{props:props=>!props.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:theme.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:theme.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:theme.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((theme.vars??theme).palette).filter(([,value])=>value&&value.main).map(([color])=>({props:{color},style:{color:(theme.vars??theme).palette?.[color]?.main}})),{props:{color:"action"},style:{color:(theme.vars??theme).palette?.action?.active}},{props:{color:"disabled"},style:{color:(theme.vars??theme).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]}))),SvgIcon=react.forwardRef(function SvgIcon(inProps,ref){const props=(0,DefaultPropsProvider.b)({props:inProps,name:"MuiSvgIcon"}),{children,className,color="inherit",component="svg",fontSize="medium",htmlColor,inheritViewBox=!1,titleAccess,viewBox="0 0 24 24",...other}=props,hasSvgAsChild=react.isValidElement(children)&&"svg"===children.type,ownerState={...props,color,component,fontSize,instanceFontSize:inProps.fontSize,inheritViewBox,viewBox,hasSvgAsChild},more={};inheritViewBox||(more.viewBox=viewBox);const classes=(ownerState=>{const{color,fontSize,classes}=ownerState,slots={root:["root","inherit"!==color&&`color${(0,capitalize.A)(color)}`,`fontSize${(0,capitalize.A)(fontSize)}`]};return(0,composeClasses.A)(slots,getSvgIconUtilityClass,classes)})(ownerState);return(0,jsx_runtime.jsxs)(SvgIconRoot,{as:component,className:(0,clsx.A)(classes.root,className),focusable:"false",color:htmlColor,"aria-hidden":!titleAccess||void 0,role:titleAccess?"img":void 0,ref,...more,...other,...hasSvgAsChild&&children.props,ownerState,children:[hasSvgAsChild?children.props.children:children,titleAccess?(0,jsx_runtime.jsx)("title",{children:titleAccess}):null]})});SvgIcon.muiName="SvgIcon";const SvgIcon_SvgIcon=SvgIcon;function createSvgIcon(path,displayName){function Component(props,ref){return(0,jsx_runtime.jsx)(SvgIcon_SvgIcon,{"data-testid":void 0,ref,...props,children:path})}return Component.muiName=SvgIcon_SvgIcon.muiName,react.memo(react.forwardRef(Component))}},"./node_modules/@mui/material/esm/utils/debounce.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("./node_modules/@mui/utils/esm/debounce/debounce.js").A},"./node_modules/@mui/material/esm/utils/ownerDocument.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("./node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js").A},"./node_modules/@mui/material/esm/utils/ownerWindow.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("./node_modules/@mui/utils/esm/ownerWindow/ownerWindow.js").A},"./node_modules/@mui/material/esm/utils/useEnhancedEffect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("./node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js").A},"./node_modules/@mui/material/esm/utils/useSlot.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useSlot});var _mui_utils_useForkRef__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/utils/esm/useForkRef/useForkRef.js"),_mui_utils_appendOwnerState__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/utils/esm/appendOwnerState/appendOwnerState.js"),_mui_utils_resolveComponentProps__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@mui/utils/esm/resolveComponentProps/resolveComponentProps.js"),_mui_utils_mergeSlotProps__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/utils/esm/mergeSlotProps/mergeSlotProps.js");function useSlot(name,parameters){const{className,elementType:initialElementType,ownerState,externalForwardedProps,internalForwardedProps,shouldForwardComponentProp=!1,...useSlotPropsParams}=parameters,{component:rootComponent,slots={[name]:void 0},slotProps={[name]:void 0},...other}=externalForwardedProps,elementType=slots[name]||initialElementType,resolvedComponentsProps=(0,_mui_utils_resolveComponentProps__WEBPACK_IMPORTED_MODULE_0__.A)(slotProps[name],ownerState),{props:{component:slotComponent,...mergedProps},internalRef}=(0,_mui_utils_mergeSlotProps__WEBPACK_IMPORTED_MODULE_1__.A)({className,...useSlotPropsParams,externalForwardedProps:"root"===name?other:void 0,externalSlotProps:resolvedComponentsProps}),ref=(0,_mui_utils_useForkRef__WEBPACK_IMPORTED_MODULE_2__.A)(internalRef,resolvedComponentsProps?.ref,parameters.ref),LeafComponent="root"===name?slotComponent||rootComponent:slotComponent;return[elementType,(0,_mui_utils_appendOwnerState__WEBPACK_IMPORTED_MODULE_3__.A)(elementType,{..."root"===name&&!rootComponent&&!slots[name]&&internalForwardedProps,..."root"!==name&&!slots[name]&&internalForwardedProps,...mergedProps,...LeafComponent&&!shouldForwardComponentProp&&{as:LeafComponent},...LeafComponent&&shouldForwardComponentProp&&{component:LeafComponent},ref},ownerState)]}},"./node_modules/@mui/system/esm/RtlProvider/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{I:()=>useRtl});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");__webpack_require__("./node_modules/react/jsx-runtime.js");const RtlContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext();const useRtl=()=>react__WEBPACK_IMPORTED_MODULE_0__.useContext(RtlContext)??!1},"./node_modules/@mui/system/esm/useTheme/useTheme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _createTheme_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@mui/system/esm/createTheme/createTheme.js"),_useThemeWithoutDefault_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/system/esm/useThemeWithoutDefault/useThemeWithoutDefault.js");const systemDefaultTheme=(0,_createTheme_index_js__WEBPACK_IMPORTED_MODULE_0__.A)();const __WEBPACK_DEFAULT_EXPORT__=function useTheme(defaultTheme=systemDefaultTheme){return(0,_useThemeWithoutDefault_index_js__WEBPACK_IMPORTED_MODULE_1__.A)(defaultTheme)}},"./node_modules/@mui/system/esm/useThemeWithoutDefault/useThemeWithoutDefault.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_mui_styled_engine__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@emotion/react/dist/emotion-element-f0de968e.browser.esm.js");const __WEBPACK_DEFAULT_EXPORT__=function useTheme(defaultTheme=null){const contextTheme=react__WEBPACK_IMPORTED_MODULE_0__.useContext(_mui_styled_engine__WEBPACK_IMPORTED_MODULE_1__.T);return!contextTheme||function isObjectEmpty(obj){return 0===Object.keys(obj).length}(contextTheme)?defaultTheme:contextTheme}},"./node_modules/@mui/utils/esm/appendOwnerState/appendOwnerState.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>appendOwnerState_appendOwnerState});const isHostComponent_isHostComponent=function isHostComponent(element){return"string"==typeof element};const appendOwnerState_appendOwnerState=function appendOwnerState(elementType,otherProps,ownerState){return void 0===elementType||isHostComponent_isHostComponent(elementType)?otherProps:{...otherProps,ownerState:{...otherProps.ownerState,...ownerState}}}},"./node_modules/@mui/utils/esm/debounce/debounce.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function debounce(func,wait=166){let timeout;function debounced(...args){clearTimeout(timeout),timeout=setTimeout(()=>{func.apply(this,args)},wait)}return debounced.clear=()=>{clearTimeout(timeout)},debounced}__webpack_require__.d(__webpack_exports__,{A:()=>debounce})},"./node_modules/@mui/utils/esm/extractEventHandlers/extractEventHandlers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=function extractEventHandlers(object,excludeKeys=[]){if(void 0===object)return{};const result={};return Object.keys(object).filter(prop=>prop.match(/^on[A-Z]/)&&"function"==typeof object[prop]&&!excludeKeys.includes(prop)).forEach(prop=>{result[prop]=object[prop]}),result}},"./node_modules/@mui/utils/esm/mergeSlotProps/mergeSlotProps.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>mergeSlotProps_mergeSlotProps});var clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),extractEventHandlers=__webpack_require__("./node_modules/@mui/utils/esm/extractEventHandlers/extractEventHandlers.js");const omitEventHandlers_omitEventHandlers=function omitEventHandlers(object){if(void 0===object)return{};const result={};return Object.keys(object).filter(prop=>!(prop.match(/^on[A-Z]/)&&"function"==typeof object[prop])).forEach(prop=>{result[prop]=object[prop]}),result};const mergeSlotProps_mergeSlotProps=function mergeSlotProps(parameters){const{getSlotProps,additionalProps,externalSlotProps,externalForwardedProps,className}=parameters;if(!getSlotProps){const joinedClasses=(0,clsx.A)(additionalProps?.className,className,externalForwardedProps?.className,externalSlotProps?.className),mergedStyle={...additionalProps?.style,...externalForwardedProps?.style,...externalSlotProps?.style},props={...additionalProps,...externalForwardedProps,...externalSlotProps};return joinedClasses.length>0&&(props.className=joinedClasses),Object.keys(mergedStyle).length>0&&(props.style=mergedStyle),{props,internalRef:void 0}}const eventHandlers=(0,extractEventHandlers.A)({...externalForwardedProps,...externalSlotProps}),componentsPropsWithoutEventHandlers=omitEventHandlers_omitEventHandlers(externalSlotProps),otherPropsWithoutEventHandlers=omitEventHandlers_omitEventHandlers(externalForwardedProps),internalSlotProps=getSlotProps(eventHandlers),joinedClasses=(0,clsx.A)(internalSlotProps?.className,additionalProps?.className,className,externalForwardedProps?.className,externalSlotProps?.className),mergedStyle={...internalSlotProps?.style,...additionalProps?.style,...externalForwardedProps?.style,...externalSlotProps?.style},props={...internalSlotProps,...additionalProps,...otherPropsWithoutEventHandlers,...componentsPropsWithoutEventHandlers};return joinedClasses.length>0&&(props.className=joinedClasses),Object.keys(mergedStyle).length>0&&(props.style=mergedStyle),{props,internalRef:internalSlotProps.ref}}},"./node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function ownerDocument(node){return node&&node.ownerDocument||document}__webpack_require__.d(__webpack_exports__,{A:()=>ownerDocument})},"./node_modules/@mui/utils/esm/ownerWindow/ownerWindow.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>ownerWindow});var _ownerDocument_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js");function ownerWindow(node){return(0,_ownerDocument_index_js__WEBPACK_IMPORTED_MODULE_0__.A)(node).defaultView||window}},"./node_modules/@mui/utils/esm/resolveComponentProps/resolveComponentProps.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=function resolveComponentProps(componentProps,ownerState,slotState){return"function"==typeof componentProps?componentProps(ownerState,slotState):componentProps}},"./node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _useForkRef_index_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/utils/esm/useForkRef/useForkRef.js"),_appendOwnerState_index_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/utils/esm/appendOwnerState/appendOwnerState.js"),_mergeSlotProps_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/utils/esm/mergeSlotProps/mergeSlotProps.js"),_resolveComponentProps_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@mui/utils/esm/resolveComponentProps/resolveComponentProps.js");const __WEBPACK_DEFAULT_EXPORT__=function useSlotProps(parameters){const{elementType,externalSlotProps,ownerState,skipResolvingSlotProps=!1,...other}=parameters,resolvedComponentsProps=skipResolvingSlotProps?{}:(0,_resolveComponentProps_index_js__WEBPACK_IMPORTED_MODULE_0__.A)(externalSlotProps,ownerState),{props:mergedProps,internalRef}=(0,_mergeSlotProps_index_js__WEBPACK_IMPORTED_MODULE_1__.A)({...other,externalSlotProps:resolvedComponentsProps}),ref=(0,_useForkRef_index_js__WEBPACK_IMPORTED_MODULE_2__.A)(internalRef,resolvedComponentsProps?.ref,parameters.additionalProps?.ref);return(0,_appendOwnerState_index_js__WEBPACK_IMPORTED_MODULE_3__.A)(elementType,{...mergedProps,ref},ownerState)}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[14].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[14].use[2]!./components/Tabs/tabs.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".vertical-standard-type-c-wrapper *{overflow:visible !important}.vertical-standard-type-c{width:300px;border-right:solid 1px #8c8c8c}.vertical-standard-type-c>h4{padding-top:16px}","",{version:3,sources:["webpack://./components/Tabs/tabs.scss"],names:[],mappings:"AAEA,oCACC,2BAAA,CAGD,0BAIC,WAAA,CACA,8BAAA,CAJA,6BACC,gBAAA",sourcesContent:["// Required to have OverFlow visible for parent component of Tabs\n// in order to add styling for Mui.selected Tabs\n.vertical-standard-type-c-wrapper * {\n\toverflow: visible !important;\n}\n\n.vertical-standard-type-c {\n\t> h4 {\n\t\tpadding-top: 16px;\n\t}\n\twidth: 300px;\n\tborder-right: solid 1px #8C8C8C;\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook-static/TextArea-TextArea-stories.9bb45748.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[1680],{"./components/TextArea/TextArea.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DisabledWithNoValue:()=>DisabledWithNoValue,DisabledWithValue:()=>DisabledWithValue,Error:()=>Error,Interactive:()=>Interactive,Required:()=>Required,VariedHeights:()=>VariedHeights,WithHelperText:()=>WithHelperText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/TextArea/index.jsx"),_mui_material__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/material/esm/FormHelperText/FormHelperText.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"TextArea",component:_index__WEBPACK_IMPORTED_MODULE_1__.A,argTypes:{disabled:{control:"boolean"},error:{control:"boolean"},required:{control:"boolean"},size:{control:{type:"select"},options:["small","medium","large"]},helperText:{control:"text"},value:{control:"text"}}},Wrapper=({children})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"qpp-u-padding--16",style:{width:300},children}),Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{...args,id:"measureName",inputProps:{"data-testid":"measure-name-input"},"data-testid":"measure-name-text-field",label:"Text Label",placeholder:"Placeholder"})}),Interactive=Template.bind({});Interactive.args={size:"small",disabled:!1,error:!1,required:!1,helperText:"",value:""};const WithHelperText=Template.bind({});WithHelperText.args={...Interactive.args,helperText:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_3__.A,{"data-testid":"helper-text",error:!1,children:"a descriptive message"})};const DisabledWithValue=Template.bind({});DisabledWithValue.args={...Interactive.args,value:"This is a disabled text area",disabled:!0,required:!0};const DisabledWithNoValue=Template.bind({});DisabledWithNoValue.args={...Interactive.args,disabled:!0,required:!0};const Required=Template.bind({});Required.args={...Interactive.args,required:!0};const Error=Template.bind({});Error.args={...Interactive.args,error:!0,required:!0,helperText:"An error message"};const VariedHeights=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"qpp-u-padding--16",style:{width:900,marginBottom:"16px",display:"flex",gap:16},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{placeholder:"Placeholder",required:!0,label:"Text Label",id:"measureName1",inputProps:{"data-testid":"measure-name-input1"},"data-testid":"measure-name-text-field1",size:"small",helperText:"An error message"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{placeholder:"Placeholder",required:!0,label:"Text Label",id:"measureName2",inputProps:{"data-testid":"measure-name-input2"},"data-testid":"measure-name-text-field2",size:"small",helperText:"An error message"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{placeholder:"Placeholder",label:"Text Label",id:"measureName3",inputProps:{"data-testid":"measure-name-input3"},"data-testid":"measure-name-text-field3",size:"small",helperText:"An error message designed to take up a lot of space to see how we space multiple input elements within the same row in a responsive manner"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{placeholder:"Placeholder",error:!0,required:!0,label:"Text Label",id:"measureName4",inputProps:{"data-testid":"measure-name-input4"},"data-testid":"measure-name-text-field4",size:"small",helperText:"An error message"})]}),__namedExportsOrder=["Interactive","WithHelperText","DisabledWithValue","DisabledWithNoValue","Required","Error","VariedHeights"];Interactive.parameters={...Interactive.parameters,docs:{...Interactive.parameters?.docs,source:{originalSource:'args => <Wrapper>\n        <TextArea {...args} id="measureName" inputProps={{\n    "data-testid": "measure-name-input"\n  }} data-testid="measure-name-text-field" label="Text Label" placeholder="Placeholder" />\n    </Wrapper>',...Interactive.parameters?.docs?.source}}},WithHelperText.parameters={...WithHelperText.parameters,docs:{...WithHelperText.parameters?.docs,source:{originalSource:'args => <Wrapper>\n        <TextArea {...args} id="measureName" inputProps={{\n    "data-testid": "measure-name-input"\n  }} data-testid="measure-name-text-field" label="Text Label" placeholder="Placeholder" />\n    </Wrapper>',...WithHelperText.parameters?.docs?.source}}},DisabledWithValue.parameters={...DisabledWithValue.parameters,docs:{...DisabledWithValue.parameters?.docs,source:{originalSource:'args => <Wrapper>\n        <TextArea {...args} id="measureName" inputProps={{\n    "data-testid": "measure-name-input"\n  }} data-testid="measure-name-text-field" label="Text Label" placeholder="Placeholder" />\n    </Wrapper>',...DisabledWithValue.parameters?.docs?.source}}},DisabledWithNoValue.parameters={...DisabledWithNoValue.parameters,docs:{...DisabledWithNoValue.parameters?.docs,source:{originalSource:'args => <Wrapper>\n        <TextArea {...args} id="measureName" inputProps={{\n    "data-testid": "measure-name-input"\n  }} data-testid="measure-name-text-field" label="Text Label" placeholder="Placeholder" />\n    </Wrapper>',...DisabledWithNoValue.parameters?.docs?.source}}},Required.parameters={...Required.parameters,docs:{...Required.parameters?.docs,source:{originalSource:'args => <Wrapper>\n        <TextArea {...args} id="measureName" inputProps={{\n    "data-testid": "measure-name-input"\n  }} data-testid="measure-name-text-field" label="Text Label" placeholder="Placeholder" />\n    </Wrapper>',...Required.parameters?.docs?.source}}},Error.parameters={...Error.parameters,docs:{...Error.parameters?.docs,source:{originalSource:'args => <Wrapper>\n        <TextArea {...args} id="measureName" inputProps={{\n    "data-testid": "measure-name-input"\n  }} data-testid="measure-name-text-field" label="Text Label" placeholder="Placeholder" />\n    </Wrapper>',...Error.parameters?.docs?.source}}},VariedHeights.parameters={...VariedHeights.parameters,docs:{...VariedHeights.parameters?.docs,source:{originalSource:'() => <div className="qpp-u-padding--16" style={{\n  width: 900,\n  marginBottom: "16px",\n  display: "flex",\n  gap: 16\n}}>\n        <TextArea placeholder="Placeholder" required label="Text Label" id="measureName1" inputProps={{\n    "data-testid": "measure-name-input1"\n  }} data-testid="measure-name-text-field1" size="small" helperText="An error message" />\n        <TextArea placeholder="Placeholder" required label="Text Label" id="measureName2" inputProps={{\n    "data-testid": "measure-name-input2"\n  }} data-testid="measure-name-text-field2" size="small" helperText="An error message" />\n        <TextArea placeholder="Placeholder" label="Text Label" id="measureName3" inputProps={{\n    "data-testid": "measure-name-input3"\n  }} data-testid="measure-name-text-field3" size="small" helperText="An error message designed to take up a lot of space to see how we space multiple input elements within the same row in a responsive manner" />\n        <TextArea placeholder="Placeholder" error required label="Text Label" id="measureName4" inputProps={{\n    "data-testid": "measure-name-input4"\n  }} data-testid="measure-name-text-field4" size="small" helperText="An error message" />\n    </div>',...VariedHeights.parameters?.docs?.source}}}}}]);

package/storybook-static/TextField-TextField-stories.e5c08a5e.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[1910],{"./components/TextField/TextField.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Disabled:()=>Disabled,Error:()=>Error,Interactive:()=>Interactive,Required:()=>Required,TextfieldDifferentLabel:()=>TextfieldDifferentLabel,VariedHeights:()=>VariedHeights,WithHelperText:()=>WithHelperText,WithLeftAndRightIcon:()=>WithLeftAndRightIcon,WithToolTipText:()=>WithToolTipText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/TextField/index.jsx"),_mui_material__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/material/esm/FormHelperText/FormHelperText.js"),_mui_material__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/material/esm/InputAdornment/InputAdornment.js"),_mui_material__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mui/material/esm/IconButton/IconButton.js"),_mui_icons_material_Search__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mui/icons-material/esm/Search.js"),_mui_icons_material_Clear__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@mui/icons-material/esm/Clear.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"TextField",component:_index__WEBPACK_IMPORTED_MODULE_1__.A,argTypes:{disabled:{control:"boolean"},error:{control:"boolean"},required:{control:"boolean"},size:{control:{type:"select"},options:["small","medium","large"]},helperText:{control:"text"},label:{control:"text"},placeholder:{control:"text"},labelColor:{control:"color"},value:{control:"text"}}},Wrapper=({children})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"qpp-u-padding--16",style:{width:300},children}),Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{...args,id:args.id||"measureName",inputProps:{"data-testid":"measure-name-input",...args.inputProps},"data-testid":args["data-testid"]||"measure-name-text-field"})}),Interactive=Template.bind({});Interactive.args={size:"small",disabled:!1,error:!1,required:!1,helperText:"",label:"Text Label",placeholder:"Placeholder",labelColor:void 0,value:""};const WithHelperText=Template.bind({});WithHelperText.args={...Interactive.args,helperText:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_3__.A,{"data-testid":"helper-text",error:!1,children:"a descriptive message"})};const Disabled=Template.bind({});Disabled.args={...Interactive.args,disabled:!0,label:"Disabled Text Label"};const Required=Template.bind({});Required.args={...Interactive.args,required:!0};const Error=Template.bind({});Error.args={...Interactive.args,error:!0,required:!0,helperText:"An error message"};const WithToolTipText=Template.bind({});WithToolTipText.args={...Interactive.args,label:"Confirm New Version #",tooltipText:"Input the new version # located to the left to confirm.",helperText:"test",id:"measure-name"};const VariedHeights=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"qpp-u-padding--16",style:{width:900,marginBottom:"16px",display:"flex",gap:16},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{placeholder:"Placeholder",required:!0,label:"Text Label",id:"measureName1",inputProps:{"data-testid":"measure-name-input1"},"data-testid":"measure-name-text-field1",size:"small",helperText:"An error message"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{placeholder:"Placeholder",label:"Text Label",id:"measureName2",inputProps:{"data-testid":"measure-name-input2"},"data-testid":"measure-name-text-field2",size:"small",helperText:"An error message designed to take up a lot of space to see how we space multiple input elements within the same row in a responsive manner "}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{placeholder:"Placeholder",error:!0,required:!0,label:"Text Label",id:"measureName3",inputProps:{"data-testid":"measure-name-input3"},"data-testid":"measure-name-text-field3",size:"small",helperText:"An error message"})]}),WithLeftAndRightIcon=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Wrapper,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{id:"search",tw:"w-full",label:"Search",placeholder:"Search",inputProps:{"data-testid":"test-case-list-search-input"},"data-testid":"test-case-list-search",slotProps:{input:{startAdornment:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_4__.A,{position:"start",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_icons_material_Search__WEBPACK_IMPORTED_MODULE_5__.A,{})}),endAdornment:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_4__.A,{position:"end",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_6__.A,{onClick:()=>{},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_icons_material_Clear__WEBPACK_IMPORTED_MODULE_7__.A,{})})})}},name:"test-case-list-search"})}),TextfieldDifferentLabel=Template.bind({});TextfieldDifferentLabel.args={...Interactive.args,label:"Text Label with different color",labelColor:"#1976d2"};const __namedExportsOrder=["Interactive","WithHelperText","Disabled","Required","Error","WithToolTipText","VariedHeights","WithLeftAndRightIcon","TextfieldDifferentLabel"];Interactive.parameters={...Interactive.parameters,docs:{...Interactive.parameters?.docs,source:{originalSource:'args => <Wrapper>\n        <TextField {...args} id={args.id || "measureName"} inputProps={{\n    "data-testid": "measure-name-input",\n    ...args.inputProps\n  }} data-testid={args["data-testid"] || "measure-name-text-field"} />\n    </Wrapper>',...Interactive.parameters?.docs?.source}}},WithHelperText.parameters={...WithHelperText.parameters,docs:{...WithHelperText.parameters?.docs,source:{originalSource:'args => <Wrapper>\n        <TextField {...args} id={args.id || "measureName"} inputProps={{\n    "data-testid": "measure-name-input",\n    ...args.inputProps\n  }} data-testid={args["data-testid"] || "measure-name-text-field"} />\n    </Wrapper>',...WithHelperText.parameters?.docs?.source}}},Disabled.parameters={...Disabled.parameters,docs:{...Disabled.parameters?.docs,source:{originalSource:'args => <Wrapper>\n        <TextField {...args} id={args.id || "measureName"} inputProps={{\n    "data-testid": "measure-name-input",\n    ...args.inputProps\n  }} data-testid={args["data-testid"] || "measure-name-text-field"} />\n    </Wrapper>',...Disabled.parameters?.docs?.source}}},Required.parameters={...Required.parameters,docs:{...Required.parameters?.docs,source:{originalSource:'args => <Wrapper>\n        <TextField {...args} id={args.id || "measureName"} inputProps={{\n    "data-testid": "measure-name-input",\n    ...args.inputProps\n  }} data-testid={args["data-testid"] || "measure-name-text-field"} />\n    </Wrapper>',...Required.parameters?.docs?.source}}},Error.parameters={...Error.parameters,docs:{...Error.parameters?.docs,source:{originalSource:'args => <Wrapper>\n        <TextField {...args} id={args.id || "measureName"} inputProps={{\n    "data-testid": "measure-name-input",\n    ...args.inputProps\n  }} data-testid={args["data-testid"] || "measure-name-text-field"} />\n    </Wrapper>',...Error.parameters?.docs?.source}}},WithToolTipText.parameters={...WithToolTipText.parameters,docs:{...WithToolTipText.parameters?.docs,source:{originalSource:'args => <Wrapper>\n        <TextField {...args} id={args.id || "measureName"} inputProps={{\n    "data-testid": "measure-name-input",\n    ...args.inputProps\n  }} data-testid={args["data-testid"] || "measure-name-text-field"} />\n    </Wrapper>',...WithToolTipText.parameters?.docs?.source}}},VariedHeights.parameters={...VariedHeights.parameters,docs:{...VariedHeights.parameters?.docs,source:{originalSource:'() => <div className="qpp-u-padding--16" style={{\n  width: 900,\n  marginBottom: "16px",\n  display: "flex",\n  gap: 16\n}}>\n        <TextField placeholder="Placeholder" required label="Text Label" id="measureName1" inputProps={{\n    "data-testid": "measure-name-input1"\n  }} data-testid="measure-name-text-field1" size="small" helperText="An error message" />\n        <TextField placeholder="Placeholder" label="Text Label" id="measureName2" inputProps={{\n    "data-testid": "measure-name-input2"\n  }} data-testid="measure-name-text-field2" size="small" helperText="An error message designed to take up a lot of space to see how we space multiple input elements within the same row in a responsive manner " />\n        <TextField placeholder="Placeholder" error required label="Text Label" id="measureName3" inputProps={{\n    "data-testid": "measure-name-input3"\n  }} data-testid="measure-name-text-field3" size="small" helperText="An error message" />\n    </div>',...VariedHeights.parameters?.docs?.source}}},WithLeftAndRightIcon.parameters={...WithLeftAndRightIcon.parameters,docs:{...WithLeftAndRightIcon.parameters?.docs,source:{originalSource:'() => <Wrapper>\n        <TextField id="search" tw="w-full" label="Search" placeholder="Search" inputProps={{\n    "data-testid": "test-case-list-search-input"\n  }} data-testid="test-case-list-search" slotProps={{\n    input: {\n      startAdornment: <InputAdornment position="start">\n                            <SearchIcon />\n                        </InputAdornment>,\n      endAdornment: <InputAdornment position="end">\n                            <IconButton onClick={() => {}}>\n                                <ClearIcon />\n                            </IconButton>\n                        </InputAdornment>\n    }\n  }} name="test-case-list-search" />\n    </Wrapper>',...WithLeftAndRightIcon.parameters?.docs?.source}}},TextfieldDifferentLabel.parameters={...TextfieldDifferentLabel.parameters,docs:{...TextfieldDifferentLabel.parameters?.docs,source:{originalSource:'args => <Wrapper>\n        <TextField {...args} id={args.id || "measureName"} inputProps={{\n    "data-testid": "measure-name-input",\n    ...args.inputProps\n  }} data-testid={args["data-testid"] || "measure-name-text-field"} />\n    </Wrapper>',...TextfieldDifferentLabel.parameters?.docs?.source}}}}}]);

package/storybook-static/TimeField-TimeField-stories.760f9db5.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[1478],{"./components/InputLabel/index.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _mui_material__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/esm/InputLabel/InputLabel.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");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)}var _excluded=["required","disabled","error"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,o)}return t}function _defineProperty(e,r,t){return(r=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var Label=function Label(_ref){var required=_ref.required,disabled=_ref.disabled,error=_ref.error,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,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}(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}(_ref,_excluded);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.A,function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}({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))};const __WEBPACK_DEFAULT_EXPORT__=Label;Label.__docgenInfo={description:"",methods:[],displayName:"Label"}},"./components/TimeField/TimeField.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _mui_x_date_pickers__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mui/x-date-pickers/TimePicker/TimePicker.js"),_mui_x_date_pickers_LocalizationProvider__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/x-date-pickers/LocalizationProvider/LocalizationProvider.js"),_mui_x_date_pickers_AdapterDayjs__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mui/x-date-pickers/AdapterDayjs/AdapterDayjs.js"),_InputLabel__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/InputLabel/index.jsx"),lodash__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/lodash/lodash.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");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)}var _excluded=["label","value","handleTimeChange","disabled","required","error"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}function _defineProperty(e,r,t){return(r=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var timeFieldStyle={width:"170px",height:40,marginTop:"8px","& .MuiOutlinedInput-notchedOutline":{borderRadius:"3px",borderColor:"#8C8C8C","& legend":{width:0}},"& .MuiOutlinedInput-root":{"&&":{borderRadius:"3px"}},"& .MuiInputBase-input":{color:"#333333",fontFamily:"Rubik",fontSize:14,borderRadius:"3px",padding:"9px",Width:"170px","&::placeholder":{opacity:1,color:"#717171",fontFamily:"Rubik",fontSize:14}}},TimeField=function TimeField(_ref){var label=_ref.label,value=_ref.value,handleTimeChange=_ref.handleTimeChange,disabled=_ref.disabled,required=_ref.required,error=_ref.error,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,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}(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}(_ref,_excluded);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_mui_x_date_pickers_LocalizationProvider__WEBPACK_IMPORTED_MODULE_4__.$,{dateAdapter:_mui_x_date_pickers_AdapterDayjs__WEBPACK_IMPORTED_MODULE_5__.R,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_InputLabel__WEBPACK_IMPORTED_MODULE_1__.A,{"data-testid":"".concat((0,lodash__WEBPACK_IMPORTED_MODULE_2__.kebabCase)(label)),style:{marginBottom:0,height:16},sx:[{backgroundColor:"transparent",textTransform:"none",height:17,left:0,right:0,top:0,fontFamily:"Rubik",fontStyle:"normal",fontWeight:500,fontSize:14,color:"#333333"}],required,disabled,error,children:"".concat(label)}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_mui_x_date_pickers__WEBPACK_IMPORTED_MODULE_6__.A,_objectSpread({sx:timeFieldStyle,disabled,value:value||null,onChange:handleTimeChange,slotProps:{textField:{id:"time"}}},rest))]})};const __WEBPACK_DEFAULT_EXPORT__=TimeField;TimeField.__docgenInfo={description:"",methods:[],displayName:"TimeField"}},"./components/TimeField/TimeField.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_TimeField__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/TimeField/TimeField.jsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"TimeField",component:_TimeField__WEBPACK_IMPORTED_MODULE_1__.A,argTypes:{disabled:{control:"boolean"},label:{control:"text"}}},Default=(args=>{const[value,setValue]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"qpp-u-padding--16",style:{width:300},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_TimeField__WEBPACK_IMPORTED_MODULE_1__.A,{...args,value,handleTimeChange:newValue=>{console.log("Time changed: newValue = ",newValue),setValue(newValue)}})})}).bind({});Default.args={disabled:!1,label:"Result Time"};const __namedExportsOrder=["Default"];Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'args => {\n  const [value, setValue] = useState("");\n  const handleTimeChange = newValue => {\n    console.log("Time changed: newValue = ", newValue);\n    setValue(newValue);\n  };\n  return <div className="qpp-u-padding--16" style={{\n    width: 300\n  }}>\n            <TimeField {...args} value={value} handleTimeChange={handleTimeChange} />\n        </div>;\n}',...Default.parameters?.docs?.source}}}}}]);

package/storybook-static/Toast-Toast-stories.160e8bf1.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[3186],{"./components/Toast/Toast.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DangerToast:()=>DangerToast,InfoToast:()=>InfoToast,SuccessToast:()=>SuccessToast,WarningToast:()=>WarningToast,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/Toast/index.jsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Toast",component:_index__WEBPACK_IMPORTED_MODULE_1__.A,argTypes:{toastType:{control:{type:"select",options:["success","warning","info","danger"]}},message:{control:"text"},autoHideDuration:{control:"number"}}},Template=args=>{const[toastOpen,setToastOpen]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{style:{height:"100vh",width:"100vw",backgroundColor:"#242424",position:"relative"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("button",{onClick:()=>setToastOpen(!0),style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",padding:"8px 16px",cursor:"pointer"},children:"Show Toast"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{...args,toastKey:"toast-key",testId:`${args.toastType}-toast`,open:toastOpen,onClose:()=>setToastOpen(!1)})]})},SuccessToast=Template.bind({});SuccessToast.args={toastType:"success",message:"An action has successfully been completed",autoHideDuration:3e3};const WarningToast=Template.bind({});WarningToast.args={toastType:"warning",message:"Something has gone wrong. Consider fixing before continuing",autoHideDuration:3e3};const InfoToast=Template.bind({});InfoToast.args={toastType:"info",message:"Some useful information",autoHideDuration:3e3};const DangerToast=Template.bind({});DangerToast.args={toastType:"danger",message:"Something has gone wrong. Please try again",autoHideDuration:3e3};const __namedExportsOrder=["SuccessToast","WarningToast","InfoToast","DangerToast"];SuccessToast.parameters={...SuccessToast.parameters,docs:{...SuccessToast.parameters?.docs,source:{originalSource:'args => {\n  const [toastOpen, setToastOpen] = useState(false);\n  return <div style={{\n    height: "100vh",\n    width: "100vw",\n    backgroundColor: "#242424",\n    position: "relative"\n  }}>\n            <button onClick={() => setToastOpen(true)} style={{\n      position: "absolute",\n      top: "50%",\n      left: "50%",\n      transform: "translate(-50%, -50%)",\n      padding: "8px 16px",\n      cursor: "pointer"\n    }}>\n                Show Toast\n            </button>\n            <Toast {...args} toastKey="toast-key" testId={`${args.toastType}-toast`} open={toastOpen} onClose={() => setToastOpen(false)} />\n        </div>;\n}',...SuccessToast.parameters?.docs?.source}}},WarningToast.parameters={...WarningToast.parameters,docs:{...WarningToast.parameters?.docs,source:{originalSource:'args => {\n  const [toastOpen, setToastOpen] = useState(false);\n  return <div style={{\n    height: "100vh",\n    width: "100vw",\n    backgroundColor: "#242424",\n    position: "relative"\n  }}>\n            <button onClick={() => setToastOpen(true)} style={{\n      position: "absolute",\n      top: "50%",\n      left: "50%",\n      transform: "translate(-50%, -50%)",\n      padding: "8px 16px",\n      cursor: "pointer"\n    }}>\n                Show Toast\n            </button>\n            <Toast {...args} toastKey="toast-key" testId={`${args.toastType}-toast`} open={toastOpen} onClose={() => setToastOpen(false)} />\n        </div>;\n}',...WarningToast.parameters?.docs?.source}}},InfoToast.parameters={...InfoToast.parameters,docs:{...InfoToast.parameters?.docs,source:{originalSource:'args => {\n  const [toastOpen, setToastOpen] = useState(false);\n  return <div style={{\n    height: "100vh",\n    width: "100vw",\n    backgroundColor: "#242424",\n    position: "relative"\n  }}>\n            <button onClick={() => setToastOpen(true)} style={{\n      position: "absolute",\n      top: "50%",\n      left: "50%",\n      transform: "translate(-50%, -50%)",\n      padding: "8px 16px",\n      cursor: "pointer"\n    }}>\n                Show Toast\n            </button>\n            <Toast {...args} toastKey="toast-key" testId={`${args.toastType}-toast`} open={toastOpen} onClose={() => setToastOpen(false)} />\n        </div>;\n}',...InfoToast.parameters?.docs?.source}}},DangerToast.parameters={...DangerToast.parameters,docs:{...DangerToast.parameters?.docs,source:{originalSource:'args => {\n  const [toastOpen, setToastOpen] = useState(false);\n  return <div style={{\n    height: "100vh",\n    width: "100vw",\n    backgroundColor: "#242424",\n    position: "relative"\n  }}>\n            <button onClick={() => setToastOpen(true)} style={{\n      position: "absolute",\n      top: "50%",\n      left: "50%",\n      transform: "translate(-50%, -50%)",\n      padding: "8px 16px",\n      cursor: "pointer"\n    }}>\n                Show Toast\n            </button>\n            <Toast {...args} toastKey="toast-key" testId={`${args.toastType}-toast`} open={toastOpen} onClose={() => setToastOpen(false)} />\n        </div>;\n}',...DangerToast.parameters?.docs?.source}}}},"./components/Toast/index.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _mui_icons_material_Error__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/icons-material/esm/Error.js"),_mui_icons_material_Info__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/icons-material/esm/Info.js"),_mui_icons_material_Cancel__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mui/icons-material/esm/Cancel.js"),_mui_icons_material_CheckCircle__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mui/icons-material/esm/CheckCircle.js"),_mui_material__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@mui/material/esm/Snackbar/Snackbar.js"),_mui_material__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@mui/material/esm/IconButton/IconButton.js"),_mui_icons_material_Clear__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@mui/icons-material/esm/Clear.js"),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");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)}var _excluded=["toastType","open","message","canClose","onClose","autoHideDuration","testId","toastKey","toastProps","closeButtonProps"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}function _defineProperty(e,r,t){return(r=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==_typeof(i)?i:i+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var Toast=function Toast(_ref){var _ref$toastType=_ref.toastType,toastType=void 0===_ref$toastType?"warning":_ref$toastType,_ref$open=_ref.open,open=void 0===_ref$open||_ref$open,message=_ref.message,_ref$canClose=_ref.canClose,canClose=void 0===_ref$canClose||_ref$canClose,onClose=_ref.onClose,autoHideDuration=_ref.autoHideDuration,testId=_ref.testId,toastKey=_ref.toastKey,toastProps=_ref.toastProps,closeButtonProps=_ref.closeButtonProps,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,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}(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}(_ref,_excluded),Icon={warning:_mui_icons_material_Error__WEBPACK_IMPORTED_MODULE_3__.A,info:_mui_icons_material_Info__WEBPACK_IMPORTED_MODULE_4__.A,danger:_mui_icons_material_Cancel__WEBPACK_IMPORTED_MODULE_5__.A,success:_mui_icons_material_CheckCircle__WEBPACK_IMPORTED_MODULE_6__.A}[toastType],toastClass=classnames__WEBPACK_IMPORTED_MODULE_1___default()("toast",toastType),iconClass=classnames__WEBPACK_IMPORTED_MODULE_1___default()("alert-icon",toastType);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_7__.A,_objectSpread({anchorOrigin:{vertical:"top",horizontal:"center"},autoHideDuration,open,onClose,message:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",_objectSpread(_objectSpread({className:toastClass},toastProps),{},{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Icon,{className:iconClass}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{id:"message","data-testid":testId,children:message}),canClose&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_8__.A,_objectSpread(_objectSpread({onClick:onClose,sx:{marginLeft:"auto","&:after":{content:"''",position:"absolute",left:"0px",width:"1px",height:"40px",backgroundColor:"#B0B0B0",pointerEvents:"none"}}},closeButtonProps),{},{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_icons_material_Clear__WEBPACK_IMPORTED_MODULE_9__.A,{sx:{color:"#242424"}})}))]})),sx:{overflow:"hidden","& .MuiPaper-root":{backgroundColor:"#fff",padding:0},"& .MuiSnackbar-root":{overflow:"hidden",borderRadius:4},"& .MuiSnackbarContent-message":{padding:0,flexGrow:1,".messageCont":{display:"flex",flexDirection:"row",flexGrow:1,justifyContent:"space-between",div:{display:"flex"}}}}},rest),toastKey||void 0)};const __WEBPACK_DEFAULT_EXPORT__=Toast;Toast.__docgenInfo={description:"",methods:[],displayName:"Toast",props:{toastType:{defaultValue:{value:'"warning"',computed:!1},required:!1},open:{defaultValue:{value:"true",computed:!1},required:!1},canClose:{defaultValue:{value:"true",computed:!1},required:!1}}}},"./node_modules/@mui/icons-material/esm/Error.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _utils_createSvgIcon_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/esm/utils/createSvgIcon.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,_utils_createSvgIcon_js__WEBPACK_IMPORTED_MODULE_1__.A)((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z"}),"Error")},"./node_modules/@mui/material/esm/Paper/Paper.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Paper_Paper});var react=__webpack_require__("./node_modules/react/index.js"),clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),composeClasses=__webpack_require__("./node_modules/@mui/utils/esm/composeClasses/composeClasses.js"),colorManipulator=__webpack_require__("./node_modules/@mui/system/esm/colorManipulator/colorManipulator.js"),styled=__webpack_require__("./node_modules/@mui/material/esm/styles/styled.js"),useTheme=__webpack_require__("./node_modules/@mui/material/esm/styles/useTheme.js"),memoTheme=__webpack_require__("./node_modules/@mui/material/esm/utils/memoTheme.js"),DefaultPropsProvider=__webpack_require__("./node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js"),getOverlayAlpha=__webpack_require__("./node_modules/@mui/material/esm/styles/getOverlayAlpha.js"),generateUtilityClasses=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js"),generateUtilityClass=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js");function getPaperUtilityClass(slot){return(0,generateUtilityClass.Ay)("MuiPaper",slot)}(0,generateUtilityClasses.A)("MuiPaper",["root","rounded","outlined","elevation","elevation0","elevation1","elevation2","elevation3","elevation4","elevation5","elevation6","elevation7","elevation8","elevation9","elevation10","elevation11","elevation12","elevation13","elevation14","elevation15","elevation16","elevation17","elevation18","elevation19","elevation20","elevation21","elevation22","elevation23","elevation24"]);var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const PaperRoot=(0,styled.Ay)("div",{name:"MuiPaper",slot:"Root",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.root,styles[ownerState.variant],!ownerState.square&&styles.rounded,"elevation"===ownerState.variant&&styles[`elevation${ownerState.elevation}`]]}})((0,memoTheme.A)(({theme})=>({backgroundColor:(theme.vars||theme).palette.background.paper,color:(theme.vars||theme).palette.text.primary,transition:theme.transitions.create("box-shadow"),variants:[{props:({ownerState})=>!ownerState.square,style:{borderRadius:theme.shape.borderRadius}},{props:{variant:"outlined"},style:{border:`1px solid ${(theme.vars||theme).palette.divider}`}},{props:{variant:"elevation"},style:{boxShadow:"var(--Paper-shadow)",backgroundImage:"var(--Paper-overlay)"}}]}))),Paper_Paper=react.forwardRef(function Paper(inProps,ref){const props=(0,DefaultPropsProvider.b)({props:inProps,name:"MuiPaper"}),theme=(0,useTheme.A)(),{className,component="div",elevation=1,square=!1,variant="elevation",...other}=props,ownerState={...props,component,elevation,square,variant},classes=(ownerState=>{const{square,elevation,variant,classes}=ownerState,slots={root:["root",variant,!square&&"rounded","elevation"===variant&&`elevation${elevation}`]};return(0,composeClasses.A)(slots,getPaperUtilityClass,classes)})(ownerState);return(0,jsx_runtime.jsx)(PaperRoot,{as:component,ownerState,className:(0,clsx.A)(classes.root,className),ref,...other,style:{..."elevation"===variant&&{"--Paper-shadow":(theme.vars||theme).shadows[elevation],...theme.vars&&{"--Paper-overlay":theme.vars.overlays?.[elevation]},...!theme.vars&&"dark"===theme.palette.mode&&{"--Paper-overlay":`linear-gradient(${(0,colorManipulator.X4)("#fff",(0,getOverlayAlpha.A)(elevation))}, ${(0,colorManipulator.X4)("#fff",(0,getOverlayAlpha.A)(elevation))})`}},...other.style}})})},"./node_modules/@mui/material/esm/utils/createSvgIcon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>createSvgIcon});var react=__webpack_require__("./node_modules/react/index.js"),clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),composeClasses=__webpack_require__("./node_modules/@mui/utils/esm/composeClasses/composeClasses.js"),capitalize=__webpack_require__("./node_modules/@mui/material/esm/utils/capitalize.js"),styled=__webpack_require__("./node_modules/@mui/material/esm/styles/styled.js"),memoTheme=__webpack_require__("./node_modules/@mui/material/esm/utils/memoTheme.js"),DefaultPropsProvider=__webpack_require__("./node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js"),generateUtilityClasses=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js"),generateUtilityClass=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js");function getSvgIconUtilityClass(slot){return(0,generateUtilityClass.Ay)("MuiSvgIcon",slot)}(0,generateUtilityClasses.A)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const SvgIconRoot=(0,styled.Ay)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.root,"inherit"!==ownerState.color&&styles[`color${(0,capitalize.A)(ownerState.color)}`],styles[`fontSize${(0,capitalize.A)(ownerState.fontSize)}`]]}})((0,memoTheme.A)(({theme})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:theme.transitions?.create?.("fill",{duration:(theme.vars??theme).transitions?.duration?.shorter}),variants:[{props:props=>!props.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:theme.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:theme.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:theme.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((theme.vars??theme).palette).filter(([,value])=>value&&value.main).map(([color])=>({props:{color},style:{color:(theme.vars??theme).palette?.[color]?.main}})),{props:{color:"action"},style:{color:(theme.vars??theme).palette?.action?.active}},{props:{color:"disabled"},style:{color:(theme.vars??theme).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]}))),SvgIcon=react.forwardRef(function SvgIcon(inProps,ref){const props=(0,DefaultPropsProvider.b)({props:inProps,name:"MuiSvgIcon"}),{children,className,color="inherit",component="svg",fontSize="medium",htmlColor,inheritViewBox=!1,titleAccess,viewBox="0 0 24 24",...other}=props,hasSvgAsChild=react.isValidElement(children)&&"svg"===children.type,ownerState={...props,color,component,fontSize,instanceFontSize:inProps.fontSize,inheritViewBox,viewBox,hasSvgAsChild},more={};inheritViewBox||(more.viewBox=viewBox);const classes=(ownerState=>{const{color,fontSize,classes}=ownerState,slots={root:["root","inherit"!==color&&`color${(0,capitalize.A)(color)}`,`fontSize${(0,capitalize.A)(fontSize)}`]};return(0,composeClasses.A)(slots,getSvgIconUtilityClass,classes)})(ownerState);return(0,jsx_runtime.jsxs)(SvgIconRoot,{as:component,className:(0,clsx.A)(classes.root,className),focusable:"false",color:htmlColor,"aria-hidden":!titleAccess||void 0,role:titleAccess?"img":void 0,ref,...more,...other,...hasSvgAsChild&&children.props,ownerState,children:[hasSvgAsChild?children.props.children:children,titleAccess?(0,jsx_runtime.jsx)("title",{children:titleAccess}):null]})});SvgIcon.muiName="SvgIcon";const SvgIcon_SvgIcon=SvgIcon;function createSvgIcon(path,displayName){function Component(props,ref){return(0,jsx_runtime.jsx)(SvgIcon_SvgIcon,{"data-testid":void 0,ref,...props,children:path})}return Component.muiName=SvgIcon_SvgIcon.muiName,react.memo(react.forwardRef(Component))}}}]);

package/storybook-static/TruncateText-TruncateText-stories.2da57e6a.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[7466],{"./components/TruncateText/TruncateText.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FullText:()=>FullText,TruncatedText:()=>TruncatedText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/TruncateText/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Truncate Text",component:_index__WEBPACK_IMPORTED_MODULE_1__.A,argTypes:{text:{control:"text"},maxLength:{control:{type:"number",min:0}},dataTestId:{control:"text"},fontSize:{control:"text"}}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{...args}),FullText=Template.bind({});FullText.args={text:"Addressing Social Needs in the Inpatient Setting Part 4 of 4 Housing",maxLength:120,dataTestId:"measure-comments"};const TruncatedText=Template.bind({});TruncatedText.args={text:"Addressing Social Needs in the Inpatient Setting Part 4 of 4 Housing Domain Addressing Social Needs in the Inpatient Setting Part 4 of 4 Housing Domain",maxLength:60,dataTestId:"measure-comments",fontSize:"1rem"};const __namedExportsOrder=["FullText","TruncatedText"];FullText.parameters={...FullText.parameters,docs:{...FullText.parameters?.docs,source:{originalSource:"args => <TruncateText {...args} />",...FullText.parameters?.docs?.source}}},TruncatedText.parameters={...TruncatedText.parameters,docs:{...TruncatedText.parameters?.docs,source:{originalSource:"args => <TruncateText {...args} />",...TruncatedText.parameters?.docs?.source}}}},"./components/TruncateText/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _mui_material__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/material/esm/IconButton/IconButton.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),lodash__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/lodash/lodash.js"),lodash__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||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}}(r,e)||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}}(r,e)||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 _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}var TruncateText=function TruncateText(_ref){var text=_ref.text,_ref$maxLength=_ref.maxLength,maxLength=void 0===_ref$maxLength?120:_ref$maxLength,dataTestId=_ref.dataTestId,_ref$fontSize=_ref.fontSize,fontSize=void 0===_ref$fontSize?"1rem":_ref$fontSize,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),isExpanded=_useState2[0],setIsExpanded=_useState2[1];if(!text||""===lodash__WEBPACK_IMPORTED_MODULE_1___default().trim(text))return null;var displayedText=isExpanded?text:lodash__WEBPACK_IMPORTED_MODULE_1___default().slice(text,0,maxLength);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{"data-testid":"".concat(dataTestId,"-content"),style:{fontSize},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span",{children:displayedText}),text.length>maxLength&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_3__.A,{onClick:function toggleExpanded(){return setIsExpanded(function(prev){return!prev})},"data-testid":"".concat(dataTestId,"-toggle-button"),color:"primary",sx:{marginLeft:"5px",padding:"0",cursor:"pointer",textDecoration:"underline",fontSize:"inherit"},children:isExpanded?"Show less":"Show more"})]})};const __WEBPACK_DEFAULT_EXPORT__=TruncateText;TruncateText.__docgenInfo={description:"",methods:[],displayName:"TruncateText",props:{maxLength:{defaultValue:{value:"120",computed:!1},required:!1},fontSize:{defaultValue:{value:'"1rem"',computed:!1},required:!1}}}}}]);

package/storybook-static/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:svgjs="http://svgjs.com/svgjs" xmlns:xlink="http://www.w3.org/1999/xlink" width="164" height="164" version="1.1"><svg xmlns="http://www.w3.org/2000/svg" width="164" height="164" fill="none" viewBox="0 0 164 164"><path fill="#FF4785" d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z"/><path fill="#fff" fill-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" clip-rule="evenodd"/></svg><style>@media (prefers-color-scheme:light){:root{filter:none}}</style></svg>