@useloops/design-system 1.4.741 → 1.4.742

package/dist/esm/systems/Platform/CommentCard/CommentCard.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as t,Box as r,Stack as i}from"@mui/material";import{usePopupState as a}from"material-ui-popup-state/hooks";import{forwardRef as s,useState as p,useEffect as l}from"react";import{isButton as n}from"../../../utils/isButton.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import m from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as d}from"../../WebCore/Text/Text.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"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import c from"../../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/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import u from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.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 b from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import C from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.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"../../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"../../WebCore/TintedSurface/TintedSurface.js";import j from"../ClipboardCopyingOverlay/ClipboardCopyingOverlay.js";import W from"../EditedByAvatar/EditedByAvatar.js";export{getAuthorAvatarColor}from"../EditedByAvatar/EditedByAvatar.js";import y from"../SentimentArrow/SentimentArrow.js";import x from"../TimeToFindResult/TimeToFindResult.js";import{CommentCardContainer as g,CommentActions as B}from"./_partials/Containers.js";const f=s(({author:s,authorId:f,timeStamp:S,commentType:h,onTimeStampClick:I,copyLoading:L,favouriteLoading:k,isActive:A,isHovered:T,isStarred:v,moreMenuItems:F,moreMenuState:M,onClick:R,onFavouritePress:w,onMorePress:G,original:P,sentimentScore:_,positionX:z,positionY:E,positionAspectRatio:O,statusLabel:N,statusLabelPrefix:K,statusLabelTone:V,translation:D,translationError:H,slotProps:U,demographicString:X,onClickSeeMore:Y},$)=>{const q=t(),[J,Q]=p(!D),Z=matchMedia("(hover: none)").matches,[ee,oe]=p(T||Z),te=a({variant:"popper"});return l(()=>{te.close()},[ee]),e(g,{ref:$,onMouseOver:()=>oe(!0),onMouseOut:()=>oe(!1),isActive:A,isHovered:T,onClick:e=>{n(e.target)||R?.()},children:[L&&o(j,{}),e(r,{sx:{alignItems:"start",display:"flex",gap:q.p.md,justifyContent:"space-between"},children:[s&&e(r,{sx:{alignItems:"flex-start",display:"flex",gap:q.p.sm},children:[o(W,{name:s,userId:f,tooltip:!1}),e(r,{sx:{alignItems:"center",display:"flex",flexWrap:"wrap",columnGap:q.p.sm,rowGap:q.p.xs},children:[o(d,{size:"xs",bold:!0,children:s}),null!=_&&o(y,{sentimentScore:_,commentCard:!0}),S&&o(c,{sizing:"xs",variation:"subtle",onClick:I,sx:{color:q.custom.palette.text.secondary},children:`at ${S}`})]})]}),e(B,{children:[X&&Y?o(C,{message:X,children:o(u,{icon:o(m,{name:"info",color:q.custom.palette.icon.primary}),sizing:"xs",sx:{opacity:ee?1:0},onClick:Y})}):null,!H&&D?o(u,{variation:J?"default":"toggle",icon:o(m,{name:"translate",color:q.custom.palette.icon.primary}),sizing:"xs",onClick:()=>Q(!J),sx:{opacity:ee?1:0,backgroundColor:"red"}}):null,!!w&&o(u,{loading:k,sizing:"xs",icon:o(m,v?{name:"star-filled",color:q.custom.palette.yellow[300]}:{name:"star",color:q.custom.palette.icon.primary}),onClick:e=>{e.stopPropagation(),w?.()},sx:{opacity:v||ee?1:0}}),F&&F.length>0&&o(b,{...M&&{state:M},state:te,trigger:o(u,{sizing:"xs",icon:o(m,{name:"more-vertical",color:q.custom.palette.icon.primary}),onClick:()=>G?.(),sx:{opacity:ee?1:0}}),menuItems:F,width:128,offset:[0,-8],placement:"bottom-end",slotProps:{...U?.menu}})]})]}),o(r,{sx:{alignItems:"start",display:"flex",gap:q.p.sm,justifyContent:"space-between",pl:null!=N?q.p.lg:0},children:null!=N?o(x,{x:z??0,y:E??0,aspectRatio:O,prefix:K,label:N,tone:V}):o(i,{sx:{alignItems:"start",gap:q.p.xs,pr:q.p.md},children:e(i,{direction:"row",sx:{gap:q.m.sm},children:[o(r,{sx:{pt:q.p.xs,mx:q.p.xs,minWidth:q.p.md,display:"flex",justifyContent:"center"},children:h&&o(m,{name:h,color:q.custom.palette.icon.secondary,size:18})}),e(r,{sx:{display:"flex",alignItems:"center",gap:q.p.sm,flexWrap:"wrap"},children:[o(d,{size:"sm",className:"message",children:!D||J?P:D}),H?o(d,{size:"xs",color:q.custom.palette.text.disabled,children:H}):null]})]})})})]})});export{f as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as t,Box as r,Stack as i}from"@mui/material";import{usePopupState as a}from"material-ui-popup-state/hooks";import{forwardRef as s,useState as p,useEffect as l}from"react";import{isButton as n}from"../../../utils/isButton.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import m from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as d}from"../../WebCore/Text/Text.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"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import c from"../../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/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import u from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.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 b from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import C from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.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"../../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"../../WebCore/TintedSurface/TintedSurface.js";import j from"../ClipboardCopyingOverlay/ClipboardCopyingOverlay.js";import W from"../EditedByAvatar/EditedByAvatar.js";export{getAuthorAvatarColor}from"../EditedByAvatar/EditedByAvatar.js";import y from"../SentimentArrow/SentimentArrow.js";import x from"../TimeToFindResult/TimeToFindResult.js";import{CommentCardContainer as g,CommentActions as B}from"./_partials/Containers.js";const f=s(({author:s,authorId:f,timeStamp:S,commentType:h,onTimeStampClick:I,copyLoading:L,favouriteLoading:k,isActive:A,isHovered:T,isStarred:v,moreMenuItems:F,moreMenuState:M,onClick:R,onFavouritePress:w,onMorePress:G,original:P,sentimentScore:_,positionX:z,positionY:E,positionAspectRatio:O,statusLabel:N,statusLabelPrefix:K,statusLabelTone:V,translation:D,translationError:H,slotProps:U,demographicString:X,onClickSeeMore:Y},$)=>{const q=t(),[J,Q]=p(!D),Z=matchMedia("(hover: none)").matches,[ee,oe]=p(T||Z),te=a({variant:"popper"});return l(()=>{te.close()},[ee]),e(g,{ref:$,onMouseOver:()=>oe(!0),onMouseOut:()=>oe(!1),isActive:A,isHovered:T,onClick:e=>{n(e.target)||R?.()},children:[L&&o(j,{}),e(r,{sx:{alignItems:"start",display:"flex",gap:q.p.md,justifyContent:"space-between"},children:[s&&e(r,{sx:{alignItems:"flex-start",display:"flex",gap:q.p.sm},children:[o(W,{name:s,userId:f,tooltip:!1}),e(r,{sx:{alignItems:"center",display:"flex",flexWrap:"wrap",columnGap:q.p.sm,rowGap:q.p.xs},children:[o(d,{size:"xs",bold:!0,children:s}),null!=_&&o(y,{sentimentScore:_,commentCard:!0}),S&&o(c,{sizing:"xs",variation:"subtle",onClick:I,sx:{color:q.custom.palette.text.secondary},children:`at ${S}`})]})]}),e(B,{children:[X&&Y?o(C,{message:X,children:o(u,{icon:o(m,{name:"info",color:q.custom.palette.icon.primary}),sizing:"xs",sx:{opacity:ee?1:0},onClick:Y})}):null,!H&&D?o(u,{variation:J?"default":"toggle",icon:o(m,{name:"translate",color:q.custom.palette.icon.primary}),sizing:"xs",onClick:()=>Q(!J),sx:{opacity:ee?1:0,backgroundColor:"red"}}):null,!!w&&o(u,{loading:k,sizing:"xs",icon:o(m,v?{name:"star-filled",color:q.custom.palette.yellow[300]}:{name:"star",color:q.custom.palette.icon.primary}),onClick:e=>{e.stopPropagation(),w?.()},sx:{opacity:v||ee?1:0}}),F&&F.length>0&&o(b,{...M&&{state:M},state:te,trigger:o(u,{sizing:"xs",icon:o(m,{name:"more-vertical",color:q.custom.palette.icon.primary}),onClick:()=>G?.(),sx:{opacity:ee?1:0}}),menuItems:F,width:128,offset:[0,-8],placement:"bottom-end",slotProps:{...U?.menu}})]})]}),o(r,{sx:{alignItems:"start",display:"flex",gap:q.p.sm,justifyContent:"space-between",pl:null!=N?q.p.lg:0},children:null!=N?o(x,{x:z??0,y:E??0,aspectRatio:O,prefix:K,label:N,tone:V}):o(i,{sx:{alignItems:"start",gap:q.p.xs,pr:q.p.md},children:e(i,{direction:"row",sx:{gap:q.m.sm},children:[o(r,{sx:{pt:q.p.xs,mx:q.p.xs,minWidth:q.p.md,display:"flex",justifyContent:"center"},children:h&&o(m,{name:h,color:q.custom.palette.icon.secondary,size:18})}),e(r,{sx:{display:"flex",alignItems:"center",gap:q.p.sm,flexWrap:"wrap"},children:[o(d,{size:"sm",className:"message",dir:"auto",children:!D||J?P:D}),H?o(d,{size:"xs",color:q.custom.palette.text.disabled,children:H}):null]})]})})})]})});export{f as default};

package/dist/esm/systems/Platform/GraphBar/GraphBar.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useTheme as i,ListItem as o,ListItemIcon as a,Stack as n,Box as s,ListItemText as l,formControlLabelClasses as m}from"@mui/material";import c from"@number-flow/react";import{mergeSx as p}from"merge-sx";import{useState as d,useRef as x,useEffect as h,useCallback as u}from"react";import g from"../../WebCore/Checkbox/Checkbox.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import{Text as y}from"../../WebCore/Text/Text.js";import b from"../../WebCore/Tooltip/Tooltip.js";import f from"./_partials/StyledLinearProgress/StyledLinearProgress.js";import C from"./_partials/StyledListItemButton/StyledLisItemButton.js";import T from"./_partials/UnitText/UnitText.js";const k=({id:k,label:v,value:j=0,relativePercentage:w,respondentCount:B,tooltipContent:I,icon:P,hideIcon:S=!1,hideCheckbox:W=!1,hideUnitColumn1:F=!1,hideUnitColumn2:L=!1,animated:U=!0,checked:A=!1,active:_,disabled:q=!1,onChange:D,percentageSymbol:R=!1,compact:$,slotProps:z={}})=>{const M=i(),E=_??A,[G,H]=d(0),J=x(null),K=z.icon;h(()=>{const e=G,t=w||j,r=performance.now(),i=o=>{const a=o-r,n=Math.min(a/250,1);H(e+(t-e)*(n*(2-n))),n<1&&requestAnimationFrame(i)},o=requestAnimationFrame(i);return()=>cancelAnimationFrame(o)},[w,j]);const N=u(()=>{!q&&D&&D(!A)},[q,D,A]),O=F&&L,Q=null!=j,V=null!=B;return e(o,{disablePadding:!0,sx:{mb:M.spacing(M.custom.margin.xs)},...z?.listItem,children:e(b,{message:I||v,followCursor:!0,placement:"bottom-start",slotProps:{wrapper:{sx:{width:"100%"}}},...z.tooltip,children:t(C,{id:k,role:void 0,onClick:N,dense:!0,disabled:q,sx:{display:"flex"},children:[!S&&P&&e(a,{...K,sx:p({minWidth:0,mr:M.custom.margin.xs,color:M.custom.palette.text.primary},K?.sx),children:P}),t(n,{direction:"row",sx:{width:1,gap:$?M.custom.margin.sm:M.custom.margin.md,alignItems:"center"},children:[t(s,{sx:{display:"flex",position:"relative",width:"fill-available"},children:[!q&&e(f,{variant:"determinate",value:G,checked:E,...z.graphBar}),e(l,{disableTypography:!0,primary:e(y,{...z.graphBarTypography,size:"xs",noWrap:!0,sx:p(z.graphBarTypography?.sx,{color:(()=>{if(!E||q)return M.custom.palette.text.disabled;return("object"==typeof z.graphBarTypography?.sx&&null!==z.graphBarTypography?.sx&&"color"in z.graphBarTypography.sx?z.graphBarTypography.sx.color:void 0)||M.palette.text.primary})()}),children:v}),sx:{my:0,position:"absolute",display:"flex",alignItems:"center",inset:0,ml:1}})]}),!O&&t(s,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:M.custom.margin.xs},children:[!F&&e(T,{bold:!0,color:M.palette.text.primary,disabled:q,checked:E,...z?.unitText1,children:Q?t(r,{children:[e(c,{value:j,animated:U,...R&&{format:{minimumFractionDigits:1,maximumFractionDigits:1}}}),""+(R?"%":"")]}):"-"}),!L&&e(T,{color:M.palette.text.secondary,disabled:q,checked:E,...z?.unitText2,children:V?e(c,{value:B,animated:U}):"-"})]}),!W&&e(s,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:e(g,{id:`${k}-checkbox`,variant:"secondary",checked:!q&&A,disabled:q,...z.checkbox,checkboxLabel:void 0,inputRef:J,sx:p(z.checkbox?.sx,{[`&.${m.root}`]:{marginRight:0}})})})]})]})})})};export{k as default};
+import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useTheme as i,ListItem as o,ListItemIcon as a,Stack as n,Box as s,ListItemText as l,formControlLabelClasses as m}from"@mui/material";import c from"@number-flow/react";import{mergeSx as p}from"merge-sx";import{useState as d,useRef as x,useEffect as h,useCallback as u}from"react";import g from"../../WebCore/Checkbox/Checkbox.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import{Text as y}from"../../WebCore/Text/Text.js";import b from"../../WebCore/Tooltip/Tooltip.js";import f from"./_partials/StyledLinearProgress/StyledLinearProgress.js";import C from"./_partials/StyledListItemButton/StyledLisItemButton.js";import T from"./_partials/UnitText/UnitText.js";const k=({id:k,label:v,value:j=0,relativePercentage:w,respondentCount:B,tooltipContent:I,icon:P,hideIcon:S=!1,hideCheckbox:W=!1,hideUnitColumn1:F=!1,hideUnitColumn2:L=!1,animated:U=!0,checked:A=!1,active:_,disabled:q=!1,onChange:D,percentageSymbol:R=!1,compact:$,slotProps:z={}})=>{const M=i(),E=_??A,[G,H]=d(0),J=x(null),K=z.icon;h(()=>{const e=G,t=w||j,r=performance.now(),i=o=>{const a=o-r,n=Math.min(a/250,1);H(e+(t-e)*(n*(2-n))),n<1&&requestAnimationFrame(i)},o=requestAnimationFrame(i);return()=>cancelAnimationFrame(o)},[w,j]);const N=u(()=>{!q&&D&&D(!A)},[q,D,A]),O=F&&L,Q=null!=j,V=null!=B;return e(o,{disablePadding:!0,sx:{mb:M.spacing(M.custom.margin.xs)},...z?.listItem,children:e(b,{message:I||v,followCursor:!0,placement:"bottom-start",slotProps:{wrapper:{sx:{width:"100%"}}},...z.tooltip,children:t(C,{id:k,role:void 0,onClick:N,dense:!0,disabled:q,sx:{display:"flex"},children:[!S&&P&&e(a,{...K,sx:p({minWidth:0,mr:M.custom.margin.xs,color:M.custom.palette.text.primary},K?.sx),children:P}),t(n,{direction:"row",sx:{width:1,gap:$?M.custom.margin.sm:M.custom.margin.md,alignItems:"center"},children:[t(s,{sx:{display:"flex",position:"relative",width:"fill-available"},children:[!q&&e(f,{variant:"determinate",value:G,checked:E,...z.graphBar}),e(l,{disableTypography:!0,primary:e(y,{dir:"auto",...z.graphBarTypography,size:"xs",noWrap:!0,sx:p(z.graphBarTypography?.sx,{color:(()=>{if(!E||q)return M.custom.palette.text.disabled;return("object"==typeof z.graphBarTypography?.sx&&null!==z.graphBarTypography?.sx&&"color"in z.graphBarTypography.sx?z.graphBarTypography.sx.color:void 0)||M.palette.text.primary})()}),children:v}),sx:{my:0,position:"absolute",display:"flex",alignItems:"center",inset:0,ml:1}})]}),!O&&t(s,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:M.custom.margin.xs},children:[!F&&e(T,{bold:!0,color:M.palette.text.primary,disabled:q,checked:E,...z?.unitText1,children:Q?t(r,{children:[e(c,{value:j,animated:U,...R&&{format:{minimumFractionDigits:1,maximumFractionDigits:1}}}),""+(R?"%":"")]}):"-"}),!L&&e(T,{color:M.palette.text.secondary,disabled:q,checked:E,...z?.unitText2,children:V?e(c,{value:B,animated:U}):"-"})]}),!W&&e(s,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:e(g,{id:`${k}-checkbox`,variant:"secondary",checked:!q&&A,disabled:q,...z.checkbox,checkboxLabel:void 0,inputRef:J,sx:p(z.checkbox?.sx,{[`&.${m.root}`]:{marginRight:0}})})})]})]})})})};export{k as default};

package/dist/esm/systems/Platform/QuestionBlock/QuestionBlock.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Stack as t,useTheme as i,Box as a}from"@mui/material";import"react";import{omitProps as p}from"../../../utils/shouldForwardProp.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as s}from"../../WebCore/Text/Text.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"merge-sx";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/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import m from"../../WebCore/HtmlParser/HtmlParser.js";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import l from"../../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"../../BrandCore/Sticker/Sticker.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.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 n 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"../../WebCore/TintedSurface/TintedSurface.js";import d from"../QuestionBar/QuestionBar.js";const b=r(t,{shouldForwardProp:p("variation")})(({theme:e,variation:o})=>({border:"simple"===o?"none":`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.lg),overflow:"simple"===o?"visible":"hidden"})),u=r(t,{shouldForwardProp:p("variation")})(({theme:e,variation:o})=>({gap:e.p.sm,padding:"simple"===o?"0px":e.spacing(e.custom.padding.md)})),C=({preQuestionText:r,questionText:p,questionNumber:C,questionType:j,supportText:c,labels:W,loading:B,variation:h="default",slots:S,slotProps:y})=>{const g=i();return e(b,B?{variation:h,children:["simple"!==h&&o(d,{loading:!0}),e(u,{variation:h,children:[o(n,{width:"100%",height:22}),o(n,{width:"100%",height:44}),o(n,{width:"100%",height:66})]})]}:{variation:h,children:["simple"!==h&&o(d,{type:j,labels:W}),e(t,{direction:"row",sx:{gap:g.p.sm},children:["simple"===h&&void 0!==C&&o(l,{body:C,sizing:"xxs",colorScheme:"neutral",sx:{minWidth:32}}),e(t,{sx:{width:"100%"},children:[e(u,{variation:h,children:[r&&o(s,{size:"md",secondary:!0,sx:{whiteSpace:"pre-wrap"},children:r}),o(s,{size:"md",bold:!0,sx:{whiteSpace:"pre-wrap"},...y?.questionText,children:p}),S?.supportText??(c&&o(m,{typographyProps:y?.supportText,children:c}))]}),S?.answerPreview&&"complex"===h&&o(a,{children:S.answerPreview})]})]})]})};export{C as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Stack as t,useTheme as i,Box as a}from"@mui/material";import"react";import{omitProps as p}from"../../../utils/shouldForwardProp.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as s}from"../../WebCore/Text/Text.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"merge-sx";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/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import m from"../../WebCore/HtmlParser/HtmlParser.js";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import l from"../../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"../../BrandCore/Sticker/Sticker.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.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 n 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"../../WebCore/TintedSurface/TintedSurface.js";import d from"../QuestionBar/QuestionBar.js";const b=r(t,{shouldForwardProp:p("variation")})(({theme:e,variation:o})=>({border:"simple"===o?"none":`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.lg),overflow:"simple"===o?"visible":"hidden"})),u=r(t,{shouldForwardProp:p("variation")})(({theme:e,variation:o})=>({gap:e.p.sm,padding:"simple"===o?"0px":e.spacing(e.custom.padding.md)})),C=({preQuestionText:r,questionText:p,questionNumber:C,questionType:j,supportText:c,labels:W,loading:B,variation:h="default",slots:S,slotProps:y})=>{const g=i();return e(b,B?{variation:h,children:["simple"!==h&&o(d,{loading:!0}),e(u,{variation:h,children:[o(n,{width:"100%",height:22}),o(n,{width:"100%",height:44}),o(n,{width:"100%",height:66})]})]}:{variation:h,children:["simple"!==h&&o(d,{type:j,labels:W}),e(t,{direction:"row",sx:{gap:g.p.sm},children:["simple"===h&&void 0!==C&&o(l,{body:C,sizing:"xxs",colorScheme:"neutral",sx:{minWidth:32}}),e(t,{sx:{width:"100%"},children:[e(u,{variation:h,children:[r&&o(s,{size:"md",secondary:!0,dir:"auto",sx:{whiteSpace:"pre-wrap"},children:r}),o(s,{size:"md",bold:!0,dir:"auto",sx:{whiteSpace:"pre-wrap"},...y?.questionText,children:p}),S?.supportText??(c&&o(m,{dir:"auto",typographyProps:y?.supportText,children:c}))]}),S?.answerPreview&&"complex"===h&&o(a,{children:S.answerPreview})]})]})]})};export{C as default};

package/dist/esm/systems/Platform/QuestionSelector/QuestionSelector.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as r,Box as t,Stack as i}from"@mui/material";import{usePopupState as a}from"material-ui-popup-state/hooks";import{mergeSx as s}from"merge-sx";import{memo as p}from"react";import n from"@number-flow/react";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import m from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as l}from"../../WebCore/Text/Text.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 d from"../../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/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import u from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.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 b from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.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 c 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"../../WebCore/TintedSurface/TintedSurface.js";const C=p(({handleNavigateRegion:p,questionMenuItems:C,questionTitle:j,currentRegionIndex:W=0,loading:g,popperState:B,slotProps:h})=>{const f=r(),x=B||a({variant:"popper"});return g?e(c,{width:"30%",height:32,sx:{borderRadius:f.spacing(f.custom.radius.md)}}):o(t,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",gap:f.custom.padding.md},children:[e(t,{sx:{minWidth:0},children:e(b,{showItemNumbers:!0,width:300,offset:[0,8],placement:"bottom-start",state:x,slotProps:{surface:{sx:s({overflowY:"auto",paddingRight:0,"& .MuiButton-root":{height:40,borderRadius:0},"& .MuiTypography-root":{px:f.spacing(f.custom.padding.xs)}},h?.surface?.sx)}},trigger:e(d,{sx:{overflow:"hidden",flex:1,">div":{flex:"0 1 auto",textWrap:"nowrap",overflow:"hidden",minWidth:0,textOverflow:"ellipsis",whiteSpace:"nowrap"},">span":{flex:"0 0 auto"},fontVariantNumeric:"tabular-nums"},sizing:"lg",variation:"secondary",endIcon:x.isOpen?e(m,{name:"chevron-up"}):e(m,{name:"chevron-down"}),children:j}),menuItems:C})}),o(i,{direction:"row",sx:{alignItems:"center",gap:f.spacing(f.custom.margin.md),flex:"0 0 auto",minWidth:0},children:[e(t,{children:o(l,{monospaced:!0,size:"xs",secondary:!0,sx:{"& strong":{color:f.custom.palette.text.primary,fontWeight:500}},children:[e("strong",{children:e(n,{value:(W||0)+1})})," ","of ",C?.length||0]})}),e(t,{sx:{display:"flex",alignItems:"center"},children:o(i,{direction:"row",spacing:.5,children:[e(u,{icon:e(m,{name:"arrow-left"}),shape:"round",variation:"toggle",sizing:"lg",disabled:W+1===1,onClick:()=>p(-1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:f.custom.palette.purple[0],"&:hover:before":{backgroundColor:f.custom.palette.interaction.hover}}}}),e(u,{icon:e(m,{name:"arrow-right"}),shape:"round",variation:"toggle",sizing:"lg",disabled:W+1===C?.length,onClick:()=>p(1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:f.custom.palette.purple[0],"&:hover:before":{backgroundColor:f.custom.palette.interaction.hover}}}})]})})]})]})});export{C as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as r,Box as t,Stack as i}from"@mui/material";import{usePopupState as a}from"material-ui-popup-state/hooks";import{mergeSx as s}from"merge-sx";import{memo as p}from"react";import n from"@number-flow/react";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import m from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as l}from"../../WebCore/Text/Text.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 d from"../../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/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import u from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.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 b from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.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 c 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"../../WebCore/TintedSurface/TintedSurface.js";const C=p(({handleNavigateRegion:p,questionMenuItems:C,questionTitle:j,currentRegionIndex:W=0,loading:g,popperState:B,slotProps:h})=>{const f=r(),x=B||a({variant:"popper"});return g?e(c,{width:"30%",height:32,sx:{borderRadius:f.spacing(f.custom.radius.md)}}):o(t,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",gap:f.custom.padding.md},children:[e(t,{sx:{minWidth:0},children:e(b,{showItemNumbers:!0,width:300,offset:[0,8],placement:"bottom-start",state:x,slotProps:{surface:{sx:s({overflowY:"auto",paddingRight:0,"& .MuiButton-root":{height:40,borderRadius:0},"& .MuiTypography-root":{px:f.spacing(f.custom.padding.xs)}},h?.surface?.sx)}},trigger:e(d,{sx:{overflow:"hidden",flex:1,">div":{flex:"0 1 auto",textWrap:"nowrap",overflow:"hidden",minWidth:0,textOverflow:"ellipsis",whiteSpace:"nowrap"},">span":{flex:"0 0 auto"},fontVariantNumeric:"tabular-nums"},sizing:"lg",variation:"secondary",endIcon:x.isOpen?e(m,{name:"chevron-up"}):e(m,{name:"chevron-down"}),children:e("span",{dir:"auto",children:j})}),menuItems:C})}),o(i,{direction:"row",sx:{alignItems:"center",gap:f.spacing(f.custom.margin.md),flex:"0 0 auto",minWidth:0},children:[e(t,{children:o(l,{monospaced:!0,size:"xs",secondary:!0,sx:{"& strong":{color:f.custom.palette.text.primary,fontWeight:500}},children:[e("strong",{children:e(n,{value:(W||0)+1})})," ","of ",C?.length||0]})}),e(t,{sx:{display:"flex",alignItems:"center"},children:o(i,{direction:"row",spacing:.5,children:[e(u,{icon:e(m,{name:"arrow-left"}),shape:"round",variation:"toggle",sizing:"lg",disabled:W+1===1,onClick:()=>p(-1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:f.custom.palette.purple[0],"&:hover:before":{backgroundColor:f.custom.palette.interaction.hover}}}}),e(u,{icon:e(m,{name:"arrow-right"}),shape:"round",variation:"toggle",sizing:"lg",disabled:W+1===C?.length,onClick:()=>p(1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:f.custom.palette.purple[0],"&:hover:before":{backgroundColor:f.custom.palette.interaction.hover}}}})]})})]})]})});export{C as default};

package/dist/esm/systems/WebCore/HtmlParser/HtmlParser.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{Box as e}from"@mui/material";import i,{domToReact as t}from"html-react-parser";import{Text as n}from"../Text/Text.js";const l=({children:l,typographyProps:o={size:"lg"}})=>{const p=(r=>{const e=r.replaceAll(/<p><\/p>/g,"<br />");return/<(p|div|h[1-6]|ul|ol|li|blockquote)[\s>]/i.test(e)?e:`<p>${e}</p>`})(l),c={replace(i){const l=i;if(l.attribs){if("p"===l.name)return r(n,{...o,children:t(l.children,c)});if("ul"===l.name)return r(e,{component:"ul",sx:{margin:0,pl:4},children:t(l.children,c)});if("ol"===l.name)return r(e,{component:"ol",sx:{margin:0,pl:4},children:t(l.children,c)});if("li"===l.name)return r(e,{component:"li",sx:{...o?.sx||{},fontSize:"inherit",lineHeight:"inherit"},children:t(l.children,c)})}}};return r(e,{sx:{overflowWrap:"break-word",whiteSpace:"pre-wrap"},children:i(p,c)})};export{l as default};
+import{jsx as r}from"react/jsx-runtime";import{Box as e}from"@mui/material";import i,{domToReact as t}from"html-react-parser";import{Text as n}from"../Text/Text.js";const l=({children:l,typographyProps:o={size:"lg"},dir:p})=>{const c=(r=>{const e=r.replaceAll(/<p><\/p>/g,"<br />");return/<(p|div|h[1-6]|ul|ol|li|blockquote)[\s>]/i.test(e)?e:`<p>${e}</p>`})(l),a={replace(i){const l=i;if(l.attribs){if("p"===l.name)return r(n,{...o,children:t(l.children,a)});if("ul"===l.name)return r(e,{component:"ul",sx:{margin:0,pl:4},children:t(l.children,a)});if("ol"===l.name)return r(e,{component:"ol",sx:{margin:0,pl:4},children:t(l.children,a)});if("li"===l.name)return r(e,{component:"li",sx:{...o?.sx||{},fontSize:"inherit",lineHeight:"inherit"},children:t(l.children,a)})}}};return r(e,{dir:p,sx:{overflowWrap:"break-word",whiteSpace:"pre-wrap"},children:i(c,a)})};export{l as default};

package/dist/systems/Platform/CommentCard/CommentCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("material-ui-popup-state/hooks"),o=require("react"),i=require("../../../utils/isButton.js");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/primitiveVariables.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var s=require("../../BrandCore/Icon/Icon.js");require("../../BrandCore/Sticker/Sticker.js"),require("../../../utils/formValidation/misc.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var a=require("../../WebCore/Text/Text.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("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js");var l=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/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var n=require("../../WebCore/IconButton/IconButton.js");require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.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");var u=require("../../WebCore/Menu/Menu.js");require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../WebCore/Progress/Progress.js");var p=require("../../WebCore/Tooltip/Tooltip.js");require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),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"),require("../../WebCore/TintedSurface/TintedSurface.js");var d=require("../ClipboardCopyingOverlay/ClipboardCopyingOverlay.js"),c=require("../EditedByAvatar/EditedByAvatar.js"),b=require("../SentimentArrow/SentimentArrow.js"),m=require("../TimeToFindResult/TimeToFindResult.js"),C=require("./_partials/Containers.js");const j=o.forwardRef(({author:j,authorId:q,timeStamp:x,commentType:W,onTimeStampClick:y,copyLoading:B,favouriteLoading:g,isActive:S,isHovered:f,isStarred:h,moreMenuItems:v,moreMenuState:I,onClick:k,onFavouritePress:L,onMorePress:A,original:T,sentimentScore:M,positionX:F,positionY:R,positionAspectRatio:P,statusLabel:w,statusLabelPrefix:_,statusLabelTone:G,translation:z,translationError:O,slotProps:E,demographicString:N,onClickSeeMore:K},V)=>{const D=r.useTheme(),[H,U]=o.useState(!z),X=matchMedia("(hover: none)").matches,[Y,$]=o.useState(f||X),J=t.usePopupState({variant:"popper"});return o.useEffect(()=>{J.close()},[Y]),e.jsxs(C.CommentCardContainer,{ref:V,onMouseOver:()=>$(!0),onMouseOut:()=>$(!1),isActive:S,isHovered:f,onClick:e=>{i.isButton(e.target)||k?.()},children:[B&&e.jsx(d,{}),e.jsxs(r.Box,{sx:{alignItems:"start",display:"flex",gap:D.p.md,justifyContent:"space-between"},children:[j&&e.jsxs(r.Box,{sx:{alignItems:"flex-start",display:"flex",gap:D.p.sm},children:[e.jsx(c.default,{name:j,userId:q,tooltip:!1}),e.jsxs(r.Box,{sx:{alignItems:"center",display:"flex",flexWrap:"wrap",columnGap:D.p.sm,rowGap:D.p.xs},children:[e.jsx(a.Text,{size:"xs",bold:!0,children:j}),null!=M&&e.jsx(b,{sentimentScore:M,commentCard:!0}),x&&e.jsx(l,{sizing:"xs",variation:"subtle",onClick:y,sx:{color:D.custom.palette.text.secondary},children:`at ${x}`})]})]}),e.jsxs(C.CommentActions,{children:[N&&K?e.jsx(p,{message:N,children:e.jsx(n,{icon:e.jsx(s.default,{name:"info",color:D.custom.palette.icon.primary}),sizing:"xs",sx:{opacity:Y?1:0},onClick:K})}):null,!O&&z?e.jsx(n,{variation:H?"default":"toggle",icon:e.jsx(s.default,{name:"translate",color:D.custom.palette.icon.primary}),sizing:"xs",onClick:()=>U(!H),sx:{opacity:Y?1:0,backgroundColor:"red"}}):null,!!L&&e.jsx(n,{loading:g,sizing:"xs",icon:h?e.jsx(s.default,{name:"star-filled",color:D.custom.palette.yellow[300]}):e.jsx(s.default,{name:"star",color:D.custom.palette.icon.primary}),onClick:e=>{e.stopPropagation(),L?.()},sx:{opacity:h||Y?1:0}}),v&&v.length>0&&e.jsx(u.default,{...I&&{state:I},state:J,trigger:e.jsx(n,{sizing:"xs",icon:e.jsx(s.default,{name:"more-vertical",color:D.custom.palette.icon.primary}),onClick:()=>A?.(),sx:{opacity:Y?1:0}}),menuItems:v,width:128,offset:[0,-8],placement:"bottom-end",slotProps:{...E?.menu}})]})]}),e.jsx(r.Box,{sx:{alignItems:"start",display:"flex",gap:D.p.sm,justifyContent:"space-between",pl:null!=w?D.p.lg:0},children:null!=w?e.jsx(m,{x:F??0,y:R??0,aspectRatio:P,prefix:_,label:w,tone:G}):e.jsx(r.Stack,{sx:{alignItems:"start",gap:D.p.xs,pr:D.p.md},children:e.jsxs(r.Stack,{direction:"row",sx:{gap:D.m.sm},children:[e.jsx(r.Box,{sx:{pt:D.p.xs,mx:D.p.xs,minWidth:D.p.md,display:"flex",justifyContent:"center"},children:W&&e.jsx(s.default,{name:W,color:D.custom.palette.icon.secondary,size:18})}),e.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:D.p.sm,flexWrap:"wrap"},children:[e.jsx(a.Text,{size:"sm",className:"message",children:!z||H?T:z}),O?e.jsx(a.Text,{size:"xs",color:D.custom.palette.text.disabled,children:O}):null]})]})})})]})});exports.getAuthorAvatarColor=c.getAuthorAvatarColor,exports.default=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("material-ui-popup-state/hooks"),o=require("react"),i=require("../../../utils/isButton.js");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/primitiveVariables.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var s=require("../../BrandCore/Icon/Icon.js");require("../../BrandCore/Sticker/Sticker.js"),require("../../../utils/formValidation/misc.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var a=require("../../WebCore/Text/Text.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("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js");var l=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/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var u=require("../../WebCore/IconButton/IconButton.js");require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.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");var n=require("../../WebCore/Menu/Menu.js");require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../WebCore/Progress/Progress.js");var p=require("../../WebCore/Tooltip/Tooltip.js");require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),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"),require("../../WebCore/TintedSurface/TintedSurface.js");var d=require("../ClipboardCopyingOverlay/ClipboardCopyingOverlay.js"),c=require("../EditedByAvatar/EditedByAvatar.js"),b=require("../SentimentArrow/SentimentArrow.js"),m=require("../TimeToFindResult/TimeToFindResult.js"),C=require("./_partials/Containers.js");const j=o.forwardRef(({author:j,authorId:q,timeStamp:x,commentType:W,onTimeStampClick:y,copyLoading:B,favouriteLoading:g,isActive:S,isHovered:f,isStarred:h,moreMenuItems:v,moreMenuState:I,onClick:k,onFavouritePress:L,onMorePress:A,original:T,sentimentScore:M,positionX:F,positionY:R,positionAspectRatio:P,statusLabel:w,statusLabelPrefix:_,statusLabelTone:G,translation:z,translationError:O,slotProps:E,demographicString:N,onClickSeeMore:K},V)=>{const D=r.useTheme(),[H,U]=o.useState(!z),X=matchMedia("(hover: none)").matches,[Y,$]=o.useState(f||X),J=t.usePopupState({variant:"popper"});return o.useEffect(()=>{J.close()},[Y]),e.jsxs(C.CommentCardContainer,{ref:V,onMouseOver:()=>$(!0),onMouseOut:()=>$(!1),isActive:S,isHovered:f,onClick:e=>{i.isButton(e.target)||k?.()},children:[B&&e.jsx(d,{}),e.jsxs(r.Box,{sx:{alignItems:"start",display:"flex",gap:D.p.md,justifyContent:"space-between"},children:[j&&e.jsxs(r.Box,{sx:{alignItems:"flex-start",display:"flex",gap:D.p.sm},children:[e.jsx(c.default,{name:j,userId:q,tooltip:!1}),e.jsxs(r.Box,{sx:{alignItems:"center",display:"flex",flexWrap:"wrap",columnGap:D.p.sm,rowGap:D.p.xs},children:[e.jsx(a.Text,{size:"xs",bold:!0,children:j}),null!=M&&e.jsx(b,{sentimentScore:M,commentCard:!0}),x&&e.jsx(l,{sizing:"xs",variation:"subtle",onClick:y,sx:{color:D.custom.palette.text.secondary},children:`at ${x}`})]})]}),e.jsxs(C.CommentActions,{children:[N&&K?e.jsx(p,{message:N,children:e.jsx(u,{icon:e.jsx(s.default,{name:"info",color:D.custom.palette.icon.primary}),sizing:"xs",sx:{opacity:Y?1:0},onClick:K})}):null,!O&&z?e.jsx(u,{variation:H?"default":"toggle",icon:e.jsx(s.default,{name:"translate",color:D.custom.palette.icon.primary}),sizing:"xs",onClick:()=>U(!H),sx:{opacity:Y?1:0,backgroundColor:"red"}}):null,!!L&&e.jsx(u,{loading:g,sizing:"xs",icon:h?e.jsx(s.default,{name:"star-filled",color:D.custom.palette.yellow[300]}):e.jsx(s.default,{name:"star",color:D.custom.palette.icon.primary}),onClick:e=>{e.stopPropagation(),L?.()},sx:{opacity:h||Y?1:0}}),v&&v.length>0&&e.jsx(n.default,{...I&&{state:I},state:J,trigger:e.jsx(u,{sizing:"xs",icon:e.jsx(s.default,{name:"more-vertical",color:D.custom.palette.icon.primary}),onClick:()=>A?.(),sx:{opacity:Y?1:0}}),menuItems:v,width:128,offset:[0,-8],placement:"bottom-end",slotProps:{...E?.menu}})]})]}),e.jsx(r.Box,{sx:{alignItems:"start",display:"flex",gap:D.p.sm,justifyContent:"space-between",pl:null!=w?D.p.lg:0},children:null!=w?e.jsx(m,{x:F??0,y:R??0,aspectRatio:P,prefix:_,label:w,tone:G}):e.jsx(r.Stack,{sx:{alignItems:"start",gap:D.p.xs,pr:D.p.md},children:e.jsxs(r.Stack,{direction:"row",sx:{gap:D.m.sm},children:[e.jsx(r.Box,{sx:{pt:D.p.xs,mx:D.p.xs,minWidth:D.p.md,display:"flex",justifyContent:"center"},children:W&&e.jsx(s.default,{name:W,color:D.custom.palette.icon.secondary,size:18})}),e.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:D.p.sm,flexWrap:"wrap"},children:[e.jsx(a.Text,{size:"sm",className:"message",dir:"auto",children:!z||H?T:z}),O?e.jsx(a.Text,{size:"xs",color:D.custom.palette.text.disabled,children:O}):null]})]})})})]})});exports.getAuthorAvatarColor=c.getAuthorAvatarColor,exports.default=j;

package/dist/systems/Platform/GraphBar/GraphBar.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("@number-flow/react"),i=require("merge-sx"),a=require("react"),s=require("../../WebCore/Checkbox/Checkbox.js");require("../../WebCore/Checkbox/StyledCheckbox.js");var o=require("../../WebCore/Text/Text.js"),n=require("../../WebCore/Tooltip/Tooltip.js"),l=require("./_partials/StyledLinearProgress/StyledLinearProgress.js"),c=require("./_partials/StyledListItemButton/StyledLisItemButton.js"),x=require("./_partials/UnitText/UnitText.js");function d(e){return e&&e.__esModule?e:{default:e}}var m=d(r);module.exports=({id:r,label:d,value:u=0,relativePercentage:p,respondentCount:h,tooltipContent:g,icon:b,hideIcon:y=!1,hideCheckbox:j=!1,hideUnitColumn1:f=!1,hideUnitColumn2:C=!1,animated:T=!0,checked:k=!1,active:v,disabled:q=!1,onChange:B,percentageSymbol:I=!1,compact:S,slotProps:w={}})=>{const L=t.useTheme(),F=v??k,[P,W]=a.useState(0),_=a.useRef(null),U=w.icon;a.useEffect(()=>{const e=P,t=p||u,r=performance.now(),i=a=>{const s=a-r,o=Math.min(s/250,1);W(e+(t-e)*(o*(2-o))),o<1&&requestAnimationFrame(i)},a=requestAnimationFrame(i);return()=>cancelAnimationFrame(a)},[p,u]);const A=a.useCallback(()=>{!q&&B&&B(!k)},[q,B,k]),R=f&&C,D=null!=u,M=null!=h;return e.jsx(t.ListItem,{disablePadding:!0,sx:{mb:L.spacing(L.custom.margin.xs)},...w?.listItem,children:e.jsx(n,{message:g||d,followCursor:!0,placement:"bottom-start",slotProps:{wrapper:{sx:{width:"100%"}}},...w.tooltip,children:e.jsxs(c,{id:r,role:void 0,onClick:A,dense:!0,disabled:q,sx:{display:"flex"},children:[!y&&b&&e.jsx(t.ListItemIcon,{...U,sx:i.mergeSx({minWidth:0,mr:L.custom.margin.xs,color:L.custom.palette.text.primary},U?.sx),children:b}),e.jsxs(t.Stack,{direction:"row",sx:{width:1,gap:S?L.custom.margin.sm:L.custom.margin.md,alignItems:"center"},children:[e.jsxs(t.Box,{sx:{display:"flex",position:"relative",width:"fill-available"},children:[!q&&e.jsx(l,{variant:"determinate",value:P,checked:F,...w.graphBar}),e.jsx(t.ListItemText,{disableTypography:!0,primary:e.jsx(o.Text,{...w.graphBarTypography,size:"xs",noWrap:!0,sx:i.mergeSx(w.graphBarTypography?.sx,{color:(()=>{if(!F||q)return L.custom.palette.text.disabled;return("object"==typeof w.graphBarTypography?.sx&&null!==w.graphBarTypography?.sx&&"color"in w.graphBarTypography.sx?w.graphBarTypography.sx.color:void 0)||L.palette.text.primary})()}),children:d}),sx:{my:0,position:"absolute",display:"flex",alignItems:"center",inset:0,ml:1}})]}),!R&&e.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:L.custom.margin.xs},children:[!f&&e.jsx(x,{bold:!0,color:L.palette.text.primary,disabled:q,checked:F,...w?.unitText1,children:D?e.jsxs(e.Fragment,{children:[e.jsx(m.default,{value:u,animated:T,...I&&{format:{minimumFractionDigits:1,maximumFractionDigits:1}}}),""+(I?"%":"")]}):"-"}),!C&&e.jsx(x,{color:L.palette.text.secondary,disabled:q,checked:F,...w?.unitText2,children:M?e.jsx(m.default,{value:h,animated:T}):"-"})]}),!j&&e.jsx(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:e.jsx(s,{id:`${r}-checkbox`,variant:"secondary",checked:!q&&k,disabled:q,...w.checkbox,checkboxLabel:void 0,inputRef:_,sx:i.mergeSx(w.checkbox?.sx,{[`&.${t.formControlLabelClasses.root}`]:{marginRight:0}})})})]})]})})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("@number-flow/react"),i=require("merge-sx"),a=require("react"),s=require("../../WebCore/Checkbox/Checkbox.js");require("../../WebCore/Checkbox/StyledCheckbox.js");var o=require("../../WebCore/Text/Text.js"),n=require("../../WebCore/Tooltip/Tooltip.js"),l=require("./_partials/StyledLinearProgress/StyledLinearProgress.js"),c=require("./_partials/StyledListItemButton/StyledLisItemButton.js"),x=require("./_partials/UnitText/UnitText.js");function d(e){return e&&e.__esModule?e:{default:e}}var m=d(r);module.exports=({id:r,label:d,value:u=0,relativePercentage:p,respondentCount:h,tooltipContent:g,icon:b,hideIcon:y=!1,hideCheckbox:j=!1,hideUnitColumn1:f=!1,hideUnitColumn2:C=!1,animated:T=!0,checked:k=!1,active:v,disabled:q=!1,onChange:B,percentageSymbol:I=!1,compact:S,slotProps:w={}})=>{const L=t.useTheme(),F=v??k,[P,W]=a.useState(0),_=a.useRef(null),U=w.icon;a.useEffect(()=>{const e=P,t=p||u,r=performance.now(),i=a=>{const s=a-r,o=Math.min(s/250,1);W(e+(t-e)*(o*(2-o))),o<1&&requestAnimationFrame(i)},a=requestAnimationFrame(i);return()=>cancelAnimationFrame(a)},[p,u]);const A=a.useCallback(()=>{!q&&B&&B(!k)},[q,B,k]),R=f&&C,D=null!=u,M=null!=h;return e.jsx(t.ListItem,{disablePadding:!0,sx:{mb:L.spacing(L.custom.margin.xs)},...w?.listItem,children:e.jsx(n,{message:g||d,followCursor:!0,placement:"bottom-start",slotProps:{wrapper:{sx:{width:"100%"}}},...w.tooltip,children:e.jsxs(c,{id:r,role:void 0,onClick:A,dense:!0,disabled:q,sx:{display:"flex"},children:[!y&&b&&e.jsx(t.ListItemIcon,{...U,sx:i.mergeSx({minWidth:0,mr:L.custom.margin.xs,color:L.custom.palette.text.primary},U?.sx),children:b}),e.jsxs(t.Stack,{direction:"row",sx:{width:1,gap:S?L.custom.margin.sm:L.custom.margin.md,alignItems:"center"},children:[e.jsxs(t.Box,{sx:{display:"flex",position:"relative",width:"fill-available"},children:[!q&&e.jsx(l,{variant:"determinate",value:P,checked:F,...w.graphBar}),e.jsx(t.ListItemText,{disableTypography:!0,primary:e.jsx(o.Text,{dir:"auto",...w.graphBarTypography,size:"xs",noWrap:!0,sx:i.mergeSx(w.graphBarTypography?.sx,{color:(()=>{if(!F||q)return L.custom.palette.text.disabled;return("object"==typeof w.graphBarTypography?.sx&&null!==w.graphBarTypography?.sx&&"color"in w.graphBarTypography.sx?w.graphBarTypography.sx.color:void 0)||L.palette.text.primary})()}),children:d}),sx:{my:0,position:"absolute",display:"flex",alignItems:"center",inset:0,ml:1}})]}),!R&&e.jsxs(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:L.custom.margin.xs},children:[!f&&e.jsx(x,{bold:!0,color:L.palette.text.primary,disabled:q,checked:F,...w?.unitText1,children:D?e.jsxs(e.Fragment,{children:[e.jsx(m.default,{value:u,animated:T,...I&&{format:{minimumFractionDigits:1,maximumFractionDigits:1}}}),""+(I?"%":"")]}):"-"}),!C&&e.jsx(x,{color:L.palette.text.secondary,disabled:q,checked:F,...w?.unitText2,children:M?e.jsx(m.default,{value:h,animated:T}):"-"})]}),!j&&e.jsx(t.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:e.jsx(s,{id:`${r}-checkbox`,variant:"secondary",checked:!q&&k,disabled:q,...w.checkbox,checkboxLabel:void 0,inputRef:_,sx:i.mergeSx(w.checkbox?.sx,{[`&.${t.formControlLabelClasses.root}`]:{marginRight:0}})})})]})]})})})};

package/dist/systems/Platform/QuestionBlock/QuestionBlock.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("react");var o=require("../../../utils/shouldForwardProp.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var i=require("../../WebCore/Text/Text.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("merge-sx"),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/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js");var t=require("../../WebCore/HtmlParser/HtmlParser.js");require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js");var a=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("../../BrandCore/Sticker/Sticker.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.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 s=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"),require("../../WebCore/TintedSurface/TintedSurface.js");var u=require("../QuestionBar/QuestionBar.js");const l=r.styled(r.Stack,{shouldForwardProp:o.omitProps("variation")})(({theme:e,variation:r})=>({border:"simple"===r?"none":`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.lg),overflow:"simple"===r?"visible":"hidden"})),n=r.styled(r.Stack,{shouldForwardProp:o.omitProps("variation")})(({theme:e,variation:r})=>({gap:e.p.sm,padding:"simple"===r?"0px":e.spacing(e.custom.padding.md)}));module.exports=({preQuestionText:o,questionText:d,questionNumber:p,questionType:b,supportText:j,labels:C,loading:q,variation:c="default",slots:m,slotProps:W})=>{const B=r.useTheme();return q?e.jsxs(l,{variation:c,children:["simple"!==c&&e.jsx(u,{loading:!0}),e.jsxs(n,{variation:c,children:[e.jsx(s,{width:"100%",height:22}),e.jsx(s,{width:"100%",height:44}),e.jsx(s,{width:"100%",height:66})]})]}):e.jsxs(l,{variation:c,children:["simple"!==c&&e.jsx(u,{type:b,labels:C}),e.jsxs(r.Stack,{direction:"row",sx:{gap:B.p.sm},children:["simple"===c&&void 0!==p&&e.jsx(a,{body:p,sizing:"xxs",colorScheme:"neutral",sx:{minWidth:32}}),e.jsxs(r.Stack,{sx:{width:"100%"},children:[e.jsxs(n,{variation:c,children:[o&&e.jsx(i.Text,{size:"md",secondary:!0,sx:{whiteSpace:"pre-wrap"},children:o}),e.jsx(i.Text,{size:"md",bold:!0,sx:{whiteSpace:"pre-wrap"},...W?.questionText,children:d}),m?.supportText??(j&&e.jsx(t,{typographyProps:W?.supportText,children:j}))]}),m?.answerPreview&&"complex"===c&&e.jsx(r.Box,{children:m.answerPreview})]})]})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("react");var o=require("../../../utils/shouldForwardProp.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var i=require("../../WebCore/Text/Text.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("merge-sx"),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/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js");var t=require("../../WebCore/HtmlParser/HtmlParser.js");require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js");var a=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("../../BrandCore/Sticker/Sticker.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.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 s=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"),require("../../WebCore/TintedSurface/TintedSurface.js");var u=require("../QuestionBar/QuestionBar.js");const l=r.styled(r.Stack,{shouldForwardProp:o.omitProps("variation")})(({theme:e,variation:r})=>({border:"simple"===r?"none":`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.lg),overflow:"simple"===r?"visible":"hidden"})),n=r.styled(r.Stack,{shouldForwardProp:o.omitProps("variation")})(({theme:e,variation:r})=>({gap:e.p.sm,padding:"simple"===r?"0px":e.spacing(e.custom.padding.md)}));module.exports=({preQuestionText:o,questionText:d,questionNumber:p,questionType:b,supportText:j,labels:C,loading:q,variation:c="default",slots:m,slotProps:W})=>{const B=r.useTheme();return q?e.jsxs(l,{variation:c,children:["simple"!==c&&e.jsx(u,{loading:!0}),e.jsxs(n,{variation:c,children:[e.jsx(s,{width:"100%",height:22}),e.jsx(s,{width:"100%",height:44}),e.jsx(s,{width:"100%",height:66})]})]}):e.jsxs(l,{variation:c,children:["simple"!==c&&e.jsx(u,{type:b,labels:C}),e.jsxs(r.Stack,{direction:"row",sx:{gap:B.p.sm},children:["simple"===c&&void 0!==p&&e.jsx(a,{body:p,sizing:"xxs",colorScheme:"neutral",sx:{minWidth:32}}),e.jsxs(r.Stack,{sx:{width:"100%"},children:[e.jsxs(n,{variation:c,children:[o&&e.jsx(i.Text,{size:"md",secondary:!0,dir:"auto",sx:{whiteSpace:"pre-wrap"},children:o}),e.jsx(i.Text,{size:"md",bold:!0,dir:"auto",sx:{whiteSpace:"pre-wrap"},...W?.questionText,children:d}),m?.supportText??(j&&e.jsx(t,{dir:"auto",typographyProps:W?.supportText,children:j}))]}),m?.answerPreview&&"complex"===c&&e.jsx(r.Box,{children:m.answerPreview})]})]})]})};

package/dist/systems/Platform/QuestionSelector/QuestionSelector.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("material-ui-popup-state/hooks"),t=require("merge-sx"),i=require("react"),a=require("@number-flow/react");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/primitiveVariables.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var s=require("../../BrandCore/Icon/Icon.js");require("../../BrandCore/Sticker/Sticker.js"),require("../../../utils/formValidation/misc.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var u=require("../../WebCore/Text/Text.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");var n=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/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var l=require("../../WebCore/IconButton/IconButton.js");require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.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");var d=require("../../WebCore/Menu/Menu.js");require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.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 p=require("../../WebCore/Skeleton/Skeleton.js");function b(e){return e&&e.__esModule?e:{default:e}}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"),require("../../WebCore/TintedSurface/TintedSurface.js");var c=b(a);var C=i.memo(({handleNavigateRegion:i,questionMenuItems:a,questionTitle:b,currentRegionIndex:C=0,loading:j,popperState:q,slotProps:m})=>{const W=r.useTheme(),x=q||o.usePopupState({variant:"popper"});return j?e.jsx(p,{width:"30%",height:32,sx:{borderRadius:W.spacing(W.custom.radius.md)}}):e.jsxs(r.Box,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",gap:W.custom.padding.md},children:[e.jsx(r.Box,{sx:{minWidth:0},children:e.jsx(d.default,{showItemNumbers:!0,width:300,offset:[0,8],placement:"bottom-start",state:x,slotProps:{surface:{sx:t.mergeSx({overflowY:"auto",paddingRight:0,"& .MuiButton-root":{height:40,borderRadius:0},"& .MuiTypography-root":{px:W.spacing(W.custom.padding.xs)}},m?.surface?.sx)}},trigger:e.jsx(n,{sx:{overflow:"hidden",flex:1,">div":{flex:"0 1 auto",textWrap:"nowrap",overflow:"hidden",minWidth:0,textOverflow:"ellipsis",whiteSpace:"nowrap"},">span":{flex:"0 0 auto"},fontVariantNumeric:"tabular-nums"},sizing:"lg",variation:"secondary",endIcon:x.isOpen?e.jsx(s.default,{name:"chevron-up"}):e.jsx(s.default,{name:"chevron-down"}),children:b}),menuItems:a})}),e.jsxs(r.Stack,{direction:"row",sx:{alignItems:"center",gap:W.spacing(W.custom.margin.md),flex:"0 0 auto",minWidth:0},children:[e.jsx(r.Box,{children:e.jsxs(u.Text,{monospaced:!0,size:"xs",secondary:!0,sx:{"& strong":{color:W.custom.palette.text.primary,fontWeight:500}},children:[e.jsx("strong",{children:e.jsx(c.default,{value:(C||0)+1})})," ","of ",a?.length||0]})}),e.jsx(r.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsxs(r.Stack,{direction:"row",spacing:.5,children:[e.jsx(l,{icon:e.jsx(s.default,{name:"arrow-left"}),shape:"round",variation:"toggle",sizing:"lg",disabled:C+1===1,onClick:()=>i(-1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:W.custom.palette.purple[0],"&:hover:before":{backgroundColor:W.custom.palette.interaction.hover}}}}),e.jsx(l,{icon:e.jsx(s.default,{name:"arrow-right"}),shape:"round",variation:"toggle",sizing:"lg",disabled:C+1===a?.length,onClick:()=>i(1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:W.custom.palette.purple[0],"&:hover:before":{backgroundColor:W.custom.palette.interaction.hover}}}})]})})]})]})});module.exports=C;
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("material-ui-popup-state/hooks"),t=require("merge-sx"),i=require("react"),a=require("@number-flow/react");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/primitiveVariables.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var s=require("../../BrandCore/Icon/Icon.js");require("../../BrandCore/Sticker/Sticker.js"),require("../../../utils/formValidation/misc.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var u=require("../../WebCore/Text/Text.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");var n=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/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var l=require("../../WebCore/IconButton/IconButton.js");require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.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");var d=require("../../WebCore/Menu/Menu.js");require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.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 p=require("../../WebCore/Skeleton/Skeleton.js");function b(e){return e&&e.__esModule?e:{default:e}}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"),require("../../WebCore/TintedSurface/TintedSurface.js");var c=b(a);var C=i.memo(({handleNavigateRegion:i,questionMenuItems:a,questionTitle:b,currentRegionIndex:C=0,loading:j,popperState:q,slotProps:m})=>{const W=r.useTheme(),x=q||o.usePopupState({variant:"popper"});return j?e.jsx(p,{width:"30%",height:32,sx:{borderRadius:W.spacing(W.custom.radius.md)}}):e.jsxs(r.Box,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",gap:W.custom.padding.md},children:[e.jsx(r.Box,{sx:{minWidth:0},children:e.jsx(d.default,{showItemNumbers:!0,width:300,offset:[0,8],placement:"bottom-start",state:x,slotProps:{surface:{sx:t.mergeSx({overflowY:"auto",paddingRight:0,"& .MuiButton-root":{height:40,borderRadius:0},"& .MuiTypography-root":{px:W.spacing(W.custom.padding.xs)}},m?.surface?.sx)}},trigger:e.jsx(n,{sx:{overflow:"hidden",flex:1,">div":{flex:"0 1 auto",textWrap:"nowrap",overflow:"hidden",minWidth:0,textOverflow:"ellipsis",whiteSpace:"nowrap"},">span":{flex:"0 0 auto"},fontVariantNumeric:"tabular-nums"},sizing:"lg",variation:"secondary",endIcon:x.isOpen?e.jsx(s.default,{name:"chevron-up"}):e.jsx(s.default,{name:"chevron-down"}),children:e.jsx("span",{dir:"auto",children:b})}),menuItems:a})}),e.jsxs(r.Stack,{direction:"row",sx:{alignItems:"center",gap:W.spacing(W.custom.margin.md),flex:"0 0 auto",minWidth:0},children:[e.jsx(r.Box,{children:e.jsxs(u.Text,{monospaced:!0,size:"xs",secondary:!0,sx:{"& strong":{color:W.custom.palette.text.primary,fontWeight:500}},children:[e.jsx("strong",{children:e.jsx(c.default,{value:(C||0)+1})})," ","of ",a?.length||0]})}),e.jsx(r.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsxs(r.Stack,{direction:"row",spacing:.5,children:[e.jsx(l,{icon:e.jsx(s.default,{name:"arrow-left"}),shape:"round",variation:"toggle",sizing:"lg",disabled:C+1===1,onClick:()=>i(-1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:W.custom.palette.purple[0],"&:hover:before":{backgroundColor:W.custom.palette.interaction.hover}}}}),e.jsx(l,{icon:e.jsx(s.default,{name:"arrow-right"}),shape:"round",variation:"toggle",sizing:"lg",disabled:C+1===a?.length,onClick:()=>i(1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:W.custom.palette.purple[0],"&:hover:before":{backgroundColor:W.custom.palette.interaction.hover}}}})]})})]})]})});module.exports=C;

package/dist/systems/Platform/SliderGraph/_partials/StyledComponents.d.ts

@@ -5,40 +5,40 @@ import * as _mui_system from '@mui/system';
 import * as _mui_material from '@mui/material';
 import { SliderGraphBarProps, CommonComponentProps } from '../types.js';
 
-declare const SliderGraphWrapper: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const SliderGraphWrapper: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType | undefined;
 } & {
     maxHeight: number;
 } & {
     responsive?: boolean;
 }, {}, {}>;
-declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ListItemButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof _mui_material.ListItemButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled" | "sx" | "alignItems" | "style" | "children" | "autoFocus" | "className" | "tabIndex" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "dense" | "disableGutters" | "divider" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
+declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ListItemButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof _mui_material.ListItemButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled" | "sx" | "alignItems" | "className" | "style" | "classes" | "children" | "autoFocus" | "tabIndex" | "disableGutters" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "selected" | "dense" | "divider"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
     component?: React.ElementType | undefined;
 } & {
     maxHeight: number;
 } & {
     responsive?: boolean;
 }, {}, {}>;
-declare const SliderGraphBarWrapper: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const SliderGraphBarWrapper: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType | undefined;
 } & {
     maxHeight: number;
 } & {
     responsive?: boolean;
 }, {}, {}>;
-declare const VerticalBarValue: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const VerticalBarValue: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType | undefined;
 }, {}, {}>;
-declare const VerticalBar: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const VerticalBar: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType | undefined;
 } & CommonComponentProps & {
     value: number;
     checked: boolean;
 }, {}, {}>;
-declare const VerticalBarActions: _emotion_styled.StyledComponent<_mui_material.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const VerticalBarActions: _emotion_styled.StyledComponent<_mui_material.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType | undefined;
 }, {}, {}>;
-declare const VerticalBarLabel: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const VerticalBarLabel: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType | undefined;
 }, {}, {}>;
 declare const AxisSegmentWrapper: _emotion_styled.StyledComponent<_mui_material.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
@@ -46,7 +46,7 @@ declare const AxisSegmentWrapper: _emotion_styled.StyledComponent<_mui_material.
 } & {
     maxHeight: number;
 } & Partial<SliderGraphBarProps>, {}, {}>;
-declare const AxisSegment: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const AxisSegment: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType | undefined;
 } & {
     showGraphLines?: boolean;

package/dist/systems/WebCore/HtmlParser/HtmlParser.d.ts

@@ -4,6 +4,7 @@ import { TextProps } from '../Text/types.js';
 type HtmlParserProps = {
     children: string;
     typographyProps?: Partial<TextProps>;
+    dir?: 'auto' | 'ltr' | 'rtl';
 };
 declare const HtmlParser: FC<HtmlParserProps>;
 

package/dist/systems/WebCore/HtmlParser/HtmlParser.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("html-react-parser"),i=require("../Text/Text.js");function n(e){return e&&e.__esModule?e:{default:e}}var o=n(t);module.exports=({children:n,typographyProps:l={size:"lg"}})=>{const c=(e=>{const r=e.replaceAll(/<p><\/p>/g,"<br />");return/<(p|div|h[1-6]|ul|ol|li|blockquote)[\s>]/i.test(r)?r:`<p>${r}</p>`})(n),a={replace(n){const o=n;if(o.attribs){if("p"===o.name)return e.jsx(i.Text,{...l,children:t.domToReact(o.children,a)});if("ul"===o.name)return e.jsx(r.Box,{component:"ul",sx:{margin:0,pl:4},children:t.domToReact(o.children,a)});if("ol"===o.name)return e.jsx(r.Box,{component:"ol",sx:{margin:0,pl:4},children:t.domToReact(o.children,a)});if("li"===o.name)return e.jsx(r.Box,{component:"li",sx:{...l?.sx||{},fontSize:"inherit",lineHeight:"inherit"},children:t.domToReact(o.children,a)})}}};return e.jsx(r.Box,{sx:{overflowWrap:"break-word",whiteSpace:"pre-wrap"},children:o.default(c,a)})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("html-react-parser"),t=require("../Text/Text.js");function n(e){return e&&e.__esModule?e:{default:e}}var o=n(i);module.exports=({children:n,typographyProps:l={size:"lg"},dir:c})=>{const a=(e=>{const r=e.replaceAll(/<p><\/p>/g,"<br />");return/<(p|div|h[1-6]|ul|ol|li|blockquote)[\s>]/i.test(r)?r:`<p>${r}</p>`})(n),s={replace(n){const o=n;if(o.attribs){if("p"===o.name)return e.jsx(t.Text,{...l,children:i.domToReact(o.children,s)});if("ul"===o.name)return e.jsx(r.Box,{component:"ul",sx:{margin:0,pl:4},children:i.domToReact(o.children,s)});if("ol"===o.name)return e.jsx(r.Box,{component:"ol",sx:{margin:0,pl:4},children:i.domToReact(o.children,s)});if("li"===o.name)return e.jsx(r.Box,{component:"li",sx:{...l?.sx||{},fontSize:"inherit",lineHeight:"inherit"},children:i.domToReact(o.children,s)})}}};return e.jsx(r.Box,{dir:c,sx:{overflowWrap:"break-word",whiteSpace:"pre-wrap"},children:o.default(a,s)})};

package/dist/systems/WebCore/InputFieldBase/InputFieldBase.d.ts

@@ -6,7 +6,7 @@ import { TextFieldProps } from '@mui/material';
 type InputFieldBaseProps = TextFieldProps;
 declare const InputFieldBase: _emotion_styled.StyledComponent<{
     variant?: _mui_material.TextFieldVariants | undefined;
-} & Omit<_mui_material.FilledTextFieldProps | _mui_material.OutlinedTextFieldProps | _mui_material.StandardTextFieldProps, "variant"> & (_mui_system.MUIStyledCommonProps<_mui_material.Theme> & InputFieldBaseProps), {}, {}>;
+} & Omit<_mui_material.OutlinedTextFieldProps | _mui_material.FilledTextFieldProps | _mui_material.StandardTextFieldProps, "variant"> & (_mui_system.MUIStyledCommonProps<_mui_material.Theme> & InputFieldBaseProps), {}, {}>;
 
 export { InputFieldBase as default };
 export type { InputFieldBaseProps };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@useloops/design-system",
-    "version": "1.4.741",
+    "version": "1.4.742",
     "description": "The official React based Loops design system",
     "main": "dist/index.js",
     "module": "dist/esm/index.js",