@useloops/design-system 1.4.653 → 1.4.654

package/dist/esm/systems/Platform/ProjectItem/_partials/styledPartials.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{styled as o,Box as t,CardActionArea as r,boxClasses as i,CardContent as a}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";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/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import p from"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../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";const s=150,l=72,n=108,m=o(t,{shouldForwardProp:e=>!["disableRaisedEffect"].includes(e)})(({theme:e,disableRaisedEffect:o})=>({width:"100%",transition:"all 0.3s ease","&:hover":{'*[data-id="image-container"]':{boxShadow:o?"none":e.custom.elevation.raised}}})),d=o(r,{shouldForwardProp:e=>!["disableHoverStyle"].includes(e)})(({theme:e,disableHoverStyle:o=!1})=>({cursor:"pointer",...!0===o&&{"& .MuiCardActionArea-focusHighlight":{backgroundColor:e.palette.background.paper}}})),b=o(t)(({theme:e})=>({boxShadow:"none",overflow:"hidden",height:150,position:"relative",borderRadius:e.spacing(e.custom.radius.md),[`> .${i.root}`]:{display:"flex",height:"100%","> span":{display:"flex",width:"100%"}}})),u=({title:o,description:t,thumbnail:r})=>{const i=[o,t].filter(Boolean).join(" | ");return e(p,{src:r,alt:i,title:i,style:{width:"100%",height:"auto",objectFit:"cover"}})},C=o(a)(({theme:e})=>({paddingTop:e.spacing(e.custom.padding.xs),paddingBottom:e.spacing(e.custom.padding.xs),paddingLeft:0,paddingRight:0,display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs),'& [data-id="title-container"]':{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"start",gap:e.spacing(e.custom.margin.xs),"& > p":{alignSelf:"center"}}})),c=o(t,{shouldForwardProp:e=>!["viewType"].includes(e)})(({theme:e,viewType:o})=>({width:"grid"===o?"100%":108,height:"grid"===o?150:72,backgroundColor:e.custom.palette.purple[0],display:"flex",justifyContent:"center",alignItems:"center",borderRadius:e.spacing(e.custom.radius.md),"& svg":{height:"grid"===o?64:32,width:"grid"===o?64:32}}));export{d as CardActionArea,m as CardContainer,C as CardContent,s as GridImageHeight,b as ImageContainer,u as LazyImage,l as ListImageHeight,n as ListImageWidth,c as Tile};
+import{jsx as e}from"react/jsx-runtime";import{styled as o,Box as t,CardActionArea as r,boxClasses as i,CardContent as a}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";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/Animations/FadeIn.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import p from"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../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";const s=150,l=72,n=108,m=o(t,{shouldForwardProp:e=>!["disableRaisedEffect"].includes(e)})(({theme:e,disableRaisedEffect:o})=>({width:"100%",transition:"all 0.3s ease","&:hover":{'*[data-id="image-container"]':{boxShadow:o?"none":e.custom.elevation.raised}}})),d=o(r,{shouldForwardProp:e=>!["disableHoverStyle"].includes(e)})(({theme:e,disableHoverStyle:o=!1})=>({cursor:"pointer",...!0===o&&{"& .MuiCardActionArea-focusHighlight":{backgroundColor:e.palette.background.paper}}})),b=o(t)(({theme:e})=>({boxShadow:"none",overflow:"hidden",height:150,position:"relative",borderRadius:e.spacing(e.custom.radius.md),[`> .${i.root}`]:{display:"flex",height:"100%","> span":{display:"flex",width:"100%"}}})),u=({title:o,description:t,thumbnail:r})=>{const i=[o,t].filter(Boolean).join(" | ");return e(p,{src:r,alt:i,title:i,style:{width:"100%",height:"auto",objectFit:"cover"}})},C=o(a)(({theme:e})=>({paddingTop:e.spacing(e.custom.padding.xs),paddingBottom:e.spacing(e.custom.padding.xs),paddingLeft:0,paddingRight:0,display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs),'& [data-id="title-container"]':{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"start",gap:e.spacing(e.custom.margin.xs),"& > p":{alignSelf:"center"}}})),c=o(t,{shouldForwardProp:e=>!["viewType"].includes(e)})(({theme:e,viewType:o})=>({width:"grid"===o?"100%":108,height:"grid"===o?150:72,backgroundColor:e.custom.palette.purple[0],display:"flex",justifyContent:"center",alignItems:"center",borderRadius:e.spacing(e.custom.radius.md),"& svg":{height:"grid"===o?64:32,width:"grid"===o?64:32}}));export{d as CardActionArea,m as CardContainer,C as CardContent,s as GridImageHeight,b as ImageContainer,u as LazyImage,l as ListImageHeight,n as ListImageWidth,c as Tile};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as t,Box as r,useTheme as i,Stack as a}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import p from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";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/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import m 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"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import l 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{mapQuestionTypeToLabel as n}from"../utils/mapQuestionTypeToLabel.js";const b=t(r)(({theme:e,type:o})=>({backgroundColor:"focus"===o?e.custom.palette.peach[300]:e.custom.palette.surface.sunken,display:"flex",height:40,alignItems:"center",justifyContent:"space-between",gap:e.spacing(e.custom.margin.xs),padding:`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`})),d=t(r)(()=>({display:"flex",alignItems:"center"})),u=({type:t,loading:r,slotProps:u,labels:c})=>{const C=i(),j=n(t);return r?e(l,{width:"100%",height:40,sx:{borderRadius:`${C.spacing(C.custom.radius.lg)} ${C.spacing(C.custom.radius.lg)} 0 0`}}):o(b,{...u?.container,type:t,children:[o(d,{children:[e(p,{name:j.icon,size:16}),e(s,{variation:"sm",component:"p",sx:{px:C.spacing(C.custom.padding.sm)},children:j.label})]}),c&&e(a,{direction:"row",gap:C.m.xs,children:c.map(({text:o,id:r})=>e(m,{colorScheme:"focus"===t?"peach":"neutral",tone:"focus"===t?500:0,sizing:"xxs",weight:"light",body:o},r))})]})};export{u as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as t,Box as r,useTheme as i,Stack as a}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import p from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";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/Animations/FadeIn.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import m 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"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import l 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{mapQuestionTypeToLabel as n}from"../utils/mapQuestionTypeToLabel.js";const b=t(r)(({theme:e,type:o})=>({backgroundColor:"focus"===o?e.custom.palette.peach[300]:e.custom.palette.surface.sunken,display:"flex",height:40,alignItems:"center",justifyContent:"space-between",gap:e.spacing(e.custom.margin.xs),padding:`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`})),d=t(r)(()=>({display:"flex",alignItems:"center"})),u=({type:t,loading:r,slotProps:u,labels:C})=>{const c=i(),j=n(t);return r?e(l,{width:"100%",height:40,sx:{borderRadius:`${c.spacing(c.custom.radius.lg)} ${c.spacing(c.custom.radius.lg)} 0 0`}}):o(b,{...u?.container,type:t,children:[o(d,{children:[e(p,{name:j.icon,size:16}),e(s,{variation:"sm",component:"p",sx:{px:c.spacing(c.custom.padding.sm)},children:j.label})]}),C&&e(a,{direction:"row",gap:c.m.xs,children:C.map(({text:o,id:r})=>e(m,{colorScheme:"focus"===t?"peach":"neutral",tone:"focus"===t?500:0,sizing:"xxs",weight:"light",body:o},r))})]})};export{u 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"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"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/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import l 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/KeyValueLabel/KeyValueLabel.js";import m 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"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import 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 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:h,variation:B="default",slots:y,slotProps:S})=>{const g=i();return e(b,h?{variation:B,children:["simple"!==B&&o(d,{loading:!0}),e(u,{variation:B,children:[o(n,{width:"100%",height:22}),o(n,{width:"100%",height:44}),o(n,{width:"100%",height:66})]})]}:{variation:B,children:["simple"!==B&&o(d,{type:j,labels:W}),e(t,{gap:g.p.sm,direction:"row",children:["simple"===B&&void 0!==C&&o(m,{body:C,sizing:"xxs",colorScheme:"neutral",sx:{minWidth:32}}),e(t,{width:"100%",children:[e(u,{variation:B,children:[r&&o(s,{variation:"md",component:"p",secondary:!0,sx:{whiteSpace:"pre-wrap"},children:r}),o(s,{variation:"md",component:"p",weight:"bold",sx:{whiteSpace:"pre-wrap"},...S?.questionText,children:p}),y?.supportText??(c&&o(l,{typographyProps:S?.supportText,children:c}))]}),y?.answerPreview&&"complex"===B&&o(a,{children:y.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"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"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/Animations/FadeIn.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/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"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import 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 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:h,variation:B="default",slots:y,slotProps:S})=>{const g=i();return e(b,h?{variation:B,children:["simple"!==B&&o(d,{loading:!0}),e(u,{variation:B,children:[o(n,{width:"100%",height:22}),o(n,{width:"100%",height:44}),o(n,{width:"100%",height:66})]})]}:{variation:B,children:["simple"!==B&&o(d,{type:j,labels:W}),e(t,{gap:g.p.sm,direction:"row",children:["simple"===B&&void 0!==C&&o(l,{body:C,sizing:"xxs",colorScheme:"neutral",sx:{minWidth:32}}),e(t,{width:"100%",children:[e(u,{variation:B,children:[r&&o(s,{variation:"md",component:"p",secondary:!0,sx:{whiteSpace:"pre-wrap"},children:r}),o(s,{variation:"md",component:"p",weight:"bold",sx:{whiteSpace:"pre-wrap"},...S?.questionText,children:p}),y?.supportText??(c&&o(m,{typographyProps:S?.supportText,children:c}))]}),y?.answerPreview&&"complex"===B&&o(a,{children:y.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 t,Box as r,Stack as i}from"@mui/material";import{usePopupState as a}from"material-ui-popup-state/hooks";import{mergeSx as p}from"merge-sx";import{memo as s}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 l from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import u 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/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import d from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import 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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import 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";const C=s(({handleNavigateRegion:s,questionMenuItems:C,questionTitle:j,currentRegionIndex:W=0,loading:g,popperState:h,slotProps:B})=>{const f=t(),y=h||a({variant:"popper"});return g?e(c,{width:"30%",height:32,sx:{borderRadius:f.spacing(f.custom.radius.md)}}):o(r,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",gap:f.custom.padding.md},children:[e(r,{sx:{minWidth:0},children:e(b,{showItemNumbers:!0,width:300,offset:[0,8],placement:"bottom-start",state:y,slotProps:{surface:{sx:p({overflowY:"auto",paddingRight:0,"& .MuiButton-root":{height:40,borderRadius:0},"& .MuiTypography-root":{px:f.spacing(f.custom.padding.xs)}},B?.surface?.sx)}},trigger:e(u,{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:y.isOpen?e(l,{name:"chevron-up"}):e(l,{name:"chevron-down"}),children:j}),menuItems:C})}),o(i,{direction:"row",alignItems:"center",gap:f.spacing(f.custom.margin.md),sx:{flex:"0 0 auto",minWidth:0},children:[e(r,{children:o(m,{monospaced:!0,component:"p",variation:"xs",color:f.custom.palette.text.secondary,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(r,{sx:{display:"flex",alignItems:"center"},children:o(i,{direction:"row",spacing:.5,children:[e(d,{icon:e(l,{name:"arrow-left"}),shape:"round",variation:"toggle",sizing:"lg",disabled:W+1===1,onClick:()=>s(-1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:f.custom.palette.purple[0],"&:hover:before":{backgroundColor:f.custom.palette.interaction.hover}}}}),e(d,{icon:e(l,{name:"arrow-right"}),shape:"round",variation:"toggle",sizing:"lg",disabled:W+1===C?.length,onClick:()=>s(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 t,Box as r,Stack as i}from"@mui/material";import{usePopupState as a}from"material-ui-popup-state/hooks";import{mergeSx as p}from"merge-sx";import{memo as s}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 l from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import 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/Animations/FadeIn.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/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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import 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";const C=s(({handleNavigateRegion:s,questionMenuItems:C,questionTitle:j,currentRegionIndex:W=0,loading:g,popperState:h,slotProps:B})=>{const f=t(),y=h||a({variant:"popper"});return g?e(c,{width:"30%",height:32,sx:{borderRadius:f.spacing(f.custom.radius.md)}}):o(r,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",gap:f.custom.padding.md},children:[e(r,{sx:{minWidth:0},children:e(b,{showItemNumbers:!0,width:300,offset:[0,8],placement:"bottom-start",state:y,slotProps:{surface:{sx:p({overflowY:"auto",paddingRight:0,"& .MuiButton-root":{height:40,borderRadius:0},"& .MuiTypography-root":{px:f.spacing(f.custom.padding.xs)}},B?.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:y.isOpen?e(l,{name:"chevron-up"}):e(l,{name:"chevron-down"}),children:j}),menuItems:C})}),o(i,{direction:"row",alignItems:"center",gap:f.spacing(f.custom.margin.md),sx:{flex:"0 0 auto",minWidth:0},children:[e(r,{children:o(m,{monospaced:!0,component:"p",variation:"xs",color:f.custom.palette.text.secondary,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(r,{sx:{display:"flex",alignItems:"center"},children:o(i,{direction:"row",spacing:.5,children:[e(u,{icon:e(l,{name:"arrow-left"}),shape:"round",variation:"toggle",sizing:"lg",disabled:W+1===1,onClick:()=>s(-1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:f.custom.palette.purple[0],"&:hover:before":{backgroundColor:f.custom.palette.interaction.hover}}}}),e(u,{icon:e(l,{name:"arrow-right"}),shape:"round",variation:"toggle",sizing:"lg",disabled:W+1===C?.length,onClick:()=>s(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/Platform/ScrollIndicator/ScrollIndicator.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as t,Box as r,Stack as i}from"@mui/material";import{mergeSx as a}from"merge-sx";import{AnimatePresence as p,motion as s}from"motion/react";import m from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import n from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import l from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../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 b from"../KpiIndicator/KpiIndicator.js";const d=({instructionText:d,hideTextBox:c,indicatorColor:u,animateIterationNumber:C="infinite",slotProps:j,show:W=!0})=>{const y=t();return e(p,{children:W&&o(r,{component:s.div,initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.3,ease:"easeInOut"},...j?.root,sx:a({alignItems:"center",display:"flex",flexDirection:"column",gap:1.5},j?.root?.sx),children:[e(l,{sx:{p:1.5,width:40,height:68,backgroundColor:y.custom.palette.icon.primary,overflow:"hidden",position:"relative"},borderradius:"xl",variation:"default",...j?.iconWrapper,children:e(s.div,{initial:{opacity:0,top:12},animate:{opacity:[1,0,0,0,1],top:[12,100,-100,-80,12]},transition:{duration:1,times:[0,.8,.8,.4,1],ease:"circInOut",repeat:"infinite"===C?1/0:C-1,repeatDelay:.1},style:{position:"absolute",left:"50%",transform:"translateX(-50%)"},children:o(i,{gap:1.5,alignItems:"center",children:[e(b,{colorScheme:u||"purple"}),e(m,{name:"thick-arrow-down",size:16,color:y.custom.palette.icon.disabled})]})})}),!c&&e(l,{variation:"overlay",sx:{px:y.custom.padding.md,py:y.custom.padding.sm,backgroundColor:y.custom.palette.icon.primary},borderradius:"md",...j?.instructionTextWrapper,children:e(n,{variation:"md",component:"p",align:"center",sx:{color:y.custom.palette.text.primaryInverted},...j?.instructionText,children:d})})]})})};export{d as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as t,Box as r,Stack as i}from"@mui/material";import{mergeSx as a}from"merge-sx";import{AnimatePresence as p,motion as s}from"motion/react";import m from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import n from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import l from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../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 b from"../KpiIndicator/KpiIndicator.js";const d=({instructionText:d,hideTextBox:c,indicatorColor:u,animateIterationNumber:C="infinite",slotProps:j,show:W=!0})=>{const y=t();return e(p,{children:W&&o(r,{component:s.div,initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.3,ease:"easeInOut"},...j?.root,sx:a({alignItems:"center",display:"flex",flexDirection:"column",gap:1.5},j?.root?.sx),children:[e(l,{sx:{p:1.5,width:40,height:68,backgroundColor:y.custom.palette.icon.primary,overflow:"hidden",position:"relative"},borderradius:"xl",variation:"default",...j?.iconWrapper,children:e(s.div,{initial:{opacity:0,top:12},animate:{opacity:[1,0,0,0,1],top:[12,100,-100,-80,12]},transition:{duration:1,times:[0,.8,.8,.4,1],ease:"circInOut",repeat:"infinite"===C?1/0:C-1,repeatDelay:.1},style:{position:"absolute",left:"50%",transform:"translateX(-50%)"},children:o(i,{gap:1.5,alignItems:"center",children:[e(b,{colorScheme:u||"purple"}),e(m,{name:"thick-arrow-down",size:16,color:y.custom.palette.icon.disabled})]})})}),!c&&e(l,{variation:"overlay",sx:{px:y.custom.padding.md,py:y.custom.padding.sm,backgroundColor:y.custom.palette.icon.primary},borderradius:"md",...j?.instructionTextWrapper,children:e(n,{variation:"md",component:"p",align:"center",sx:{color:y.custom.palette.text.primaryInverted},...j?.instructionText,children:d})})]})})};export{d as default};

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{styled as o,useTheme as r,Box as t}from"@mui/material";import{forwardRef as i,useRef as a,useImperativeHandle as p}from"react";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import s from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"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 l from"../../WebCore/TextField/TextField.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../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";const m=o(l)({width:"100%","& .MuiOutlinedInput-root":{height:32}}),n=i(({onChange:o,onClear:i,onFocus:l,placeholder:n,value:b,...C},u)=>{const d=r(),j=a(null),c=()=>{o?.({target:{value:""},currentTarget:{value:""}}),i?.()};p(u,()=>({...j.current,clear:c}));const W={color:d.custom.palette.icon.primary};return e(m,{inputRef:j,placeholder:n,value:b,onChange:o,onFocus:l,startAdornment:e(s,{name:"search",size:17,sx:W}),endAdornment:b?e(t,{onClick:c,sx:{cursor:"pointer",display:"flex"},children:e(s,{name:"close",size:17,sx:W})}):void 0,...C})});export{n as default};
+import{jsx as e}from"react/jsx-runtime";import{styled as o,useTheme as r,Box as t}from"@mui/material";import{forwardRef as i,useRef as a,useImperativeHandle as p}from"react";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import s from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"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 l from"../../WebCore/TextField/TextField.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/Animations/FadeIn.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../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";const m=o(l)({width:"100%","& .MuiOutlinedInput-root":{height:32}}),n=i(({onChange:o,onClear:i,onFocus:l,placeholder:n,value:b,...C},u)=>{const d=r(),j=a(null),W=()=>{o?.({target:{value:""},currentTarget:{value:""}}),i?.()};p(u,()=>({...j.current,clear:W}));const c={color:d.custom.palette.icon.primary};return e(m,{inputRef:j,placeholder:n,value:b,onChange:o,onFocus:l,startAdornment:e(s,{name:"search",size:17,sx:c}),endAdornment:b?e(t,{onClick:W,sx:{cursor:"pointer",display:"flex"},children:e(s,{name:"close",size:17,sx:c})}):void 0,...C})});export{n as default};

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

@@ -1 +1 @@
-import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{styled as o,Box as i,Container as a,Grid as p}from"@mui/material";import{mergeSx as s}from"merge-sx";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import n from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import l 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";const m=o(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),justifyContent:"space-between",padding:1})),b=o(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1)})),d=o(n)(({theme:e})=>({color:e.custom.palette.text.secondary})),c=({loading:r,...o})=>e(t,{children:e(r?u:C,{...o})}),C=({buttons:o,subtitle:i,title:l,maxWidth:c,sx:C})=>e(t,{children:e(m,{sx:s({justifyContent:"space-between"},C),children:e(a,{maxWidth:c,children:e(p,{container:!0,spacing:2,children:e(p,{size:12,children:r(b,{sx:{justifyContent:"space-between",py:1},children:[e(b,{children:r(b,{sx:{alignItems:"flex-start",flexDirection:"column",gap:0},children:[l&&e(n,{variation:"sm",component:"h2",weight:"bold",children:l}),i&&e(d,{variation:"sm",component:"p",children:i})]})}),o&&e(b,{children:o})]})})})})})}),u=({title:o,subtitle:i,buttons:s,maxWidth:n})=>e(t,{children:e(m,{sx:{justifyContent:"space-between"},children:e(a,{maxWidth:n,children:e(p,{container:!0,spacing:2,children:e(p,{size:12,children:r(b,{sx:{justifyContent:"space-between",py:1},children:[e(b,{children:r(b,{sx:{alignItems:"flex-start",flexDirection:"column",gap:.5},children:[o&&e(l,{variant:"text",width:200,height:28}),i&&e(l,{variant:"text",width:140,height:17})]})}),e(b,{children:s&&r(t,{children:[e(l,{variant:"text",width:72,height:28}),e(l,{variant:"text",width:56,height:28})]})})]})})})})})});export{c as default};
+import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{styled as r,Box as i,Container as a,Grid as p}from"@mui/material";import{mergeSx as s}from"merge-sx";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import n from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import l 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";const m=r(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),justifyContent:"space-between",padding:1})),b=r(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1)})),d=r(n)(({theme:e})=>({color:e.custom.palette.text.secondary})),c=({loading:o,...r})=>e(t,{children:e(o?u:C,{...r})}),C=({buttons:r,subtitle:i,title:l,maxWidth:c,sx:C})=>e(t,{children:e(m,{sx:s({justifyContent:"space-between"},C),children:e(a,{maxWidth:c,children:e(p,{container:!0,spacing:2,children:e(p,{size:12,children:o(b,{sx:{justifyContent:"space-between",py:1},children:[e(b,{children:o(b,{sx:{alignItems:"flex-start",flexDirection:"column",gap:0},children:[l&&e(n,{variation:"sm",component:"h2",weight:"bold",children:l}),i&&e(d,{variation:"sm",component:"p",children:i})]})}),r&&e(b,{children:r})]})})})})})}),u=({title:r,subtitle:i,buttons:s,maxWidth:n})=>e(t,{children:e(m,{sx:{justifyContent:"space-between"},children:e(a,{maxWidth:n,children:e(p,{container:!0,spacing:2,children:e(p,{size:12,children:o(b,{sx:{justifyContent:"space-between",py:1},children:[e(b,{children:o(b,{sx:{alignItems:"flex-start",flexDirection:"column",gap:.5},children:[r&&e(l,{variant:"text",width:200,height:28}),i&&e(l,{variant:"text",width:140,height:17})]})}),e(b,{children:s&&o(t,{children:[e(l,{variant:"text",width:72,height:28}),e(l,{variant:"text",width:56,height:28})]})})]})})})})})});export{c as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Box as r,useTheme as i,Stack as a}from"@mui/material";import s,{SenitmentKeyEnums as p}from"../../../utils/useSentimentDiscriptor.js";import m from"../../BrandCore/Icon/components/SentimentDoubleDown.js";import n from"../../BrandCore/Icon/components/SentimentDoubleUp.js";import l from"../../BrandCore/Icon/components/SentimentDown.js";import b from"../../BrandCore/Icon/components/SentimentFlat.js";import C from"../../BrandCore/Icon/components/SentimentUp.js";import"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import c from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";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/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import{IconSizeMap as d}from"../../WebCore/IconButtonBase/IconButton.variant-helpers.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../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";const u=t(r)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(e.custom.margin.xs)})),j=({commentCard:t=!1,sentimentScore:r=0})=>{const j=i(),{getSentimentByScore:W}=s(),{name:B,color:S,key:y}=W(r);return e(u,{children:[o(a,{sx:{minHeight:24,justifyContent:"center"},children:o(c,{component:"p",variation:"xs",color:j.custom.palette.text.secondary,children:t?`was ${B.toLowerCase()}`:B})}),y===p.veryPositive&&o(n,{sx:{color:S,width:t?d.xs:d.sm,height:t?d.xs:d.sm}}),y===p.positive&&o(C,{sx:{color:S,width:t?d.xs:d.sm,height:t?d.xs:d.sm}}),y===p.neutral&&o(b,{sx:{color:S,width:t?d.xs:d.sm,height:t?d.xs:d.sm}}),y===p.negative&&o(l,{sx:{color:S,width:t?d.xs:d.sm,height:t?d.xs:d.sm}}),y===p.veryNegative&&o(m,{sx:{color:S,width:t?d.xs:d.sm,height:t?d.xs:d.sm}})]})};export{j as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Box as r,useTheme as i,Stack as a}from"@mui/material";import s,{SenitmentKeyEnums as p}from"../../../utils/useSentimentDiscriptor.js";import m from"../../BrandCore/Icon/components/SentimentDoubleDown.js";import n from"../../BrandCore/Icon/components/SentimentDoubleUp.js";import l from"../../BrandCore/Icon/components/SentimentDown.js";import b from"../../BrandCore/Icon/components/SentimentFlat.js";import C from"../../BrandCore/Icon/components/SentimentUp.js";import"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import c from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";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/Animations/FadeIn.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import{IconSizeMap as d}from"../../WebCore/IconButtonBase/IconButton.variant-helpers.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../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";const j=t(r)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(e.custom.margin.xs)})),u=({commentCard:t=!1,sentimentScore:r=0})=>{const u=i(),{getSentimentByScore:W}=s(),{name:B,color:S,key:y}=W(r);return e(j,{children:[o(a,{sx:{minHeight:24,justifyContent:"center"},children:o(c,{component:"p",variation:"xs",color:u.custom.palette.text.secondary,children:t?`was ${B.toLowerCase()}`:B})}),y===p.veryPositive&&o(n,{sx:{color:S,width:t?d.xs:d.sm,height:t?d.xs:d.sm}}),y===p.positive&&o(C,{sx:{color:S,width:t?d.xs:d.sm,height:t?d.xs:d.sm}}),y===p.neutral&&o(b,{sx:{color:S,width:t?d.xs:d.sm,height:t?d.xs:d.sm}}),y===p.negative&&o(l,{sx:{color:S,width:t?d.xs:d.sm,height:t?d.xs:d.sm}}),y===p.veryNegative&&o(m,{sx:{color:S,width:t?d.xs:d.sm,height:t?d.xs:d.sm}})]})};export{u as default};

package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r}from"@mui/material";import{mergeSx as i}from"merge-sx";import{useState as a,useRef as l,useEffect as p,useCallback as s}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import m from"../../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import n from"../../../../WebCore/Checkbox/Checkbox.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import b from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import d from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{heightBasedOnPercentage as c}from"../../utils/heightBasedOnPercentage.js";import{VeticalBarWrapper as C,VerticalBarValue as u,VerticalBar as j,VerticalBarActions as h,VerticalBarLabel as W}from"../StyledComponents.js";const B=({percentage:B,label:x,checked:g,toolTipContent:y,hideValue:S,hideLabel:k,hideCheckbox:f,hidePercentageSymbol:L,disableTooltip:I,animateBar:v,slotProps:A,tickInterval:T,onChange:w,maxDataValue:F,disabled:M,loading:R,value:P,id:_,className:G,graphMaxHeight:V,responsive:N})=>{const D=r(),[O,H]=a(0),E=l(null);p(()=>{const e=c(B,T,F,V,{hideLabel:k,hideCheckbox:f,hideValue:S}),o=v?O:e,t=performance.now(),r=i=>{const a=i-t,l=Math.min(a/250,1);H(o+(e-o)*(l*(2-l))),l<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[P]);const $=s(()=>{!M&&w&&w(_,!g)},[M,w,g]);return e(b,{message:y||null,disableHoverListener:I||!y,followCursor:!0,placement:"bottom-start",slotProps:{wrapper:{sx:{height:"fill-available",width:1,minWidth:0,...A?.tooltip?.slotProps?.wrapper?.sx}}},children:o(C,{maxHeight:V,disabled:M,...A?.barWrapper,id:_,className:G,onClick:$,responsive:N,children:[!S&&e(u,{...A?.value,children:R?e(d,{width:20,height:18}):e(m,{variation:"xxs",component:"p",monospaced:!0,sx:{fontSize:"10px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%",textAlign:"center",minWidth:0,color:e=>M||!g?e.custom.palette.text.disabled:e.custom.palette.text.secondary},children:`${Math.round(B)}${L?"":"%"}`})}),R?e(d,{width:"fill-available",height:O}):e(j,{checked:g,value:O,maxHeight:V,disabled:M,sx:i(A?.bar?.sx||{},{backgroundColor:M||!g?D.custom.palette.interaction.disabled:A?.bar?.sx?.backgroundColor||D.custom.palette.interaction.hover})}),o(h,{children:[!k&&e(W,{...A?.label,children:R?e(d,{width:20,height:20}):e(m,{variation:"xs",component:"p",weight:"bold",sx:{color:e=>M||!g?e.custom.palette.text.disabled:e.custom.palette.text.primary},children:x})}),!f&&e(t,{children:R?e(d,{width:24,height:24,sx:{borderRadius:.5}}):e(n,{id:`${_}-checkbox`,variant:"secondary",checked:!M&&g,disabled:M,checkboxLabel:void 0,inputRef:E,onChange:$,...A?.checkbox,sx:i({mr:0,mt:1},A?.checkbox?.sx)})})]})]})})};export{B as default};
+import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r}from"@mui/material";import{mergeSx as i}from"merge-sx";import{useState as a,useRef as p,useEffect as s,useCallback as l}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import m from"../../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import n from"../../../../WebCore/Checkbox/Checkbox.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/Animations/FadeIn.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import b from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import d from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{heightBasedOnPercentage as c}from"../../utils/heightBasedOnPercentage.js";import{VeticalBarWrapper as C,VerticalBarValue as u,VerticalBar as j,VerticalBarActions as h,VerticalBarLabel as W}from"../StyledComponents.js";const B=({percentage:B,label:x,checked:g,toolTipContent:y,hideValue:S,hideLabel:k,hideCheckbox:f,hidePercentageSymbol:L,disableTooltip:I,animateBar:v,slotProps:A,tickInterval:T,onChange:w,maxDataValue:F,disabled:M,loading:R,value:P,id:_,className:G,graphMaxHeight:V,responsive:N})=>{const D=r(),[O,H]=a(0),E=p(null);s(()=>{const e=c(B,T,F,V,{hideLabel:k,hideCheckbox:f,hideValue:S}),o=v?O:e,t=performance.now(),r=i=>{const a=i-t,p=Math.min(a/250,1);H(o+(e-o)*(p*(2-p))),p<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[P]);const $=l(()=>{!M&&w&&w(_,!g)},[M,w,g]);return e(b,{message:y||null,disableHoverListener:I||!y,followCursor:!0,placement:"bottom-start",slotProps:{wrapper:{sx:{height:"fill-available",width:1,minWidth:0,...A?.tooltip?.slotProps?.wrapper?.sx}}},children:o(C,{maxHeight:V,disabled:M,...A?.barWrapper,id:_,className:G,onClick:$,responsive:N,children:[!S&&e(u,{...A?.value,children:R?e(d,{width:20,height:18}):e(m,{variation:"xxs",component:"p",monospaced:!0,sx:{fontSize:"10px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%",textAlign:"center",minWidth:0,color:e=>M||!g?e.custom.palette.text.disabled:e.custom.palette.text.secondary},children:`${Math.round(B)}${L?"":"%"}`})}),R?e(d,{width:"fill-available",height:O}):e(j,{checked:g,value:O,maxHeight:V,disabled:M,sx:i(A?.bar?.sx||{},{backgroundColor:M||!g?D.custom.palette.interaction.disabled:A?.bar?.sx?.backgroundColor||D.custom.palette.interaction.hover})}),o(h,{children:[!k&&e(W,{...A?.label,children:R?e(d,{width:20,height:20}):e(m,{variation:"xs",component:"p",weight:"bold",sx:{color:e=>M||!g?e.custom.palette.text.disabled:e.custom.palette.text.primary},children:x})}),!f&&e(t,{children:R?e(d,{width:24,height:24,sx:{borderRadius:.5}}):e(n,{id:`${_}-checkbox`,variant:"secondary",checked:!M&&g,disabled:M,checkboxLabel:void 0,inputRef:E,onChange:$,...A?.checkbox,sx:i({mr:0,mt:1},A?.checkbox?.sx)})})]})]})})};export{B as default};

package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as r,Box as t}from"@mui/material";import{memo as i,useRef as a,useState as p,useEffect as s,useMemo as l}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import m from"../../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"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/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import 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{createYAxisIntervalTicks as b}from"../../utils/createYAxisIntervalTicks.js";import{Axis as d,Spacer as C,AxisSegmentWrapper as u,AxisSegment as c}from"../StyledComponents.js";const j=i(({yAxisMax:i,rounding:j,tickInterval:W,loading:B,yAxisTickData:h,hideLabel:y,showGraphLines:S,hideCheckbox:x,disabled:g,slotProps:L,graphMaxHeight:I,responsive:f})=>{const k=r(),A=a(null),[T,v]=p(void 0);s(()=>{if(f&&A.current){const e=()=>{const e=A.current?.parentElement?.offsetWidth;e&&v(e-50)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}},[f]);const M=l(()=>j?Math.ceil(i/j)*j:i,[i,j]),F=h||b(W,M).reverse(),{onChange:R,...w}=L?.root||{};return e(d,{maxHeight:I,ref:A,children:[e(t,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[y&&o(C,{}),x&&o(C,{})]}),o(u,{...w,hideLabel:y,hideCheckbox:x,maxHeight:I,children:F.map((e,r)=>o(c,{showGraphLines:S,graphWidth:T,children:B?o(n,{width:20,height:20}):o(m,{component:"p",variation:"xs",monospaced:!0,sx:{color:g?k.custom.palette.text.disabled:k.custom.palette.text.primary},children:e})},r))}),e(t,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[!y&&o(C,{}),!x&&o(C,{})]})]})});export{j as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as r,Box as t}from"@mui/material";import{memo as i,useRef as a,useState as p,useEffect as s,useMemo as l}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import m from"../../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"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/Animations/FadeIn.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import 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{createYAxisIntervalTicks as b}from"../../utils/createYAxisIntervalTicks.js";import{Axis as d,Spacer as C,AxisSegmentWrapper as u,AxisSegment as c}from"../StyledComponents.js";const j=i(({yAxisMax:i,rounding:j,tickInterval:W,loading:B,yAxisTickData:h,hideLabel:y,showGraphLines:S,hideCheckbox:x,disabled:g,slotProps:L,graphMaxHeight:I,responsive:f})=>{const k=r(),A=a(null),[T,v]=p(void 0);s(()=>{if(f&&A.current){const e=()=>{const e=A.current?.parentElement?.offsetWidth;e&&v(e-50)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}},[f]);const M=l(()=>j?Math.ceil(i/j)*j:i,[i,j]),F=h||b(W,M).reverse(),{onChange:R,...w}=L?.root||{};return e(d,{maxHeight:I,ref:A,children:[e(t,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[y&&o(C,{}),x&&o(C,{})]}),o(u,{...w,hideLabel:y,hideCheckbox:x,maxHeight:I,children:F.map((e,r)=>o(c,{showGraphLines:S,graphWidth:T,children:B?o(n,{width:20,height:20}):o(m,{component:"p",variation:"xs",monospaced:!0,sx:{color:g?k.custom.palette.text.disabled:k.custom.palette.text.primary},children:e})},r))}),e(t,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[!y&&o(C,{}),!x&&o(C,{})]})]})});export{j as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{styled as r,useTheme as i}from"@mui/material";import a from"@number-flow/react";import{motion as p}from"motion/react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";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/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../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 s from"../SentimentArrow/SentimentArrow.js";const l=r(p.div,{shouldForwardProp:e=>!["active"].includes(e)})(({active:e,theme:o})=>({backgroundColor:e?o.custom.palette.blue[0]:o.custom.palette.surface.default,border:e?`1px solid ${o.custom.palette.blue[500]}`:`1px solid ${o.custom.palette.stroke.default}`,borderRadius:o.spacing(o.custom.radius.md),cursor:"pointer",display:"flex",flex:1,flexDirection:"column",justifyContent:"space-between",padding:o.spacing(o.custom.padding.sm,o.custom.padding.md),boxShadow:o.custom.elevation.raised})),n=r(p.div)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(e.custom.padding.sm)})),b=({active:r,animated:p,label:b,sentimentScore:d,stat:u,title:c,onClick:C})=>{const j=i();return e(l,{layout:p,active:r,onClick:C,children:[o(m,{component:"p",variation:"sm",weight:"bold",children:c}),e(n,{layout:p,children:["number"==typeof d?e(t,{children:[o(m,{monospaced:!0,variation:"md",component:"p",weight:"bold",sx:{lineHeight:"160%"},children:o(a,{value:d,format:{maximumFractionDigits:1},animated:p})}),o(s,{sentimentScore:d})]}):o(m,{component:"p",variation:"md",weight:"bold",sx:{fontVariantNumeric:"tabular-nums"},children:o(t,{children:"number"==typeof u?o(a,{value:u,format:{maximumFractionDigits:1},animated:p}):"-"})}),!!b&&o(m,{component:"p",variation:"xs",color:j.custom.palette.text.secondary,clamp:1,sx:{wordBreak:"break-all"},children:b})]})]})};export{b as default};
+import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{styled as r,useTheme as i}from"@mui/material";import a from"@number-flow/react";import{motion as p}from"motion/react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";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/Animations/FadeIn.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../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 s from"../SentimentArrow/SentimentArrow.js";const l=r(p.div,{shouldForwardProp:e=>!["active"].includes(e)})(({active:e,theme:o})=>({backgroundColor:e?o.custom.palette.blue[0]:o.custom.palette.surface.default,border:e?`1px solid ${o.custom.palette.blue[500]}`:`1px solid ${o.custom.palette.stroke.default}`,borderRadius:o.spacing(o.custom.radius.md),cursor:"pointer",display:"flex",flex:1,flexDirection:"column",justifyContent:"space-between",padding:o.spacing(o.custom.padding.sm,o.custom.padding.md),boxShadow:o.custom.elevation.raised})),n=r(p.div)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(e.custom.padding.sm)})),b=({active:r,animated:p,label:b,sentimentScore:d,stat:u,title:c,onClick:C})=>{const j=i();return e(l,{layout:p,active:r,onClick:C,children:[o(m,{component:"p",variation:"sm",weight:"bold",children:c}),e(n,{layout:p,children:["number"==typeof d?e(t,{children:[o(m,{monospaced:!0,variation:"md",component:"p",weight:"bold",sx:{lineHeight:"160%"},children:o(a,{value:d,format:{maximumFractionDigits:1},animated:p})}),o(s,{sentimentScore:d})]}):o(m,{component:"p",variation:"md",weight:"bold",sx:{fontVariantNumeric:"tabular-nums"},children:o(t,{children:"number"==typeof u?o(a,{value:u,format:{maximumFractionDigits:1},animated:p}):"-"})}),!!b&&o(m,{component:"p",variation:"xs",color:j.custom.palette.text.secondary,clamp:1,sx:{wordBreak:"break-all"},children:b})]})]})};export{b as default};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useTheme as r,Stack as i,Box as a}from"@mui/material";import n from"@number-flow/react";import{mergeSx as s}from"merge-sx";import{useState as l}from"react";import{TruncatedList as p}from"react-truncate-list";import m from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import d from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import c from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import u from"../../WebCore/KeyValueLabel/KeyValueLabel.js";import b 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 g from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import C from"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"material-ui-popup-state/hooks";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import y from"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import h 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 x from"../TestStatus/TestStatus.js";const j=({animated:n=!0,status:j,menuItems:S,title:B,tags:I,stats:k,user:T,slotProps:w,loading:v=!1,...L})=>{const A=r(),[N,R]=l(!1);return e(C,{variation:"raised",borderradius:"lg",...L,sx:s({padding:e=>e.spacing(e.custom.padding.md),border:e=>`1px solid ${e.custom.palette.stroke.light}`,width:"100%",cursor:"pointer","&:hover .TestItem__Menu":{opacity:1}},L.sx),children:t(i,{component:"article",gap:2,children:[t(i,{component:"header",gap:1,justifyContent:"space-between",children:[t(i,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:1,children:[v?e(h,{sx:{width:90,height:32}}):e(x,{status:j,...w?.status}),!v&&Boolean(S?.length)&&e(g,{trigger:e(c,{icon:e(m,{name:"more-horizontal",size:16}),variation:"outlined",className:"TestItem__Menu",sx:{width:28,aspectRatio:1,borderRadius:"100% !important",transition:"opacity 0.3s ease",opacity:0,"&:focus":{background:e=>`${e.custom.palette.interaction.press} !important`,opacity:1}}}),bindOn:["toggle"],menuItems:S,width:128,offset:[0,8],placement:"bottom-end",...w?.menu})]}),v?e(h,{}):e(d,{component:"h1",weight:"bold",...w?.title,sx:s({fontSize:e=>e.custom.typography.body.xl},w?.title?.sx),children:B})]}),e(a,{children:v?e(a,{display:"flex",flexDirection:"row",gap:.5,children:[...new Array(3).fill(void 0)].map((t,o)=>e(h,{sx:{maxWidth:50}},`test-item-skeleton-${o}`))}):Boolean(I?.length)&&e(p,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:56,gap:A.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0,...N&&{maxHeight:"none"}},alwaysShowTruncator:N,renderTruncator:({hiddenItemsCount:t})=>t>0?e(b,{body:`+${t}`,weight:"light",onClick:e=>{e.stopPropagation(),R(!0)},...w?.tagsExpand,sx:s({background:e=>e.custom.palette.neutral[50]},w?.tagsExpand?.sx)}):e(c,{sizing:"sm",icon:e(m,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),R(!1)},...w?.tagsCollapse,sx:s({color:e=>e.custom.palette.icon.primary},w?.tagsCollapse?.sx)}),children:I.map(({category:t,selection:o})=>e(u,{keyString:t,valueString:o},t))})}),!v&&k?.progress&&e(C,{variation:"sunken",borderradius:"md",sx:{border:e=>`1px solid ${e.custom.palette.neutral[100]}`,padding:e=>e.spacing(e.custom.padding.md)},children:t(i,{gap:2,children:[e(y,{variation:"determinate",value:k.progress.percentage}),t(a,{gap:{sm:.5,md:1},justifyContent:"stretch",sx:e=>({display:"grid",[e.breakpoints.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.breakpoints.down("lg")]:{gridTemplateColumns:"auto"},[e.containerQueries.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.containerQueries.down("lg")]:{gridTemplateColumns:"auto"}}),children:[e(a,{flexBasis:0,flexGrow:1,children:e(f,{animated:n,label:"Completed",primaryText:k.progress.completed.toString(),secondaryText:`of ${k.progress.total}`})}),e(a,{flexBasis:0,flexGrow:1,children:e(f,{animated:n,label:"Incomplete",primaryText:k.progress.incomplete.toString(),secondaryText:`${k.progress.incompletePercentage}%`})}),e(a,{flexBasis:0,flexGrow:1,children:e(f,{animated:n,label:"Duration",primaryText:k.progress.averageDuration,secondaryText:"average"})})]})]})}),t(a,{component:"footer",display:"flex",flexDirection:"row",justifyContent:T?"space-between":"end",gap:1,children:[T&&e(a,{display:"flex",alignItems:"center",gap:1,children:v?t(o,{children:[e(h,{sx:{borderRadius:"50%",width:24,aspectRatio:1,flexShrink:0}}),e(h,{sx:{width:100}})]}):e(o,{children:e(d,{component:"p",clamp:1,sx:{fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.secondary},children:T.activityDescription})})}),!v&&"draft"!==j&&t(a,{display:"flex",alignItems:"center",gap:2,flexShrink:0,children:[e(W,{animated:n,iconName:"data-bar",label:"answers",value:k?.count?.answers??0}),e(W,{animated:n,iconName:"comment-filled",label:"comments",value:k?.count?.comments??0,slotProps:{icon:{size:20}}})]})]})]})})},f=({animated:r,label:a,primaryText:s,secondaryText:l})=>{const p=s.match(/\d{1,2}:\d{2}/),m=s.split(":"),c=!isNaN(Number(s)),u=l.includes("%")&&!isNaN(Number(l.replace("%","")));return t(i,{sx:{background:e=>e.custom.palette.surface.default,minWidth:"92px",border:e=>`1px solid ${e.custom.palette.neutral[100]}`,borderRadius:1,padding:e=>`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`,color:e=>e.custom.palette.text.primary,flexShrink:0,height:"100%"},direction:{sm:"row",md:"row",lg:"column"},alignItems:"center",gap:{sm:1,md:1,lg:0},children:[e(d,{component:"p",sx:{width:"100%",textAlign:{md:"left",lg:"center"},fontSize:e=>e.custom.typography.body.sm},children:a}),e(d,{component:"h3",sx:{fontSize:e=>({sm:e.custom.typography.body.sm,md:e.custom.typography.body.md,lg:e.custom.typography.body.xxl}),fontWeight:500,flexShrink:0},monospaced:!0,children:e(o,{children:e(o,p||c?{children:p?t(o,{children:[e(n,{value:Number(m[0]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:r}),":",e(n,{value:Number(m[1]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:r})]}):e(n,{value:Number(s),animated:r})}:{children:s})})}),e(d,{component:"p",sx:{color:e=>e.custom.palette.text.secondary,fontSize:e=>e.custom.typography.body.sm,flexShrink:0},monospaced:!0,children:u?t(o,{children:[e(n,{value:Number(l.replace("%","")),animated:r}),"%"]}):l})]})},W=({animated:o,iconName:r,label:i,value:l,slotProps:p})=>t(a,{display:"flex",alignItems:"center",gap:.5,children:[e(m,{name:r,...p?.icon,sx:s({color:e=>e.custom.palette.icon.secondary},p?.icon?.sx)}),t(d,{monospaced:!0,component:"p",sx:e=>({fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.primary,"& > span":{color:e=>e.custom.palette.text.secondary,[e.breakpoints.up("lg")]:{display:"inline"},[e.breakpoints.down("lg")]:{display:"none"},[e.containerQueries.up("lg")]:{display:"inline"},[e.containerQueries.down("lg")]:{display:"none"}}}),children:[e(n,{value:l,animated:o})," ",e("span",{children:i})]})]});export{j as default};
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useTheme as r,Stack as i,Box as a}from"@mui/material";import n from"@number-flow/react";import{mergeSx as s}from"merge-sx";import{useState as l}from"react";import{TruncatedList as p}from"react-truncate-list";import m from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import d from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import c from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import u from"../../WebCore/KeyValueLabel/KeyValueLabel.js";import b 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 g from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import C from"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"material-ui-popup-state/hooks";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import y from"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import h 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 x from"../TestStatus/TestStatus.js";const j=({animated:n=!0,status:j,menuItems:S,title:B,tags:I,stats:k,user:T,slotProps:w,loading:v=!1,...L})=>{const A=r(),[N,R]=l(!1);return e(C,{variation:"raised",borderradius:"lg",...L,sx:s({padding:e=>e.spacing(e.custom.padding.md),border:e=>`1px solid ${e.custom.palette.stroke.light}`,width:"100%",cursor:"pointer","&:hover .TestItem__Menu":{opacity:1}},L.sx),children:t(i,{component:"article",gap:2,children:[t(i,{component:"header",gap:1,justifyContent:"space-between",children:[t(i,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:1,children:[v?e(h,{sx:{width:90,height:32}}):e(x,{status:j,...w?.status}),!v&&Boolean(S?.length)&&e(g,{trigger:e(c,{icon:e(m,{name:"more-horizontal",size:16}),variation:"outlined",className:"TestItem__Menu",sx:{width:28,aspectRatio:1,borderRadius:"100% !important",transition:"opacity 0.3s ease",opacity:0,"&:focus":{background:e=>`${e.custom.palette.interaction.press} !important`,opacity:1}}}),bindOn:["toggle"],menuItems:S,width:128,offset:[0,8],placement:"bottom-end",...w?.menu})]}),v?e(h,{}):e(d,{component:"h1",weight:"bold",...w?.title,sx:s({fontSize:e=>e.custom.typography.body.xl},w?.title?.sx),children:B})]}),e(a,{children:v?e(a,{display:"flex",flexDirection:"row",gap:.5,children:[...new Array(3).fill(void 0)].map((t,o)=>e(h,{sx:{maxWidth:50}},`test-item-skeleton-${o}`))}):Boolean(I?.length)&&e(p,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:56,gap:A.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0,...N&&{maxHeight:"none"}},alwaysShowTruncator:N,renderTruncator:({hiddenItemsCount:t})=>t>0?e(b,{body:`+${t}`,weight:"light",onClick:e=>{e.stopPropagation(),R(!0)},...w?.tagsExpand,sx:s({background:e=>e.custom.palette.neutral[50]},w?.tagsExpand?.sx)}):e(c,{sizing:"sm",icon:e(m,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),R(!1)},...w?.tagsCollapse,sx:s({color:e=>e.custom.palette.icon.primary},w?.tagsCollapse?.sx)}),children:I.map(({category:t,selection:o})=>e(u,{keyString:t,valueString:o},t))})}),!v&&k?.progress&&e(C,{variation:"sunken",borderradius:"md",sx:{border:e=>`1px solid ${e.custom.palette.neutral[100]}`,padding:e=>e.spacing(e.custom.padding.md)},children:t(i,{gap:2,children:[e(y,{variation:"determinate",value:k.progress.percentage}),t(a,{gap:{sm:.5,md:1},justifyContent:"stretch",sx:e=>({display:"grid",[e.breakpoints.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.breakpoints.down("lg")]:{gridTemplateColumns:"auto"},[e.containerQueries.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.containerQueries.down("lg")]:{gridTemplateColumns:"auto"}}),children:[e(a,{flexBasis:0,flexGrow:1,children:e(f,{animated:n,label:"Completed",primaryText:k.progress.completed.toString(),secondaryText:`of ${k.progress.total}`})}),e(a,{flexBasis:0,flexGrow:1,children:e(f,{animated:n,label:"Incomplete",primaryText:k.progress.incomplete.toString(),secondaryText:`${k.progress.incompletePercentage}%`})}),e(a,{flexBasis:0,flexGrow:1,children:e(f,{animated:n,label:"Duration",primaryText:k.progress.averageDuration,secondaryText:"average"})})]})]})}),t(a,{component:"footer",display:"flex",flexDirection:"row",justifyContent:T?"space-between":"end",gap:1,children:[T&&e(a,{display:"flex",alignItems:"center",gap:1,children:v?t(o,{children:[e(h,{sx:{borderRadius:"50%",width:24,aspectRatio:1,flexShrink:0}}),e(h,{sx:{width:100}})]}):e(o,{children:e(d,{component:"p",clamp:1,sx:{fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.secondary},children:T.activityDescription})})}),!v&&"draft"!==j&&t(a,{display:"flex",alignItems:"center",gap:2,flexShrink:0,children:[e(W,{animated:n,iconName:"data-bar",label:"answers",value:k?.count?.answers??0}),e(W,{animated:n,iconName:"comment-filled",label:"comments",value:k?.count?.comments??0,slotProps:{icon:{size:20}}})]})]})]})})},f=({animated:r,label:a,primaryText:s,secondaryText:l})=>{const p=s.match(/\d{1,2}:\d{2}/),m=s.split(":"),c=!isNaN(Number(s)),u=l.includes("%")&&!isNaN(Number(l.replace("%","")));return t(i,{sx:{background:e=>e.custom.palette.surface.default,minWidth:"92px",border:e=>`1px solid ${e.custom.palette.neutral[100]}`,borderRadius:1,padding:e=>`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`,color:e=>e.custom.palette.text.primary,flexShrink:0,height:"100%"},direction:{sm:"row",md:"row",lg:"column"},alignItems:"center",gap:{sm:1,md:1,lg:0},children:[e(d,{component:"p",sx:{width:"100%",textAlign:{md:"left",lg:"center"},fontSize:e=>e.custom.typography.body.sm},children:a}),e(d,{component:"h3",sx:{fontSize:e=>({sm:e.custom.typography.body.sm,md:e.custom.typography.body.md,lg:e.custom.typography.body.xxl}),fontWeight:500,flexShrink:0},monospaced:!0,children:e(o,{children:e(o,p||c?{children:p?t(o,{children:[e(n,{value:Number(m[0]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:r}),":",e(n,{value:Number(m[1]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:r})]}):e(n,{value:Number(s),animated:r})}:{children:s})})}),e(d,{component:"p",sx:{color:e=>e.custom.palette.text.secondary,fontSize:e=>e.custom.typography.body.sm,flexShrink:0},monospaced:!0,children:u?t(o,{children:[e(n,{value:Number(l.replace("%","")),animated:r}),"%"]}):l})]})},W=({animated:o,iconName:r,label:i,value:l,slotProps:p})=>t(a,{display:"flex",alignItems:"center",gap:.5,children:[e(m,{name:r,...p?.icon,sx:s({color:e=>e.custom.palette.icon.secondary},p?.icon?.sx)}),t(d,{monospaced:!0,component:"p",sx:e=>({fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.primary,"& > span":{color:e=>e.custom.palette.text.secondary,[e.breakpoints.up("lg")]:{display:"inline"},[e.breakpoints.down("lg")]:{display:"none"},[e.containerQueries.up("lg")]:{display:"inline"},[e.containerQueries.down("lg")]:{display:"none"}}}),children:[e(n,{value:l,animated:o})," ",e("span",{children:i})]})]});export{j as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import"@mui/material";import t from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import i from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"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/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../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{StyledTestStatus as a}from"./_partials/StyledBox/StyledBox.js";import{getStatusIconName as p,getStatusText as s}from"./helpers/index.js";const m=r(({status:r,sizing:m,...l},n)=>e(a,{ref:n,sizing:m,status:r,...l,children:[o(t,{name:p(r)}),o(i,{component:"p",variation:"sm",children:s(r)})]}));export{m as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import"@mui/material";import t from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import i from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"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/Animations/FadeIn.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../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{StyledTestStatus as a}from"./_partials/StyledBox/StyledBox.js";import{getStatusIconName as p,getStatusText as s}from"./helpers/index.js";const m=r(({status:r,sizing:m,...l},n)=>e(a,{ref:n,sizing:m,status:r,...l,children:[o(t,{name:p(r)}),o(i,{component:"p",variation:"sm",children:s(r)})]}));export{m as default};