@zealicsolutions/web-ui 1.0.30 → 1.0.31-beta.1

package/dist/esm/molecules/PasswordSetup/PasswordSetup.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordSetup.js","sources":["../../../../../src/molecules/PasswordSetup/PasswordSetup.tsx"],"sourcesContent":[null],"names":["PasswordSetup","_a","_b","gap","inputProps","validations","htmlElementId","validationState","overridesProperties","configurationItemInfo","_c","useFormContext","watch","formState","setError","text","subText","placeholderText","subPlaceholderText","validationText","rules","map","passwordValidationMapper","passwordFieldName","reEnterPasswordFieldName","concat","password","reEnterPassword","useEffect","type","message","_jsxs","Wrapper","__assign","id","style","children","_jsx","BasicTextField","name","inputType","CustomValidation","value","label","isSubmitted","isDirty","styled","div","templateObject_1","__makeTemplateObject"],"mappings":"qu5GAkBO,MAAMA,EAAgB,SAACC,OAC5BC,EAASD,EAAAE,IAATA,OAAM,IAAAD,EAAA,MACNE,EAAUH,EAAAG,WACVC,EAAWJ,EAAAI,YACXC,EAAaL,EAAAK,cACbC,EAAeN,EAAAM,gBACfC,EAAmBP,EAAAO,oBACnBC,EAAqBR,EAAAQ,sBAEfC,EAAiCC,KAAoB,CAAE,EAArDC,EAAKF,EAAAE,MAAEC,EAASH,EAAAG,UAAEC,aAElBC,EACNP,EADUO,KAAEC,EACZR,EADmBQ,QAAEC,EACrBT,EADoCS,gBAAEC,EACtCV,EAAmBU,mBADuCC,EAC1DX,EAAmBW,eAEfC,EAAQf,EAAYgB,IAAIC,GAExBC,EAAoB,WACpBC,EAA2B,UAAUC,OAAAF,GAErCG,EAAWd,eAAAA,EAAQW,GACnBI,EAAkBf,eAAAA,EAAQY,GAWhC,OATAI,GAAU,WACJF,IAAaC,GACfb,EAASU,EAA0B,CACjCK,KAAM,SACNC,QAAS,0BAGd,GAAE,CAACJ,EAAUC,EAAiBb,EAAUU,IAGvCO,EAACC,EAAOC,EAAA,CAACC,GAAI5B,EAAe6B,MAAO,CAAEhC,IAAGA,IAAQM,EAC9C,CAAA2B,SAAA,CAAAC,EAACC,EAAcL,EAAA,CAAA,EACT7B,EAAU,CACdmC,KAAMhB,EACNR,KAAMA,aAAI,EAAJA,EAAMA,KACZK,MAAOA,EACPoB,UAAU,WACVvB,gBAAiBA,aAAe,EAAfA,EAAiBF,QAEpCsB,EAACC,EAAcL,EAAA,GACT7B,EAAU,CACdW,KAAMC,aAAA,EAAAA,EAASD,KACfwB,KAAMf,EACNgB,UAAU,WACVvB,gBAAiBC,aAAA,EAAAA,EAAoBH,QAEvCsB,EAACI,EACC,CAAArB,MAAOA,EACPsB,MAAOhB,EACPiB,MAAOxB,aAAA,EAAAA,EAAgBJ,KACvB6B,YAAa/B,aAAA,EAAAA,EAAWgC,QACxBtC,gBAAiBA,OAIzB,EAEMyB,EAAUc,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,mEAAA,CAAA"}
+{"version":3,"file":"PasswordSetup.js","sources":["../../../../../src/molecules/PasswordSetup/PasswordSetup.tsx"],"sourcesContent":[null],"names":["PasswordSetup","_a","_b","gap","inputProps","validations","htmlElementId","validationState","overridesProperties","configurationItemInfo","_c","useFormContext","watch","formState","setError","text","subText","placeholderText","subPlaceholderText","validationText","rules","map","passwordValidationMapper","passwordFieldName","reEnterPasswordFieldName","concat","password","reEnterPassword","useEffect","type","message","_jsxs","Wrapper","__assign","id","style","children","_jsx","BasicTextField","inputType","name","CustomValidation","value","label","isSubmitted","isDirty","styled","div","templateObject_1","__makeTemplateObject"],"mappings":"qu5GAkBO,MAAMA,EAAgB,SAACC,OAC5BC,EAASD,EAAAE,IAATA,OAAM,IAAAD,EAAA,MACNE,EAAUH,EAAAG,WACVC,EAAWJ,EAAAI,YACXC,EAAaL,EAAAK,cACbC,EAAeN,EAAAM,gBACfC,EAAmBP,EAAAO,oBACnBC,EAAqBR,EAAAQ,sBAEfC,EAAiCC,KAAoB,CAAE,EAArDC,EAAKF,EAAAE,MAAEC,EAASH,EAAAG,UAAEC,aAElBC,EACNP,EADUO,KAAEC,EACZR,EADmBQ,QAAEC,EACrBT,EADoCS,gBAAEC,EACtCV,EAAmBU,mBADuCC,EAC1DX,EAAmBW,eAEfC,EAAQf,EAAYgB,IAAIC,GAExBC,EAAoB,WACpBC,EAA2B,UAAUC,OAAAF,GAErCG,EAAWd,eAAAA,EAAQW,GACnBI,EAAkBf,eAAAA,EAAQY,GAWhC,OATAI,GAAU,WACJF,IAAaC,GACfb,EAASU,EAA0B,CACjCK,KAAM,SACNC,QAAS,0BAGd,GAAE,CAACJ,EAAUC,EAAiBb,EAAUU,IAGvCO,EAACC,EAAQC,EAAA,CAAAC,GAAI5B,EAAe6B,MAAO,CAAEhC,IAAGA,IAAQM,EAAqB,CAAA2B,SAAA,CACnEC,EAACC,EACKL,EAAA,CAAA,EAAA7B,EACJ,CAAAmC,UAAU,WACVxB,KAAMA,aAAA,EAAAA,EAAMA,KACZyB,KAAMjB,EACNN,gBAAiBA,aAAA,EAAAA,EAAiBF,QAEpCsB,EAACC,EACKL,EAAA,CAAA,EAAA7B,EACJ,CAAAmC,UAAU,WACVxB,KAAMC,aAAO,EAAPA,EAASD,KACfyB,KAAMhB,EACNP,gBAAiBC,aAAkB,EAAlBA,EAAoBH,QAEvCsB,EAACI,EAAgB,CACfrB,MAAOA,EACPsB,MAAOhB,EACPiB,MAAOxB,aAAc,EAAdA,EAAgBJ,KACvB6B,YAAa/B,aAAS,EAATA,EAAWgC,QACxBtC,gBAAiBA,OAIzB,EAEMyB,EAAUc,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,mEAAA,CAAA"}

package/dist/esm/molecules/PhoneNumberInputField/PhoneNumberInputField.d.ts

@@ -1,16 +1,34 @@
 import React from 'react';
 import { ConfigurationItemInfo } from 'containers';
+/**
+ * formatPhoneDisplay(value):
+ * Takes a raw string (possibly containing digits and non-digits)
+ * and returns a string shaped like + (XXX) XXX-XXXX,
+ * filling placeholders sequentially from `phoneNumberMask`.
+ *
+ * If there are fewer than 10 digits, it will show partial underscores
+ * for missing digits by default.
+ * You can tweak the code if you prefer to truncate or show partial input.
+ */
+export declare function formatPhoneDisplay(value: string): string;
 export interface PhoneNumberInputFieldProps {
+    /** If true, we skip rendering the textfield and just show a text display. */
+    isDisplayOnly?: boolean;
+    /** If true, we do required validation in react-hook-form + show asterisk in MUI FormControl. */
     required?: boolean;
+    requiredErrorText?: string;
+    validationErrorText?: string;
+    text?: string;
+    placeholderText?: string;
+    masked?: boolean;
+    /** Basic style props */
     backgroundColor?: string;
-    textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
-    color?: string;
+    borderColor?: string;
+    textColor?: string;
     fontSize?: number | string;
     fontFamily?: string;
-    fontWeight?: 'normal' | 'bold';
-    masked?: boolean;
-    multiLine?: boolean;
-    borderColor?: string;
+    fontWeight?: 'normal' | 'bold' | number;
+    /** Spacing */
     marginLeft?: string;
     marginTop?: string;
     marginRight?: string;
@@ -19,10 +37,13 @@ export interface PhoneNumberInputFieldProps {
     paddingTop?: string;
     paddingRight?: string;
     paddingBottom?: string;
-    text?: string;
-    placeholderText?: string;
-    configurationItemInfo?: ConfigurationItemInfo;
     name: string;
     sourceDataModelField?: string;
+    configurationItemInfo?: ConfigurationItemInfo;
 }
+/**
+ * Main PhoneNumberInputField:
+ *  - display-only -> <Typography>
+ *  - editable -> <TextField> with optional mask
+ */
 export declare const PhoneNumberInputField: React.FC<PhoneNumberInputFieldProps>;

package/dist/esm/molecules/PhoneNumberInputField/PhoneNumberInputField.js

@@ -1,2 +1,2 @@
-import{__rest as t,__assign as o}from"../../node_modules/tslib/tslib.es6.js";import{jsx as e}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useEffect as i}from"react";import{useFormContext as n,Controller as r}from"../../node_modules/react-hook-form/dist/index.esm.mjs.js";import{PhoneTextMask as d}from"./PhoneTextMask.js";import"../../contexts/FormStepContext/FormStepContext.js";import"../../contexts/ButtonActionsContext/ButtonActionsContext.js";import"../../contexts/MlrRichTextViewerContext/MlrRichTextViewerContext.js";import"../../contexts/OrganismContext/OrganismContext.js";import{useStateContext as l}from"../../contexts/hooks/useStateContext.js";import"../../contexts/AccountButtonContext/AccountButtonContext.js";import a from"../../node_modules/@mui/material/TextField/TextField.js";var u=function(u){var m=u.required,s=void 0===m||m,p=u.backgroundColor,g=u.textAlign,c=void 0===g?"left":g,f=u.color,x=void 0===f?"inherit":f,h=u.fontSize,v=void 0===h?"16px":h,C=u.fontFamily,b=void 0===C?"inherit":C,j=u.fontWeight,T=void 0===j?"normal":j,B=u.masked,M=void 0!==B&&B,R=u.multiLine,F=void 0!==R&&R,I=u.borderColor,L=u.marginLeft,O=void 0===L?"0":L,k=u.marginTop,A=void 0===k?"0":k,S=u.marginRight,y=void 0===S?"0":S,w=u.marginBottom,q=void 0===w?"0":w,D=u.paddingLeft,P=void 0===D?"0":D,_=u.paddingTop,z=void 0===_?"0":_,V=u.paddingRight,W=void 0===V?"0":V,N=u.paddingBottom,$=void 0===N?"0":N,E=u.text,G=u.placeholderText,H=u.configurationItemInfo,J=u.name,K=void 0===J?"defaultPhoneName":J,Q=u.sourceDataModelField,U=t(u,["required","backgroundColor","textAlign","color","fontSize","fontFamily","fontWeight","masked","multiLine","borderColor","marginLeft","marginTop","marginRight","marginBottom","paddingLeft","paddingTop","paddingRight","paddingBottom","text","placeholderText","configurationItemInfo","name","sourceDataModelField"]),X=n(),Y=null==X?void 0:X.control,Z=l().stateConfig,tt=Q?null==Z?void 0:Z[Q]:void 0;i((function(){tt&&(null==X||X.setValue(K,tt))}),[tt]);var ot={backgroundColor:p,color:x,fontSize:v,fontFamily:b,fontWeight:T,"& .MuiOutlinedInput-notchedOutline":{borderColor:I||"inherit"},"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:I||"inherit"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:I||"inherit"},"& .MuiOutlinedInput-input":{textAlign:c,paddingLeft:P,paddingTop:z,paddingRight:W,paddingBottom:$}},et={color:x,"&.Mui-focused":{color:x}},it={marginLeft:O,marginTop:A,marginRight:y,marginBottom:q,display:"inline-flex",flexDirection:"column",width:"fit-content"},nt=function(t,i){var n=M?{inputComponent:d}:{};return e(a,o({type:"text",label:E,placeholder:G,multiline:F,minRows:F?3:1,variant:"outlined",sx:it,slotProps:{input:o({sx:o(o({},ot),{width:"auto"}),style:{textAlign:c}},n),inputLabel:{sx:et}},error:!!i,helperText:i||null},t,U,H))};return Y?e(r,{name:K,rules:{required:!!s&&"Phone number is required",pattern:{value:/^\d{10}$/,message:"Invalid phone number. Must be 10 digits"}},control:Y,render:function(t){var o=t.field,e=o.onChange,i=o.onBlur,n=o.value,r=o.ref,d=t.fieldState.error;return nt({value:n||"",onChange:function(t){var o=t.target.value.replace(/\D+/g,"");e(o)},onBlur:i,inputRef:r},null==d?void 0:d.message)}}):nt({})};export{u as PhoneNumberInputField};
+import{__assign as o,__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as t,jsx as r}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useEffect as i,useState as n}from"react";import{useFormContext as l,Controller as d}from"../../node_modules/react-hook-form/dist/index.esm.mjs.js";import"../../contexts/FormStepContext/FormStepContext.js";import"../../contexts/ButtonActionsContext/ButtonActionsContext.js";import"../../contexts/MlrRichTextViewerContext/MlrRichTextViewerContext.js";import"../../contexts/OrganismContext/OrganismContext.js";import{useStateContext as a}from"../../contexts/hooks/useStateContext.js";import"../../contexts/AccountButtonContext/AccountButtonContext.js";import{PhoneTextMask as u}from"./PhoneTextMask.js";import{phoneNumberMask as m}from"../../helpers/validations.js";import s from"../../node_modules/@mui/material/FormHelperText/FormHelperText.js";import p from"../../node_modules/@mui/material/Typography/Typography.js";import c from"../../node_modules/@mui/material/FormControl/FormControl.js";import g from"../../node_modules/@mui/material/TextField/TextField.js";function x(o){var e=o.replace(/\D+/g,"");if(!e)return"";for(var t="",r=0,i=0,n=m;i<n.length;i++){var l=n[i];"string"==typeof l?t+=l:l instanceof RegExp&&(r<e.length?(t+=e[r],r++):t+="_")}return t}var f=function(t){var i=t.masked,n=t.errorMsg,l=t.inputSx,d=t.labelSx,a=e(t,["masked","errorMsg","inputSx","labelSx"]),m=i?{inputComponent:u}:{};return r(g,o({},a,{variant:"outlined",error:!!n,helperText:n||null,slotProps:{input:o({sx:o(o({},l),{width:"auto"})},m),inputLabel:{sx:d}}}))},h=function(e){var u=e.isDisplayOnly,m=void 0!==u&&u,g=e.required,h=void 0!==g&&g,v=e.requiredErrorText,C=void 0===v?"Phone is required":v,b=e.validationErrorText,M=void 0===b?"Invalid phone number":b,j=e.text,T=e.placeholderText,S=e.masked,O=void 0===S||S,y=e.backgroundColor,F=e.borderColor,k=e.textColor,B=void 0===k?"#000":k,I=e.fontSize,R=e.fontFamily,_=e.fontWeight,L=e.marginLeft,D=void 0===L?"0":L,q=e.marginTop,w=void 0===q?"0":q,W=e.marginRight,z=void 0===W?"0":W,A=e.marginBottom,V=void 0===A?"0":A,E=e.paddingLeft,P=void 0===E?"0":E,H=e.paddingTop,$=void 0===H?"0":H,G=e.paddingRight,J=void 0===G?"0":G,K=e.paddingBottom,N=void 0===K?"0":K,Q=e.name,U=e.sourceDataModelField,X=e.configurationItemInfo,Y=l(),Z=null==Y?void 0:Y.control,oo=!(!Z||!Q),eo=a().stateConfig,to=U?null==eo?void 0:eo[U]:void 0;i((function(){void 0!==to&&oo&&Y.setValue(Q,to)}),[to]);var ro=n(""),io=ro[0],no=ro[1],lo={required:!!h&&C,pattern:{value:/^\d{10}$/,message:M}};if(m){var ao="";ao=oo?Y.watch(Q)||"":io;var uo=(O?x(ao):ao)||T||"-";return t("div",o({style:{display:"inline-flex",flexDirection:"column",marginLeft:D,marginTop:w,marginRight:z,marginBottom:V}},X,{children:[j&&r(s,o({sx:{fontSize:I,fontFamily:R,fontWeight:_,color:B,marginLeft:0,marginBottom:"4px"}},{children:j})),r(p,o({sx:{fontSize:I,fontFamily:R,fontWeight:_,color:B,paddingLeft:P,paddingTop:$,paddingRight:J,paddingBottom:N,backgroundColor:y,border:"1px solid ".concat(F||"#ccc"),borderRadius:"4px",minWidth:"120px"}},{children:uo}))]}))}var mo={backgroundColor:y,color:B,fontSize:I,fontFamily:R,fontWeight:_,"& .MuiOutlinedInput-notchedOutline":{borderColor:F||"inherit"},"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:F||"inherit"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:F||"inherit"},"& .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline":{borderColor:F||"inherit"},"& .MuiOutlinedInput-root.Mui-disabled:hover .MuiOutlinedInput-notchedOutline":{borderColor:F||"inherit"}},so={color:B,"&.Mui-focused":{color:B}},po={marginLeft:D,marginTop:w,marginRight:z,marginBottom:V,width:"fit-content"};return r(c,o({required:h,sx:po},X,oo?{children:r(d,{name:Q,rules:lo,control:Z,defaultValue:"",render:function(o){var e,t=o.field,i=o.fieldState;return r(f,{masked:O,errorMsg:null===(e=i.error)||void 0===e?void 0:e.message,inputSx:mo,labelSx:so,label:j,placeholder:T,value:t.value||"",onChange:function(o){var e=o.target.value.replace(/\D+/g,"");t.onChange(e)}})}})}:{children:r(f,{masked:O,errorMsg:void 0,inputSx:mo,labelSx:so,label:j,placeholder:T,value:io,onChange:function(o){no(o.target.value.replace(/\D+/g,""))}})}))};export{h as PhoneNumberInputField,x as formatPhoneDisplay};
 //# sourceMappingURL=PhoneNumberInputField.js.map

package/dist/esm/molecules/PhoneNumberInputField/PhoneNumberInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumberInputField.js","sources":["../../../../../src/molecules/PhoneNumberInputField/PhoneNumberInputField.tsx"],"sourcesContent":[null],"names":["PhoneNumberInputField","_a","_b","required","backgroundColor","_c","textAlign","_d","color","_e","fontSize","_f","fontFamily","_g","fontWeight","_h","masked","_j","multiLine","borderColor","_k","marginLeft","_l","marginTop","_m","marginRight","_o","marginBottom","_p","paddingLeft","_q","paddingTop","_r","paddingRight","_s","paddingBottom","text","placeholderText","configurationItemInfo","_t","name","sourceDataModelField","props","__rest","methods","useFormContext","control","stateConfig","useStateContext","dataModelFieldValue","undefined","useEffect","setValue","inputSx","labelSx","mainSx","display","flexDirection","width","renderTextField","fieldProps","errorMsg","maskProps","inputComponent","PhoneTextMask","_jsx","MuiTextField","type","label","placeholder","multiline","minRows","variant","sx","slotProps","input","__assign","style","inputLabel","error","helperText","Controller","rules","pattern","value","message","render","field","onChange","onBlur","ref","fieldState","event","digitsOnly","target","replace","inputRef"],"mappings":"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"}
+{"version":3,"file":"PhoneNumberInputField.js","sources":["../../../../../src/molecules/PhoneNumberInputField/PhoneNumberInputField.tsx"],"sourcesContent":[null],"names":["formatPhoneDisplay","value","digits","replace","result","digitIndex","phoneNumberMask_1","phoneNumberMask","_i","length","token","RegExp","PhoneNumberTextField","_a","masked","errorMsg","inputSx","labelSx","props","__rest","maskProps","inputComponent","PhoneTextMask","_jsx","MuiTextField","__assign","variant","error","helperText","slotProps","input","sx","width","inputLabel","PhoneNumberInputField","_b","isDisplayOnly","_c","required","_d","requiredErrorText","_e","validationErrorText","text","placeholderText","_f","backgroundColor","borderColor","_g","textColor","fontSize","fontFamily","fontWeight","_h","marginLeft","_j","marginTop","_k","marginRight","_l","marginBottom","_m","paddingLeft","_o","paddingTop","_p","paddingRight","_q","paddingBottom","name","sourceDataModelField","configurationItemInfo","methods","useFormContext","control","isInFormContext","stateConfig","useStateContext","dataModelFieldValue","undefined","useEffect","setValue","_r","useState","localValue","setLocalValue","rules","pattern","message","rawVal","watch","finalText","_jsxs","style","display","flexDirection","FormHelperText","color","children","Typography","border","concat","borderRadius","minWidth","mainSx","FormControl","Controller","defaultValue","render","field","fieldState","label","placeholder","onChange","e","target"],"mappings":"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"}

package/dist/esm/molecules/PhoneNumberInputField/PhoneNumberInputField.stories.d.ts

@@ -1,4 +1,10 @@
 import { PhoneNumberInputFieldProps } from './PhoneNumberInputField';
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PhoneNumberInputFieldProps>;
+declare type StoryProps = PhoneNumberInputFieldProps & {
+    sourceDataModelFieldValue?: string;
+};
+/** Editable scenario with required validation */
+export declare const EditableRequired: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryProps>;
+/** Display-only variant reading from stateConfig */
+export declare const DisplayOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryProps>;

package/dist/esm/molecules/Rating/Rating.d.ts

@@ -1,19 +1,30 @@
 import React from 'react';
-export interface RatingMoleculeProps {
+import { RatingProps } from '@mui/material';
+export interface RatingMoleculeProps extends Omit<RatingProps, 'onChange'> {
+    /** Label text displayed above or beside the rating */
     text: string;
+    /** Name used for react-hook-form registration */
     name: string;
+    /** If true, the user can’t change the rating (renders read-only) */
+    isDisplayOnly?: boolean;
+    /** If true, we show an asterisk and require a non-null rating */
+    required?: boolean;
+    /** Custom error text if `required` is not satisfied */
+    requiredErrorText?: string;
+    /** If some other validation fails, show this text */
+    validationErrorText?: string;
+    /** If true, rating icons will show real-time integer value on hover or selection */
+    hoverFeedback?: boolean;
+    /** For hooking up with state config if you store an initial rating there */
+    sourceDataModelField?: string;
+    /** Some style props for customizing layout/appearance */
     textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
     color?: string;
     textColor?: string;
-    selectSize?: string;
     selectColor?: string;
     fontSize?: number | string;
     fontFamily?: string;
-    fontWeight?: 'normal' | 'bold';
-    placement?: 'right' | 'left';
-    ratingPrecision?: number;
-    maxValue?: number;
-    hoverFeedback?: boolean;
+    fontWeight?: 'normal' | 'bold' | number;
     marginLeft?: string;
     marginTop?: string;
     marginRight?: string;
@@ -22,7 +33,14 @@ export interface RatingMoleculeProps {
     paddingTop?: string;
     paddingRight?: string;
     paddingBottom?: string;
+    /** For left or right placement of the hover feedback text */
+    placement?: 'right' | 'left';
+    /** The config item for design-time or telemetry */
     configurationItemInfo?: Record<string, unknown>;
+    /** Disables rating input in editable mode (MUI prop) */
     disabled?: boolean;
+    /** If using react-hook-form, we can track field errors.  */
+    maxValue?: number;
+    ratingPrecision?: number;
 }
 export declare const RatingMolecule: React.FC<RatingMoleculeProps>;

package/dist/esm/molecules/Rating/Rating.js

@@ -1,2 +1,2 @@
-import{__assign as i}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as o,jsx as e,Fragment as n}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useState as t}from"react";import{useFormContext as r,Controller as l}from"../../node_modules/react-hook-form/dist/index.esm.mjs.js";import a from"../../node_modules/@mui/material/Typography/Typography.js";import d from"../../node_modules/@mui/material/Box/Box.js";import m from"../../node_modules/@mui/material/Rating/Rating.js";import s from"../../node_modules/@mui/material/FormHelperText/FormHelperText.js";var g=function(g){var c=g.text,f=g.name,u=g.textAlign,p=void 0===u?"left":u,v=g.color,x=void 0===v?"black":v,h=g.textColor,y=g.selectSize,R=g.selectColor,b=g.fontSize,j=void 0===b?14:b,T=g.fontFamily,C=void 0===T?"Arial, sans-serif":T,F=g.fontWeight,L=void 0===F?"normal":F,_=g.placement,w=void 0===_?"right":_,z=g.ratingPrecision,B=void 0===z?.5:z,S=g.maxValue,A=void 0===S?5:S,k=g.hoverFeedback,M=void 0!==k&&k,W=g.marginLeft,I=void 0===W?"0":W,D=g.marginTop,E=void 0===D?"0":D,G=g.marginRight,H=void 0===G?"0":G,V=g.marginBottom,P=void 0===V?"0":V,q=g.paddingLeft,J=void 0===q?"0":q,K=g.paddingTop,N=void 0===K?"0":K,O=g.paddingRight,Q=void 0===O?"0":O,U=g.paddingBottom,X=void 0===U?"0":U,Y=g.configurationItemInfo,Z=void 0===Y?{}:Y,$=g.disabled,ii=void 0!==$&&$,oi=r(),ei=null==oi?void 0:oi.control,ni=!!oi&&!!ei&&!!f,ti=t(null),ri=ti[0],li=ti[1],ai=t(-1),di=ai[0],mi=ai[1],si=h||x,gi=M?-1!==di?di:ri:null,ci="left"===w,fi="right"===w,ui={fontSize:j,fontFamily:C,fontWeight:L,color:si,whiteSpace:"nowrap",visibility:M&&null!==gi?"visible":"hidden",minWidth:"2em",textAlign:"center"};return o(d,i({sx:{marginLeft:I,marginTop:E,marginRight:H,marginBottom:P,paddingLeft:J,paddingTop:N,paddingRight:Q,paddingBottom:X,display:"inline-flex",flexDirection:"column"}},Z,{children:[e(a,i({variant:"subtitle1",align:p,sx:{width:"100%",fontSize:j,fontFamily:C,fontWeight:L,color:si,display:"block"}},{children:c})),o(d,i({sx:{display:"flex",alignItems:"center",flexDirection:"row",justifyContent:M?"flex-start":"center"}},{children:[ci&&e(a,i({sx:ui},{children:gi})),ni?e(l,{name:f,control:ei,defaultValue:null,render:function(t){var r=t.field,l=r.onChange,a=r.value,d=t.fieldState.error;return o(n,{children:[e(m,{value:a,precision:B,max:A,onChange:function(i,o){return l(o)},onChangeActive:M?function(i,o){return mi(o)}:void 0,disabled:ii,size:y,sx:{flexGrow:M?0:1,marginLeft:ci?1:0,marginRight:fi?1:0,"& .MuiRating-iconEmpty":{color:x},"& .MuiRating-iconFilled":{color:R}}}),d&&e(s,i({error:!0,sx:{marginTop:"4px",marginLeft:"14px"}},{children:d.message}))]})}}):e(m,{value:ri,precision:B,max:A,onChange:function(i,o){return li(o)},onChangeActive:M?function(i,o){return mi(o)}:void 0,disabled:ii,size:y,sx:{flexGrow:M?0:1,marginLeft:ci?1:0,marginRight:fi?1:0,"& .MuiRating-iconEmpty":{color:x},"& .MuiRating-iconFilled":{color:R}}}),fi&&e(a,i({sx:ui},{children:gi}))]}))]}))};export{g as RatingMolecule};
+import{__rest as i,__assign as o}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as e,jsx as r,Fragment as t}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useEffect as n,useState as a}from"react";import{useFormContext as d,Controller as l}from"../../node_modules/react-hook-form/dist/index.esm.mjs.js";import m from"../../node_modules/@mui/material/Typography/Typography.js";import g from"../../node_modules/@mui/material/Rating/Rating.js";import s from"../../node_modules/@mui/material/FormControl/FormControl.js";import u from"../../node_modules/@mui/material/Box/Box.js";import c from"../../node_modules/@mui/material/FormHelperText/FormHelperText.js";var f=function(f){var p,v=f.text,h=f.name,x=f.isDisplayOnly,y=void 0!==x&&x,T=f.required,F=void 0!==T&&T,R=f.requiredErrorText,b=void 0===R?"This field is required":R,B=f.validationErrorText,j=void 0===B?"Invalid rating":B,C=f.hoverFeedback,q=void 0!==C&&C,L=f.sourceDataModelField;f.textAlign;var M=f.color,S=void 0===M?"black":M,_=f.textColor,E=f.selectColor,A=f.fontSize,I=void 0===A?14:A,W=f.fontFamily,z=void 0===W?"Arial, sans-serif":W,k=f.fontWeight,D=void 0===k?"normal":k,V=f.marginLeft,O=void 0===V?"0":V,H=f.marginTop,P=void 0===H?"0":H,X=f.marginRight,w=void 0===X?"0":X,G=f.marginBottom,J=void 0===G?"0":G,K=f.paddingLeft,N=void 0===K?"0":K,Q=f.paddingTop,U=void 0===Q?"0":Q,Y=f.paddingRight,Z=void 0===Y?"0":Y,$=f.paddingBottom,ii=void 0===$?"0":$,oi=f.placement,ei=void 0===oi?"right":oi,ri=f.configurationItemInfo,ti=void 0===ri?{}:ri,ni=f.disabled,ai=void 0!==ni&&ni,di=f.maxValue,li=void 0===di?5:di,mi=f.ratingPrecision,gi=void 0===mi?.5:mi,si=i(f,["text","name","isDisplayOnly","required","requiredErrorText","validationErrorText","hoverFeedback","sourceDataModelField","textAlign","color","textColor","selectColor","fontSize","fontFamily","fontWeight","marginLeft","marginTop","marginRight","marginBottom","paddingLeft","paddingTop","paddingRight","paddingBottom","placement","configurationItemInfo","disabled","maxValue","ratingPrecision"]),ui=d(),ci=null==ui?void 0:ui.control,fi=!!ui&&!!ci&&!!h;!fi||ui.formState.errors;var pi=L?null===(p=null==ui?void 0:ui.getFieldState(L))||void 0===p?void 0:p.isTouched:void 0;n((function(){fi&&void 0!==pi&&ui.setValue(h,pi)}),[pi]);var vi=a(null),hi=vi[0],xi=vi[1],yi=a(-1),Ti=yi[0],Fi=yi[1],Ri=_||S,bi=q&&-1!==Ti,Bi="left"===ei,ji="right"===ei,Ci={fontSize:I,fontFamily:z,fontWeight:D,color:Ri,minWidth:"2em",textAlign:"center",visibility:q?"visible":"hidden"},qi={required:!!F&&b,validate:function(i){return null!==i&&0!==i||(!F||b)}};if(y){var Li=null;if(fi){var Mi=ui.watch(h);Li="number"==typeof Mi?Mi:null}else Li=hi;return e(s,o({required:F,sx:{marginLeft:O,marginTop:P,marginRight:w,marginBottom:J,paddingLeft:N,paddingTop:U,paddingRight:Z,paddingBottom:ii,display:"inline-flex"}},ti,{children:[v&&r(m,o({variant:"subtitle1",sx:{fontSize:I,fontFamily:z,fontWeight:D,color:Ri,marginBottom:"4px"}},{children:v})),r(g,o({value:Li||0,max:li,readOnly:!0,sx:{"& .MuiRating-iconEmpty":{color:S},"& .MuiRating-iconFilled":{color:E||S}}},si))]}))}return e(s,o({required:F,sx:{marginLeft:O,marginTop:P,marginRight:w,marginBottom:J,paddingLeft:N,paddingTop:U,paddingRight:Z,paddingBottom:ii,display:"inline-flex"}},ti,{children:[v&&r(m,o({variant:"subtitle1",sx:{fontSize:I,fontFamily:z,fontWeight:D,color:Ri,marginBottom:"4px"}},{children:v})),e(u,o({sx:{display:"flex",alignItems:"center"}},{children:[Bi&&r(m,o({sx:o(o({},Ci),{marginRight:1})},{children:bi?Ti:hi||""})),fi?r(l,{name:h,rules:qi,control:ci,defaultValue:null,render:function(i){var n=i.field,a=i.fieldState.error;return e(t,{children:[r(g,o({value:n.value||0,max:li,precision:gi,disabled:ai,onChange:function(i,o){n.onChange(o)},onChangeActive:q?function(i,o){return Fi(o||-1)}:void 0,sx:{"& .MuiRating-iconEmpty":{color:S},"& .MuiRating-iconFilled":{color:E||S},marginX:q?1:0}},si)),a&&r(c,o({error:!0,sx:{marginTop:"4px"}},{children:"required"===a.type?b:j}))]})}}):r(t,{children:r(g,o({value:hi||0,max:li,precision:gi,disabled:ai,onChange:function(i,o){return xi(o)},onChangeActive:q?function(i,o){return Fi(o||-1)}:void 0,sx:{"& .MuiRating-iconEmpty":{color:S},"& .MuiRating-iconFilled":{color:E||S},marginX:q?1:0}},si))}),ji&&r(m,o({sx:o(o({},Ci),{marginLeft:1})},{children:bi?Ti:hi||""}))]}))]}))};export{f as RatingMolecule};
 //# sourceMappingURL=Rating.js.map

package/dist/esm/molecules/Rating/Rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.js","sources":["../../../../../src/molecules/Rating/Rating.tsx"],"sourcesContent":[null],"names":["RatingMolecule","_a","text","name","_b","textAlign","_c","color","textColor","selectSize","selectColor","_d","fontSize","_e","fontFamily","_f","fontWeight","_g","placement","_h","ratingPrecision","_j","maxValue","_k","hoverFeedback","_l","marginLeft","_m","marginTop","_o","marginRight","_p","marginBottom","_q","paddingLeft","_r","paddingTop","_s","paddingRight","_t","paddingBottom","_u","configurationItemInfo","_v","disabled","formContext","useFormContext","control","isInFormContext","_w","useState","internalValue","setInternalValue","_x","hover","setHover","labelColor","hoverText","hoverOnLeft","hoverOnRight","hoverTextSx","whiteSpace","visibility","minWidth","_jsxs","Box","__assign","sx","display","flexDirection","children","_jsx","Typography","variant","align","width","alignItems","justifyContent","Controller","defaultValue","render","field","onChange","value","error","fieldState","_Fragment","Rating","precision","max","event","newValue","onChangeActive","newHover","undefined","size","flexGrow","FormHelperText","message"],"mappings":"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"}
+{"version":3,"file":"Rating.js","sources":["../../../../../src/molecules/Rating/Rating.tsx"],"sourcesContent":[null],"names":["RatingMolecule","_a","text","name","_c","isDisplayOnly","_d","required","_f","requiredErrorText","_g","validationErrorText","_h","hoverFeedback","sourceDataModelField","_k","color","textColor","selectColor","_l","fontSize","_m","fontFamily","_o","fontWeight","_p","marginLeft","_q","marginTop","_r","marginRight","_s","marginBottom","_t","paddingLeft","_u","paddingTop","_v","paddingRight","_w","paddingBottom","_x","placement","_y","configurationItemInfo","_z","disabled","_0","maxValue","_1","ratingPrecision","muiRatingProps","__rest","formContext","useFormContext","control","isInFormContext","formState","errors","dataModelFieldValue","_b","getFieldState","isTouched","undefined","useEffect","setValue","_2","useState","internalValue","setInternalValue","_3","hoverValue","setHoverValue","labelColor","showHoverText","hoverOnLeft","hoverOnRight","hoverTextSx","minWidth","textAlign","visibility","validationRules","validate","value","displayValue","formValue","watch","_jsxs","FormControl","__assign","sx","display","children","_jsx","Typography","variant","Rating","max","readOnly","Box","alignItems","Controller","rules","defaultValue","render","field","error","fieldState","_Fragment","precision","onChange","_e","newValue","onChangeActive","newHover","marginX","FormHelperText","type"],"mappings":"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"}

package/dist/esm/molecules/Rating/Rating.stories.d.ts

@@ -1,4 +1,10 @@
 import { RatingMoleculeProps } from './Rating';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, RatingMoleculeProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RatingMoleculeProps>;
+/** 1) Editable rating with validation */
+export declare const Editable: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RatingMoleculeProps>;
+/** 2) Display-only rating (read only) */
+export declare const DisplayOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RatingMoleculeProps>;
+/** 3) Disabled rating input */
+export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RatingMoleculeProps>;
+export declare const Standalone: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RatingMoleculeProps>;

package/dist/esm/molecules/Select/Select.d.ts

@@ -1,17 +1,29 @@
 import React from 'react';
 import { TypographyProps } from '@mui/material';
 import { ConfigurationItemInfo } from 'containers';
+export interface SelectMoleculeOption {
+    id: string;
+    value: string;
+}
 export interface SelectMoleculeProps {
+    /** Label text (visible above or inside the select) */
     text: string;
-    options: {
-        id: string;
-        value: string;
-    }[];
+    /** Dropdown options. Each has { id, value } or you can supply string[] */
+    options: SelectMoleculeOption[] | string[];
+    /** For a placeholder, you might use the first item or do a custom approach */
     placeholderText?: string;
-    fontSize?: number | string;
+    /** If true, the field is required in form validation */
     required?: boolean;
+    /** Use this text if required == true and no value selected */
+    requiredErrorText?: string;
+    /** Use this text if user fails some extra validation pattern */
+    validationErrorText?: string;
+    /** If true, show a text label instead of an interactive dropdown */
+    isDisplayOnly?: boolean;
+    /** CSS style props */
+    fontSize?: number | string;
     fontFamily?: TypographyProps['fontFamily'];
-    fontWeight?: 'normal' | 'bold';
+    fontWeight?: 'normal' | 'bold' | number;
     textColor?: string;
     textAlign?: TypographyProps['textAlign'];
     borderColor?: string;
@@ -25,8 +37,11 @@ export interface SelectMoleculeProps {
     paddingTop?: string;
     paddingRight?: string;
     paddingBottom?: string;
+    /** Additional config from system (e.g. for selection in config mode) */
     configurationItemInfo?: ConfigurationItemInfo;
+    /** The name of the field in react-hook-form */
     name: string;
+    /** The data field in global stateConfig to populate/initialize value */
     sourceDataModelField?: string;
 }
 export declare const SelectMolecule: React.FC<SelectMoleculeProps>;

package/dist/esm/molecules/Select/Select.js

@@ -1,2 +1,2 @@
-import{__rest as t,__assign as e}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as o,jsx as n,Fragment as i}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import r,{useEffect as l}from"react";import{useFormContext as a,Controller as d}from"../../node_modules/react-hook-form/dist/index.esm.mjs.js";import"../../contexts/FormStepContext/FormStepContext.js";import"../../contexts/ButtonActionsContext/ButtonActionsContext.js";import"../../contexts/MlrRichTextViewerContext/MlrRichTextViewerContext.js";import"../../contexts/OrganismContext/OrganismContext.js";import{useStateContext as u}from"../../contexts/hooks/useStateContext.js";import"../../contexts/AccountButtonContext/AccountButtonContext.js";import m from"../../node_modules/@mui/material/InputLabel/InputLabel.js";import c from"../../node_modules/@mui/material/FormHelperText/FormHelperText.js";import s from"../../node_modules/@mui/material/Select/Select.js";import f from"../../node_modules/@mui/material/MenuItem/MenuItem.js";import g from"../../node_modules/@mui/material/FormControl/FormControl.js";var p=function(p){var x,h=p.text,v=p.options,C=p.fontSize,b=p.required,j=void 0===b||b,I=p.fontFamily,S=p.fontWeight,F=p.textColor,M=p.textAlign,T=p.borderColor,B=p.color,k=p.backgroundColor,A=p.marginLeft,L=void 0===A?"0":A,O=p.marginTop,R=void 0===O?"0":O,_=p.marginRight,y=void 0===_?"0":_,z=p.marginBottom,V=void 0===z?"0":z,W=p.paddingLeft,q=void 0===W?"0":W,w=p.paddingTop,D=void 0===w?"0":w,H=p.paddingRight,E=void 0===H?"0":H,G=p.paddingBottom,J=void 0===G?"0":G,K=p.configurationItemInfo,N=void 0===K?{}:K,P=p.name,Q=p.sourceDataModelField,U=t(p,["text","options","fontSize","required","fontFamily","fontWeight","textColor","textAlign","borderColor","color","backgroundColor","marginLeft","marginTop","marginRight","marginBottom","paddingLeft","paddingTop","paddingRight","paddingBottom","configurationItemInfo","name","sourceDataModelField"]),X=a(),Y=null==X?void 0:X.control,Z=!!X&&!!Y&&!!P,$=u().stateConfig,tt=Q?null==$?void 0:$[Q]:void 0;l((function(){tt&&(null==X||X.setValue(P,tt))}),[tt]);var et=Z?X.formState.errors:{},ot={required:!!j&&"This field is required"},nt=r.useState(""),it=nt[0],rt=nt[1],lt={fontSize:C,fontFamily:I,fontWeight:S,color:B,"& .MuiOutlinedInput-notchedOutline":{borderColor:T||"inherit"},"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:T||"inherit"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:T||"inherit"},"& .MuiSelect-select":{display:"flex",alignItems:"center",justifyContent:function(){switch(M){case"center":return"center";case"right":return"flex-end";default:return"flex-start"}}(),backgroundColor:k,textAlign:M,boxSizing:"border-box",paddingLeft:q,paddingTop:D,paddingRight:E||"0 !important",paddingBottom:J}},at={color:F||"rgba(0, 0, 0, 0.6)",fontSize:C,fontFamily:I,fontWeight:S,textAlign:M,"&.Mui-focused":{color:F||"rgba(0, 0, 0, 0.6)"}},dt={marginLeft:L,marginTop:R,marginRight:y,marginBottom:V,minWidth:"200px"},ut=function(t){return n(s,e({},t,{labelId:"select-label-".concat(P),id:"select-".concat(P),label:h,renderValue:function(t){var e=v.find((function(e){return e.value===t}));return e?e.value:t},sx:lt},U,{children:v.map((function(t,o){return n(f,e({value:t.value},{children:t.value}),o)}))}))},mt=N.onClick,ct=N.onDoubleClick;return o(g,e({width:"fit-content",variant:"outlined",sx:dt,error:!!Z&&!!et[P]},N,{children:[n(m,e({id:"select-label-".concat(P),sx:at},{children:h})),Z?n(d,{name:P,rules:ot,control:Y,defaultValue:"",render:function(t){var e=t.field,r=t.fieldState;return o(i,{children:[ut(e),r.error&&n(c,{children:r.error.message})]})}}):n(i,{children:n(s,e({onClick:mt,onDoubleClick:ct,value:it,onChange:function(t){rt(t.target.value)},labelId:"select-label-".concat(P),id:"select-".concat(P),label:h,sx:lt},U,{children:v.map((function(t,o){return n(f,e({value:t.value},{children:t.value}),o)}))}))}),Z&&et[P]&&n(c,{children:null===(x=et[P])||void 0===x?void 0:x.message})]}))};export{p as SelectMolecule};
+import{__rest as e,__assign as t}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as o,jsx as r,Fragment as i}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import n,{useEffect as l,useMemo as a,useState as d}from"react";import{useFormContext as u,Controller as m}from"../../node_modules/react-hook-form/dist/index.esm.mjs.js";import"../../contexts/FormStepContext/FormStepContext.js";import"../../contexts/ButtonActionsContext/ButtonActionsContext.js";import"../../contexts/MlrRichTextViewerContext/MlrRichTextViewerContext.js";import"../../contexts/OrganismContext/OrganismContext.js";import{useStateContext as c}from"../../contexts/hooks/useStateContext.js";import"../../contexts/AccountButtonContext/AccountButtonContext.js";import s from"../../node_modules/@mui/material/FormHelperText/FormHelperText.js";import f from"../../node_modules/@mui/material/Typography/Typography.js";import g from"../../node_modules/@mui/material/InputLabel/InputLabel.js";import p from"../../node_modules/@mui/material/FormControl/FormControl.js";import x from"../../node_modules/@mui/material/MenuItem/MenuItem.js";import h from"../../node_modules/@mui/material/Select/Select.js";var v=function(v){var C=v.text,b=v.options,y=v.placeholderText,T=v.required,j=void 0!==T&&T,S=v.requiredErrorText,F=void 0===S?"This field is required":S,I=v.validationErrorText,B=void 0===I?"Invalid format":I,M=v.isDisplayOnly,L=void 0!==M&&M,R=v.fontSize,O=v.fontFamily,q=v.fontWeight,_=v.textColor,A=v.textAlign,W=v.borderColor,z=v.color,k=v.backgroundColor,w=v.marginLeft,D=void 0===w?"0":w,V=v.marginTop,E=void 0===V?"0":V,H=v.marginRight,G=void 0===H?"0":H,J=v.marginBottom,K=void 0===J?"0":J,N=v.paddingLeft,P=void 0===N?"0":N,Q=v.paddingTop,U=void 0===Q?"0":Q,X=v.paddingRight,Y=void 0===X?"0":X,Z=v.paddingBottom,$=void 0===Z?"0":Z,ee=v.configurationItemInfo,te=void 0===ee?{}:ee,oe=v.name,re=v.sourceDataModelField,ie=e(v,["text","options","placeholderText","required","requiredErrorText","validationErrorText","isDisplayOnly","fontSize","fontFamily","fontWeight","textColor","textAlign","borderColor","color","backgroundColor","marginLeft","marginTop","marginRight","marginBottom","paddingLeft","paddingTop","paddingRight","paddingBottom","configurationItemInfo","name","sourceDataModelField"]),ne=u(),le=null==ne?void 0:ne.control,ae=!!ne&&!!le&&!!oe,de=ae?ne.formState.errors:{},ue=c().stateConfig,me=re?null==ue?void 0:ue[re]:void 0;l((function(){void 0!==me&&ae&&(null==ne||ne.setValue(oe,me))}),[me]);var ce=a((function(){return{required:!!j&&F,validate:function(e){return!0}}}),[j,F,B]),se=d(""),fe=se[0],ge=se[1],pe=a((function(){return b?b.map((function(e){return"string"==typeof e?{id:e,value:e}:e})):[]}),[b]);if(L){var xe="";if(ae){var he=ne.watch(oe);xe=he||""}else xe=fe;var ve=pe.find((function(e){return e.value===xe})),Ce=ve?ve.value:xe||y||"-";return o("div",t({style:{display:"inline-flex",flexDirection:"column",marginTop:E,marginRight:G,marginBottom:K,marginLeft:D}},te,{children:[C&&r("div",t({style:{marginBottom:4}},{children:r(s,t({sx:{fontSize:R,fontFamily:O,fontWeight:q,color:_||"#000",marginLeft:0}},{children:C}))})),r(f,t({sx:{fontSize:R,fontFamily:O,fontWeight:q,color:_,paddingLeft:P,paddingTop:U,paddingRight:Y,paddingBottom:$,backgroundColor:k,border:"1px solid ".concat(W||"#ccc"),borderRadius:"4px",minWidth:"120px"}},{children:Ce}))]}))}var be={fontSize:R,fontFamily:O,fontWeight:q,color:z,"& .MuiOutlinedInput-notchedOutline":{borderColor:W||"inherit"},"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:W||"inherit"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:W||"inherit"},"& .MuiSelect-select":{display:"flex",alignItems:"center",justifyContent:n.useMemo((function(){switch(A){case"center":return"center";case"right":return"flex-end";case"justify":return"space-between";default:return"flex-start"}}),[A]),backgroundColor:k,textAlign:A,boxSizing:"border-box",paddingLeft:P,paddingTop:U,paddingRight:Y,paddingBottom:$}},ye={color:_||"rgba(0, 0, 0, 0.6)",fontSize:R,fontFamily:O,fontWeight:q,textAlign:A,"&.Mui-focused":{color:_||"rgba(0, 0, 0, 0.6)"}},Te={marginLeft:D,marginTop:E,marginRight:G,marginBottom:K,minWidth:"200px"},je=function(e){return o(h,t({},e||{},{labelId:"select-label-".concat(oe),id:"select-".concat(oe),label:C,renderValue:function(e){if(!e)return y||"";var t=pe.find((function(t){return t.value===e}));return t?t.value:e},sx:be,onChange:function(t){var o=t.target.value;(null==e?void 0:e.onChange)?e.onChange(o):ge(o)}},ie,{children:[y&&r(x,t({disabled:!0,value:""},{children:y})),pe.map((function(e,o){return r(x,t({value:e.value},{children:e.value}),o)}))]}))};if(ae){var Se=de[oe];return o(p,t({variant:"outlined",sx:Te,error:!!Se,required:j},te,{children:[r(g,t({id:"select-label-".concat(oe),sx:ye},{children:C})),r(m,{name:oe,rules:ce,control:le,defaultValue:"",render:function(e){var t=e.field,n=e.fieldState;return o(i,{children:[je(t),!!n.error&&r(s,{children:"required"===n.error.type?F:B})]})}})]}))}return o(p,t({variant:"outlined",sx:Te,required:j},te,{children:[r(g,t({id:"select-label-".concat(oe),sx:ye},{children:C})),je()]}))};export{v as SelectMolecule};
 //# sourceMappingURL=Select.js.map

package/dist/esm/molecules/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../../src/molecules/Select/Select.tsx"],"sourcesContent":[null],"names":["SelectMolecule","_a","text","options","fontSize","_c","required","fontFamily","fontWeight","textColor","textAlign","borderColor","color","backgroundColor","_d","marginLeft","_e","marginTop","_f","marginRight","_g","marginBottom","_h","paddingLeft","_j","paddingTop","_k","paddingRight","_l","paddingBottom","_m","configurationItemInfo","name","sourceDataModelField","props","__rest","formContext","useFormContext","control","isInFormContext","stateConfig","useStateContext","dataModelFieldValue","undefined","useEffect","setValue","errors","formState","rules","_o","React","useState","internalValue","setInternalValue","inputSx","display","alignItems","justifyContent","getJustifyContent","boxSizing","labelSx","formControlSx","minWidth","renderSelect","field","_jsx","MuiSelect","__assign","labelId","concat","id","label","renderValue","selectedValue","selectedOption","find","o","value","sx","map","option","index","MenuItem","children","onClick","onDoubleClick","_jsxs","FormControl","width","variant","error","InputLabel","Controller","defaultValue","render","fieldState","FormHelperText","message","_Fragment","onChange","event","target","_b"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../../../src/molecules/Select/Select.tsx"],"sourcesContent":[null],"names":["SelectMolecule","_a","text","options","placeholderText","_b","required","_c","requiredErrorText","_d","validationErrorText","_e","isDisplayOnly","fontSize","fontFamily","fontWeight","textColor","textAlign","borderColor","color","backgroundColor","_f","marginLeft","_g","marginTop","_h","marginRight","_j","marginBottom","_k","paddingLeft","_l","paddingTop","_m","paddingRight","_o","paddingBottom","_p","configurationItemInfo","name","sourceDataModelField","props","__rest","formContext","useFormContext","control","isInFormContext","errors","formState","stateConfig","useStateContext","dataModelFieldValue","undefined","useEffect","setValue","rules","useMemo","validate","value","_q","useState","internalValue","setInternalValue","normalizedOptions","map","item","id","displayValue_1","formValue","watch","matchedOption","find","o","visibleText","_jsxs","__assign","style","display","flexDirection","children","_jsx","FormHelperText","sx","Typography","border","concat","borderRadius","minWidth","inputSx","alignItems","justifyContent","React","boxSizing","labelSx","formControlSx","renderSelect","field","MuiSelect","labelId","label","renderValue","selectedValue","selectedOption","onChange","event","target","MenuItem","disabled","option","index","fieldError","FormControl","variant","error","InputLabel","Controller","defaultValue","render","fieldState","_Fragment","type"],"mappings":"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"}

package/dist/esm/molecules/Select/Select.stories.d.ts

@@ -1,5 +1,6 @@
 import { SelectMoleculeProps } from './Select';
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
-export declare const Uncontrolled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
+export declare const DisplayOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
+export declare const WithCustomValidation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;

package/dist/esm/molecules/Slider/Slider.d.ts

@@ -1,9 +1,14 @@
 import React from 'react';
 import { SliderProps } from '@mui/material';
 import { ConfigurationItemInfo } from 'containers';
-export declare type SliderMoleculeProps = SliderProps & {
+export interface SliderMoleculeProps extends Omit<SliderProps, 'onChange'> {
+    /** If true, the slider is displayed disabled + text showing the value. */
+    isDisplayOnly?: boolean;
+    /** If true, rely on FormControl to show a required asterisk. */
     required?: boolean;
-    text: string;
+    requiredErrorText?: string;
+    validationErrorText?: string;
+    text?: string;
     startIcon?: string;
     endIcon?: string;
     borderColor?: string;
@@ -13,17 +18,17 @@ export declare type SliderMoleculeProps = SliderProps & {
     textColor?: string;
     fontSize?: number | string;
     fontFamily?: string;
-    fontWeight?: 'normal' | 'bold';
-    textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
-    placement?: 'left' | 'right' | 'top' | 'bottom';
+    fontWeight?: 'normal' | 'bold' | number;
+    valueFormat?: string;
+    valueDisplay?: 'on' | 'off' | 'auto';
     iconSize?: string;
     selectColor?: string;
     iconColor?: string;
     minValue?: number;
     maxValue?: number;
-    valueFormat?: string;
-    valueDisplay?: 'on' | 'off' | 'auto';
     step?: number;
+    /** label's placement relative to the slider+icons */
+    labelPlacement?: 'top' | 'bottom';
     marginLeft?: string;
     marginTop?: string;
     marginRight?: string;
@@ -33,7 +38,11 @@ export declare type SliderMoleculeProps = SliderProps & {
     paddingRight?: string;
     paddingBottom?: string;
     configurationItemInfo?: ConfigurationItemInfo;
+    /** For hooking up with react-hook-form */
     name?: string;
     sourceDataModelField?: string;
-};
+}
+/**
+ * SliderMolecule
+ */
 export declare const SliderMolecule: React.FC<SliderMoleculeProps>;

package/dist/esm/molecules/Slider/Slider.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from"../../node_modules/tslib/tslib.es6.js";import{jsx as o,jsxs as i,Fragment as n}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useEffect as r,useState as l}from"react";import{IconRenderer as a}from"../Icon/IconRenderer.js";import{useFormContext as c,Controller as d}from"../../node_modules/react-hook-form/dist/index.esm.mjs.js";import"../../contexts/FormStepContext/FormStepContext.js";import"../../contexts/ButtonActionsContext/ButtonActionsContext.js";import"../../contexts/MlrRichTextViewerContext/MlrRichTextViewerContext.js";import"../../contexts/OrganismContext/OrganismContext.js";import{useStateContext as m}from"../../contexts/hooks/useStateContext.js";import"../../contexts/AccountButtonContext/AccountButtonContext.js";import s from"../../node_modules/@mui/material/Slider/Slider.js";import u from"../../node_modules/@mui/material/FormHelperText/FormHelperText.js";import x from"../../node_modules/@mui/material/Box/Box.js";import p from"../../node_modules/@mui/material/Typography/Typography.js";var f=function(f){var g=f.required,h=void 0===g||g,v=f.text,C=f.startIcon,b=f.endIcon,y=f.borderColor,I=f.selectLineColor,w=f.lineWeight,j=void 0===w?1:w,S=f.orientation,F=void 0===S?"horizontal":S,D=f.textColor,T=f.fontSize,B=f.fontFamily,L=f.fontWeight,k=f.iconSize,M=f.textAlign,R=void 0===M?"left":M,V=f.selectColor,A=f.iconColor,W=f.minValue,_=void 0===W?0:W,z=f.maxValue,q=void 0===z?100:z,$=f.valueFormat,H=void 0===$?"123":$,N=f.valueDisplay,O=void 0===N?"auto":N,E=f.step,G=f.marginLeft,J=void 0===G?"0":G,K=f.marginTop,P=void 0===K?"0":K,Q=f.marginRight,U=void 0===Q?"0":Q,X=f.marginBottom,Y=void 0===X?"0":X,Z=f.paddingLeft,ee=void 0===Z?"0":Z,te=f.paddingTop,oe=void 0===te?"0":te,ie=f.paddingRight,ne=void 0===ie?"0":ie,re=f.paddingBottom,le=void 0===re?"0":re,ae=f.placement,ce=void 0===ae?"right":ae,de=f.configurationItemInfo,me=void 0===de?{}:de,se=f.name,ue=f.sourceDataModelField,xe=e(f,["required","text","startIcon","endIcon","borderColor","selectLineColor","lineWeight","orientation","textColor","fontSize","fontFamily","fontWeight","iconSize","textAlign","selectColor","iconColor","minValue","maxValue","valueFormat","valueDisplay","step","marginLeft","marginTop","marginRight","marginBottom","paddingLeft","paddingTop","paddingRight","paddingBottom","placement","configurationItemInfo","name","sourceDataModelField"]),pe=c(),fe=null==pe?void 0:pe.control,ge=!!pe&&!!fe&&!!se,he=m().stateConfig,ve=ue?null==he?void 0:he[ue]:void 0;r((function(){ve&&(null==pe||pe.setValue(se,ve))}),[ve]);var Ce,be={required:!!h&&"This Field is Required"},ye=l(_),Ie=ye[0],we=ye[1],je=function(e){switch(H){case"$0.00":return"$".concat(e.toFixed(2));case"$123":return"$".concat(e);case"%0.00":return"".concat(e.toFixed(2),"%");case"%123":return"".concat(e,"%");case"0.0":return e.toFixed(1);case"0.00":return e.toFixed(2);default:return e.toString()}},Se="vertical"===F,Fe=t(t({},Se?{height:"250px",margin:"0 8px"}:{width:"250px"}),{"& .MuiSlider-rail":t({backgroundColor:y},Se?{width:"".concat(j,"px")}:{height:"".concat(j,"px")}),"& .MuiSlider-track":t({backgroundColor:I,border:"1px solid ".concat(I)},Se?{width:"".concat(j,"px")}:{height:"".concat(j,"px")}),"& .MuiSlider-thumb":{backgroundColor:V,width:k||"16px",height:k||"16px",boxShadow:"none","&:focus, &:hover, &.Mui-active, &.Mui-focusVisible":{boxShadow:"none"}},"& .MuiSlider-thumb:before":{content:"none"}}),De=ge?o(d,{name:se,rules:be,control:fe,defaultValue:_,render:function(e){var r=e.field,l=r.onChange,a=r.value,c=e.fieldState.error;return i(n,{children:[o(s,t({},xe,{value:a,onChange:function(e,t){l(t)},min:_,max:q,step:E,orientation:F,sx:Fe,valueLabelDisplay:O,valueLabelFormat:je})),c&&o(u,t({error:!0,sx:{marginTop:"4px"}},{children:c.message}))]})}}):o(s,t({},xe,{value:Ie,onChange:function(e,t){"number"==typeof t&&we(t)},min:_,max:q,step:E,orientation:F,sx:Fe,valueLabelDisplay:O,valueLabelFormat:je})),Te=C&&o(x,t({display:"flex",alignItems:"center",justifyContent:"center",mr:Se?0:1,mb:Se?1:0},{children:o(a,{iconName:C,color:A})})),Be=b&&o(x,t({display:"flex",alignItems:"center",justifyContent:"center",ml:Se?0:1,mt:Se?1:0},{children:o(a,{iconName:b,color:A})})),Le=o(x,t({sx:{maxWidth:"200px",textAlign:R}},{children:o(p,t({component:"span",sx:{display:"block",fontSize:T,fontFamily:B,fontWeight:L,color:D,whiteSpace:"normal",wordWrap:"break-word"}},{children:v}))}));switch(ce){case"top":Ce=i(x,t({display:"flex",flexDirection:"column",alignItems:Se?"flex-start":"center"},{children:[Le,i(x,t({display:"flex",flexDirection:Se?"column":"row",alignItems:"center"},{children:[Te,De,Be]}))]}));break;case"bottom":Ce=i(x,t({display:"flex",flexDirection:"column",alignItems:Se?"flex-start":"center"},{children:[i(x,t({display:"flex",flexDirection:Se?"column":"row",alignItems:"center"},{children:[Te,De,Be]})),Le]}));break;case"left":Ce=i(x,t({display:"flex",flexDirection:"row",alignItems:"center"},{children:[Le,i(x,t({display:"flex",flexDirection:Se?"column":"row",alignItems:"center",ml:Se?0:1,mt:Se?1:0},{children:[Te,De,Be]}))]}));break;default:Ce=i(x,t({display:"flex",flexDirection:"row",alignItems:"center"},{children:[i(x,t({display:"flex",flexDirection:Se?"column":"row",alignItems:"center",mr:Se?0:1,mb:Se?1:0},{children:[Te,De,Be]})),Le]}))}return o(x,t({display:"inline-flex",alignItems:"center",flexDirection:"column",marginLeft:J,marginTop:P,marginRight:U,marginBottom:Y,paddingLeft:ee,paddingTop:oe,paddingRight:ne,paddingBottom:le,width:"fit-content"},me,{children:Ce}))};export{f as SliderMolecule};
+import{__rest as o,__assign as e}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as t,jsx as i,Fragment as r}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useEffect as n,useState as a}from"react";import{IconRenderer as l}from"../Icon/IconRenderer.js";import{useFormContext as d,Controller as m}from"../../node_modules/react-hook-form/dist/index.esm.mjs.js";import"../../contexts/FormStepContext/FormStepContext.js";import"../../contexts/ButtonActionsContext/ButtonActionsContext.js";import"../../contexts/MlrRichTextViewerContext/MlrRichTextViewerContext.js";import"../../contexts/OrganismContext/OrganismContext.js";import{useStateContext as c}from"../../contexts/hooks/useStateContext.js";import"../../contexts/AccountButtonContext/AccountButtonContext.js";import s from"../../node_modules/@mui/material/FormLabel/FormLabel.js";import u from"../../node_modules/@mui/material/Box/Box.js";import p from"../../node_modules/@mui/material/Slider/Slider.js";import g from"../../node_modules/@mui/material/Typography/Typography.js";import x from"../../node_modules/@mui/material/FormControl/FormControl.js";import f from"../../node_modules/@mui/material/FormHelperText/FormHelperText.js";var h=function(h){var C=h.isDisplayOnly,b=void 0!==C&&C,y=h.required,F=void 0!==y&&y,L=h.requiredErrorText,S=void 0===L?"This field is required":L,T=h.validationErrorText,j=void 0===T?"Invalid value":T,z=h.text,B=h.startIcon,I=h.endIcon,w=h.borderColor,D=h.selectLineColor,R=h.lineWeight,M=void 0===R?1:R,q=h.orientation,V=void 0===q?"horizontal":q,_=h.textColor,W=h.fontSize,k=h.fontFamily,A=h.fontWeight,E=h.valueFormat,N=h.valueDisplay,O=void 0===N?"auto":N,$=h.iconSize,H=h.selectColor,P=h.iconColor,G=h.minValue,J=void 0===G?0:G,K=h.maxValue,Q=void 0===K?100:K,U=h.step,X=h.labelPlacement,Y=void 0===X?"top":X,Z=h.marginLeft,oo=void 0===Z?"0":Z,eo=h.marginTop,to=void 0===eo?"0":eo,io=h.marginRight,ro=void 0===io?"0":io,no=h.marginBottom,ao=void 0===no?"0":no,lo=h.paddingLeft,mo=void 0===lo?"0":lo,co=h.paddingTop,so=void 0===co?"0":co,uo=h.paddingRight,po=void 0===uo?"0":uo,go=h.paddingBottom,xo=void 0===go?"0":go,fo=h.configurationItemInfo,ho=h.name,vo=h.sourceDataModelField,Co=h.disabled,bo=void 0!==Co&&Co,yo=o(h,["isDisplayOnly","required","requiredErrorText","validationErrorText","text","startIcon","endIcon","borderColor","selectLineColor","lineWeight","orientation","textColor","fontSize","fontFamily","fontWeight","valueFormat","valueDisplay","iconSize","selectColor","iconColor","minValue","maxValue","step","labelPlacement","marginLeft","marginTop","marginRight","marginBottom","paddingLeft","paddingTop","paddingRight","paddingBottom","configurationItemInfo","name","sourceDataModelField","disabled"]),Fo=d(),Lo=null==Fo?void 0:Fo.control,So=!!Lo&&!!ho,To={required:!!F&&S,validate:function(o){return!F||null!=o||S}},jo=c().stateConfig,zo=vo?null==jo?void 0:jo[vo]:void 0;n((function(){void 0!==zo&&So&&ho&&Fo.setValue(ho,zo)}),[zo]);var Bo=a(J),Io=Bo[0],wo=Bo[1],Do=function(o){return function(o,e){switch(e){case"$0.00":return"$".concat(o.toFixed(2));case"$123":return"$".concat(o);case"%0.00":return"".concat(o.toFixed(2),"%");case"%123":return"".concat(o,"%");case"0.0":return o.toFixed(1);case"0.00":return o.toFixed(2);default:return o.toString()}}(o,E)};if(b){var Ro=J;if(So){var Mo=Fo.watch(ho);Ro="number"==typeof Mo?Mo:J}else Ro=Io;return t(x,e({required:F,sx:{marginLeft:oo,marginTop:to,marginRight:ro,marginBottom:ao,paddingLeft:mo,paddingTop:so,paddingRight:po,paddingBottom:xo,display:"inline-flex"}},fo,{children:[z&&i(s,{children:z}),t(u,e({display:"flex",flexDirection:"top"===Y?"column":"row",alignItems:"center",mt:"top"===Y?1:0},{children:[B&&i(u,e({mr:"horizontal"===V?1:0,mb:"vertical"===V?1:0},{children:i(l,{iconName:B,color:P})})),i(p,e({disabled:!0,value:Ro,min:J,max:Q,step:U,orientation:V,valueLabelDisplay:O,valueLabelFormat:Do,sx:v({borderColor:w,selectLineColor:D,lineWeight:M,orientation:V,selectColor:H,iconSize:$})},yo)),I&&i(u,e({ml:"horizontal"===V?1:0,mt:"vertical"===V?1:0},{children:i(l,{iconName:I,color:P})})),i(g,e({sx:{ml:1,fontSize:W,fontFamily:k,fontWeight:A,color:_}},{children:Do(Ro)}))]}))]}))}var qo=v({borderColor:w,selectLineColor:D,lineWeight:M,orientation:V,selectColor:H,iconSize:$}),Vo=So?i(m,{name:ho,rules:To,control:Lo,defaultValue:J,render:function(o){var n,a=o.field,l=o.fieldState;return t(r,{children:[i(p,e({},yo,{disabled:bo,value:null!==(n=a.value)&&void 0!==n?n:J,min:J,max:Q,step:U,orientation:V,valueLabelDisplay:O,valueLabelFormat:Do,sx:qo,onChange:function(o,e){return a.onChange(e)}})),l.error&&i(f,e({error:!0,sx:{marginTop:"4px"}},{children:"required"===l.error.type?S:j}))]})}}):i(p,e({},yo,{disabled:bo,value:Io,min:J,max:Q,step:U,orientation:V,valueLabelDisplay:O,valueLabelFormat:Do,sx:qo,onChange:function(o,e){"number"==typeof e&&wo(e)}}));return t(x,e({required:F,sx:{marginLeft:oo,marginTop:to,marginRight:ro,marginBottom:ao,paddingLeft:mo,paddingTop:so,paddingRight:po,paddingBottom:xo,display:"inline-flex"}},fo,{children:[z&&i(s,{children:z}),t(u,e({display:"flex",flexDirection:"top"===Y?"column":"row",alignItems:"center",mt:"top"===Y?1:0},{children:[B&&i(u,e({mr:"horizontal"===V?1:0,mb:"vertical"===V?1:0},{children:i(l,{iconName:B,color:P})})),Vo,I&&i(u,e({ml:"horizontal"===V?1:0,mt:"vertical"===V?1:0},{children:i(l,{iconName:I,color:P})}))]}))]}))};function v(o){var t=o.borderColor,i=o.selectLineColor,r=o.lineWeight,n=void 0===r?1:r,a=o.orientation,l=void 0===a?"horizontal":a,d=o.selectColor,m=o.iconSize,c="vertical"===l;return e(e({},c?{height:"250px",margin:"0 8px"}:{width:"250px"}),{"& .MuiSlider-rail":e({backgroundColor:t||"#ccc"},c?{width:"".concat(n,"px")}:{height:"".concat(n,"px")}),"& .MuiSlider-track":e({backgroundColor:i||"#2196f3",border:"1px solid ".concat(i||"#2196f3")},c?{width:"".concat(n,"px")}:{height:"".concat(n,"px")}),"& .MuiSlider-thumb":{backgroundColor:d||"#2196f3",width:m||"16px",height:m||"16px",boxShadow:"none","&:focus, &:hover, &.Mui-active, &.Mui-focusVisible":{boxShadow:"none"}},"& .MuiSlider-thumb:before":{content:"none"}})}export{h as SliderMolecule};
 //# sourceMappingURL=Slider.js.map