@useloops/design-system 1.4.643 → 1.4.645
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js +1 -1
- package/dist/esm/systems/Platform/LikertGraph/_partials/StyledComponents.js +1 -1
- package/dist/esm/systems/WebCore/CheckboxGroup/CheckboxGroup.js +1 -1
- package/dist/esm/systems/WebCore/FormGenerator/components/InputWrapper/InputWrapper.js +1 -1
- package/dist/esm/systems/WebCore/RadioGroup/RadioGroup.js +1 -1
- package/dist/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js +1 -1
- package/dist/systems/Platform/LikertGraph/_partials/StyledComponents.js +1 -1
- package/dist/systems/WebCore/CheckboxGroup/CheckboxGroup.d.ts +1 -0
- package/dist/systems/WebCore/CheckboxGroup/CheckboxGroup.js +1 -1
- package/dist/systems/WebCore/FormGenerator/components/InputWrapper/InputWrapper.js +1 -1
- package/dist/systems/WebCore/RadioGroup/RadioGroup.d.ts +1 -0
- package/dist/systems/WebCore/RadioGroup/RadioGroup.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useTheme as r,Box as i}from"@mui/material";import a from"@number-flow/react";import{mergeSx as s}from"merge-sx";import{useState as p,useEffect as n}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import l from"../../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import m from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import d from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as
|
|
1
|
+
import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useTheme as r,Box as i}from"@mui/material";import a from"@number-flow/react";import{mergeSx as s}from"merge-sx";import{useState as p,useEffect as n}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import l from"../../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import m from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import d from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as b}from"../../utils/getIndicatorColor.js";import{motion as c}from"../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const u=({relativePercentage:u,amount:C,color:j,animateBars:W,disabled:y,loading:B,toolTipContent:h,hideAmount:g,disableTooltips:S,checked:f,hidePercentageSymbol:x,slotProps:I})=>{const L=r(),A=u&&u>8,[T,k]=p(0);return n(()=>{const e=B?20:u||0,o=W?T||0:e,t=performance.now(),r=i=>{const a=i-t,s=Math.min(a/250,1);k(o+(e-o)*(s*(2-s))),s<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[C,B]),e(i,{component:c.div,...I?.graphBar,sx:s({height:"100%",width:`${T}%`,background:y||!f?L.custom.palette.neutral[100]:B?L.custom.palette.interaction.none:j,borderRadius:L.spacing(L.custom.radius.sm),boxSizing:"border-box",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"},I?.graphBar?.sx),initial:{opacity:0},animate:{opacity:1},transition:{duration:.3,ease:"easeOut"},children:e(m,{message:h,placement:"top",disableHoverListener:!h||y||B||S,followCursor:!0,...I?.graphBarTooltip,slotProps:{wrapper:{sx:{width:1,height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...I?.graphBarTooltip?.slotProps?.wrapper?.sx}}},children:e(o,{children:B?e(d,{width:"100%",height:"100%",sx:{borderRadius:L.spacing(L.custom.radius.sm)}}):t(c.div,{style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},initial:{opacity:0},animate:{opacity:A?1:0},transition:{duration:.3,ease:"easeInOut",delay:A?.1:0},children:[e(c.div,{initial:{y:10,opacity:0},animate:{y:A?0:10,opacity:A?1:0},transition:{duration:.3,ease:"easeOut"},children:e(l,{monospaced:!0,variation:"xs",component:"p",weight:"bold",sx:{whiteSpace:"nowrap",color:y||!f?L.custom.palette.text.disabled:b(j,L)},children:A?t(o,{children:[e(a,{value:u,animated:W}),x?"":"%"]}):null})}),e(c.div,{initial:{y:10,opacity:0},animate:{y:A?0:10,opacity:A?1:0},transition:{duration:.3,ease:"easeOut",delay:.05},children:!g&&e(l,{monospaced:!0,variation:"xs",component:"p",sx:{color:y||!f?L.custom.palette.text.disabled:b(j,L)},children:A?e(a,{value:C,animated:W}):null})})]})})})})};export{u as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e,Box as t,ListItemButton as o,listItemButtonClasses as i}from"@mui/material";const n=e(t)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.md),width:"100%",minWidth:440,maxWidth:500,boxSizing:"border-box"})),a=e(t)(({theme:e})=>({display:"flex",alignItems:"center",height:56,width:"100%"})),r=e(t)(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",width:"100%",gap:e.spacing(e.custom.margin.xs)})),s=e(o)(({theme:e,zeroDataMode:t})=>({[`&.${i.root}`]:{cursor:t?"none":"pointer"},borderRadius:e.spacing(e.custom.radius.md),padding:0,backgroundColor:e.custom.palette.interaction.none,height:"100%",display:"flex",flexGrow:1,flexBasis:0,flexDirection:"column",alignItems:"center",justifyContent:"space-between","&:hover":{backgroundColor:t?e.custom.palette.interaction.none:e.custom.palette.interaction.hover},"&:active":{backgroundColor:t?e.custom.palette.interaction.none:e.custom.palette.interaction.press},"&.Mui-selected":{backgroundColor:t?e.custom.palette.interaction.none:e.custom.palette.interaction.press},"&.Mui-disabled":{opacity:1}})),c=e(t)(({theme:e,color:t})=>({width:24,aspectRatio:"1",borderRadius:"100%",backgroundColor:t})),l=e(t)(({theme:e})=>({height:36,display:"flex",alignItems:"center",justifyContent:"center"}));e(t)(({theme:e,color:t,animateBars:o})=>({flex:1,backgroundColor:t,borderRadius:e.spacing(e.custom.radius.sm),transition:o?"height 1s ease-in-out":void 0,height:"100%"}));export{s as LikertActionControllerWrapper,r as LikertGraphActionsControllerContainer,a as LikertGraphBarContainer,n as LikertGraphContainer,l as LikertGraphLabel,c as SwatchIndicator};
|
|
1
|
+
import{styled as e,Box as t,ListItemButton as o,listItemButtonClasses as i}from"@mui/material";const n=e(t)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.md),width:"100%",minWidth:440,maxWidth:500,boxSizing:"border-box"})),a=e(t)(({theme:e})=>({display:"flex",gap:"1px",alignItems:"center",height:56,width:"100%"})),r=e(t)(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",width:"100%",gap:e.spacing(e.custom.margin.xs)})),s=e(o)(({theme:e,zeroDataMode:t})=>({[`&.${i.root}`]:{cursor:t?"none":"pointer"},borderRadius:e.spacing(e.custom.radius.md),padding:0,backgroundColor:e.custom.palette.interaction.none,height:"100%",display:"flex",flexGrow:1,flexBasis:0,flexDirection:"column",alignItems:"center",justifyContent:"space-between","&:hover":{backgroundColor:t?e.custom.palette.interaction.none:e.custom.palette.interaction.hover},"&:active":{backgroundColor:t?e.custom.palette.interaction.none:e.custom.palette.interaction.press},"&.Mui-selected":{backgroundColor:t?e.custom.palette.interaction.none:e.custom.palette.interaction.press},"&.Mui-disabled":{opacity:1}})),c=e(t)(({theme:e,color:t})=>({width:24,aspectRatio:"1",borderRadius:"100%",backgroundColor:t})),l=e(t)(({theme:e})=>({height:36,display:"flex",alignItems:"center",justifyContent:"center"}));e(t)(({theme:e,color:t,animateBars:o})=>({flex:1,backgroundColor:t,borderRadius:e.spacing(e.custom.radius.sm),transition:o?"height 1s ease-in-out":void 0,height:"100%"}));export{s as LikertActionControllerWrapper,r as LikertGraphActionsControllerContainer,a as LikertGraphBarContainer,n as LikertGraphContainer,l as LikertGraphLabel,c as SwatchIndicator};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as l,Fragment as t}from"react/jsx-runtime";import{FormGroup as
|
|
1
|
+
import{jsx as e,jsxs as l,Fragment as t}from"react/jsx-runtime";import{FormGroup as o,Box as i}from"@mui/material";import{useMemo as n}from"react";import r from"../FormControlLabel/FormControlLabel.js";import a from"../Checkbox/StyledCheckbox.js";import s from"../TextField/TextField.js";const c=({sizing:c,options:u,other:d,internalChange:h,value:m,inputRef:f,onChange:p,maxSelections:b,noneOfTheseOption:g})=>{const x=d?.name||"other-option",v=g?.value||"none-of-these-option",C=`${x}-value-`,k=e=>`${C}${e}`,M=d?.enabled,F=m?.includes(x)&&M,j=m?.find(e=>e.includes(C)),y=n(()=>m?m.filter(e=>!e.startsWith(C)).length:0,[m,C]),z=!!b&&y>=b;if(!m)return e("div",{});const S=(e,l)=>{const t=m.includes(e);if(!t&&z&&!l)return;let o=t?m.filter(l=>l!==e):l?[e]:[...new Set(m),e];if(l||(o=o.filter(e=>!u.find(l=>l?.exclusive&&e===l.value))),d?.enabled){!m.includes(x)||e!==x||(o=o.filter(e=>!e.includes(C)))}p(o),h&&h()},T=(e,l)=>!l&&(z&&!m.includes(e));return l(t,{children:[l(o,{sx:{display:"flex",gap:e=>e.custom.margin.sm,label:{"&:last-child":{mb:0},"&:not(.Mui-disabled):hover":{"& .MuiCheckbox-root":{backgroundColor:e=>e.custom.palette.interaction.hover,"&.Mui-checked":{backgroundColor:e=>e.custom.palette.purple[500]}}}}},children:[u?.map(l=>{const t=l.value,o=T(t,l.exclusive);return e(r,{sx:{"& .MuiButtonBase-root.MuiCheckbox-root":{alignSelf:"baseline"},"& .MuiTypography-root":{mt:"default"!==c?.5:0}},onChange:()=>S(t,l.exclusive),checked:m.includes(t),disabled:o,control:e(a,{sizing:c,disabled:o}),label:l.label},t)}),M&&e(r,{inputRef:f,onChange:()=>S(x),label:d?.label||"Other",checked:m.includes(x),disabled:T(x),control:e(a,{sizing:c})},x),g&&(()=>{const l=T(v,g.exclusive);return e(r,{onChange:()=>S(v,g.exclusive),checked:m.includes(v),disabled:l,control:e(a,{sizing:c,disabled:l}),label:g.label},v)})()]}),F&&e(i,{sx:{mt:1},children:e(s,{fullWidth:!0,autoFocus:!0,defaultValue:j?j.replace(C,""):"",placeholder:d?.placeholder,onChange:e=>{const l=m.find(e=>e.includes(C)),t=(l?m.map(l=>l.includes(C)?k(e.target.value):l):[...m,k(e.target.value)]).filter(e=>e!==C);p(t),h&&h()},required:!0})})]})};export{c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{useTheme as r,Stack as i}from"@mui/material";import{mergeSx as n}from"merge-sx";import{useState as s,useEffect as a}from"react";import{Controller as l}from"react-hook-form";import{isValidPhoneNumber as m}from"react-phone-number-input";import c from"../../../AutocompleteField/AutocompleteField.js";import p from"../../../Checkbox/Checkbox.js";import"../../../Checkbox/StyledCheckbox.js";import f from"../../../CheckboxGroup/CheckboxGroup.js";import h from"../../../CreatableAutocomplete/CreatableAutocomplete.js";import u from"../../../CustomField/CustomField.js";import d from"../../../Differential/Differential.js";import x from"../../../Html/Html.js";import g from"../../../InputLabel/InputLabel.js";import j from"../../../Likert/Likert.js";import b from"../../../NumberField/NumberField.js";import S from"../../../RadioGroup/RadioGroup.js";import k from"../../../Rank/Rank.js";import v from"../../../RichTextField/RichTextField.js";import"../../../SelectItem/SelectItem.js";import T from"../../../Select/Select.js";import C from"../../../Slider/Slider.js";import y from"../../../StarRating/StarRating.js";import I from"../../../Switch/Switch.js";import R from"../../../Textarea/Textarea.js";import w from"../../../TextField/TextField.js";import F from"../StengthIndicator/StrengthIndicator.js";import A from"./components/InputWrapperHelperText/InputWrapperHelperText.js";const B={textfield:w,numberfield:b,textarea:R,creatableautocomplete:h,select:T,autocomplete:c,checkbox:p,checkboxGroup:f,switch:I,slider:C,starRating:y,differential:d,likert:j,radioGroup:S,ranking:k,richTextfield:v,customfield:u},G=(e,t)=>e.filter(e=>{if(e.includes("-value-")){const t=e.split("-value-")[1];return t&&t.length>0}return e!==t}).length,_=({fieldRef:c,name:p,fieldType:f,label:h,control:u,errors:d,labelProps:j,helperText:b,helpTextProps:S,validation:k,content:v,styleOverrides:T,defaultValue:C,onChange:y,watch:I,trigger:R,strengthIndicator:w,..._})=>{const{custom:H}=r(),L=void 0!==d&&Object.keys(d).length>0,[N,O]=s(0);a(()=>{w&&N>0&&R(p)},[N]);const $=k?.match?.field,D=I($);return a(()=>{$&&R(p)},[D,$,R,p]),e(i,{sx:n(T?.sxInputStack,_?.hidden&&{display:"none!important"}),gap:H.margin.sm,children:["switch"!==f?h&&t(g,{...j,children:h}):null,"html"===f&&v?t(x,{children:v}):e(o,{children:[t(l,{name:p,control:u,render:e=>function({field:{ref:e,...o}}){const r=B[f],i=e=>(e.name||e.value||"").replace(/-/g,"_").includes("none_of_these");let n=_;if(_.other?.enabled&&Array.isArray(_.options)){const e=_.options.findIndex(i);-1!==e&&(n={..._,options:_.options.filter((t,o)=>o!==e),noneOfTheseOption:_.options[e]})}return t(r,{...n,...o,inputRef:t=>{e(t),c&&(c.current=t)},..."switch"===f?{label:h}:{},..."autocomplete"===f?{onChange:(e,t)=>o.onChange(t)}:{}})}(e),rules:{...k,validate:e=>{if(k&&"phone"in k)return m(`+${I("extension")}${e}`)||k.phone.message;if(k&&"score"in k)return N<=k.score.value?k.score.message:void 0;if(k&&"white_space"in k)return!e.match(/^\s*$/g)||k.white_space.message;if(k&&"match"in k&&k?.match?.field)switch(k?.match?.comparison){case"not_eq":return e!=I(k.match.field)||k.match.message;case"gt":return e>I(k.match.field)||k.match.message;case"lt":return e<I(k.match.field)||k.match.message;default:return e===I(k.match.field)||k.match.message}if(k&&"minSelections"in k){const t=e;if(!(k.selectionsBypass&&t.includes(k.selectionsBypass))){const e=_.other?.enabled?_.other?.name||"other-option":void 0;if(G(t,e)<k.minSelections.value)return k.minSelections.message}}if(k&&"maxSelections"in k){const t=e;if(!(k.selectionsBypass&&t.includes(k.selectionsBypass))){const e=_.other?.enabled?_.other?.name||"other-option":void 0;if(G(t,e)>k.maxSelections.value)return k.maxSelections.message}}}}}),w&&t(F,{value:I(p),onChange:O})]}),e(o,{children:[Boolean(L)?t(A,{helperText:void 0,inputName:p,errors:d,showicon:!0}):null,Boolean(b)?t(A,{helperText:b,inputName:p,errors:void 0,...S}):null]})]})};export{_ as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{RadioGroup as l,Box as a}from"@mui/material";import{useState as t,useRef as i,useEffect as n}from"react";import{base as u}from"../../BrandCore/primitiveVariables.js";import
|
|
1
|
+
import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{RadioGroup as l,Box as a}from"@mui/material";import{useState as t,useRef as i,useEffect as n}from"react";import{base as u}from"../../BrandCore/primitiveVariables.js";import s from"../FormControlLabel/FormControlLabel.js";import c from"../Radio/Radio.js";import"../Radio/StyledRadio.js";import m from"../TextField/TextField.js";const p=({options:p,onChange:d,other:g,value:h,internalChange:f,sizing:b="lg",inputRef:v,noneOfTheseOption:y,...x})=>{const C=g?.enabled,R="other-option",M=`${R}-value-`,[T,j]=t(h),[S,F]=t(!1),k=i(null);n(()=>{!S&&T?.includes(M)?F(!0):S&&F(!1)},[T]);return n(()=>{k.current&&Array.from(k.current.getElementsByTagName("label")).forEach(e=>{if(e.clientHeight>4*u){const o=e.querySelector(".MuiTypography-root");o&&(o.style.marginTop=u/2+"px")}})},[k.current]),e(o,{children:[e(l,{...x,value:T,ref:k,sx:{"& .MuiRadio-root":{alignSelf:"baseline"},"& .MuiTypography-root":{alignSelf:"center"},display:"flex",alignSelf:"baseline",gap:e=>e.custom.margin.sm,label:{"&:last-child":{mb:0},"&:hover":{"& .MuiRadio-root":{backgroundColor:e=>e.custom.palette.interaction.hover,"&.Mui-checked":{backgroundColor:e=>e.custom.palette.purple[500]}}}}},onChange:(e,o)=>{d&&d(o),j(o),f&&f()},children:[p?p.map((e,o)=>r(s,{sx:{"& .MuiButtonBase-root.MuiRadio-root":{alignSelf:"baseline"}},...e,control:r(c,{sizing:b})},o)):null,C&&r(s,{label:g?.label||"Other",value:M,control:r(c,{sizing:b,checked:T?.includes(M)})},R),y&&r(s,{...y,control:r(c,{sizing:b})},y.value)]}),S&&r(a,{sx:{mt:1},children:r(m,{fullWidth:!0,autoFocus:!0,placeholder:g?.placeholder,defaultValue:T?.replace(M,""),onChange:e=>{var o;d&&d((o=e.target.value,`${M}${o}`)),f&&f()},required:!0})})]})};export{p as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@number-flow/react"),o=require("merge-sx"),i=require("react");require("../../../../../utils/formValidation/misc.js"),require("../../../../BrandCore/Icon/Icon.js"),require("../../../../BrandCore/primitiveVariables.js"),require("../../../../WebCore/utils/typography.util.js"),require("../../../../WebCore/AnnualController/AnnualController.js"),require("../../../../WebCore/SelectItem/SelectItem.js"),require("../../../../WebCore/Accordion/Accordion.js");var a=require("../../../../WebCore/Typography/Typography.js");require("@mui/icons-material"),require("../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("../../../../WebCore/Badge/Badge.js"),require("../../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../../WebCore/Button/Button.js"),require("../../../../WebCore/ButtonBase/ButtonBase.js"),require("../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../../../WebCore/Checkbox/StyledCheckbox.js"),require("../../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../../WebCore/Differential/DifferentialContainer.js"),require("../../../../WebCore/Differential/DifferentialRadio.js"),require("../../../../WebCore/DropdownMenu/StyledMenu.js"),require("../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../../WebCore/IconButton/IconButton.js"),require("../../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../../WebCore/Image/Image.js"),require("../../../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../../../WebCore/Label/Label.js"),require("../../../../WebCore/Likert/LikertContainer.js"),require("../../../../WebCore/Likert/LikertLabel.js"),require("../../../../WebCore/Likert/LikertRadio.js"),require("../../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../../WebCore/Surface/Surface.js"),require("../../../../WebCore/Menu/MenuItem.js"),require("../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../../WebCore/Nudge/NudgeButton.js"),require("../../../../WebCore/NumberField/NumberField.js"),require("../../../../BrandCore/colorRamps.js"),require("../../../../BrandCore/semanticColor.js"),require("../../../../BrandCore/types.js"),require("../../../../BrandCore/typography.js"),require("../../../../WebCore/Progress/Progress.js");var s=require("../../../../WebCore/Tooltip/Tooltip.js");require("../../../../WebCore/Pill/StyledPill.js"),require("../../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../../WebCore/Radio/StyledRadio.js"),require("../../../../WebCore/Select/StyledSelect.js"),require("../../../../WebCore/RankItem/RankItemContainer.js"),require("../../../../WebCore/RankItem/RankItemLabel.js"),require("../../../../WebCore/SortableList/SortableList.js"),require("../../../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../../WebCore/RichTextField/StyledRichTextEditor.js");var n=require("../../../../WebCore/Skeleton/Skeleton.js");require("../../../../WebCore/Slider/StyledSlider.js"),require("../../../../WebCore/StarRating/StarRating.js"),require("../../../../WebCore/Switch/StyledSwitch.js"),require("../../../../WebCore/Textarea/Textarea.js"),require("../../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../../WebCore/TrialCard/TrialPill.js"),require("../../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../../WebCore/VideoModal/VideoModal.js");var u=require("../../utils/getIndicatorColor.js"),l=require("../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js");function d(e){return e&&e.__esModule?e:{default:e}}var p=d(t);module.exports=({relativePercentage:t,amount:d,color:c,animateBars:b,disabled:m,loading:C,toolTipContent:j,hideAmount:q,disableTooltips:W,checked:y,hidePercentageSymbol:B,slotProps:x})=>{const h=r.useTheme(),g=t&&t>8,[S,f]=i.useState(0);return i.useEffect(()=>{const e=C?20:t||0,r=b?S||0:e,o=performance.now(),i=t=>{const a=t-o,s=Math.min(a/250,1);f(r+(e-r)*(s*(2-s))),s<1&&requestAnimationFrame(i)},a=requestAnimationFrame(i);return()=>cancelAnimationFrame(a)},[d,C]),e.jsx(r.Box,{component:l.motion.div,...x?.graphBar,sx:o.mergeSx({height:"100%",width:`${S}%`,background:m||!y?h.custom.palette.neutral[100]:C?h.custom.palette.interaction.none:c,borderRadius:h.spacing(h.custom.radius.sm),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@number-flow/react"),o=require("merge-sx"),i=require("react");require("../../../../../utils/formValidation/misc.js"),require("../../../../BrandCore/Icon/Icon.js"),require("../../../../BrandCore/primitiveVariables.js"),require("../../../../WebCore/utils/typography.util.js"),require("../../../../WebCore/AnnualController/AnnualController.js"),require("../../../../WebCore/SelectItem/SelectItem.js"),require("../../../../WebCore/Accordion/Accordion.js");var a=require("../../../../WebCore/Typography/Typography.js");require("@mui/icons-material"),require("../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("../../../../WebCore/Badge/Badge.js"),require("../../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../../WebCore/Button/Button.js"),require("../../../../WebCore/ButtonBase/ButtonBase.js"),require("../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../../../WebCore/Checkbox/StyledCheckbox.js"),require("../../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../../WebCore/Differential/DifferentialContainer.js"),require("../../../../WebCore/Differential/DifferentialRadio.js"),require("../../../../WebCore/DropdownMenu/StyledMenu.js"),require("../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../../WebCore/IconButton/IconButton.js"),require("../../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../../WebCore/Image/Image.js"),require("../../../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../../../WebCore/Label/Label.js"),require("../../../../WebCore/Likert/LikertContainer.js"),require("../../../../WebCore/Likert/LikertLabel.js"),require("../../../../WebCore/Likert/LikertRadio.js"),require("../../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../../WebCore/Surface/Surface.js"),require("../../../../WebCore/Menu/MenuItem.js"),require("../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../../WebCore/Nudge/NudgeButton.js"),require("../../../../WebCore/NumberField/NumberField.js"),require("../../../../BrandCore/colorRamps.js"),require("../../../../BrandCore/semanticColor.js"),require("../../../../BrandCore/types.js"),require("../../../../BrandCore/typography.js"),require("../../../../WebCore/Progress/Progress.js");var s=require("../../../../WebCore/Tooltip/Tooltip.js");require("../../../../WebCore/Pill/StyledPill.js"),require("../../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../../WebCore/Radio/StyledRadio.js"),require("../../../../WebCore/Select/StyledSelect.js"),require("../../../../WebCore/RankItem/RankItemContainer.js"),require("../../../../WebCore/RankItem/RankItemLabel.js"),require("../../../../WebCore/SortableList/SortableList.js"),require("../../../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../../WebCore/RichTextField/StyledRichTextEditor.js");var n=require("../../../../WebCore/Skeleton/Skeleton.js");require("../../../../WebCore/Slider/StyledSlider.js"),require("../../../../WebCore/StarRating/StarRating.js"),require("../../../../WebCore/Switch/StyledSwitch.js"),require("../../../../WebCore/Textarea/Textarea.js"),require("../../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../../WebCore/TrialCard/TrialPill.js"),require("../../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../../WebCore/VideoModal/VideoModal.js");var u=require("../../utils/getIndicatorColor.js"),l=require("../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js");function d(e){return e&&e.__esModule?e:{default:e}}var p=d(t);module.exports=({relativePercentage:t,amount:d,color:c,animateBars:b,disabled:m,loading:C,toolTipContent:j,hideAmount:q,disableTooltips:W,checked:y,hidePercentageSymbol:B,slotProps:x})=>{const h=r.useTheme(),g=t&&t>8,[S,f]=i.useState(0);return i.useEffect(()=>{const e=C?20:t||0,r=b?S||0:e,o=performance.now(),i=t=>{const a=t-o,s=Math.min(a/250,1);f(r+(e-r)*(s*(2-s))),s<1&&requestAnimationFrame(i)},a=requestAnimationFrame(i);return()=>cancelAnimationFrame(a)},[d,C]),e.jsx(r.Box,{component:l.motion.div,...x?.graphBar,sx:o.mergeSx({height:"100%",width:`${S}%`,background:m||!y?h.custom.palette.neutral[100]:C?h.custom.palette.interaction.none:c,borderRadius:h.spacing(h.custom.radius.sm),boxSizing:"border-box",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"},x?.graphBar?.sx),initial:{opacity:0},animate:{opacity:1},transition:{duration:.3,ease:"easeOut"},children:e.jsx(s,{message:j,placement:"top",disableHoverListener:!j||m||C||W,followCursor:!0,...x?.graphBarTooltip,slotProps:{wrapper:{sx:{width:1,height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...x?.graphBarTooltip?.slotProps?.wrapper?.sx}}},children:e.jsx(e.Fragment,{children:C?e.jsx(n,{width:"100%",height:"100%",sx:{borderRadius:h.spacing(h.custom.radius.sm)}}):e.jsxs(l.motion.div,{style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},initial:{opacity:0},animate:{opacity:g?1:0},transition:{duration:.3,ease:"easeInOut",delay:g?.1:0},children:[e.jsx(l.motion.div,{initial:{y:10,opacity:0},animate:{y:g?0:10,opacity:g?1:0},transition:{duration:.3,ease:"easeOut"},children:e.jsx(a,{monospaced:!0,variation:"xs",component:"p",weight:"bold",sx:{whiteSpace:"nowrap",color:m||!y?h.custom.palette.text.disabled:u.getTextColor(c,h)},children:g?e.jsxs(e.Fragment,{children:[e.jsx(p.default,{value:t,animated:b}),B?"":"%"]}):null})}),e.jsx(l.motion.div,{initial:{y:10,opacity:0},animate:{y:g?0:10,opacity:g?1:0},transition:{duration:.3,ease:"easeOut",delay:.05},children:!q&&e.jsx(a,{monospaced:!0,variation:"xs",component:"p",sx:{color:m||!y?h.custom.palette.text.disabled:u.getTextColor(c,h)},children:g?e.jsx(p.default,{value:d,animated:b}):null})})]})})})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@mui/material");const t=e.styled(e.Box)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.md),width:"100%",minWidth:440,maxWidth:500,boxSizing:"border-box"})),o=e.styled(e.Box)(({theme:e})=>({display:"flex",alignItems:"center",height:56,width:"100%"})),i=e.styled(e.Box)(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",width:"100%",gap:e.spacing(e.custom.margin.xs)})),r=e.styled(e.ListItemButton)(({theme:t,zeroDataMode:o})=>({[`&.${e.listItemButtonClasses.root}`]:{cursor:o?"none":"pointer"},borderRadius:t.spacing(t.custom.radius.md),padding:0,backgroundColor:t.custom.palette.interaction.none,height:"100%",display:"flex",flexGrow:1,flexBasis:0,flexDirection:"column",alignItems:"center",justifyContent:"space-between","&:hover":{backgroundColor:o?t.custom.palette.interaction.none:t.custom.palette.interaction.hover},"&:active":{backgroundColor:o?t.custom.palette.interaction.none:t.custom.palette.interaction.press},"&.Mui-selected":{backgroundColor:o?t.custom.palette.interaction.none:t.custom.palette.interaction.press},"&.Mui-disabled":{opacity:1}})),n=e.styled(e.Box)(({theme:e,color:t})=>({width:24,aspectRatio:"1",borderRadius:"100%",backgroundColor:t})),a=e.styled(e.Box)(({theme:e})=>({height:36,display:"flex",alignItems:"center",justifyContent:"center"}));e.styled(e.Box)(({theme:e,color:t,animateBars:o})=>({flex:1,backgroundColor:t,borderRadius:e.spacing(e.custom.radius.sm),transition:o?"height 1s ease-in-out":void 0,height:"100%"})),exports.LikertActionControllerWrapper=r,exports.LikertGraphActionsControllerContainer=i,exports.LikertGraphBarContainer=o,exports.LikertGraphContainer=t,exports.LikertGraphLabel=a,exports.SwatchIndicator=n;
|
|
1
|
+
"use strict";var e=require("@mui/material");const t=e.styled(e.Box)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.md),width:"100%",minWidth:440,maxWidth:500,boxSizing:"border-box"})),o=e.styled(e.Box)(({theme:e})=>({display:"flex",gap:"1px",alignItems:"center",height:56,width:"100%"})),i=e.styled(e.Box)(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",width:"100%",gap:e.spacing(e.custom.margin.xs)})),r=e.styled(e.ListItemButton)(({theme:t,zeroDataMode:o})=>({[`&.${e.listItemButtonClasses.root}`]:{cursor:o?"none":"pointer"},borderRadius:t.spacing(t.custom.radius.md),padding:0,backgroundColor:t.custom.palette.interaction.none,height:"100%",display:"flex",flexGrow:1,flexBasis:0,flexDirection:"column",alignItems:"center",justifyContent:"space-between","&:hover":{backgroundColor:o?t.custom.palette.interaction.none:t.custom.palette.interaction.hover},"&:active":{backgroundColor:o?t.custom.palette.interaction.none:t.custom.palette.interaction.press},"&.Mui-selected":{backgroundColor:o?t.custom.palette.interaction.none:t.custom.palette.interaction.press},"&.Mui-disabled":{opacity:1}})),n=e.styled(e.Box)(({theme:e,color:t})=>({width:24,aspectRatio:"1",borderRadius:"100%",backgroundColor:t})),a=e.styled(e.Box)(({theme:e})=>({height:36,display:"flex",alignItems:"center",justifyContent:"center"}));e.styled(e.Box)(({theme:e,color:t,animateBars:o})=>({flex:1,backgroundColor:t,borderRadius:e.spacing(e.custom.radius.sm),transition:o?"height 1s ease-in-out":void 0,height:"100%"})),exports.LikertActionControllerWrapper=r,exports.LikertGraphActionsControllerContainer=i,exports.LikertGraphBarContainer=o,exports.LikertGraphContainer=t,exports.LikertGraphLabel=a,exports.SwatchIndicator=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),l=require("@mui/material"),i=require("react"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),l=require("@mui/material"),i=require("react"),n=require("../FormControlLabel/FormControlLabel.js"),t=require("../Checkbox/StyledCheckbox.js"),o=require("../TextField/TextField.js");module.exports=({sizing:r,options:s,other:a,internalChange:u,value:c,inputRef:d,onChange:h,maxSelections:x,noneOfTheseOption:b})=>{const m=a?.name||"other-option",p=b?.value||"none-of-these-option",f=`${m}-value-`,g=e=>`${f}${e}`,v=a?.enabled,j=c?.includes(m)&&v,C=c?.find(e=>e.includes(f)),k=i.useMemo(()=>c?c.filter(e=>!e.startsWith(f)).length:0,[c,f]),q=!!x&&k>=x;if(!c)return e.jsx("div",{});const F=(e,l)=>{const i=c.includes(e);if(!i&&q&&!l)return;let n=i?c.filter(l=>l!==e):l?[e]:[...new Set(c),e];if(l||(n=n.filter(e=>!s.find(l=>l?.exclusive&&e===l.value))),a?.enabled){!c.includes(m)||e!==m||(n=n.filter(e=>!e.includes(f)))}h(n),u&&u()},M=(e,l)=>!l&&(q&&!c.includes(e));return e.jsxs(e.Fragment,{children:[e.jsxs(l.FormGroup,{sx:{display:"flex",gap:e=>e.custom.margin.sm,label:{"&:last-child":{mb:0},"&:not(.Mui-disabled):hover":{"& .MuiCheckbox-root":{backgroundColor:e=>e.custom.palette.interaction.hover,"&.Mui-checked":{backgroundColor:e=>e.custom.palette.purple[500]}}}}},children:[s?.map(l=>{const i=l.value,o=M(i,l.exclusive);return e.jsx(n,{sx:{"& .MuiButtonBase-root.MuiCheckbox-root":{alignSelf:"baseline"},"& .MuiTypography-root":{mt:"default"!==r?.5:0}},onChange:()=>F(i,l.exclusive),checked:c.includes(i),disabled:o,control:e.jsx(t,{sizing:r,disabled:o}),label:l.label},i)}),v&&e.jsx(n,{inputRef:d,onChange:()=>F(m),label:a?.label||"Other",checked:c.includes(m),disabled:M(m),control:e.jsx(t,{sizing:r})},m),b&&(()=>{const l=M(p,b.exclusive);return e.jsx(n,{onChange:()=>F(p,b.exclusive),checked:c.includes(p),disabled:l,control:e.jsx(t,{sizing:r,disabled:l}),label:b.label},p)})()]}),j&&e.jsx(l.Box,{sx:{mt:1},children:e.jsx(o,{fullWidth:!0,autoFocus:!0,defaultValue:C?C.replace(f,""):"",placeholder:a?.placeholder,onChange:e=>{const l=c.find(e=>e.includes(f)),i=(l?c.map(l=>l.includes(f)?g(e.target.value):l):[...c,g(e.target.value)]).filter(e=>e!==f);h(i),u&&u()},required:!0})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx"),i=require("react"),s=require("react-hook-form"),n=require("react-phone-number-input"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx"),i=require("react"),s=require("react-hook-form"),n=require("react-phone-number-input"),o=require("../../../AutocompleteField/AutocompleteField.js"),a=require("../../../Checkbox/Checkbox.js");require("../../../Checkbox/StyledCheckbox.js");var l=require("../../../CheckboxGroup/CheckboxGroup.js"),c=require("../../../CreatableAutocomplete/CreatableAutocomplete.js"),u=require("../../../CustomField/CustomField.js"),m=require("../../../Differential/Differential.js"),h=require("../../../Html/Html.js"),d=require("../../../InputLabel/InputLabel.js"),p=require("../../../Likert/Likert.js"),f=require("../../../NumberField/NumberField.js"),x=require("../../../RadioGroup/RadioGroup.js"),j=require("../../../Rank/Rank.js"),g=require("../../../RichTextField/RichTextField.js");require("../../../SelectItem/SelectItem.js");var q=require("../../../Select/Select.js"),b=require("../../../Slider/Slider.js"),S=require("../../../StarRating/StarRating.js"),v=require("../../../Switch/Switch.js"),k=require("../../../Textarea/Textarea.js"),T=require("../../../TextField/TextField.js"),C=require("../StengthIndicator/StrengthIndicator.js"),F=require("./components/InputWrapperHelperText/InputWrapperHelperText.js");const y={textfield:T,numberfield:f,textarea:k,creatableautocomplete:c,select:q,autocomplete:o,checkbox:a,checkboxGroup:l,switch:v,slider:b,starRating:S,differential:m,likert:p,radioGroup:x,ranking:j,richTextfield:g,customfield:u},I=(e,r)=>e.filter(e=>{if(e.includes("-value-")){const r=e.split("-value-")[1];return r&&r.length>0}return e!==r}).length;module.exports=({fieldRef:o,name:a,fieldType:l,label:c,control:u,errors:m,labelProps:p,helperText:f,helpTextProps:x,validation:j,content:g,styleOverrides:q,defaultValue:b,onChange:S,watch:v,trigger:k,strengthIndicator:T,...R})=>{const{custom:w}=r.useTheme(),A=void 0!==m&&Object.keys(m).length>0,[B,G]=i.useState(0);i.useEffect(()=>{T&&B>0&&k(a)},[B]);const _=j?.match?.field,N=v(_);return i.useEffect(()=>{_&&k(a)},[N,_,k,a]),e.jsxs(r.Stack,{sx:t.mergeSx(q?.sxInputStack,R?.hidden&&{display:"none!important"}),gap:w.margin.sm,children:["switch"!==l?c&&e.jsx(d,{...p,children:c}):null,"html"===l&&g?e.jsx(h,{children:g}):e.jsxs(e.Fragment,{children:[e.jsx(s.Controller,{name:a,control:u,render:r=>function({field:{ref:r,...t}}){const i=y[l],s=e=>(e.name||e.value||"").replace(/-/g,"_").includes("none_of_these");let n=R;if(R.other?.enabled&&Array.isArray(R.options)){const e=R.options.findIndex(s);-1!==e&&(n={...R,options:R.options.filter((r,t)=>t!==e),noneOfTheseOption:R.options[e]})}return e.jsx(i,{...n,...t,inputRef:e=>{r(e),o&&(o.current=e)},..."switch"===l?{label:c}:{},..."autocomplete"===l?{onChange:(e,r)=>t.onChange(r)}:{}})}(r),rules:{...j,validate:e=>{if(j&&"phone"in j)return n.isValidPhoneNumber(`+${v("extension")}${e}`)||j.phone.message;if(j&&"score"in j)return B<=j.score.value?j.score.message:void 0;if(j&&"white_space"in j)return!e.match(/^\s*$/g)||j.white_space.message;if(j&&"match"in j&&j?.match?.field)switch(j?.match?.comparison){case"not_eq":return e!=v(j.match.field)||j.match.message;case"gt":return e>v(j.match.field)||j.match.message;case"lt":return e<v(j.match.field)||j.match.message;default:return e===v(j.match.field)||j.match.message}if(j&&"minSelections"in j){const r=e;if(!(j.selectionsBypass&&r.includes(j.selectionsBypass))){const e=R.other?.enabled?R.other?.name||"other-option":void 0;if(I(r,e)<j.minSelections.value)return j.minSelections.message}}if(j&&"maxSelections"in j){const r=e;if(!(j.selectionsBypass&&r.includes(j.selectionsBypass))){const e=R.other?.enabled?R.other?.name||"other-option":void 0;if(I(r,e)>j.maxSelections.value)return j.maxSelections.message}}}}}),T&&e.jsx(C,{value:v(a),onChange:G})]}),e.jsxs(e.Fragment,{children:[Boolean(A)?e.jsx(F,{helperText:void 0,inputName:a,errors:m,showicon:!0}):null,Boolean(f)?e.jsx(F,{helperText:f,inputName:a,errors:void 0,...x}):null]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),a=require("react"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),a=require("react"),o=require("../../BrandCore/primitiveVariables.js"),l=require("../FormControlLabel/FormControlLabel.js"),i=require("../Radio/Radio.js");require("../Radio/StyledRadio.js");var t=require("../TextField/TextField.js");module.exports=({options:n,onChange:s,other:u,value:c,internalChange:d,sizing:g="lg",inputRef:h,noneOfTheseOption:p,...m})=>{const x=u?.enabled,f="other-option",b=`${f}-value-`,[j,v]=a.useState(c),[q,y]=a.useState(!1),R=a.useRef(null);a.useEffect(()=>{!q&&j?.includes(b)?y(!0):q&&y(!1)},[j]);return a.useEffect(()=>{R.current&&Array.from(R.current.getElementsByTagName("label")).forEach(e=>{if(e.clientHeight>4*o.base){const r=e.querySelector(".MuiTypography-root");r&&(r.style.marginTop=o.base/2+"px")}})},[R.current]),e.jsxs(e.Fragment,{children:[e.jsxs(r.RadioGroup,{...m,value:j,ref:R,sx:{"& .MuiRadio-root":{alignSelf:"baseline"},"& .MuiTypography-root":{alignSelf:"center"},display:"flex",alignSelf:"baseline",gap:e=>e.custom.margin.sm,label:{"&:last-child":{mb:0},"&:hover":{"& .MuiRadio-root":{backgroundColor:e=>e.custom.palette.interaction.hover,"&.Mui-checked":{backgroundColor:e=>e.custom.palette.purple[500]}}}}},onChange:(e,r)=>{s&&s(r),v(r),d&&d()},children:[n?n.map((r,a)=>e.jsx(l,{sx:{"& .MuiButtonBase-root.MuiRadio-root":{alignSelf:"baseline"}},...r,control:e.jsx(i,{sizing:g})},a)):null,x&&e.jsx(l,{label:u?.label||"Other",value:b,control:e.jsx(i,{sizing:g,checked:j?.includes(b)})},f),p&&e.jsx(l,{...p,control:e.jsx(i,{sizing:g})},p.value)]}),q&&e.jsx(r.Box,{sx:{mt:1},children:e.jsx(t,{fullWidth:!0,autoFocus:!0,placeholder:u?.placeholder,defaultValue:j?.replace(b,""),onChange:e=>{var r;s&&s((r=e.target.value,`${b}${r}`)),d&&d()},required:!0})})]})};
|