@madie/madie-design-system 1.2.76 → 1.2.78

package/storybook-static/MadieDiscardDialog-MadieDiscardDialog-stories.4632ec72.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[4684],{"./components/MadieDiscardDialog/MadieDiscardDialog.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DiscardDialog:()=>DiscardDialog,__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/MadieDiscardDialog/index.jsx"),_Button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./components/Button/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"MadieDiscardDialog",component:_index__WEBPACK_IMPORTED_MODULE_1__.A},Wrapper=({children})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{className:"qpp-u-padding--16",style:{width:300},children}),DiscardDialog=()=>{const[open,setOpen]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),[text,setText]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("I'm some text that you may discard");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(Wrapper,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("p",{children:text}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_2__.A,{variant:"cyan",onClick:()=>setOpen(!0),children:"open Dialog"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{open,onContinue:()=>{setText(""),setOpen(!1)},onClose:()=>setOpen(!1)})]})},__namedExportsOrder=["DiscardDialog"];DiscardDialog.parameters={...DiscardDialog.parameters,docs:{...DiscardDialog.parameters?.docs,source:{originalSource:'() => {\n  const [open, setOpen] = useState(false);\n  const [text, setText] = useState("I\'m some text that you may discard");\n  const onClose = () => setOpen(false);\n  const onContinue = () => {\n    setText("");\n    setOpen(false);\n  };\n  return <Wrapper>\n            <p>{text}</p>\n            <Button variant="cyan" onClick={() => setOpen(true)}>\n                open Dialog\n            </Button>\n            <MadieDiscardDialog open={open} onContinue={onContinue} onClose={onClose} />\n        </Wrapper>;\n}',...DiscardDialog.parameters?.docs?.source}}}},"./components/MadieDiscardDialog/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"),_MadieDialog__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/MadieDialog/index.jsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js"),MadieDiscardDialog=function MadieDiscardDialog(_ref){var open=_ref.open,onClose=_ref.onClose,onContinue=_ref.onContinue;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_MadieDialog__WEBPACK_IMPORTED_MODULE_1__.A,{title:"Discard Changes?",dialogProps:{open,onClose,"data-testid":"discard-dialog"},cancelButtonProps:{variant:"secondary",onClick:onClose,cancelText:"No, Keep Working","data-testid":"discard-dialog-cancel-button"},continueButtonProps:{variant:"primary",type:"submit","data-testid":"discard-dialog-continue-button",continueText:"Yes, Discard All Changes",onClick:onContinue},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{id:"discard-changes-dialog-body",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("section",{className:"dialog-warning-body",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:"You have unsaved changes."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{className:"strong",children:"Are you sure you want to discard your changes?"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("section",{className:"dialog-warning-action",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_icons_material_Error__WEBPACK_IMPORTED_MODULE_3__.A,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:"This Action cannot be undone."})]})]})})};const __WEBPACK_DEFAULT_EXPORT__=MadieDiscardDialog;MadieDiscardDialog.__docgenInfo={description:"",methods:[],displayName:"MadieDiscardDialog"}}}]);

package/storybook-static/MadieSpinner-MadieSpinner-stories.6c47900d.iframe.bundle.js

@@ -0,0 +1,30 @@
+/*! For license information please see MadieSpinner-MadieSpinner-stories.6c47900d.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[3550],{"./components/MadieSpinner/MadieSpinner.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ExampleSpinner:()=>ExampleSpinner,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/MadieSpinner/index.jsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"MadieSpinner",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}),ExampleSpinner=()=>(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,{})});ExampleSpinner.storyName="Example Madie Spinner";const __namedExportsOrder=["ExampleSpinner"];ExampleSpinner.parameters={...ExampleSpinner.parameters,docs:{...ExampleSpinner.parameters?.docs,source:{originalSource:"() => <Wrapper>\n        <MadieSpinner />\n    </Wrapper>",...ExampleSpinner.parameters?.docs?.source}}}},"./components/MadieSpinner/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/CircularProgress/CircularProgress.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)}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 MadieSpinner=function MadieSpinner(props){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}({"aria-label":"loading-spinner",sx:{"& .MuiCircularProgress-svg":{backgroundColor:"transparent",borderRadius:"100%",boxShadow:"inset 0 0 0px ".concat(props.thickness?props.thickness:"7","px #DDDDDD")},"& .MuiCircularProgress-circle":{color:"#209FA6",strokeLinecap:"round"}},thickness:7,style:{height:50,width:50}},props))};const __WEBPACK_DEFAULT_EXPORT__=MadieSpinner;MadieSpinner.__docgenInfo={description:"",methods:[],displayName:"MadieSpinner"}},"./node_modules/@emotion/react/dist/emotion-react.browser.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{AH:()=>css,i7:()=>keyframes,mL:()=>Global});var _jsx,JSX,_emotion_element_f0de968e_browser_esm_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@emotion/react/dist/emotion-element-f0de968e.browser.esm.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_emotion_utils__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js"),_emotion_use_insertion_effect_with_fallbacks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js"),_emotion_serialize__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@emotion/serialize/dist/emotion-serialize.esm.js"),jsx=(__webpack_require__("./node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js"),__webpack_require__("./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"),function jsx(type,props){var args=arguments;if(null==props||!_emotion_element_f0de968e_browser_esm_js__WEBPACK_IMPORTED_MODULE_5__.h.call(props,"css"))return react__WEBPACK_IMPORTED_MODULE_0__.createElement.apply(void 0,args);var argsLength=args.length,createElementArgArray=new Array(argsLength);createElementArgArray[0]=_emotion_element_f0de968e_browser_esm_js__WEBPACK_IMPORTED_MODULE_5__.E,createElementArgArray[1]=(0,_emotion_element_f0de968e_browser_esm_js__WEBPACK_IMPORTED_MODULE_5__.c)(type,props);for(var i=2;i<argsLength;i++)createElementArgArray[i]=args[i];return react__WEBPACK_IMPORTED_MODULE_0__.createElement.apply(null,createElementArgArray)});_jsx=jsx||(jsx={}),JSX||(JSX=_jsx.JSX||(_jsx.JSX={}));var Global=(0,_emotion_element_f0de968e_browser_esm_js__WEBPACK_IMPORTED_MODULE_5__.w)(function(props,cache){var styles=props.styles,serialized=(0,_emotion_serialize__WEBPACK_IMPORTED_MODULE_2__.J)([styles],void 0,react__WEBPACK_IMPORTED_MODULE_0__.useContext(_emotion_element_f0de968e_browser_esm_js__WEBPACK_IMPORTED_MODULE_5__.T)),sheetRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef();return(0,_emotion_use_insertion_effect_with_fallbacks__WEBPACK_IMPORTED_MODULE_1__.i)(function(){var key=cache.key+"-global",sheet=new cache.sheet.constructor({key,nonce:cache.sheet.nonce,container:cache.sheet.container,speedy:cache.sheet.isSpeedy}),rehydrating=!1,node=document.querySelector('style[data-emotion="'+key+" "+serialized.name+'"]');return cache.sheet.tags.length&&(sheet.before=cache.sheet.tags[0]),null!==node&&(rehydrating=!0,node.setAttribute("data-emotion",key),sheet.hydrate([node])),sheetRef.current=[sheet,rehydrating],function(){sheet.flush()}},[cache]),(0,_emotion_use_insertion_effect_with_fallbacks__WEBPACK_IMPORTED_MODULE_1__.i)(function(){var sheetRefCurrent=sheetRef.current,sheet=sheetRefCurrent[0];if(sheetRefCurrent[1])sheetRefCurrent[1]=!1;else{if(void 0!==serialized.next&&(0,_emotion_utils__WEBPACK_IMPORTED_MODULE_6__.sk)(cache,serialized.next,!0),sheet.tags.length){var element=sheet.tags[sheet.tags.length-1].nextElementSibling;sheet.before=element,sheet.flush()}cache.insert("",serialized,sheet,!1)}},[cache,serialized.name]),null});function css(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(0,_emotion_serialize__WEBPACK_IMPORTED_MODULE_2__.J)(args)}function keyframes(){var insertable=css.apply(void 0,arguments),name="animation-"+insertable.name;return{name,styles:"@keyframes "+name+"{"+insertable.styles+"}",anim:1,toString:function toString(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}}},"./node_modules/@mui/material/esm/CircularProgress/CircularProgress.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>CircularProgress_CircularProgress});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"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.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"),capitalize=__webpack_require__("./node_modules/@mui/material/esm/utils/capitalize.js"),createSimplePaletteValueFilter=__webpack_require__("./node_modules/@mui/material/esm/utils/createSimplePaletteValueFilter.js"),generateUtilityClasses=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js"),generateUtilityClass=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js");function getCircularProgressUtilityClass(slot){return(0,generateUtilityClass.Ay)("MuiCircularProgress",slot)}(0,generateUtilityClasses.A)("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const circularRotateKeyframe=emotion_react_browser_esm.i7`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`,circularDashKeyframe=emotion_react_browser_esm.i7`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: -126px;
+  }
+`,rotateAnimation="string"!=typeof circularRotateKeyframe?emotion_react_browser_esm.AH`
+        animation: ${circularRotateKeyframe} 1.4s linear infinite;
+      `:null,dashAnimation="string"!=typeof circularDashKeyframe?emotion_react_browser_esm.AH`
+        animation: ${circularDashKeyframe} 1.4s ease-in-out infinite;
+      `:null,CircularProgressRoot=(0,styled.Ay)("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.root,styles[ownerState.variant],styles[`color${(0,capitalize.A)(ownerState.color)}`]]}})((0,memoTheme.A)(({theme})=>({display:"inline-block",variants:[{props:{variant:"determinate"},style:{transition:theme.transitions.create("transform")}},{props:{variant:"indeterminate"},style:rotateAnimation||{animation:`${circularRotateKeyframe} 1.4s linear infinite`}},...Object.entries(theme.palette).filter((0,createSimplePaletteValueFilter.A)()).map(([color])=>({props:{color},style:{color:(theme.vars||theme).palette[color].main}}))]}))),CircularProgressSVG=(0,styled.Ay)("svg",{name:"MuiCircularProgress",slot:"Svg"})({display:"block"}),CircularProgressCircle=(0,styled.Ay)("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.circle,styles[`circle${(0,capitalize.A)(ownerState.variant)}`],ownerState.disableShrink&&styles.circleDisableShrink]}})((0,memoTheme.A)(({theme})=>({stroke:"currentColor",variants:[{props:{variant:"determinate"},style:{transition:theme.transitions.create("stroke-dashoffset")}},{props:{variant:"indeterminate"},style:{strokeDasharray:"80px, 200px",strokeDashoffset:0}},{props:({ownerState})=>"indeterminate"===ownerState.variant&&!ownerState.disableShrink,style:dashAnimation||{animation:`${circularDashKeyframe} 1.4s ease-in-out infinite`}}]}))),CircularProgress_CircularProgress=react.forwardRef(function CircularProgress(inProps,ref){const props=(0,DefaultPropsProvider.b)({props:inProps,name:"MuiCircularProgress"}),{className,color="primary",disableShrink=!1,size=40,style,thickness=3.6,value=0,variant="indeterminate",...other}=props,ownerState={...props,color,disableShrink,size,thickness,value,variant},classes=(ownerState=>{const{classes,variant,color,disableShrink}=ownerState,slots={root:["root",variant,`color${(0,capitalize.A)(color)}`],svg:["svg"],circle:["circle",`circle${(0,capitalize.A)(variant)}`,disableShrink&&"circleDisableShrink"]};return(0,composeClasses.A)(slots,getCircularProgressUtilityClass,classes)})(ownerState),circleStyle={},rootStyle={},rootProps={};if("determinate"===variant){const circumference=2*Math.PI*((44-thickness)/2);circleStyle.strokeDasharray=circumference.toFixed(3),rootProps["aria-valuenow"]=Math.round(value),circleStyle.strokeDashoffset=`${((100-value)/100*circumference).toFixed(3)}px`,rootStyle.transform="rotate(-90deg)"}return(0,jsx_runtime.jsx)(CircularProgressRoot,{className:(0,clsx.A)(classes.root,className),style:{width:size,height:size,...rootStyle,...style},ownerState,ref,role:"progressbar",...rootProps,...other,children:(0,jsx_runtime.jsx)(CircularProgressSVG,{className:classes.svg,ownerState,viewBox:"22 22 44 44",children:(0,jsx_runtime.jsx)(CircularProgressCircle,{className:classes.circle,style:circleStyle,ownerState,cx:44,cy:44,r:(44-thickness)/2,fill:"none",strokeWidth:thickness})})})})},"./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/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js":(module,__unused_webpack_exports,__webpack_require__)=>{var reactIs=__webpack_require__("./node_modules/hoist-non-react-statics/node_modules/react-is/index.js"),REACT_STATICS={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},KNOWN_STATICS={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},MEMO_STATICS={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},TYPE_STATICS={};function getStatics(component){return reactIs.isMemo(component)?MEMO_STATICS:TYPE_STATICS[component.$$typeof]||REACT_STATICS}TYPE_STATICS[reactIs.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},TYPE_STATICS[reactIs.Memo]=MEMO_STATICS;var defineProperty=Object.defineProperty,getOwnPropertyNames=Object.getOwnPropertyNames,getOwnPropertySymbols=Object.getOwnPropertySymbols,getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor,getPrototypeOf=Object.getPrototypeOf,objectPrototype=Object.prototype;module.exports=function hoistNonReactStatics(targetComponent,sourceComponent,blacklist){if("string"!=typeof sourceComponent){if(objectPrototype){var inheritedComponent=getPrototypeOf(sourceComponent);inheritedComponent&&inheritedComponent!==objectPrototype&&hoistNonReactStatics(targetComponent,inheritedComponent,blacklist)}var keys=getOwnPropertyNames(sourceComponent);getOwnPropertySymbols&&(keys=keys.concat(getOwnPropertySymbols(sourceComponent)));for(var targetStatics=getStatics(targetComponent),sourceStatics=getStatics(sourceComponent),i=0;i<keys.length;++i){var key=keys[i];if(!(KNOWN_STATICS[key]||blacklist&&blacklist[key]||sourceStatics&&sourceStatics[key]||targetStatics&&targetStatics[key])){var descriptor=getOwnPropertyDescriptor(sourceComponent,key);try{defineProperty(targetComponent,key,descriptor)}catch(e){}}}}return targetComponent}},"./node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.production.min.js":(__unused_webpack_module,exports)=>{var b="function"==typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;function z(a){if("object"==typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}exports.AsyncMode=l,exports.ConcurrentMode=m,exports.ContextConsumer=k,exports.ContextProvider=h,exports.Element=c,exports.ForwardRef=n,exports.Fragment=e,exports.Lazy=t,exports.Memo=r,exports.Portal=d,exports.Profiler=g,exports.StrictMode=f,exports.Suspense=p,exports.isAsyncMode=function(a){return A(a)||z(a)===l},exports.isConcurrentMode=A,exports.isContextConsumer=function(a){return z(a)===k},exports.isContextProvider=function(a){return z(a)===h},exports.isElement=function(a){return"object"==typeof a&&null!==a&&a.$$typeof===c},exports.isForwardRef=function(a){return z(a)===n},exports.isFragment=function(a){return z(a)===e},exports.isLazy=function(a){return z(a)===t},exports.isMemo=function(a){return z(a)===r},exports.isPortal=function(a){return z(a)===d},exports.isProfiler=function(a){return z(a)===g},exports.isStrictMode=function(a){return z(a)===f},exports.isSuspense=function(a){return z(a)===p},exports.isValidElementType=function(a){return"string"==typeof a||"function"==typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"==typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)},exports.typeOf=z},"./node_modules/hoist-non-react-statics/node_modules/react-is/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.production.min.js")}}]);
+//# sourceMappingURL=MadieSpinner-MadieSpinner-stories.6c47900d.iframe.bundle.js.map

package/storybook-static/MadieSpinner-MadieSpinner-stories.6c47900d.iframe.bundle.js.LICENSE.txt

@@ -0,0 +1,8 @@
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/storybook-static/MadieSpinner-MadieSpinner-stories.6c47900d.iframe.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MadieSpinner-MadieSpinner-stories.6c47900d.iframe.bundle.js","mappings":";;;;;;;;;AAwBA;;;;;;;;;;;;;;;AAoBA;AACA;AACA;AAEA;AACA","sources":["webpack://@madie/madie-design-system/./node_modules/@mui/material/esm/CircularProgress/CircularProgress.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport chainPropTypes from '@mui/utils/chainPropTypes';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { keyframes, css, styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport createSimplePaletteValueFilter from \"../utils/createSimplePaletteValueFilter.js\";\nimport { getCircularProgressUtilityClass } from \"./circularProgressClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst SIZE = 44;\nconst circularRotateKeyframe = keyframes`\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n`;\nconst circularDashKeyframe = keyframes`\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n\n  100% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: -126px;\n  }\n`;\n\n// This implementation is for supporting both Styled-components v4+ and Pigment CSS.\n// A global animation has to be created here for Styled-components v4+ (https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#12).\n// which can be done by checking typeof indeterminate1Keyframe !== 'string' (at runtime, Pigment CSS transform keyframes`` to a string).\nconst rotateAnimation = typeof circularRotateKeyframe !== 'string' ? css`\n        animation: ${circularRotateKeyframe} 1.4s linear infinite;\n      ` : null;\nconst dashAnimation = typeof circularDashKeyframe !== 'string' ? css`\n        animation: ${circularDashKeyframe} 1.4s ease-in-out infinite;\n      ` : null;\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    variant,\n    color,\n    disableShrink\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, `color${capitalize(color)}`],\n    svg: ['svg'],\n    circle: ['circle', `circle${capitalize(variant)}`, disableShrink && 'circleDisableShrink']\n  };\n  return composeClasses(slots, getCircularProgressUtilityClass, classes);\n};\nconst CircularProgressRoot = styled('span', {\n  name: 'MuiCircularProgress',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant], styles[`color${capitalize(ownerState.color)}`]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  display: 'inline-block',\n  variants: [{\n    props: {\n      variant: 'determinate'\n    },\n    style: {\n      transition: theme.transitions.create('transform')\n    }\n  }, {\n    props: {\n      variant: 'indeterminate'\n    },\n    style: rotateAnimation || {\n      animation: `${circularRotateKeyframe} 1.4s linear infinite`\n    }\n  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({\n    props: {\n      color\n    },\n    style: {\n      color: (theme.vars || theme).palette[color].main\n    }\n  }))]\n})));\nconst CircularProgressSVG = styled('svg', {\n  name: 'MuiCircularProgress',\n  slot: 'Svg'\n})({\n  display: 'block' // Keeps the progress centered\n});\nconst CircularProgressCircle = styled('circle', {\n  name: 'MuiCircularProgress',\n  slot: 'Circle',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.circle, styles[`circle${capitalize(ownerState.variant)}`], ownerState.disableShrink && styles.circleDisableShrink];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  stroke: 'currentColor',\n  variants: [{\n    props: {\n      variant: 'determinate'\n    },\n    style: {\n      transition: theme.transitions.create('stroke-dashoffset')\n    }\n  }, {\n    props: {\n      variant: 'indeterminate'\n    },\n    style: {\n      // Some default value that looks fine waiting for the animation to kicks in.\n      strokeDasharray: '80px, 200px',\n      strokeDashoffset: 0 // Add the unit to fix a Edge 16 and below bug.\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => ownerState.variant === 'indeterminate' && !ownerState.disableShrink,\n    style: dashAnimation || {\n      // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.\n      animation: `${circularDashKeyframe} 1.4s ease-in-out infinite`\n    }\n  }]\n})));\n\n/**\n * ## ARIA\n *\n * If the progress bar is describing the loading progress of a particular region of a page,\n * you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`\n * attribute to `true` on that region until it has finished loading.\n */\nconst CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiCircularProgress'\n  });\n  const {\n    className,\n    color = 'primary',\n    disableShrink = false,\n    size = 40,\n    style,\n    thickness = 3.6,\n    value = 0,\n    variant = 'indeterminate',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    color,\n    disableShrink,\n    size,\n    thickness,\n    value,\n    variant\n  };\n  const classes = useUtilityClasses(ownerState);\n  const circleStyle = {};\n  const rootStyle = {};\n  const rootProps = {};\n  if (variant === 'determinate') {\n    const circumference = 2 * Math.PI * ((SIZE - thickness) / 2);\n    circleStyle.strokeDasharray = circumference.toFixed(3);\n    rootProps['aria-valuenow'] = Math.round(value);\n    circleStyle.strokeDashoffset = `${((100 - value) / 100 * circumference).toFixed(3)}px`;\n    rootStyle.transform = 'rotate(-90deg)';\n  }\n  return /*#__PURE__*/_jsx(CircularProgressRoot, {\n    className: clsx(classes.root, className),\n    style: {\n      width: size,\n      height: size,\n      ...rootStyle,\n      ...style\n    },\n    ownerState: ownerState,\n    ref: ref,\n    role: \"progressbar\",\n    ...rootProps,\n    ...other,\n    children: /*#__PURE__*/_jsx(CircularProgressSVG, {\n      className: classes.svg,\n      ownerState: ownerState,\n      viewBox: `${SIZE / 2} ${SIZE / 2} ${SIZE} ${SIZE}`,\n      children: /*#__PURE__*/_jsx(CircularProgressCircle, {\n        className: classes.circle,\n        style: circleStyle,\n        ownerState: ownerState,\n        cx: SIZE,\n        cy: SIZE,\n        r: (SIZE - thickness) / 2,\n        fill: \"none\",\n        strokeWidth: thickness\n      })\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? CircularProgress.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * If `true`, the shrink animation is disabled.\n   * This only works if variant is `indeterminate`.\n   * @default false\n   */\n  disableShrink: chainPropTypes(PropTypes.bool, props => {\n    if (props.disableShrink && props.variant && props.variant !== 'indeterminate') {\n      return new Error('MUI: You have provided the `disableShrink` prop ' + 'with a variant other than `indeterminate`. This will have no effect.');\n    }\n    return null;\n  }),\n  /**\n   * The size of the component.\n   * If using a number, the pixel unit is assumed.\n   * If using a string, you need to provide the CSS unit, for example '3rem'.\n   * @default 40\n   */\n  size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * @ignore\n   */\n  style: PropTypes.object,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The thickness of the circle.\n   * @default 3.6\n   */\n  thickness: PropTypes.number,\n  /**\n   * The value of the progress indicator for the determinate variant.\n   * Value between 0 and 100.\n   * @default 0\n   */\n  value: PropTypes.number,\n  /**\n   * The variant to use.\n   * Use indeterminate when there is no progress value.\n   * @default 'indeterminate'\n   */\n  variant: PropTypes.oneOf(['determinate', 'indeterminate'])\n} : void 0;\nexport default CircularProgress;"],"names":[],"sourceRoot":""}

package/storybook-static/MadieTooltip-MadieTooltip-stories.0c8fb8f7.iframe.bundle.js

@@ -0,0 +1,2 @@
+/*! For license information please see MadieTooltip-MadieTooltip-stories.0c8fb8f7.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[5046],{"./components/MadieTooltip/MadieTooltip.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ExampleTooltip:()=>ExampleTooltip,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/MadieTooltip/index.jsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"MadieTooltip",component:_index__WEBPACK_IMPORTED_MODULE_1__.A},ExampleTooltip=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{style:{display:"flex",flexDirection:"row"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{tooltipText:"Input the new version #"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{marginLeft:200},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{color:"#000"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{marginLeft:350},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{color:"#000"})})]});ExampleTooltip.storyName="Madie Tooltip example",ExampleTooltip.decorators=[storyFn=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{marginLeft:120,marginTop:25},children:storyFn()})];const __namedExportsOrder=["ExampleTooltip"];ExampleTooltip.parameters={...ExampleTooltip.parameters,docs:{...ExampleTooltip.parameters?.docs,source:{originalSource:'() => <div style={{\n  display: "flex",\n  flexDirection: "row"\n}}>\n        <div>\n            <MadieTooltip tooltipText="Input the new version #" />\n        </div>\n        <div style={{\n    marginLeft: 200\n  }}>\n            <MadieTooltip color="#000" />\n        </div>\n        <div style={{\n    marginLeft: 350\n  }}>\n            <MadieTooltip color="#000" />\n        </div>\n    </div>',...ExampleTooltip.parameters?.docs?.source}}}},"./components/MadieTooltip/index.jsx":(__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"),_MadieTooltipIcon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/MadieTooltipIcon/index.jsx"),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 MadieToolTip=function MadieToolTip(_ref){var _ref$tooltipText=_ref.tooltipText,tooltipText=void 0===_ref$tooltipText?"informational text":_ref$tooltipText,id=_ref.id,_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),activeTip=_useState2[0],setActiveTip=_useState2[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("button",{"data-testid":"".concat(id,"-button"),tabIndex:0,onFocus:function onFocus(){return setActiveTip(!0)},onBlur:function onBlur(){setActiveTip(!1)},onMouseEnter:function onMouseEnter(){setActiveTip(!0)},onMouseLeave:function onMouseLeave(){setActiveTip(!1)},onKeyDown:function onKeyDown(e){"Escape"===e.key&&setActiveTip(!1)},className:"madie-tooltip-button",onClick:function onClick(e){return e.preventDefault()},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_MadieTooltipIcon__WEBPACK_IMPORTED_MODULE_1__.A,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{role:"tooltip",id,"data-testid":id,"aria-live":"polite",className:activeTip?"madie-tooltip":"madie-tooltip hidden",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:tooltipText})})]})};const __WEBPACK_DEFAULT_EXPORT__=MadieToolTip;MadieToolTip.__docgenInfo={description:"",methods:[],displayName:"MadieToolTip",props:{tooltipText:{defaultValue:{value:'"informational text"',computed:!1},required:!1}}}},"./components/MadieTooltipIcon/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 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=["color"];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 TooltipIcon=function TooltipIcon(_ref){var _ref$color=_ref.color,color=void 0===_ref$color?"#0073C8":_ref$color,props=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__.jsxs)("svg",_objectSpread(_objectSpread({xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},props),{},{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("g",{clipPath:"url(#clip0_17397_1786)",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{d:"M6.4165 10.5H7.58317V9.33334H6.4165V10.5ZM6.99984 1.16667C3.77984 1.16667 1.1665 3.78001 1.1665 7.00001C1.1665 10.22 3.77984 12.8333 6.99984 12.8333C10.2198 12.8333 12.8332 10.22 12.8332 7.00001C12.8332 3.78001 10.2198 1.16667 6.99984 1.16667ZM6.99984 11.6667C4.42734 11.6667 2.33317 9.57251 2.33317 7.00001C2.33317 4.42751 4.42734 2.33334 6.99984 2.33334C9.57234 2.33334 11.6665 4.42751 11.6665 7.00001C11.6665 9.57251 9.57234 11.6667 6.99984 11.6667ZM6.99984 3.50001C5.71067 3.50001 4.6665 4.54417 4.6665 5.83334H5.83317C5.83317 5.19167 6.35817 4.66667 6.99984 4.66667C7.6415 4.66667 8.1665 5.19167 8.1665 5.83334C8.1665 7.00001 6.4165 6.85417 6.4165 8.75001H7.58317C7.58317 7.43751 9.33317 7.29167 9.33317 5.83334C9.33317 4.54417 8.289 3.50001 6.99984 3.50001Z",fill:color})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("defs",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("clipPath",{id:"clip0_17397_1786",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("rect",{width:"14",height:"14",fill:color})})})]}))};const __WEBPACK_DEFAULT_EXPORT__=TooltipIcon;TooltipIcon.__docgenInfo={description:"",methods:[],displayName:"TooltipIcon",props:{color:{defaultValue:{value:'"#0073C8"',computed:!1},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.js":(__unused_webpack_module,exports)=>{var REACT_ELEMENT_TYPE=Symbol.for("react.transitional.element"),REACT_FRAGMENT_TYPE=Symbol.for("react.fragment");function jsxProd(type,config,maybeKey){var key=null;if(void 0!==maybeKey&&(key=""+maybeKey),void 0!==config.key&&(key=""+config.key),"key"in config)for(var propName in maybeKey={},config)"key"!==propName&&(maybeKey[propName]=config[propName]);else maybeKey=config;return config=maybeKey.ref,{$$typeof:REACT_ELEMENT_TYPE,type,key,ref:void 0!==config?config:null,props:maybeKey}}exports.Fragment=REACT_FRAGMENT_TYPE,exports.jsx=jsxProd,exports.jsxs=jsxProd},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.js")}}]);

package/storybook-static/MadieTooltip-MadieTooltip-stories.0c8fb8f7.iframe.bundle.js.LICENSE.txt

@@ -0,0 +1,9 @@
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/storybook-static/MadieTooltipIcon-MadieTooltipIcon-stories.b33f0165.iframe.bundle.js

@@ -0,0 +1,2 @@
+/*! For license information please see MadieTooltipIcon-MadieTooltipIcon-stories.b33f0165.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[4264],{"./components/MadieTooltipIcon/MadieTooltipIcon.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ExampleTooltipIcon:()=>ExampleTooltipIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/MadieTooltipIcon/index.jsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"MadieToolTipIcon",component:_index__WEBPACK_IMPORTED_MODULE_1__.A},ExampleTooltipIcon=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{children:['<TooltipIcon color="#0073C8"/>',(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{})]})});ExampleTooltipIcon.storyName="Madie Tooltip Icon example",ExampleTooltipIcon.decorators=[storyFn=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{margin:"80px"},children:storyFn()})];const __namedExportsOrder=["ExampleTooltipIcon"];ExampleTooltipIcon.parameters={...ExampleTooltipIcon.parameters,docs:{...ExampleTooltipIcon.parameters?.docs,source:{originalSource:'() => <div>\n        <div>\n            {`<TooltipIcon color="#0073C8"/>`}\n            <MadieToolTipIcon />\n        </div>\n    </div>',...ExampleTooltipIcon.parameters?.docs?.source}}}},"./components/MadieTooltipIcon/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 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=["color"];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 TooltipIcon=function TooltipIcon(_ref){var _ref$color=_ref.color,color=void 0===_ref$color?"#0073C8":_ref$color,props=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__.jsxs)("svg",_objectSpread(_objectSpread({xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},props),{},{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("g",{clipPath:"url(#clip0_17397_1786)",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{d:"M6.4165 10.5H7.58317V9.33334H6.4165V10.5ZM6.99984 1.16667C3.77984 1.16667 1.1665 3.78001 1.1665 7.00001C1.1665 10.22 3.77984 12.8333 6.99984 12.8333C10.2198 12.8333 12.8332 10.22 12.8332 7.00001C12.8332 3.78001 10.2198 1.16667 6.99984 1.16667ZM6.99984 11.6667C4.42734 11.6667 2.33317 9.57251 2.33317 7.00001C2.33317 4.42751 4.42734 2.33334 6.99984 2.33334C9.57234 2.33334 11.6665 4.42751 11.6665 7.00001C11.6665 9.57251 9.57234 11.6667 6.99984 11.6667ZM6.99984 3.50001C5.71067 3.50001 4.6665 4.54417 4.6665 5.83334H5.83317C5.83317 5.19167 6.35817 4.66667 6.99984 4.66667C7.6415 4.66667 8.1665 5.19167 8.1665 5.83334C8.1665 7.00001 6.4165 6.85417 6.4165 8.75001H7.58317C7.58317 7.43751 9.33317 7.29167 9.33317 5.83334C9.33317 4.54417 8.289 3.50001 6.99984 3.50001Z",fill:color})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("defs",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("clipPath",{id:"clip0_17397_1786",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("rect",{width:"14",height:"14",fill:color})})})]}))};const __WEBPACK_DEFAULT_EXPORT__=TooltipIcon;TooltipIcon.__docgenInfo={description:"",methods:[],displayName:"TooltipIcon",props:{color:{defaultValue:{value:'"#0073C8"',computed:!1},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.js":(__unused_webpack_module,exports)=>{var REACT_ELEMENT_TYPE=Symbol.for("react.transitional.element"),REACT_FRAGMENT_TYPE=Symbol.for("react.fragment");function jsxProd(type,config,maybeKey){var key=null;if(void 0!==maybeKey&&(key=""+maybeKey),void 0!==config.key&&(key=""+config.key),"key"in config)for(var propName in maybeKey={},config)"key"!==propName&&(maybeKey[propName]=config[propName]);else maybeKey=config;return config=maybeKey.ref,{$$typeof:REACT_ELEMENT_TYPE,type,key,ref:void 0!==config?config:null,props:maybeKey}}exports.Fragment=REACT_FRAGMENT_TYPE,exports.jsx=jsxProd,exports.jsxs=jsxProd},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.js")}}]);

package/storybook-static/MadieTooltipIcon-MadieTooltipIcon-stories.b33f0165.iframe.bundle.js.LICENSE.txt

@@ -0,0 +1,9 @@
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/storybook-static/Modal-Modal-stories.1c8c1dcd.iframe.bundle.js

@@ -0,0 +1,2 @@
+/*! For license information please see Modal-Modal-stories.1c8c1dcd.iframe.bundle.js.LICENSE.txt */
+(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[1926],{"./components/Modal/Modal.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{WithDesignSystem:()=>WithDesignSystem,WithDesignSystemDialog:()=>WithDesignSystemDialog,WithDesignSystemOverflow:()=>WithDesignSystemOverflow,WithDesignSystemOverflowForHR:()=>WithDesignSystemOverflowForHR,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Modal_stories});var react=__webpack_require__("./node_modules/react/index.js"),Modal=__webpack_require__("./components/Modal/index.jsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Modal_stories={title:"Modal",component:Modal.A},useModal=()=>{const[open,setOpen]=(0,react.useState)(!1);return[open,()=>setOpen(!0),()=>setOpen(!1)]},lorem="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ac pulvinar massa, in mattis ligula. Vestibulum enim velit, ullamcorper vitae lorem ullamcorper, blandit fringilla mauris.",WithDesignSystem=()=>{const[open,openModal,closeModal]=useModal();return(0,jsx_runtime.jsxs)("div",{className:"qpp-u-padding--12",children:[(0,jsx_runtime.jsx)("button",{className:"qpp-c-button",onClick:openModal,children:"Open Modal"}),(0,jsx_runtime.jsx)(Modal.A,{useDesignSystem:!0,isOpen:open,title:"Title Text",onRequestClose:closeModal,children:(0,jsx_runtime.jsx)("p",{children:lorem})})]})},WithDesignSystemDialog=()=>{const[open,openModal,closeModal]=useModal();return(0,jsx_runtime.jsxs)("div",{className:"qpp-u-padding--12",children:[(0,jsx_runtime.jsx)("button",{className:"qpp-c-button",onClick:openModal,children:"Open Modal"}),(0,jsx_runtime.jsx)(Modal.A,{useDesignSystem:!0,isOpen:open,title:"Title Text",onRequestClose:closeModal,primary:{title:"Yes, go for it",onClick:()=>{console.log("submit"),closeModal()}},secondary:{title:"No, take me back"},children:(0,jsx_runtime.jsx)("p",{children:lorem})})]})},WithDesignSystemOverflow=()=>{const[open,openModal,closeModal]=useModal();return(0,jsx_runtime.jsxs)("div",{className:"qpp-u-padding--12",children:[(0,jsx_runtime.jsx)("button",{className:"qpp-c-button",onClick:openModal,children:"Open Modal"}),(0,jsx_runtime.jsx)(Modal.A,{useDesignSystem:!0,isOpen:open,title:"Title Text",onRequestClose:closeModal,primary:{title:"Yes, go for it",onClick:()=>{console.log("submit"),closeModal()}},secondary:{title:"No, take me back"},children:[...Array(5)].map((_,i)=>(0,jsx_runtime.jsx)("p",{children:lorem.repeat(5)},i))})]})},WithDesignSystemOverflowForHR=()=>{const[open,openModal,closeModal]=useModal();return(0,jsx_runtime.jsxs)("div",{className:"qpp-u-padding--12",children:[(0,jsx_runtime.jsx)("button",{className:"qpp-c-button",onClick:openModal,children:"Open Modal"}),(0,jsx_runtime.jsx)("div",{"data-testid":"view-hr-modal",children:(0,jsx_runtime.jsx)(Modal.A,{useDesignSystem:!0,isOpen:open,title:"Human Readable",onRequestClose:closeModal,width:"75rem",primary:{title:"Yes, go for it",onClick:()=>{console.log("submit"),closeModal()}},secondary:{title:"No, take me back"},children:(0,jsx_runtime.jsx)("div",{className:"modal-body",dangerouslySetInnerHTML:{__html:'<!DOCTYPE>\n<html xmlns="http://www.w3.org/1999/xhtml" lang="en">\n    <head>\n        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>\n        <title>MAT-8197 Draft based on 0.0.000</title>\n<style type="text/css">\n    body {\n        color: rgb(0,0,0);\n        background-color: rgb(255, 255, 255);\n        font-family: Verdana, Tahoma, sans-serif;\n        font-size: 11px;\n        overflow-y: auto;\n    }\n    h1 {\n        font-size: 12pt;\n        font-weight: bold;\n    }\n\n    h2 {\n        font-size: 11pt;\n        font-weight: bold;\n    }\n\n    h3 {\n        font-size: 10pt;\n        font-weight: bold;\n    }\n\n    h4 {\n        font-size: 8pt;\n        font-weight: bold;\n    }\n\n    tr {\n        background-color: #ccc;\n    }\n\n    td {\n        padding: 0.1cm 0.2cm;\n        vertical-align: top;\n    }\n\n    a {\n        /*color: rgb(0, 0, 255);\n      background-color: rgb(255,255,255);*/\n    }\n\n    table {\n        line-height: 10pt;\n        width: 80%;\n        font-size: 11px;\n    }\n\n    /*div {\n    width: 80%;\n}*/\n\n    .list-unstyled {\n        list-style-type: none;\n    }\n\n    .list-unstyled li {\n        padding-top: 5px;\n    }\n\n    .list-header {\n        font-size: 12px;\n        color: rgb(0, 0, 238);\n    }\n\n    .list-header:hover {\n        text-decoration: underline;\n    }\n\n    .code {\n        font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, sans-serif;\n        color: black;\n        font-size: 12px;\n    }\n\n    .p-l-10 {\n        padding-left: 10px;\n    }\n\n    .section {\n        font-size: 10pt;\n        margin-top: 1em;\n        margin-bottom: 1em;\n        margin-right: 0.5em;\n        font-weight: 700;\n    }\n\n    .cql-keyword-new {\n        color: rgb(0, 0, 255);\n        font-weight: 700;\n    }\n\n    .cql-class,\n    .cql-object {\n        color: rgb(25, 127, 157);\n    }\n\n    .cql_keyword {\n        color: rgb(127, 0, 85);\n        font-weight: 700;\n    }\n\n    .cql_function {\n        color: rgb(127, 0, 85);\n        font-weight: 700;\n    }\n\n    .cql_attribute {\n        color: rgb(127, 0, 85);\n        font-weight: 700;\n    }\n\n    .cql_string {\n        color: rgb(42, 0, 255);\n    }\n\n    .cql_identifier .cql_function {\n        color: rgb(60, 76, 114);\n    }\n\n    hr.style13 {\n        height: 10px;\n        border: 0;\n        box-shadow: 0 10px 10px -10px #8c8b8b inset;\n    }\n\n    .treeview:hover input~label:before,\n    .treeview.hover input~label:before {\n        opacity: 1.0;\n        -webkit-transition-duration: 0.5s;\n        -moz-transition-duration: 0.5s;\n        -ms-transition-duration: 0.5s;\n        -o-transition-duration: 0.5s;\n        transition-duration: 0.5s;\n    }\n\n    .treeview ul {\n        -webkit-transition-duration: 1s;\n        -moz-transition-duration: 1s;\n        -ms-transition-duration: 1s;\n        -o-transition-duration: 1s;\n        transition-duration: 1s;\n        -webkit-transition-timing-function: ease;\n        -moz-transition-timing-function: ease;\n        -ms-transition-timing-function: ease;\n        -o-transition-timing-function: ease;\n        transition-timing-function: ease;\n        list-style: none;\n        padding-left: 1em;\n    }\n\n    .treeview ul li span {\n        -webkit-transition-property: color;\n        -moz-transition-property: color;\n        -ms-transition-property: color;\n        -o-transition-property: color;\n        transition-property: color;\n        -webkit-transition-duration: 1s;\n        -moz-transition-duration: 1s;\n        -ms-transition-duration: 1s;\n        -o-transition-duration: 1s;\n        transition-duration: 1s;\n\n    }\n\n    .treeview input {\n        display: none;\n    }\n\n    .treeview input[type=checkbox]:checked~ul {\n        display: none;\n    }\n\n    .treeview input[type=checkbox]~ul {\n        margin-right: 20%;\n        opacity: 1;\n    }\n\n    .treeview input~label {\n        cursor: pointer;\n    }\n\n    .treeview input~label:before {\n        content: \'\';\n        width: 0;\n        height: 0;\n        position: absolute;\n        margin-left: -1em;\n        margin-top: 0.25em;\n        border-width: 4px;\n        border-style: solid;\n        border-top-color: transparent;\n        border-right-color: rgb(0, 0, 238);\n        border-bottom-color: rgb(0, 0, 238);\n        border-left-color: transparent;\n        opacity: 0.0;\n        -webkit-transition-property: opacity;\n        -moz-transition-property: opacity;\n        -ms-transition-property: opacity;\n        -o-transition-property: opacity;\n        transition-property: opacity;\n        -webkit-transition-duration: 1s;\n        -moz-transition-duration: 1s;\n        -ms-transition-duration: 1s;\n        -o-transition-duration: 1s;\n        transition-duration: 1s;\n    }\n\n    .treeview input:checked~label:before {\n        margin-left: -0.8em;\n        border-width: 5px;\n        border-top-color: transparent;\n        border-right-color: transparent;\n        border-bottom-color: transparent;\n        border-left-color: rgb(0, 0, 238);\n    }\n\n    .h1center {\n        font-size: 12pt;\n        font-weight: bold;\n        text-align: center;\n        width: 80%;\n    }\n\n    .header_table {\n        border: 1pt inset rgb(0, 0, 0);\n    }\n\n    .narr_table {\n        width: 100%;\n    }\n\n    .narr_tr {\n        background-color: rgb(225, 225, 225);\n    }\n\n    pre {\n        /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */\n        white-space: pre-wrap;\n        /* css-3 */\n        white-space: -moz-pre-wrap !important;\n        /* Mozilla, since 1999 */\n        white-space: -pre-wrap;\n        /* Opera 4-6 */\n        white-space: -o-pre-wrap;\n        /* Opera 7 */\n        word-wrap: break-word;\n        /* Internet Explorer 5.5+ */\n        font-family: Verdana, Tahoma, sans-serif;\n        font-size: 11px;\n        text-align: left;\n        margin: 0px 0px 0px 0px;\n        padding: 0px 0px 0px 0px;\n    }\n\n    .narr_th {\n        background-color: rgb(201, 201, 201);\n    }\n\n    .td_label {\n        font-weight: bold;\n        color: white;\n    }\n\n    .hll {\n        background-color: #ffffcc\n    }\n\n    .c {\n        color: #408080;\n        font-style: italic\n    }\n\n    /* Comment */\n    .err {\n        border: 1px solid #FF0000\n    }\n\n    /* Error */\n    .k {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Keyword */\n    .o {\n        color: #666666\n    }\n\n    /* Operator */\n    .cm {\n        color: #408080;\n        font-style: italic\n    }\n\n    /* Comment.Multiline */\n    .cp {\n        color: #BC7A00\n    }\n\n    /* Comment.Preproc */\n    .c1 {\n        color: #408080;\n        font-style: italic\n    }\n\n    /* Comment.Single */\n    .cs {\n        color: #408080;\n        font-style: italic\n    }\n\n    /* Comment.Special */\n    .gd {\n        color: #A00000\n    }\n\n    /* Generic.Deleted */\n    .ge {\n        font-style: italic\n    }\n\n    /* Generic.Emph */\n    .gr {\n        color: #FF0000\n    }\n\n    /* Generic.Error */\n    .gh {\n        color: #000080;\n        font-weight: bold\n    }\n\n    /* Generic.Heading */\n    .gi {\n        color: #00A000\n    }\n\n    /* Generic.Inserted */\n    .go {\n        color: #888888\n    }\n\n    /* Generic.Output */\n    .gp {\n        color: #000080;\n        font-weight: bold\n    }\n\n    /* Generic.Prompt */\n    .gs {\n        font-weight: bold\n    }\n\n    /* Generic.Strong */\n    .gu {\n        color: #800080;\n        font-weight: bold\n    }\n\n    /* Generic.Subheading */\n    .gt {\n        color: #0044DD\n    }\n\n    /* Generic.Traceback */\n    .kc {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Keyword.Constant */\n    .kd {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Keyword.Declaration */\n    .kn {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Keyword.Namespace */\n    .kp {\n        color: #008000\n    }\n\n    /* Keyword.Pseudo */\n    .kr {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Keyword.Reserved */\n    .kt {\n        color: #B00040\n    }\n\n    /* Keyword.Type */\n    .m {\n        color: #666666\n    }\n\n    /* Literal.Number */\n    .s {\n        color: #BA2121\n    }\n\n    /* Literal.String */\n    .na {\n        color: #7D9029\n    }\n\n    /* Name.Attribute */\n    .nb {\n        color: #008000\n    }\n\n    /* Name.Builtin */\n    .nc {\n        color: #0000FF;\n        font-weight: bold\n    }\n\n    /* Name.Class */\n    .no {\n        color: #880000\n    }\n\n    /* Name.Constant */\n    .nd {\n        color: #AA22FF\n    }\n\n    /* Name.Decorator */\n    .ni {\n        color: #999999;\n        font-weight: bold\n    }\n\n    /* Name.Entity */\n    .ne {\n        color: #D2413A;\n        font-weight: bold\n    }\n\n    /* Name.Exception */\n    .nf {\n        color: #0000FF\n    }\n\n    /* Name.Function */\n    .nl {\n        color: #A0A000\n    }\n\n    /* Name.Label */\n    .nn {\n        color: #0000FF;\n        font-weight: bold\n    }\n\n    /* Name.Namespace */\n    .nt {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Name.Tag */\n    .nv {\n        color: #19177C\n    }\n\n    /* Name.Variable */\n    .ow {\n        color: #AA22FF;\n        font-weight: bold\n    }\n\n    /* Operator.Word */\n    .w {\n        color: #bbbbbb\n    }\n\n    /* Text.Whitespace */\n    .mf {\n        color: #666666\n    }\n\n    /* Literal.Number.Float */\n    .mh {\n        color: #666666\n    }\n\n    /* Literal.Number.Hex */\n    .mi {\n        color: #666666\n    }\n\n    /* Literal.Number.Integer */\n    .mo {\n        color: #666666\n    }\n\n    /* Literal.Number.Oct */\n    .sb {\n        color: #BA2121\n    }\n\n    /* Literal.String.Backtick */\n    .sc {\n        color: #BA2121\n    }\n\n    /* Literal.String.Char */\n    .sd {\n        color: #BA2121;\n        font-style: italic\n    }\n\n    /* Literal.String.Doc */\n    .s2 {\n        color: #BA2121\n    }\n\n    /* Literal.String.Double */\n    .se {\n        color: #BB6622;\n        font-weight: bold\n    }\n\n    /* Literal.String.Escape */\n    .sh {\n        color: #BA2121\n    }\n\n    /* Literal.String.Heredoc */\n    .si {\n        color: #BB6688;\n        font-weight: bold\n    }\n\n    /* Literal.String.Interpol */\n    .sx {\n        color: #008000\n    }\n\n    /* Literal.String.Other */\n    .sr {\n        color: #BB6688\n    }\n\n    /* Literal.String.Regex */\n    .s1 {\n        color: #BA2121\n    }\n\n    /* Literal.String.Single */\n    .ss {\n        color: #19177C\n    }\n\n    /* Literal.String.Symbol */\n    .bp {\n        color: #008000\n    }\n\n    /* Name.Builtin.Pseudo */\n    .vc {\n        color: #19177C\n    }\n\n    /* Name.Variable.Class */\n    .vg {\n        color: #19177C\n    }\n\n    /* Name.Variable.Global */\n    .vi {\n        color: #19177C\n    }\n\n    /* Name.Variable.Instance */\n    .il {\n    color: #666666\n    }\n\n    /* Literal.Number.Integer.Long */\n\n    #nn-text {\n        text-align: center;\n        text-align: center;\n        color: lightgrey;\n        font-size: 40px;\n    }\n\n    .cql-definition-body {\n        width: 950px;\n        display: block;\n        word-wrap: break-word;\n    }\n\n    li {\n        padding-left: 15px;\n    }\n    .row-header {\n        background-color:#656565;\n        width:20%;\n        padding: 0.1cm 0.2cm;\n        text-align: left;\n    }\n</style>    </head>\n    <body>\n<table class="header_table" role="presentation">\n    <tbody>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">eCQM Title</span></th>\n            <td style="width:80%" colspan="3"><h1 style="font-size:10px">MAT-8197</h1></td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">CMS ID</span></th>\n            <td style="width:30%"></td>\n\n            <th scope="row" class="row-header"><span class="td_label">eCQM Version Number</span></th>\n            <td style="width:30%">Draft based on 0.0.000</td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">CBE Number</span></th>\n            <td style="width:30%">Not Applicable</td>\n\n            <th scope="row" class="row-header"><span class="td_label">GUID</span></th>\n            <td style="width:30%">686f1df2-bf8c-41c8-aa57-8674bbe2058b</td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Measurement Period</span></th>\n            <td style="width:80%" colspan="3">December 31, 2023 through December 31, 2024</td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Measure Steward</span></th>\n            <td style="width:80%" colspan="3">3Cloud Solutions</td>\n        </tr>\n                <tr>\n                    <th scope="row" class="row-header"><span class="td_label">Measure Developer</span></th>\n                    <td style="width:80%" colspan="3">Able Health\n</td>\n                </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Endorsed By</span></th>\n            <td style="width:80%" colspan="3">None</td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Description</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre>test</pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Copyright</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Disclaimer</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Measure Scoring</span></th>\n            <td style="width:80%" colspan="3">Cohort</td>\n        </tr>\n                <tr>\n                    <th scope="row" class="row-header"><span class="td_label">Measure Type</span></th>\n                    <td style="width:80%" colspan="3">Intermediate Outcome</td>\n                </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Stratification</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                        <pre>None</pre>\n                </div>\n            </td>\n        </tr>\n        \n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Risk Adjustment</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Rate Aggregation</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Rationale</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Clinical Recommendation Statement</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Improvement Notation</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre>Increased score indicates improvement</pre>\n                </div>\n            </td>\n        </tr>\n            <tr>\n                <th scope="row" class="row-header"><span class="td_label">Reference</span></th>\n                <td style="width:80%" colspan="3"></td>\n            </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Definition</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Guidance</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Transmission Format</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Initial Population</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre>None</pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Supplemental Data Elements</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n    </tbody>\n</table>\n<h2>\n    <a name="toc">Table of Contents</a>\n</h2>\n<ul style="padding-left: 50px;">\n    <li><a href="#d1e405">Population Criteria</a></li>\n    <li><a href="#d1e649">Definitions</a></li>\n    <li><a href="#d1e650">Functions</a></li>\n    <li><a href="#d1e555">Terminology</a></li>\n    <li><a href="#d1e647">Data Criteria (QDM Data Elements)</a></li>\n\n    <li><a href="#d1e767">Supplemental Data Elements</a></li>\n    <li><a href="#d1e879">Risk Adjustment Variables</a></li>\n</ul><div style="float:left; background:teal; height:3px; width:80%"></div>\n<pre><br/></pre><h3><a name="d1e405" href="#toc">Population Criteria</a></h3>\n<div>\n\t            <ul style="list-style:none;">\n<li class="list-unstyled" style="list-style:none;padding-left:0;">\n    <div class="treeview hover p-l-10">\n        <input type="checkbox" id="67991a1726b5965dd9fe0d59" />\n        <label for="67991a1726b5965dd9fe0d59" class="list-header"><b>Population Criteria 1</b></label>\n            <ul>\n                \x3c!-- Score Unit --\x3e\n<li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="7348c6f1-4cef-429a-bd73-c114afcf1b42"/>\n                <label for="7348c6f1-4cef-429a-bd73-c114afcf1b42" class="list-header"><strong>Initial Population</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body">  &quot;Qualifying Encounters&quot;</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="None"/>\n                <label for="None" class="list-header"><strong>Stratification</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body cql-class">None</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li>            </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0;">\n    <div class="treeview hover p-l-10">\n        <input type="checkbox" id="67991a2826b5965dd9fe0d5a" />\n        <label for="67991a2826b5965dd9fe0d5a" class="list-header"><b>Population Criteria 2</b></label>\n            <ul>\n                \x3c!-- Score Unit --\x3e\n<li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="75ff7ecd-bcc8-482f-9de7-7b2430214e7e"/>\n                <label for="75ff7ecd-bcc8-482f-9de7-7b2430214e7e" class="list-header"><strong>Initial Population</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body">  [&quot;Encounter, Performed&quot;: &quot;Acute Inpatient&quot;] AcuteInpatient\n    where AcuteInpatient.lengthOfStay &gt; 10 days</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="None"/>\n                <label for="None" class="list-header"><strong>Stratification</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body cql-class">None</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li>            </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0;">\n    <div class="treeview hover p-l-10">\n        <input type="checkbox" id="67991a2f26b5965dd9fe0d5b" />\n        <label for="67991a2f26b5965dd9fe0d5b" class="list-header"><b>Population Criteria 3</b></label>\n            <ul>\n                \x3c!-- Score Unit --\x3e\n<li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="a9be9c9c-1262-454f-911f-d52645b00135"/>\n                <label for="a9be9c9c-1262-454f-911f-d52645b00135" class="list-header"><strong>Initial Population</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body">  [&quot;Encounter, Performed&quot;: &quot;Active Bleeding&quot;] ActiveBleeding\n    where ActiveBleeding.relevantPeriod overlaps day of &quot;Measurement Period&quot;</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="None"/>\n                <label for="None" class="list-header"><strong>Stratification</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body cql-class">None</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li>            </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0;">\n    <div class="treeview hover p-l-10">\n        <input type="checkbox" id="67991a3c26b5965dd9fe0d5c" />\n        <label for="67991a3c26b5965dd9fe0d5c" class="list-header"><b>Population Criteria 4</b></label>\n            <ul>\n                \x3c!-- Score Unit --\x3e\n<li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="80cc8b86-0b6c-467f-930c-d439b6f53be3"/>\n                <label for="80cc8b86-0b6c-467f-930c-d439b6f53be3" class="list-header"><strong>Initial Population</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body">  [&quot;Encounter, Performed&quot;: &quot;Encounter Inpatient&quot;] EncounterInpatient\n    where EncounterInpatient.lengthOfStay &gt; 15 days</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="None"/>\n                <label for="None" class="list-header"><strong>Stratification</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body cql-class">None</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li>            </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0;">\n    <div class="treeview hover p-l-10">\n        <input type="checkbox" id="67991a4426b5965dd9fe0d5d" />\n        <label for="67991a4426b5965dd9fe0d5d" class="list-header"><b>Population Criteria 5</b></label>\n            <ul>\n                \x3c!-- Score Unit --\x3e\n<li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="5698cc2b-f4be-4fd7-a00c-8b5d7b49ae5c"/>\n                <label for="5698cc2b-f4be-4fd7-a00c-8b5d7b49ae5c" class="list-header"><strong>Initial Population</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body">  [&quot;Encounter, Performed&quot;: &quot;Emergency Department Visit&quot;] EmergencyDepartmentVisit\n    where EmergencyDepartmentVisit.lengthOfStay &gt; 15 days</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="None"/>\n                <label for="None" class="list-header"><strong>Stratification</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body cql-class">None</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li>            </ul>\n    </div>\n</li>            </ul>\n</div><h3><a name="d1e649" href="#toc">Definitions</a></h3>\n<div>\n    <ul style="list-style:none;padding-left: 10px;">\n        <li class="list-unstyled" style="list-style:none;">\n            <div>\n                <ul class="list-unstyled" style="list-style:none;padding-left:0;">\n    <li class="list-unstyled">\n        <div class="treeview hover p-l-10">\n            <input type="checkbox" id="Denominator" />\n            <label for="Denominator" class="list-header"><strong>Denominator</strong></label>\n            <ul class="code" style="margin-right: 20%; opacity: 1;">\n                <li class="list-unstyled">\n                    <div>\n                        <ul style="padding-left: 0px;">\n                            <li style="padding-left: 0px;" class="list-unstyled">\n                                <div>\n                                    <pre class="cql-definition-body">  [&quot;Encounter, Performed&quot;: &quot;Acute Inpatient&quot;] AcuteInpatient\n    where AcuteInpatient.lengthOfStay &gt; 10 days</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class="list-unstyled" style="list-style:none;padding-left:0;">\n    <li class="list-unstyled">\n        <div class="treeview hover p-l-10">\n            <input type="checkbox" id="Denominator 2" />\n            <label for="Denominator 2" class="list-header"><strong>Denominator 2</strong></label>\n            <ul class="code" style="margin-right: 20%; opacity: 1;">\n                <li class="list-unstyled">\n                    <div>\n                        <ul style="padding-left: 0px;">\n                            <li style="padding-left: 0px;" class="list-unstyled">\n                                <div>\n                                    <pre class="cql-definition-body">  [&quot;Encounter, Performed&quot;: &quot;Encounter Inpatient&quot;] EncounterInpatient\n    where EncounterInpatient.lengthOfStay &gt; 15 days</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class="list-unstyled" style="list-style:none;padding-left:0;">\n    <li class="list-unstyled">\n        <div class="treeview hover p-l-10">\n            <input type="checkbox" id="Initial Population" />\n            <label for="Initial Population" class="list-header"><strong>Initial Population</strong></label>\n            <ul class="code" style="margin-right: 20%; opacity: 1;">\n                <li class="list-unstyled">\n                    <div>\n                        <ul style="padding-left: 0px;">\n                            <li style="padding-left: 0px;" class="list-unstyled">\n                                <div>\n                                    <pre class="cql-definition-body">  &quot;Qualifying Encounters&quot;</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class="list-unstyled" style="list-style:none;padding-left:0;">\n    <li class="list-unstyled">\n        <div class="treeview hover p-l-10">\n            <input type="checkbox" id="Numerator" />\n            <label for="Numerator" class="list-header"><strong>Numerator</strong></label>\n            <ul class="code" style="margin-right: 20%; opacity: 1;">\n                <li class="list-unstyled">\n                    <div>\n                        <ul style="padding-left: 0px;">\n                            <li style="padding-left: 0px;" class="list-unstyled">\n                                <div>\n                                    <pre class="cql-definition-body">  [&quot;Encounter, Performed&quot;: &quot;Active Bleeding&quot;] ActiveBleeding\n    where ActiveBleeding.relevantPeriod overlaps day of &quot;Measurement Period&quot;</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class="list-unstyled" style="list-style:none;padding-left:0;">\n    <li class="list-unstyled">\n        <div class="treeview hover p-l-10">\n            <input type="checkbox" id="Numerator 2" />\n            <label for="Numerator 2" class="list-header"><strong>Numerator 2</strong></label>\n            <ul class="code" style="margin-right: 20%; opacity: 1;">\n                <li class="list-unstyled">\n                    <div>\n                        <ul style="padding-left: 0px;">\n                            <li style="padding-left: 0px;" class="list-unstyled">\n                                <div>\n                                    <pre class="cql-definition-body">  [&quot;Encounter, Performed&quot;: &quot;Emergency Department Visit&quot;] EmergencyDepartmentVisit\n    where EmergencyDepartmentVisit.lengthOfStay &gt; 15 days</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class="list-unstyled" style="list-style:none;padding-left:0;">\n    <li class="list-unstyled">\n        <div class="treeview hover p-l-10">\n            <input type="checkbox" id="Qualifying Encounters" />\n            <label for="Qualifying Encounters" class="list-header"><strong>Qualifying Encounters</strong></label>\n            <ul class="code" style="margin-right: 20%; opacity: 1;">\n                <li class="list-unstyled">\n                    <div>\n                        <ul style="padding-left: 0px;">\n                            <li style="padding-left: 0px;" class="list-unstyled">\n                                <div>\n                                    <pre class="cql-definition-body">  ( [&quot;Encounter, Performed&quot;: &quot;Encounter Inpatient&quot;]\n    union [&quot;Encounter, Performed&quot;: &quot;Emergency Department Visit&quot;]\n    union [&quot;Encounter, Performed&quot;: &quot;Acute Inpatient&quot;]\n    union [&quot;Encounter, Performed&quot;: &quot;Active Bleeding&quot;]\n    union [&quot;Encounter, Performed&quot;: &quot;Observation Services&quot;] ) Encounter\n    where Encounter.relevantPeriod ends during &quot;Measurement Period&quot;</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class="list-unstyled" style="list-style:none;padding-left:0;">\n    <li class="list-unstyled">\n        <div class="treeview hover p-l-10">\n            <input type="checkbox" id="SDE Ethnicity" />\n            <label for="SDE Ethnicity" class="list-header"><strong>SDE Ethnicity</strong></label>\n            <ul class="code" style="margin-right: 20%; opacity: 1;">\n                <li class="list-unstyled">\n                    <div>\n                        <ul style="padding-left: 0px;">\n                            <li style="padding-left: 0px;" class="list-unstyled">\n                                <div>\n                                    <pre class="cql-definition-body">  [&quot;Patient Characteristic Ethnicity&quot;: &quot;Ethnicity&quot;]</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class="list-unstyled" style="list-style:none;padding-left:0;">\n    <li class="list-unstyled">\n        <div class="treeview hover p-l-10">\n            <input type="checkbox" id="SDE Payer" />\n            <label for="SDE Payer" class="list-header"><strong>SDE Payer</strong></label>\n            <ul class="code" style="margin-right: 20%; opacity: 1;">\n                <li class="list-unstyled">\n                    <div>\n                        <ul style="padding-left: 0px;">\n                            <li style="padding-left: 0px;" class="list-unstyled">\n                                <div>\n                                    <pre class="cql-definition-body">  [&quot;Patient Characteristic Payer&quot;: &quot;Payer Type&quot;]</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul>            </div>\n        </li>\n    </ul>\n</div><h3><a name="d1e650" href="#toc">Functions</a></h3>\n<div>\n    <ul style="list-style:none;padding-left: 10px;">\n        <li class="list-unstyled" style="list-style:none;">\n            <div>\n                                    None\n            </div>\n        </li>\n    </ul>\n</div><h3><a name="d1e555" href="#toc">Terminology</a></h3>\n<div>\n            <ul style="padding-left: 50px;">\n                <li style="width:80%">valueset &quot;Active Bleeding&quot; (2.16.840.1.113762.1.4.1206.28)</li>\n                <li style="width:80%">valueset &quot;Acute Inpatient&quot; (2.16.840.1.113762.1.4.1182.118)</li>\n                <li style="width:80%">valueset &quot;Emergency Department Visit&quot; (2.16.840.1.113883.3.117.1.7.1.292)</li>\n                <li style="width:80%">valueset &quot;Encounter Inpatient&quot; (2.16.840.1.113883.3.666.5.307)</li>\n                <li style="width:80%">valueset &quot;Ethnicity&quot; (2.16.840.1.114222.4.11.837)</li>\n                <li style="width:80%">valueset &quot;Observation Services&quot; (2.16.840.1.113762.1.4.1111.143)</li>\n                <li style="width:80%">valueset &quot;Payer Type&quot; (2.16.840.1.114222.4.11.3591)</li>\n        </ul>\n</div><h3><a name="d1e647" href="#toc">Data Criteria (QDM Data Elements)</a></h3>\n\n<div>\n            <ul style="padding-left: 50px;">\n                <li style="width:80%">&quot;Encounter, Performed: Active Bleeding&quot; using &quot;Active Bleeding (2.16.840.1.113762.1.4.1206.28)&quot;</li>\n                <li style="width:80%">&quot;Encounter, Performed: Acute Inpatient&quot; using &quot;Acute Inpatient (2.16.840.1.113762.1.4.1182.118)&quot;</li>\n                <li style="width:80%">&quot;Encounter, Performed: Emergency Department Visit&quot; using &quot;Emergency Department Visit (2.16.840.1.113883.3.117.1.7.1.292)&quot;</li>\n                <li style="width:80%">&quot;Encounter, Performed: Encounter Inpatient&quot; using &quot;Encounter Inpatient (2.16.840.1.113883.3.666.5.307)&quot;</li>\n                <li style="width:80%">&quot;Encounter, Performed: Observation Services&quot; using &quot;Observation Services (2.16.840.1.113762.1.4.1111.143)&quot;</li>\n                <li style="width:80%">&quot;Patient Characteristic Ethnicity: Ethnicity&quot; using &quot;Ethnicity (2.16.840.1.114222.4.11.837)&quot;</li>\n                <li style="width:80%">&quot;Patient Characteristic Payer: Payer Type&quot; using &quot;Payer Type (2.16.840.1.114222.4.11.3591)&quot;</li>\n        </ul>\n</div><h3><a name="d1e767" href="#toc">Supplemental Data Elements</a></h3>\n<ul style="list-style:none;padding-left: 25px;">\n\t<li class="list-unstyled">\n    <div class="treeview hover p-l-10">\n        <input type="checkbox" id="ef8c749a-23d1-4731-86dc-907983029bb5" />\n        <label for="ef8c749a-23d1-4731-86dc-907983029bb5" class="list-header"><strong>SDE Ethnicity</strong></label>\n        <ul class="code" style="margin-right: 20%; opacity: 1;">\n            <li class="list-unstyled">\n                <div>\n                    <ul style="padding-left: 0px;">\n                        <li style="padding-left: 0px;" class="list-unstyled">\n                            <div>\n                                <pre class="cql-definition-body">  [&quot;Patient Characteristic Ethnicity&quot;: &quot;Ethnicity&quot;]</pre>\n                            </div>\n                        </li>\n                    </ul>&nbsp;\n                </div>\n            </li>\n        </ul>\n    </div>\n</li></ul><h3><a name="d1e879" href="#toc">Risk Adjustment Variables</a></h3>\n<ul style="list-style:none;padding-left: 25px;">\n\t<li class="list-unstyled">\n    <div class="treeview hover p-l-10">\n        <input type="checkbox" id="15d20fe6-b081-4561-b0b6-17b41a737e02" />\n        <label for="15d20fe6-b081-4561-b0b6-17b41a737e02" class="list-header"><strong>SDE Payer</strong></label>\n        <ul class="code" style="margin-right: 20%; opacity: 1;">\n            <li class="list-unstyled">\n                <div>\n                    <ul style="padding-left: 0px;">\n                        <li style="padding-left: 0px;" class="list-unstyled">\n                            <div>\n                                <pre class="cql-definition-body">[[&quot;Patient Characteristic Payer&quot;: &quot;Payer Type&quot;]]</pre>\n                            </div>\n                        </li>\n                    </ul>&nbsp;\n                </div>\n            </li>\n        </ul>\n    </div>\n</li></ul><div style="float:left; background:teal; height:3px; width:80%"></div>\n<pre><br/></pre><table class="header_table" role="presentation">\n    <tbody>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Measure Set</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n    </tbody>\n</table>\n\n    </body>\n</html>\n'}})})})]})},__namedExportsOrder=["WithDesignSystem","WithDesignSystemDialog","WithDesignSystemOverflow","WithDesignSystemOverflowForHR"];WithDesignSystem.parameters={...WithDesignSystem.parameters,docs:{...WithDesignSystem.parameters?.docs,source:{originalSource:'() => {\n  const [open, openModal, closeModal] = useModal();\n  return <div className="qpp-u-padding--12">\n            <button className="qpp-c-button" onClick={openModal}>\n                Open Modal\n            </button>\n            <Modal useDesignSystem isOpen={open} title="Title Text" onRequestClose={closeModal}>\n                <p>{lorem}</p>\n            </Modal>\n        </div>;\n}',...WithDesignSystem.parameters?.docs?.source}}},WithDesignSystemDialog.parameters={...WithDesignSystemDialog.parameters,docs:{...WithDesignSystemDialog.parameters?.docs,source:{originalSource:'() => {\n  const [open, openModal, closeModal] = useModal();\n  return <div className="qpp-u-padding--12">\n            <button className="qpp-c-button" onClick={openModal}>\n                Open Modal\n            </button>\n            <Modal useDesignSystem isOpen={open} title="Title Text" onRequestClose={closeModal} primary={{\n      title: "Yes, go for it",\n      onClick: () => {\n        console.log("submit");\n        closeModal();\n      }\n    }} secondary={{\n      title: "No, take me back"\n    }}>\n                <p>{lorem}</p>\n            </Modal>\n        </div>;\n}',...WithDesignSystemDialog.parameters?.docs?.source}}},WithDesignSystemOverflow.parameters={...WithDesignSystemOverflow.parameters,docs:{...WithDesignSystemOverflow.parameters?.docs,source:{originalSource:'() => {\n  const [open, openModal, closeModal] = useModal();\n  return <div className="qpp-u-padding--12">\n            <button className="qpp-c-button" onClick={openModal}>\n                Open Modal\n            </button>\n            <Modal useDesignSystem isOpen={open} title="Title Text" onRequestClose={closeModal} primary={{\n      title: "Yes, go for it",\n      onClick: () => {\n        console.log("submit");\n        closeModal();\n      }\n    }} secondary={{\n      title: "No, take me back"\n    }}>\n                {[...Array(5)].map((_, i) => <p key={i}>{lorem.repeat(5)}</p>)}\n            </Modal>\n        </div>;\n}',...WithDesignSystemOverflow.parameters?.docs?.source}}},WithDesignSystemOverflowForHR.parameters={...WithDesignSystemOverflowForHR.parameters,docs:{...WithDesignSystemOverflowForHR.parameters?.docs,source:{originalSource:'() => {\n  const [open, openModal, closeModal] = useModal();\n  const hr = humanReadable();\n  return <div className="qpp-u-padding--12">\n            <button className="qpp-c-button" onClick={openModal}>\n                Open Modal\n            </button>\n            <div data-testid="view-hr-modal">\n                <Modal useDesignSystem isOpen={open} title="Human Readable" onRequestClose={closeModal} width="75rem" primary={{\n        title: "Yes, go for it",\n        onClick: () => {\n          console.log("submit");\n          closeModal();\n        }\n      }} secondary={{\n        title: "No, take me back"\n      }}>\n                    <div className="modal-body" dangerouslySetInnerHTML={{\n          __html: hr\n        }} />\n                </Modal>\n            </div>\n        </div>;\n}',...WithDesignSystemOverflowForHR.parameters?.docs?.source}}}},"./node_modules/prop-types/factoryWithThrowingShims.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var ReactPropTypesSecret=__webpack_require__("./node_modules/prop-types/lib/ReactPropTypesSecret.js");function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,module.exports=function(){function shim(props,propName,componentName,location,propFullName,secret){if(secret!==ReactPropTypesSecret){var err=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw err.name="Invariant Violation",err}}function getShim(){return shim}shim.isRequired=shim;var ReactPropTypes={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return ReactPropTypes.PropTypes=ReactPropTypes,ReactPropTypes}},"./node_modules/prop-types/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/prop-types/factoryWithThrowingShims.js")()},"./node_modules/prop-types/lib/ReactPropTypesSecret.js":module=>{"use strict";module.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},"./node_modules/react-dom/cjs/react-dom.production.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var React=__webpack_require__("./node_modules/react/index.js");function formatProdErrorMessage(code){var url="https://react.dev/errors/"+code;if(1<arguments.length){url+="?args[]="+encodeURIComponent(arguments[1]);for(var i=2;i<arguments.length;i++)url+="&args[]="+encodeURIComponent(arguments[i])}return"Minified React error #"+code+"; visit "+url+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function noop(){}var Internals={d:{f:noop,r:function(){throw Error(formatProdErrorMessage(522))},D:noop,C:noop,L:noop,m:noop,X:noop,S:noop,M:noop},p:0,findDOMNode:null},REACT_PORTAL_TYPE=Symbol.for("react.portal");var ReactSharedInternals=React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function getCrossOriginStringAs(as,input){return"font"===as?"":"string"==typeof input?"use-credentials"===input?input:"":void 0}exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=Internals,exports.createPortal=function(children,container){var key=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!container||1!==container.nodeType&&9!==container.nodeType&&11!==container.nodeType)throw Error(formatProdErrorMessage(299));return function createPortal$1(children,containerInfo,implementation){var key=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:REACT_PORTAL_TYPE,key:null==key?null:""+key,children,containerInfo,implementation}}(children,container,null,key)},exports.flushSync=function(fn){var previousTransition=ReactSharedInternals.T,previousUpdatePriority=Internals.p;try{if(ReactSharedInternals.T=null,Internals.p=2,fn)return fn()}finally{ReactSharedInternals.T=previousTransition,Internals.p=previousUpdatePriority,Internals.d.f()}},exports.preconnect=function(href,options){"string"==typeof href&&(options?options="string"==typeof(options=options.crossOrigin)?"use-credentials"===options?options:"":void 0:options=null,Internals.d.C(href,options))},exports.prefetchDNS=function(href){"string"==typeof href&&Internals.d.D(href)},exports.preinit=function(href,options){if("string"==typeof href&&options&&"string"==typeof options.as){var as=options.as,crossOrigin=getCrossOriginStringAs(as,options.crossOrigin),integrity="string"==typeof options.integrity?options.integrity:void 0,fetchPriority="string"==typeof options.fetchPriority?options.fetchPriority:void 0;"style"===as?Internals.d.S(href,"string"==typeof options.precedence?options.precedence:void 0,{crossOrigin,integrity,fetchPriority}):"script"===as&&Internals.d.X(href,{crossOrigin,integrity,fetchPriority,nonce:"string"==typeof options.nonce?options.nonce:void 0})}},exports.preinitModule=function(href,options){if("string"==typeof href)if("object"==typeof options&&null!==options){if(null==options.as||"script"===options.as){var crossOrigin=getCrossOriginStringAs(options.as,options.crossOrigin);Internals.d.M(href,{crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0,nonce:"string"==typeof options.nonce?options.nonce:void 0})}}else null==options&&Internals.d.M(href)},exports.preload=function(href,options){if("string"==typeof href&&"object"==typeof options&&null!==options&&"string"==typeof options.as){var as=options.as,crossOrigin=getCrossOriginStringAs(as,options.crossOrigin);Internals.d.L(href,as,{crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0,nonce:"string"==typeof options.nonce?options.nonce:void 0,type:"string"==typeof options.type?options.type:void 0,fetchPriority:"string"==typeof options.fetchPriority?options.fetchPriority:void 0,referrerPolicy:"string"==typeof options.referrerPolicy?options.referrerPolicy:void 0,imageSrcSet:"string"==typeof options.imageSrcSet?options.imageSrcSet:void 0,imageSizes:"string"==typeof options.imageSizes?options.imageSizes:void 0,media:"string"==typeof options.media?options.media:void 0})}},exports.preloadModule=function(href,options){if("string"==typeof href)if(options){var crossOrigin=getCrossOriginStringAs(options.as,options.crossOrigin);Internals.d.m(href,{as:"string"==typeof options.as&&"script"!==options.as?options.as:void 0,crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0})}else Internals.d.m(href)},exports.requestFormReset=function(form){Internals.d.r(form)},exports.unstable_batchedUpdates=function(fn,a){return fn(a)},exports.useFormState=function(action,initialState,permalink){return ReactSharedInternals.H.useFormState(action,initialState,permalink)},exports.useFormStatus=function(){return ReactSharedInternals.H.useHostTransitionStatus()},exports.version="19.1.0"},"./node_modules/react-dom/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";!function checkDCE(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE)}catch(err){console.error(err)}}(),module.exports=__webpack_require__("./node_modules/react-dom/cjs/react-dom.production.js")},"./node_modules/react/cjs/react-jsx-runtime.production.js":(__unused_webpack_module,exports)=>{"use strict";var REACT_ELEMENT_TYPE=Symbol.for("react.transitional.element"),REACT_FRAGMENT_TYPE=Symbol.for("react.fragment");function jsxProd(type,config,maybeKey){var key=null;if(void 0!==maybeKey&&(key=""+maybeKey),void 0!==config.key&&(key=""+config.key),"key"in config)for(var propName in maybeKey={},config)"key"!==propName&&(maybeKey[propName]=config[propName]);else maybeKey=config;return config=maybeKey.ref,{$$typeof:REACT_ELEMENT_TYPE,type,key,ref:void 0!==config?config:null,props:maybeKey}}exports.Fragment=REACT_FRAGMENT_TYPE,exports.jsx=jsxProd,exports.jsxs=jsxProd},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.js")}}]);

package/storybook-static/Modal-Modal-stories.1c8c1dcd.iframe.bundle.js.LICENSE.txt

@@ -0,0 +1,19 @@
+/**
+ * @license React
+ * react-dom.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/storybook-static/NumberInput-NumberInput-stories.b642f330.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[4242],{"./components/NumberInput/NumberInput.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BasicNumberInput:()=>BasicNumberInput,NumberInputDisabled:()=>NumberInputDisabled,NumberInputWithErrorAndHelperText:()=>NumberInputWithErrorAndHelperText,NumberInputWithNoNegativeNumbers:()=>NumberInputWithNoNegativeNumbers,NumberInputWithTooltip:()=>NumberInputWithTooltip,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/NumberInput/index.jsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"NumberInput",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}),BasicNumberInput=()=>(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:"basic-number-input",label:"Demo number input"})}),NumberInputWithNoNegativeNumbers=()=>(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:"number-input-non-negative",label:"Demo number input","aria-label":"Demo number input",placeholder:"Type a number…",allowNegative:!1})}),NumberInputWithErrorAndHelperText=()=>(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:"number-input-error",error:!0,label:"Demo number input","aria-label":"Demo number input",placeholder:"Type a number…",helperText:"Please Enter a valid integer"})}),NumberInputDisabled=()=>(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:"number-input-disabled",label:"Demo number input","aria-label":"Demo number input",placeholder:"Type a number…",disabled:!0})}),NumberInputWithTooltip=()=>(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:"number-input-tooltip",label:"Demo number input","aria-label":"Demo number input",placeholder:"Type a number…",tooltipText:"Provides information"})}),__namedExportsOrder=["BasicNumberInput","NumberInputWithNoNegativeNumbers","NumberInputWithErrorAndHelperText","NumberInputDisabled","NumberInputWithTooltip"];BasicNumberInput.parameters={...BasicNumberInput.parameters,docs:{...BasicNumberInput.parameters?.docs,source:{originalSource:'() => <Wrapper>\n        <NumberInput id="basic-number-input" label="Demo number input" />\n    </Wrapper>',...BasicNumberInput.parameters?.docs?.source}}},NumberInputWithNoNegativeNumbers.parameters={...NumberInputWithNoNegativeNumbers.parameters,docs:{...NumberInputWithNoNegativeNumbers.parameters?.docs,source:{originalSource:'() => <Wrapper>\n        <NumberInput id="number-input-non-negative" label="Demo number input" aria-label="Demo number input" placeholder="Type a number…" allowNegative={false} />\n    </Wrapper>',...NumberInputWithNoNegativeNumbers.parameters?.docs?.source}}},NumberInputWithErrorAndHelperText.parameters={...NumberInputWithErrorAndHelperText.parameters,docs:{...NumberInputWithErrorAndHelperText.parameters?.docs,source:{originalSource:'() => <Wrapper>\n        <NumberInput id="number-input-error" error={true} label="Demo number input" aria-label="Demo number input" placeholder="Type a number…" helperText="Please Enter a valid integer" />\n    </Wrapper>',...NumberInputWithErrorAndHelperText.parameters?.docs?.source}}},NumberInputDisabled.parameters={...NumberInputDisabled.parameters,docs:{...NumberInputDisabled.parameters?.docs,source:{originalSource:'() => <Wrapper>\n        <NumberInput id="number-input-disabled" label="Demo number input" aria-label="Demo number input" placeholder="Type a number…" disabled={true} />\n    </Wrapper>',...NumberInputDisabled.parameters?.docs?.source}}},NumberInputWithTooltip.parameters={...NumberInputWithTooltip.parameters,docs:{...NumberInputWithTooltip.parameters?.docs,source:{originalSource:'() => <Wrapper>\n        <NumberInput id="number-input-tooltip" label="Demo number input" aria-label="Demo number input" placeholder="Type a number…" tooltipText="Provides information" />\n    </Wrapper>',...NumberInputWithTooltip.parameters?.docs?.source}}}}}]);

package/storybook-static/Pagination-Pagination-stories.dc63a146.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[4516],{"./components/Pagination/Pagination.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__});__webpack_require__("./node_modules/react/index.js");var _index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/Pagination/index.jsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Pagination",component:_index__WEBPACK_IMPORTED_MODULE_1__.d},Default=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.d,{totalItems:30,visibleItems:10,count:30,offset:0,shape:"rounded",page:0,limit:10,limitOptions:[10,25,50],handlePageChange:(e,v)=>{console.log(e,v)},handleLimitChange:(e,v)=>{console.log(e,v)},hideNextButton:!0,hidePrevButton:!1}),__namedExportsOrder=["Default"];Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'() => <Pagination totalItems={30} visibleItems={10} count={30} offset={0} shape="rounded" page={0} limit={10} limitOptions={[10, 25, 50]} handlePageChange={(e, v) => {\n  console.log(e, v);\n}} handleLimitChange={(e, v) => {\n  console.log(e, v);\n}} hideNextButton={true} hidePrevButton={false} />',...Default.parameters?.docs?.source}}}},"./components/Pagination/index.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{d:()=>Pagination});__webpack_require__("./node_modules/react/index.js");var _mui_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/utils/esm/visuallyHidden/visuallyHidden.js"),_mui_material__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/material/esm/Typography/Typography.js"),_mui_material__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mui/material/esm/Select/Select.js"),_mui_material__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mui/material/esm/MenuItem/MenuItem.js"),_mui_material__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@mui/material/esm/Pagination/Pagination.js"),_mui_material__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@mui/material/esm/PaginationItem/PaginationItem.js"),_mui_system__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/system/esm/styled/styled.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)}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 Container=(0,_mui_system__WEBPACK_IMPORTED_MODULE_2__.A)("div")({display:"flex",flexGrow:1,flexDirection:"row",justifyContent:"space-between",alignItems:"center",minHeight:90,padding:"0px 24px"}),Row=(0,_mui_system__WEBPACK_IMPORTED_MODULE_2__.A)("div")({display:"flex",flexDirection:"row",alignItems:"center"}),Pagination=function Pagination(_ref){var _ref$totalItems=_ref.totalItems,totalItems=void 0===_ref$totalItems?0:_ref$totalItems,_ref$visibleItems=_ref.visibleItems,visibleItems=void 0===_ref$visibleItems?0:_ref$visibleItems,_ref$count=_ref.count,count=void 0===_ref$count?1:_ref$count,_ref$offset=_ref.offset,offset=void 0===_ref$offset?0:_ref$offset,_ref$shape=_ref.shape,shape=void 0===_ref$shape?"rounded":_ref$shape,_ref$page=_ref.page,page=void 0===_ref$page?0:_ref$page,_ref$limit=_ref.limit,limit=void 0===_ref$limit?10:_ref$limit,_ref$limitOptions=_ref.limitOptions,limitOptions=void 0===_ref$limitOptions?[10,25,50]:_ref$limitOptions,handlePageChange=_ref.handlePageChange,handleLimitChange=_ref.handleLimitChange,_ref$hidePrevButton=_ref.hidePrevButton,hidePrevButton=void 0===_ref$hidePrevButton||_ref$hidePrevButton,_ref$hideNextButton=_ref.hideNextButton,hideNextButton=void 0!==_ref$hideNextButton&&_ref$hideNextButton;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(Container,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(Row,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("span",{id:"items-per-page",style:_mui_utils__WEBPACK_IMPORTED_MODULE_3__.A,children:["Items per page ",limit,"."]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_4__.A,{fontSize:14,fontFamily:"Rubik",sx:{color:"#333333"},children:"Items per page"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_5__.A,{size:"small",sx:{margin:"0 11px","& .MuiOutlinedInput-notchedOutline":{borderColor:"#8C8C8C","& legend":{width:0}},"& .MuiInputBase-input":{fontFamily:"Rubik",fontSize:14,borderRadius:3}},id:"pagination-limit-select",value:limit,label:null,onChange:handleLimitChange,inputProps:{"aria-labelledby":"items-per-page","aria-describedby":"items-per-page offset-of-total-items"},children:limitOptions.map(function(val){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_6__.A,{value:val,"data-testid":"limit-option",children:val},"limit-".concat(val))})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_4__.A,{fontSize:14,id:"offset-of-total-items",sx:{color:"#757575"},fontFamily:"Rubik",children:"".concat(offset+1," - ").concat(visibleItems+offset," of ").concat(totalItems)})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_7__.A,{sx:{"& .MuiPagination-ul":{"& .MuiPaginationItem-root":{color:"#0073C8",border:"solid 1px #8c8c8c","&:focus":{border:"0.0625rem solid #125496",borderRadius:"0.1875rem",boxShadow:"0 0 0 0.25rem #cbe4ff",outline:"none"}},"& .Mui-selected":{color:"#fff",backgroundColor:"#0073C8 !important"},"& .MuiPaginationItem-ellipsis":{border:"solid 1px transparent"},"& .MuiPaginationItem-previousNext":{border:"solid 1px transparent"}}},renderItem:function renderItem(props){return"next"===props.type?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_8__.A,_objectSpread({sx:{border:"solid 1px transparent","& .Mui-selected":{backgroundColor:"#0073C8",border:"solid 1px #0073C8",color:"#fff"},"&::before":{content:'"Next  "',marginRight:"5px",fontSize:14,fontFamily:"Rubik"}}},props)):"previous"===props.type?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_8__.A,_objectSpread({sx:{border:"solid 1px transparent","& .Mui-selected":{},"&::after":{content:'"  Previous"',marginLeft:"5px",fontSize:14,fontFamily:"Rubik"}}},props)):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_8__.A,_objectSpread({},props))},count,page,shape,siblingCount:2,boundaryCount:0,onChange:handlePageChange,hidePrevButton,hideNextButton})]})};Pagination.__docgenInfo={description:"",methods:[],displayName:"Pagination",props:{totalItems:{defaultValue:{value:"0",computed:!1},required:!1},visibleItems:{defaultValue:{value:"0",computed:!1},required:!1},count:{defaultValue:{value:"1",computed:!1},required:!1},offset:{defaultValue:{value:"0",computed:!1},required:!1},shape:{defaultValue:{value:'"rounded"',computed:!1},required:!1},page:{defaultValue:{value:"0",computed:!1},required:!1},limit:{defaultValue:{value:"10",computed:!1},required:!1},limitOptions:{defaultValue:{value:"[10, 25, 50]",computed:!1},required:!1},hidePrevButton:{defaultValue:{value:"true",computed:!1},required:!1},hideNextButton:{defaultValue:{value:"false",computed:!1},required:!1}}}},"./node_modules/@mui/material/esm/Divider/dividerClasses.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,K:()=>getDividerUtilityClass});var _mui_utils_generateUtilityClasses__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js"),_mui_utils_generateUtilityClass__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js");function getDividerUtilityClass(slot){return(0,_mui_utils_generateUtilityClass__WEBPACK_IMPORTED_MODULE_0__.Ay)("MuiDivider",slot)}const __WEBPACK_DEFAULT_EXPORT__=(0,_mui_utils_generateUtilityClasses__WEBPACK_IMPORTED_MODULE_1__.A)("MuiDivider",["root","absolute","fullWidth","inset","middle","flexItem","light","vertical","withChildren","withChildrenVertical","textAlignRight","textAlignLeft","wrapper","wrapperVertical"])},"./node_modules/@mui/material/esm/Portal/Portal.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"),react_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-dom/index.js"),_mui_utils_useEnhancedEffect__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js"),_mui_utils_useForkRef__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/utils/esm/useForkRef/useForkRef.js"),_mui_utils_setRef__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mui/utils/esm/setRef/setRef.js"),_mui_utils_getReactElementRef__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/utils/esm/getReactElementRef/getReactElementRef.js");const __WEBPACK_DEFAULT_EXPORT__=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Portal(props,forwardedRef){const{children,container,disablePortal=!1}=props,[mountNode,setMountNode]=react__WEBPACK_IMPORTED_MODULE_0__.useState(null),handleRef=(0,_mui_utils_useForkRef__WEBPACK_IMPORTED_MODULE_2__.A)(react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(children)?(0,_mui_utils_getReactElementRef__WEBPACK_IMPORTED_MODULE_3__.A)(children):null,forwardedRef);if((0,_mui_utils_useEnhancedEffect__WEBPACK_IMPORTED_MODULE_4__.A)(()=>{disablePortal||setMountNode(function getContainer(container){return"function"==typeof container?container():container}(container)||document.body)},[container,disablePortal]),(0,_mui_utils_useEnhancedEffect__WEBPACK_IMPORTED_MODULE_4__.A)(()=>{if(mountNode&&!disablePortal)return(0,_mui_utils_setRef__WEBPACK_IMPORTED_MODULE_5__.A)(forwardedRef,mountNode),()=>{(0,_mui_utils_setRef__WEBPACK_IMPORTED_MODULE_5__.A)(forwardedRef,null)}},[forwardedRef,mountNode,disablePortal]),disablePortal){if(react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(children)){const newProps={ref:handleRef};return react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(children,newProps)}return children}return mountNode?react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal(children,mountNode):mountNode})},"./node_modules/@mui/material/esm/Typography/Typography.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Typography_Typography});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"),zero_styled=__webpack_require__("./node_modules/@mui/material/esm/zero-styled/index.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"),capitalize=__webpack_require__("./node_modules/@mui/material/esm/utils/capitalize.js"),createSimplePaletteValueFilter=__webpack_require__("./node_modules/@mui/material/esm/utils/createSimplePaletteValueFilter.js"),generateUtilityClasses=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js"),generateUtilityClass=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js");function getTypographyUtilityClass(slot){return(0,generateUtilityClass.Ay)("MuiTypography",slot)}(0,generateUtilityClasses.A)("MuiTypography",["root","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","inherit","button","caption","overline","alignLeft","alignRight","alignCenter","alignJustify","noWrap","gutterBottom","paragraph"]);var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const v6Colors={primary:!0,secondary:!0,error:!0,info:!0,success:!0,warning:!0,textPrimary:!0,textSecondary:!0,textDisabled:!0},extendSxProp=(0,zero_styled.Dg)(),TypographyRoot=(0,styled.Ay)("span",{name:"MuiTypography",slot:"Root",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.root,ownerState.variant&&styles[ownerState.variant],"inherit"!==ownerState.align&&styles[`align${(0,capitalize.A)(ownerState.align)}`],ownerState.noWrap&&styles.noWrap,ownerState.gutterBottom&&styles.gutterBottom,ownerState.paragraph&&styles.paragraph]}})((0,memoTheme.A)(({theme})=>({margin:0,variants:[{props:{variant:"inherit"},style:{font:"inherit",lineHeight:"inherit",letterSpacing:"inherit"}},...Object.entries(theme.typography).filter(([variant,value])=>"inherit"!==variant&&value&&"object"==typeof value).map(([variant,value])=>({props:{variant},style:value})),...Object.entries(theme.palette).filter((0,createSimplePaletteValueFilter.A)()).map(([color])=>({props:{color},style:{color:(theme.vars||theme).palette[color].main}})),...Object.entries(theme.palette?.text||{}).filter(([,value])=>"string"==typeof value).map(([color])=>({props:{color:`text${(0,capitalize.A)(color)}`},style:{color:(theme.vars||theme).palette.text[color]}})),{props:({ownerState})=>"inherit"!==ownerState.align,style:{textAlign:"var(--Typography-textAlign)"}},{props:({ownerState})=>ownerState.noWrap,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{props:({ownerState})=>ownerState.gutterBottom,style:{marginBottom:"0.35em"}},{props:({ownerState})=>ownerState.paragraph,style:{marginBottom:16}}]}))),defaultVariantMapping={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",inherit:"p"},Typography_Typography=react.forwardRef(function Typography(inProps,ref){const{color,...themeProps}=(0,DefaultPropsProvider.b)({props:inProps,name:"MuiTypography"}),props=extendSxProp({...themeProps,...!v6Colors[color]&&{color}}),{align="inherit",className,component,gutterBottom=!1,noWrap=!1,paragraph=!1,variant="body1",variantMapping=defaultVariantMapping,...other}=props,ownerState={...props,align,color,className,component,gutterBottom,noWrap,paragraph,variant,variantMapping},Component=component||(paragraph?"p":variantMapping[variant]||defaultVariantMapping[variant])||"span",classes=(ownerState=>{const{align,gutterBottom,noWrap,paragraph,variant,classes}=ownerState,slots={root:["root",variant,"inherit"!==ownerState.align&&`align${(0,capitalize.A)(align)}`,gutterBottom&&"gutterBottom",noWrap&&"noWrap",paragraph&&"paragraph"]};return(0,composeClasses.A)(slots,getTypographyUtilityClass,classes)})(ownerState);return(0,jsx_runtime.jsx)(TypographyRoot,{as:Component,ref,className:(0,clsx.A)(classes.root,className),...other,ownerState,style:{..."inherit"!==align&&{"--Typography-textAlign":align},...other.style}})})},"./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/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/useControlled.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/useControlled/useControlled.js").A},"./node_modules/@mui/material/esm/zero-styled/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Dp:()=>globalCss,Dg:()=>internal_createExtendSxProp});__webpack_require__("./node_modules/react/index.js");var extendSxProp=__webpack_require__("./node_modules/@mui/system/esm/styleFunctionSx/extendSxProp.js"),esm=__webpack_require__("./node_modules/@mui/styled-engine/esm/index.js"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function GlobalStyles(props){const{styles,defaultTheme={}}=props,globalStyles="function"==typeof styles?themeInput=>styles(function isEmpty(obj){return null==obj||0===Object.keys(obj).length}(themeInput)?defaultTheme:themeInput):styles;return(0,jsx_runtime.jsx)(emotion_react_browser_esm.mL,{styles:globalStyles})}var useTheme=__webpack_require__("./node_modules/@mui/system/esm/useTheme/useTheme.js");function wrapGlobalLayer(styles){const serialized=(0,esm.tT)(styles);return styles!==serialized&&serialized.styles?(serialized.styles.match(/^@layer\s+[^{]*$/)||(serialized.styles=`@layer global{${serialized.styles}}`),serialized):styles}const esm_GlobalStyles_GlobalStyles=function GlobalStyles_GlobalStyles({styles,themeId,defaultTheme={}}){const upperTheme=(0,useTheme.A)(defaultTheme),resolvedTheme=themeId&&upperTheme[themeId]||upperTheme;let globalStyles="function"==typeof styles?styles(resolvedTheme):styles;return resolvedTheme.modularCssLayers&&(globalStyles=Array.isArray(globalStyles)?globalStyles.map(styleArg=>wrapGlobalLayer("function"==typeof styleArg?styleArg(resolvedTheme):styleArg)):wrapGlobalLayer(globalStyles)),(0,jsx_runtime.jsx)(GlobalStyles,{styles:globalStyles})};var defaultTheme=__webpack_require__("./node_modules/@mui/material/esm/styles/defaultTheme.js"),identifier=__webpack_require__("./node_modules/@mui/material/esm/styles/identifier.js");const material_esm_GlobalStyles_GlobalStyles=function GlobalStyles_GlobalStyles_GlobalStyles(props){return(0,jsx_runtime.jsx)(esm_GlobalStyles_GlobalStyles,{...props,defaultTheme:defaultTheme.A,themeId:identifier.A})};function globalCss(styles){return function GlobalStylesWrapper(props){return(0,jsx_runtime.jsx)(material_esm_GlobalStyles_GlobalStyles,{styles:"function"==typeof styles?theme=>styles({theme,...props}):styles})}}function internal_createExtendSxProp(){return extendSxProp.A}},"./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/styleFunctionSx/extendSxProp.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>extendSxProp});var _mui_utils_deepmerge__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/utils/esm/deepmerge/deepmerge.js"),_defaultSxConfig_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@mui/system/esm/styleFunctionSx/defaultSxConfig.js");const splitProps=props=>{const result={systemProps:{},otherProps:{}},config=props?.theme?.unstable_sxConfig??_defaultSxConfig_js__WEBPACK_IMPORTED_MODULE_0__.A;return Object.keys(props).forEach(prop=>{config[prop]?result.systemProps[prop]=props[prop]:result.otherProps[prop]=props[prop]}),result};function extendSxProp(props){const{sx:inSx,...other}=props,{systemProps,otherProps}=splitProps(other);let finalSx;return finalSx=Array.isArray(inSx)?[systemProps,...inSx]:"function"==typeof inSx?(...args)=>{const result=inSx(...args);return(0,_mui_utils_deepmerge__WEBPACK_IMPORTED_MODULE_1__.Q)(result)?{...systemProps,...result}:systemProps}:{...systemProps,...inSx},{...otherProps,sx:finalSx}}},"./node_modules/@mui/utils/esm/setRef/setRef.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function setRef(ref,value){"function"==typeof ref?ref(value):ref&&(ref.current=value)}__webpack_require__.d(__webpack_exports__,{A:()=>setRef})},"./node_modules/@mui/utils/esm/useControlled/useControlled.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useControlled});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function useControlled(props){const{controlled,default:defaultProp,name,state="value"}=props,{current:isControlled}=react__WEBPACK_IMPORTED_MODULE_0__.useRef(void 0!==controlled),[valueState,setValue]=react__WEBPACK_IMPORTED_MODULE_0__.useState(defaultProp);return[isControlled?controlled:valueState,react__WEBPACK_IMPORTED_MODULE_0__.useCallback(newValue=>{isControlled||setValue(newValue)},[])]}},"./node_modules/@mui/utils/esm/useId/useId.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var react__WEBPACK_IMPORTED_MODULE_0___namespace_cache;__webpack_require__.d(__webpack_exports__,{A:()=>useId});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");let globalId=0;const maybeReactUseId={...react__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__.t(react__WEBPACK_IMPORTED_MODULE_0__,2))}.useId;function useId(idOverride){if(void 0!==maybeReactUseId){const reactId=maybeReactUseId();return idOverride??reactId}return function useGlobalId(idOverride){const[defaultId,setDefaultId]=react__WEBPACK_IMPORTED_MODULE_0__.useState(idOverride),id=idOverride||defaultId;return react__WEBPACK_IMPORTED_MODULE_0__.useEffect(()=>{null==defaultId&&(globalId+=1,setDefaultId(`mui-${globalId}`))},[defaultId]),id}(idOverride)}},"./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)}}}]);

package/storybook-static/Popover-Popover-stories.680cce19.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[3078],{"./components/Popover/Popover.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{PopOver:()=>PopOver,__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/Popover/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Popover",component:_index__WEBPACK_IMPORTED_MODULE_1__.A},PopOver=()=>{const[anchorEl,setAnchorEl]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),[optionsOpen,setOptionsOpen]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"qpp-u-padding--12",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("button",{className:"qpp-c-button",onClick:e=>{setAnchorEl(e.currentTarget),setOptionsOpen(!0)},children:"Open Popover"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{optionsOpen,anchorEl,onClose:()=>setOptionsOpen(!1),canEdit:!0,editViewSelectOptionProps:{label:"View",toImplementFunction:()=>setOptionsOpen(!1),dataTestId:"edit-measure-1"},otherSelectOptionProps:[{label:"Export",toImplementFunction:()=>setOptionsOpen(!1),dataTestId:"export-measure-1"}]})]})},__namedExportsOrder=["PopOver"];PopOver.parameters={...PopOver.parameters,docs:{...PopOver.parameters?.docs,source:{originalSource:'() => {\n  const [anchorEl, setAnchorEl] = useState(null);\n  const [optionsOpen, setOptionsOpen] = useState(false);\n  const onClose = () => setOptionsOpen(false);\n  const handleOpen = e => {\n    setAnchorEl(e.currentTarget);\n    setOptionsOpen(true);\n  };\n  const viewEditredirect = () => setOptionsOpen(false);\n  const zipData = () => setOptionsOpen(false);\n  return <div className="qpp-u-padding--12">\n            <button className="qpp-c-button" onClick={handleOpen}>\n                Open Popover\n            </button>\n            <Popover optionsOpen={optionsOpen} anchorEl={anchorEl} onClose={onClose} canEdit={true} editViewSelectOptionProps={{\n      label: "View",\n      toImplementFunction: viewEditredirect,\n      dataTestId: "edit-measure-1"\n    }} otherSelectOptionProps={[{\n      label: "Export",\n      toImplementFunction: zipData,\n      dataTestId: "export-measure-1"\n    }]} />\n        </div>;\n}',...PopOver.parameters?.docs?.source}}}},"./components/Popover/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_Popover__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/esm/Popover/Popover.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),MadiePopover=function MadiePopover(_ref){var optionsOpen=_ref.optionsOpen,anchorEl=_ref.anchorEl,handleClose=_ref.handleClose,canEdit=_ref.canEdit,_ref$editViewSelectOp=_ref.editViewSelectOptionProps,editViewSelectOptionProps=void 0===_ref$editViewSelectOp?{}:_ref$editViewSelectOp,_ref$additionalSelect=_ref.additionalSelectOptionProps,additionalSelectOptionProps=void 0===_ref$additionalSelect?[]:_ref$additionalSelect,_ref$otherSelectOptio=_ref.otherSelectOptionProps,otherSelectOptionProps=void 0===_ref$otherSelectOptio?[]:_ref$otherSelectOptio;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material_Popover__WEBPACK_IMPORTED_MODULE_2__.Ay,{open:optionsOpen,anchorEl,onClose:handleClose,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"center"},sx:{".MuiPopover-paper":{background:"none",boxShadow:"none",overflow:"visible",".popover-content":{border:"solid 1px #8c8c8c",position:"relative",marginTop:"16px",marginLeft:"-70px",borderRadius:"6px",background:"#F7F7F7",width:"fit-content","&::before":{borderWidth:"thin",position:"absolute",top:"-8px",left:"calc(50% - 8px)",height:"16px",width:"16px",background:"#F7F7F7",border:"solid 1px #8c8c8c",borderColor:"#8c8c8c transparent transparent #8c8c8c",content:'""',transform:"rotate(45deg)"},".btn-container":{display:"flex",flexDirection:"column",padding:"10px 0",button:{zIndex:2,fontSize:14,padding:"0px 12px",textAlign:"left","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.5)"}}}}}},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{className:"popover-content","data-testid":"popover-content",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{className:"btn-container",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("button",{"data-testid":editViewSelectOptionProps.dataTestId,onClick:editViewSelectOptionProps.toImplementFunction,children:editViewSelectOptionProps.label}),additionalSelectOptionProps&&additionalSelectOptionProps.map(function(res){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("button",{"data-testid":res.dataTestId,onClick:res.toImplementFunction,children:res.label},res.dataTestId)}),canEdit&&otherSelectOptionProps.map(function(res){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("button",{"data-testid":res.dataTestId,onClick:res.toImplementFunction,children:res.label},res.dataTestId)})]})})})};const __WEBPACK_DEFAULT_EXPORT__=MadiePopover;MadiePopover.__docgenInfo={description:"",methods:[],displayName:"MadiePopover",props:{editViewSelectOptionProps:{defaultValue:{value:"{}",computed:!1},required:!1},additionalSelectOptionProps:{defaultValue:{value:"[]",computed:!1},required:!1},otherSelectOptionProps:{defaultValue:{value:"[]",computed:!1},required:!1}}}},"./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _inheritsLoose(t,o){t.prototype=Object.create(o.prototype),t.prototype.constructor=t,_setPrototypeOf(t,o)}__webpack_require__.d(__webpack_exports__,{A:()=>_inheritsLoose})},"./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{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}__webpack_require__.d(__webpack_exports__,{A:()=>_objectWithoutPropertiesLoose})},"./node_modules/@mui/material/esm/Portal/Portal.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"),react_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-dom/index.js"),_mui_utils_useEnhancedEffect__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js"),_mui_utils_useForkRef__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/utils/esm/useForkRef/useForkRef.js"),_mui_utils_setRef__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mui/utils/esm/setRef/setRef.js"),_mui_utils_getReactElementRef__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/utils/esm/getReactElementRef/getReactElementRef.js");const __WEBPACK_DEFAULT_EXPORT__=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Portal(props,forwardedRef){const{children,container,disablePortal=!1}=props,[mountNode,setMountNode]=react__WEBPACK_IMPORTED_MODULE_0__.useState(null),handleRef=(0,_mui_utils_useForkRef__WEBPACK_IMPORTED_MODULE_2__.A)(react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(children)?(0,_mui_utils_getReactElementRef__WEBPACK_IMPORTED_MODULE_3__.A)(children):null,forwardedRef);if((0,_mui_utils_useEnhancedEffect__WEBPACK_IMPORTED_MODULE_4__.A)(()=>{disablePortal||setMountNode(function getContainer(container){return"function"==typeof container?container():container}(container)||document.body)},[container,disablePortal]),(0,_mui_utils_useEnhancedEffect__WEBPACK_IMPORTED_MODULE_4__.A)(()=>{if(mountNode&&!disablePortal)return(0,_mui_utils_setRef__WEBPACK_IMPORTED_MODULE_5__.A)(forwardedRef,mountNode),()=>{(0,_mui_utils_setRef__WEBPACK_IMPORTED_MODULE_5__.A)(forwardedRef,null)}},[forwardedRef,mountNode,disablePortal]),disablePortal){if(react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(children)){const newProps={ref:handleRef};return react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(children,newProps)}return children}return mountNode?react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal(children,mountNode):mountNode})},"./node_modules/@mui/material/esm/utils/useForkRef.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/useForkRef/useForkRef.js").A},"./node_modules/@mui/utils/esm/setRef/setRef.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function setRef(ref,value){"function"==typeof ref?ref(value):ref&&(ref.current=value)}__webpack_require__.d(__webpack_exports__,{A:()=>setRef})},"./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)}},"./node_modules/@mui/utils/esm/useLazyRef/useLazyRef.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useLazyRef});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const UNINITIALIZED={};function useLazyRef(init,initArg){const ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(UNINITIALIZED);return ref.current===UNINITIALIZED&&(ref.current=init(initArg)),ref}},"./node_modules/@mui/utils/esm/useTimeout/useTimeout.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{E:()=>Timeout,A:()=>useTimeout});var useLazyRef=__webpack_require__("./node_modules/@mui/utils/esm/useLazyRef/useLazyRef.js"),react=__webpack_require__("./node_modules/react/index.js");const EMPTY=[];class Timeout{static create(){return new Timeout}currentId=null;start(delay,fn){this.clear(),this.currentId=setTimeout(()=>{this.currentId=null,fn()},delay)}clear=()=>{null!==this.currentId&&(clearTimeout(this.currentId),this.currentId=null)};disposeEffect=()=>this.clear}function useTimeout(){const timeout=(0,useLazyRef.A)(Timeout.create).current;return function useOnMount(fn){react.useEffect(fn,EMPTY)}(timeout.disposeEffect),timeout}},"./node_modules/react-transition-group/esm/TransitionGroupContext.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(null)}}]);

package/storybook-static/RadioButton-RadioButton-stories.5daa020f.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[3110],{"./components/RadioButton/RadioButton.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{RadioButtonRequired:()=>RadioButtonRequired,RadioButtonWithError:()=>RadioButtonWithError,RadioButtonWithHelperText:()=>RadioButtonWithHelperText,RadioButtonWithLabel:()=>RadioButtonWithLabel,RadioButtonWithLabelDisabledWithNoValue:()=>RadioButtonWithLabelDisabledWithNoValue,RadioButtonWithLabelDisabledWithValue:()=>RadioButtonWithLabelDisabledWithValue,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_RadioButton__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./components/RadioButton/RadioButton.jsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"RadioButton",component:_RadioButton__WEBPACK_IMPORTED_MODULE_1__.A},options=[{label:"option 1",value:!0},{label:"option 2",value:!1},{label:"options 3",value:"options 3"}],TemplateRadioButton=args=>{const[value,setValue]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("test");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"qpp-u-padding--16",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_RadioButton__WEBPACK_IMPORTED_MODULE_1__.A,{id:"RadioButton",dataTestId:"v",label:"Radio Button",options,onChange:(id,selectedVal)=>{console.log("Handle change triggered",id,selectedVal),setValue(selectedVal)},value,...args})})},RadioButtonWithLabel=TemplateRadioButton.bind({});RadioButtonWithLabel.args={};const RadioButtonWithLabelDisabledWithNoValue=TemplateRadioButton.bind({});RadioButtonWithLabelDisabledWithNoValue.args={disabled:!0};const RadioButtonWithLabelDisabledWithValue=TemplateRadioButton.bind({});RadioButtonWithLabelDisabledWithValue.args={disabled:!0,value:"options 3"};const RadioButtonWithHelperText=TemplateRadioButton.bind({});RadioButtonWithHelperText.args={helperText:"Helper text goes here"};const RadioButtonRequired=TemplateRadioButton.bind({});RadioButtonRequired.args={required:!0};const RadioButtonWithError=TemplateRadioButton.bind({});RadioButtonWithError.args={required:!0,helperText:"This field is required",error:!0};const __namedExportsOrder=["RadioButtonWithLabel","RadioButtonWithLabelDisabledWithNoValue","RadioButtonWithLabelDisabledWithValue","RadioButtonWithHelperText","RadioButtonRequired","RadioButtonWithError"];RadioButtonWithLabel.parameters={...RadioButtonWithLabel.parameters,docs:{...RadioButtonWithLabel.parameters?.docs,source:{originalSource:'args => {\n  const [value, setValue] = useState("test");\n  const handleChange = (id, selectedVal) => {\n    console.log("Handle change triggered", id, selectedVal);\n    setValue(selectedVal);\n  };\n  return <div className="qpp-u-padding--16">\n            <RadioButton id="RadioButton" dataTestId="v" label="Radio Button" options={options} onChange={handleChange} value={value} {...args} />\n        </div>;\n}',...RadioButtonWithLabel.parameters?.docs?.source}}},RadioButtonWithLabelDisabledWithNoValue.parameters={...RadioButtonWithLabelDisabledWithNoValue.parameters,docs:{...RadioButtonWithLabelDisabledWithNoValue.parameters?.docs,source:{originalSource:'args => {\n  const [value, setValue] = useState("test");\n  const handleChange = (id, selectedVal) => {\n    console.log("Handle change triggered", id, selectedVal);\n    setValue(selectedVal);\n  };\n  return <div className="qpp-u-padding--16">\n            <RadioButton id="RadioButton" dataTestId="v" label="Radio Button" options={options} onChange={handleChange} value={value} {...args} />\n        </div>;\n}',...RadioButtonWithLabelDisabledWithNoValue.parameters?.docs?.source}}},RadioButtonWithLabelDisabledWithValue.parameters={...RadioButtonWithLabelDisabledWithValue.parameters,docs:{...RadioButtonWithLabelDisabledWithValue.parameters?.docs,source:{originalSource:'args => {\n  const [value, setValue] = useState("test");\n  const handleChange = (id, selectedVal) => {\n    console.log("Handle change triggered", id, selectedVal);\n    setValue(selectedVal);\n  };\n  return <div className="qpp-u-padding--16">\n            <RadioButton id="RadioButton" dataTestId="v" label="Radio Button" options={options} onChange={handleChange} value={value} {...args} />\n        </div>;\n}',...RadioButtonWithLabelDisabledWithValue.parameters?.docs?.source}}},RadioButtonWithHelperText.parameters={...RadioButtonWithHelperText.parameters,docs:{...RadioButtonWithHelperText.parameters?.docs,source:{originalSource:'args => {\n  const [value, setValue] = useState("test");\n  const handleChange = (id, selectedVal) => {\n    console.log("Handle change triggered", id, selectedVal);\n    setValue(selectedVal);\n  };\n  return <div className="qpp-u-padding--16">\n            <RadioButton id="RadioButton" dataTestId="v" label="Radio Button" options={options} onChange={handleChange} value={value} {...args} />\n        </div>;\n}',...RadioButtonWithHelperText.parameters?.docs?.source}}},RadioButtonRequired.parameters={...RadioButtonRequired.parameters,docs:{...RadioButtonRequired.parameters?.docs,source:{originalSource:'args => {\n  const [value, setValue] = useState("test");\n  const handleChange = (id, selectedVal) => {\n    console.log("Handle change triggered", id, selectedVal);\n    setValue(selectedVal);\n  };\n  return <div className="qpp-u-padding--16">\n            <RadioButton id="RadioButton" dataTestId="v" label="Radio Button" options={options} onChange={handleChange} value={value} {...args} />\n        </div>;\n}',...RadioButtonRequired.parameters?.docs?.source}}},RadioButtonWithError.parameters={...RadioButtonWithError.parameters,docs:{...RadioButtonWithError.parameters?.docs,source:{originalSource:'args => {\n  const [value, setValue] = useState("test");\n  const handleChange = (id, selectedVal) => {\n    console.log("Handle change triggered", id, selectedVal);\n    setValue(selectedVal);\n  };\n  return <div className="qpp-u-padding--16">\n            <RadioButton id="RadioButton" dataTestId="v" label="Radio Button" options={options} onChange={handleChange} value={value} {...args} />\n        </div>;\n}',...RadioButtonWithError.parameters?.docs?.source}}}}}]);