@useloops/design-system 1.4.593 → 1.4.594
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Platform.js +1 -1
- package/dist/esm/Platform.js +1 -1
- package/dist/esm/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js +1 -1
- package/dist/esm/systems/Marketing/PlanTierCard/PlanTierCardSkeleton.js +1 -1
- package/dist/esm/systems/Marketing/PlanTierCard/SavingsPill.js +1 -1
- package/dist/esm/systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js +1 -1
- package/dist/esm/systems/Platform/AssetItem/AssetItem.js +1 -1
- package/dist/esm/systems/Platform/AssetItem/_partials/AssetItemMenu.js +1 -1
- package/dist/esm/systems/Platform/AssetItem/_partials/CoverTypeIndicator.js +1 -1
- package/dist/esm/systems/Platform/AssetItem/_partials/ImageTile.js +1 -1
- package/dist/esm/systems/Platform/DataPointInfo/_partials/EmptyStateMessage.js +1 -1
- package/dist/esm/systems/Platform/DataPointInfo/_partials/StatValue.js +1 -1
- package/dist/esm/systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js +1 -1
- package/dist/esm/systems/Platform/EmojiListItem/EmojiListItem.js +1 -1
- package/dist/esm/systems/Platform/EmojiListItem/_partials/StyledSurface.js +1 -1
- package/dist/esm/systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js +1 -1
- package/dist/esm/systems/Platform/EmptyStateCard/EmptyStateCard.js +1 -1
- package/dist/esm/systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js +1 -1
- package/dist/esm/systems/Platform/FilterCount/FilterCount.js +1 -1
- package/dist/esm/systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js +1 -1
- package/dist/esm/systems/Platform/FilterRow/FilterRow.js +1 -1
- package/dist/esm/systems/Platform/FilteredItemsCard/FilteredItemsCard.js +1 -1
- package/dist/esm/systems/Platform/GraphBar/_partials/UnitText/UnitText.js +1 -1
- package/dist/esm/systems/Platform/Header/Header.js +1 -1
- package/dist/esm/systems/Platform/KpiDataPopover/KpiDataPopover.js +1 -1
- package/dist/esm/systems/Platform/KpiDataPopover/KpiDetails.js +1 -1
- package/dist/esm/systems/Platform/KpiDataPopover/QuestionStatsCard.js +1 -1
- package/dist/esm/systems/Platform/LoopItem/LoopItem.js +1 -1
- package/dist/esm/systems/Platform/LoopItem/_partials/styledPartials.js +1 -1
- package/dist/esm/systems/Platform/MiniResultCard/MiniResultCard.js +1 -1
- package/dist/esm/systems/Platform/PaginationControl/PaginationControl.js +1 -1
- package/dist/esm/systems/Platform/ProjectItem/ProjectItemGridView.js +1 -1
- package/dist/esm/systems/Platform/ProjectItem/ProjectItemListView.js +1 -1
- package/dist/esm/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js +1 -1
- package/dist/esm/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
- package/dist/esm/systems/Platform/QuestionBlock/QuestionBlock.js +1 -1
- package/dist/esm/systems/Platform/QuestionLabel/QuestionLabel.js +1 -1
- package/dist/esm/systems/Platform/ScrollIndicator/ScrollIndicator.js +1 -1
- package/dist/esm/systems/Platform/SectionHeader/SectionHeader.js +1 -1
- package/dist/esm/systems/Platform/SentimentArrow/SentimentArrow.js +1 -1
- package/dist/esm/systems/Platform/Tab/Tab.js +1 -1
- package/dist/esm/systems/WebCore/CheckboxGroup/CheckboxGroup.js +1 -1
- package/dist/esm/systems/WebCore/FormGenerator/components/InputWrapper/InputWrapper.js +1 -1
- package/dist/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js +1 -1
- package/dist/systems/Marketing/PlanTierCard/PlanTierCardSkeleton.js +1 -1
- package/dist/systems/Marketing/PlanTierCard/SavingsPill.js +1 -1
- package/dist/systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js +1 -1
- package/dist/systems/Platform/AssetItem/AssetItem.js +1 -1
- package/dist/systems/Platform/AssetItem/_partials/AssetItemMenu.js +1 -1
- package/dist/systems/Platform/AssetItem/_partials/CoverTypeIndicator.js +1 -1
- package/dist/systems/Platform/AssetItem/_partials/ImageTile.js +1 -1
- package/dist/systems/Platform/DataPointInfo/_partials/EmptyStateMessage.js +1 -1
- package/dist/systems/Platform/DataPointInfo/_partials/StatValue.js +1 -1
- package/dist/systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js +1 -1
- package/dist/systems/Platform/EmojiListItem/EmojiListItem.js +1 -1
- package/dist/systems/Platform/EmojiListItem/_partials/StyledSurface.js +1 -1
- package/dist/systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js +1 -1
- package/dist/systems/Platform/EmptyStateCard/EmptyStateCard.js +1 -1
- package/dist/systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js +1 -1
- package/dist/systems/Platform/FilterCount/FilterCount.js +1 -1
- package/dist/systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js +1 -1
- package/dist/systems/Platform/FilterRow/FilterRow.js +1 -1
- package/dist/systems/Platform/FilteredItemsCard/FilteredItemsCard.js +1 -1
- package/dist/systems/Platform/GraphBar/_partials/UnitText/UnitText.js +1 -1
- package/dist/systems/Platform/Header/Header.js +1 -1
- package/dist/systems/Platform/KpiDataPopover/KpiDataPopover.js +1 -1
- package/dist/systems/Platform/KpiDataPopover/KpiDetails.js +1 -1
- package/dist/systems/Platform/KpiDataPopover/QuestionStatsCard.js +1 -1
- package/dist/systems/Platform/LoopItem/LoopItem.js +1 -1
- package/dist/systems/Platform/LoopItem/_partials/styledPartials.js +1 -1
- package/dist/systems/Platform/MiniResultCard/MiniResultCard.js +1 -1
- package/dist/systems/Platform/PaginationControl/PaginationControl.js +1 -1
- package/dist/systems/Platform/ProjectItem/ProjectItemGridView.js +1 -1
- package/dist/systems/Platform/ProjectItem/ProjectItemListView.js +1 -1
- package/dist/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js +1 -1
- package/dist/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
- package/dist/systems/Platform/QuestionBlock/QuestionBlock.js +1 -1
- package/dist/systems/Platform/QuestionLabel/QuestionLabel.js +1 -1
- package/dist/systems/Platform/ScrollIndicator/ScrollIndicator.js +1 -1
- package/dist/systems/Platform/SectionHeader/SectionHeader.js +1 -1
- package/dist/systems/Platform/SentimentArrow/SentimentArrow.js +1 -1
- package/dist/systems/Platform/Tab/Tab.js +1 -1
- package/dist/systems/WebCore/CheckboxGroup/CheckboxGroup.d.ts +1 -0
- package/dist/systems/WebCore/CheckboxGroup/CheckboxGroup.js +1 -1
- package/dist/systems/WebCore/FormGenerator/components/InputWrapper/InputWrapper.js +1 -1
- package/dist/theme/theme.hooks.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o,Fragment as r}from"react/jsx-runtime";import{useTheme as t,Box as i}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import
|
|
1
|
+
import{jsxs as e,jsx as o,Fragment as r}from"react/jsx-runtime";import{useTheme as t,Box as i}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import m from"../../WebCore/EmojiWrapper/EmojiWrapper.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import l from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.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/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 p 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{StyledSurface as n}from"./_partials/StyledSurface.js";const d=({dragHandle:d=!1,disabled:c,loading:b,onDelete:C,primaryAction:j,icon:u,label:W,slotProps:g,...h})=>{const y=t();return e(n,{borderradius:"md",variation:"default",disabled:c,sx:{p:y.custom.padding.sm,...g?.surface?.sx},...g?.surface,...h,children:[d&&o(i,{sx:{display:"flex",alignItems:"center"},className:"emoji-list-item-drag-handle-container",children:o(l,{disabled:c,sizing:"xs",icon:o(a,{name:"drag-handle",color:y.custom.palette.icon.secondary}),...g?.dragHandle})}),e(i,{sx:{display:"flex",alignItems:"center",gap:y.spacing(y.custom.margin.sm),flex:"1 0 0",px:y.spacing(y.custom.padding.sm)},className:"emoji-list-item-content-container",children:[u&&o(r,{children:b?o(p,{width:24,height:24,sx:{borderRadius:"50%"}}):o(m,{disabled:c,checked:!0,...g?.icon,children:u})}),W&&o(i,{sx:{height:24,flexGrow:1,display:"flex",alignItems:"center",gap:y.spacing(y.custom.margin.sm)},className:"emoji-list-item-label-container",children:b?o(p,{width:100,height:24}):o(s,{component:"p",variation:"md",sx:{color:c?y.custom.palette.text.disabled:y.custom.palette.text.primary},...g?.label,children:W})})]}),(j||C)&&e(i,{sx:{display:"flex",alignItems:"center",gap:y.spacing(y.custom.margin.xs)},className:"emoji-list-item-actions-container",children:[j&&o(r,{children:b?o(p,{width:24,height:24}):j}),C&&o(r,{children:b?o(p,{width:24,height:24}):o(l,{sizing:"xs",disabled:c,icon:o(a,{name:"delete",color:y.custom.palette.icon.secondary}),onClick:e=>{e.stopPropagation(),C&&C()},...g?.deleteAction})})]})]})};export{d as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as r,Stack as t,Box as i}from"@mui/material";import{mergeSx as a}from"merge-sx";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/Accordion/Accordion.js";import p from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import m from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as r,Stack as t,Box as i}from"@mui/material";import{mergeSx as a}from"merge-sx";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/Accordion/Accordion.js";import p from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import m from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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/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 n 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"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 l=({onClickCta:l,ctaText:b="Create a new test",title:d="This Loop has no tests",body:C="Create a new test to start gathering insights on your creative work.",hideCta:c=!1,hideIcon:u=!1,iconName:j="data-bar",slotProps:W,sx:g})=>{const y=r();return e(n,{variation:"raised",borderradius:"lg",sx:a({backgroundColor:y.custom.palette.purple[0],p:y.spacing(y.custom.padding.md)},g),...W?.surface,children:o(t,{gap:2,direction:"row",alignItems:"start",children:[!u&&e(i,{sx:a({backgroundColor:y.custom.palette.yellow[300],flexShrink:0,p:y.spacing(y.custom.padding.sm),aspectRatio:1,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:y.spacing(y.custom.radius.round)},W?.icon?.sx),children:e(s,{name:j,size:24})}),o(t,{gap:2,alignItems:"start",children:[o(t,{gap:y.spacing(y.custom.padding.sm),className:"copy-stack",children:[e(p,{component:"p",variation:"lg",weight:"bold",sx:{color:y.custom.palette.purple[800]},...W?.title,children:d}),e(p,{component:"p",variation:"md",sx:{color:y.custom.palette.purple[800]},...W?.body,children:C})]}),!c&&e(m,{onClick:l,...W?.button,children:b})]})]})})};export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as r,Stack as t,linearProgressClasses as i}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as r,Stack as t,linearProgressClasses as i}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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/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 m from"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 p 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{getStatusIconName as n,getTextColorByStatus as l,getColorByStatus as b}from"../TestStatus/helpers/index.js";import"../TestStatus/TestStatus.js";import d from"./_partials/QuestionControllerSegment/QuestionControllerSegment.js";import C from"./_partials/StyledBox.js";import{getStatusText as u}from"./helpers.js";const j=({animated:j=!0,status:c,segments:W,loading:g})=>{const S=r(),{number:B,totalNumber:y}=W[0],h=y?Number(B)/y*100:void 0;return g?e(p,{width:"100%",height:73,sx:{borderRadius:S.spacing(S.custom.radius.lg)}}):o(C,{status:c,children:[o(t,{direction:"row",gap:S.custom.padding.sm,alignItems:"center",sx:{flex:"1 1 auto",minWidth:"176px"},children:[e(a,{name:n(c),size:24}),o(t,{sx:{width:"100%",gap:S.spacing(S.custom.padding.sm)},children:[e(s,{component:"p",variation:"md",sx:{color:l(S,c,1e3)},children:u(c)}),e(m,{variation:"determinate",value:h,sx:{[`&.${i.root}`]:{background:b(S,c,100),height:"8px",[`& .${i.bar}`]:{backgroundColor:b(S,c)}}}})]})]}),e(t,{direction:"row",gap:S.custom.margin.lg,alignItems:"center",sx:{px:S.custom.padding.sm,flex:"0 0 auto"},children:W.map((o,r)=>e(d,{animated:j,segment:o,status:c},r))})]})};export{j as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{styled as r,Box as i,useTheme as a}from"@mui/material";import p from"@number-flow/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/Accordion/Accordion.js";import n from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"
|
|
1
|
+
import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{styled as r,Box as i,useTheme as a}from"@mui/material";import p from"@number-flow/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/Accordion/Accordion.js";import n from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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/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/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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(e.custom.padding.sm)})),s=r(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(e.custom.padding.xs)})),d=({animated:r=!0,buttonText:i,end:d,filteredCount:b,loading:C,onButtonPress:u=()=>{},start:c,totalCount:j})=>{const W=a(),h={component:"p",variation:"xs"},B={color:W.custom.palette.text.secondary},y={color:W.custom.palette.text.link,component:"p",onClick:u,sx:{cursor:"pointer",textDecoration:"underline"},variation:"xs"},g="number"==typeof b&&b!==j,S=i&&"number"==typeof b&&b!==j;return e(m,{children:o(t,C?{children:[o(s,{children:[c?e(l,{width:50,height:18}):null,e(l,{width:30,height:18}),d?e(l,{width:50,height:18}):null]}),S?e(l,{width:60,height:18}):null]}:{children:[o(s,{children:[c?e(n,{...h,...B,children:c}):null,g?o(t,{children:[e(n,{...h,weight:"bold",monospaced:!0,children:e(p,{value:b,animated:r})}),e(n,{...h,...B,children:"/"})]}):null,e(n,{...h,...B,monospaced:!0,children:e(p,{value:j,animated:r})}),d?e(n,{...h,...B,children:d}):null]}),S?e(n,{...y,children:i}):null]})})};export{d as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,AccordionSummary as t,Box as i,useTheme as a,Accordion as p,AccordionDetails as s}from"@mui/material";import{mergeSx as m}from"merge-sx";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import n from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import l from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,AccordionSummary as t,Box as i,useTheme as a,Accordion as p,AccordionDetails as s}from"@mui/material";import{mergeSx as m}from"merge-sx";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import n from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import l from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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/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/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 d=({heading:r,showIndicator:t,slotProps:i,children:d})=>{const C=a();return e(p,{disableGutters:!0,elevation:0,square:!0,...i?.accordion,sx:m({"&::before":{content:"none"}},i?.accordion?.sx),children:[e(b,{expandIcon:o(n,{name:"chevron-down"}),...i?.summary,children:[o(l,{component:"p",variation:"md",color:"textPrimary",children:r}),t&&o(c,{})]}),o(s,{...i?.details,sx:m({padding:0,paddingTop:C.spacing(.5)},i?.details?.sx),children:d})]})},b=r(t)(({theme:e})=>({padding:`${e.spacing(e.custom.padding.xs)} 0`,minHeight:"unset",gap:e.spacing(e.custom.padding.sm),"& .MuiAccordionSummary-expandIconWrapper":{color:e.custom.palette.text.primary,"&.Mui-expanded":{transform:"none"}},"& .MuiAccordionSummary-content":{display:"flex",alignItems:"center",gap:e.spacing(e.custom.padding.sm),margin:0}})),c=r(i)(({theme:e})=>({width:10,height:10,background:e.custom.palette.red[500],borderRadius:"100%"}));export{d as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as t,Box as r,formControlLabelClasses as i}from"@mui/material";import a from"@number-flow/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/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.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 p from"../../WebCore/Checkbox/Checkbox.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as t,Box as r,formControlLabelClasses as i}from"@mui/material";import a from"@number-flow/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/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.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 p from"../../WebCore/Checkbox/Checkbox.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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/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/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 m from"../GraphBar/_partials/StyledListItemButton/StyledLisItemButton.js";const l=({label:l,selectedCount:n,checked:b=!1,onChange:d,slotProps:C,disabled:c})=>{const u=t();return e(m,{dense:!0,sx:{display:"flex",px:u.spacing(u.custom.padding.sm),"&.Mui-disabled":{background:"transparent"}},onClick:()=>{c||d?.(!b)},disabled:c,children:o(r,{display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:u.custom.padding.md,width:"100%",children:[e(p,{variant:"secondary",value:b,disabled:c,...C?.checkboxProps,sx:{"&.Mui-disabled > span":{borderColor:`${u.custom.palette.stroke.disabled} !important`},[`&.${i.root}`]:{marginRight:0}}}),e(s,{component:"p",variation:"md",sx:{color:c?u.custom.palette.text.disabled:u.custom.palette.text.primary},children:l}),e(s,{monospaced:!0,component:"p",variation:"sm",sx:{color:c?u.custom.palette.text.disabled:u.custom.palette.text.secondary,ml:"auto",mt:"2px",flexShrink:0},noWrap:!0,children:e(a,{value:n||0,animated:!0})})]})})};export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as r,Stack as t,typographyClasses as i}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/Accordion/Accordion.js";import a from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import p from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as r,Stack as t,typographyClasses as i}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/Accordion/Accordion.js";import a from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import p from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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/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 s 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/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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=r(t)(({theme:e})=>({padding:e.spacing(e.custom.padding.md),gap:e.spacing(e.custom.padding.md),alignItems:"center"})),n=({onClickCta:r,primaryText:n="All items have been filtered out",secondaryText:l="Remove filters to see results",ctaText:b="Clear filters"})=>e(s,{variation:"sunken",borderradius:"lg",sx:{flexGrow:1,maxHeight:"max-content"},children:o(m,{children:[o(t,{sx:{gap:e=>e.spacing(e.custom.padding.sm),alignItems:"center",[`& .${i.root}`]:{textAlign:"center"}},children:[e(a,{component:"p",weight:"bold",variation:"lg",children:n}),e(a,{component:"p",variation:"md",sx:{color:e=>e.custom.palette.text.secondary},children:l})]}),e(p,{variation:"outlined",sizing:"sm",onClick:r,children:b})]})});export{n as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{mergeSx as o}from"merge-sx";import"../../../../../utils/formValidation/misc.js";import"@mui/material";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/Accordion/Accordion.js";import r from"../../../../WebCore/Typography/Typography.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{mergeSx as o}from"merge-sx";import"../../../../../utils/formValidation/misc.js";import"@mui/material";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/Accordion/Accordion.js";import r from"../../../../WebCore/Typography/Typography.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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/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/utils/autocomplete.styles.js";import"../../../../WebCore/Select/AutocompleteListbox.js";import"../../../../WebCore/Select/StyledAutocomplete.js";import"../../../../WebCore/Select/SelectItem.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 t=({sx:t,color:i,checked:a,disabled:p,...m})=>e(r,{monospaced:!0,component:"p",variation:"xs",sx:o({minWidth:42,width:"max-content",textAlign:"right",color:e=>a&&!p?i:e.custom.palette.text.disabled},t),...m});export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{styled as r,Box as i,Container as a,Grid as n}from"@mui/material";import{mergeSx as s}from"merge-sx";import l from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import{fontSizemap as p}from"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import c from"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"
|
|
1
|
+
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{styled as r,Box as i,Container as a,Grid as n}from"@mui/material";import{mergeSx as s}from"merge-sx";import l from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import{fontSizemap as p}from"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import c from"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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/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/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 b 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=({backAction:r,title:C,showEditTitleOnlyOnHover:y=!0,breadcrumbLinks:B,buttons:f,controlBar:x,sx:S,slotProps:I,loading:k})=>{const L={...I,container:{maxWidth:!1,...I?.container}};return e(t,{children:[o(u,{sx:s({justifyContent:"space-between",position:"sticky",top:"0",zIndex:999},S),children:o(a,{...L.container,children:o(n,{container:!0,spacing:2,children:o(n,{size:12,children:e(h,{sx:{justifyContent:"space-between",py:1,height:61},children:[e(h,{children:[void 0!==r&&o(d,{sizing:"lg",icon:o(l,{name:"arrow-left",size:20}),sx:{color:e=>e.custom.palette.icon.primary},onClick:r}),e(h,{sx:{alignItems:"flex-start",flexDirection:"column",gap:0},children:[C&&e(i,{sx:{display:"flex",alignItems:"center",gap:1,...y&&{":hover .Header__TitleIconButton":{opacity:1}}},children:[k?o(b,{width:256,sx:{fontSize:p.lg,lineHeight:1.4}}):o(m,{variation:"lg",component:"p",weight:"bold",children:C}),void 0!==L?.titleIconButton?.onClick&&o(d,{icon:o(l,{name:"edit"}),sizing:"md",sx:{my:"-4px",...y&&{opacity:0,transition:"opacity 0.3s ease"}},className:"Header__TitleIconButton",...L?.titleIconButton})]}),B&&o(t,{children:k?o(b,{width:200,height:17,sx:{fontSize:p.lg,lineHeight:1.4,mt:.5}}):o(c,{links:B})})]})]}),f&&o(h,{children:f})]})})})})}),x&&o(j,{children:o(a,{...L.container,children:o(n,{container:!0,spacing:2,children:o(n,{size:12,children:o(W,{children:o(g,{children:x})})})})})})]})},u=r(i)(({theme:e})=>({alignItems:"center",backgroundColor:e.custom.palette.surface.default,borderBottom:`1px solid ${e.custom.palette.stroke.light}`,display:"flex",gap:e.spacing(1),justifyContent:"space-between",padding:1,height:61})),j=r(i)(({theme:e})=>({borderBottom:`1px solid ${e.custom.palette.stroke.light}`,width:"100%"})),W=r(i)(({theme:e})=>({display:"flex",justifyContent:"flex-end",padding:`${e.spacing(1)} 0`})),g=r(i)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,borderRadius:e.spacing(e.custom.radius.lg),display:"flex",gap:e.spacing(.5),justifyContent:"flex-end",padding:e.spacing(1)})),h=r(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1)}));export{C as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Stack as r,Box as t}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/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Stack as r,Box as t}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/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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/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 i 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/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 a from"./KpiDetails.js";import p from"./QuestionStatsCard.js";const s=({indicatorColor:s,kpiTitle:m,tagTitle:l,combinedAverageValue:n,combinedAveragePercent:b,linkedQuestions:d})=>e(i,{variation:"overlay",borderradius:"lg",sx:{padding:e=>e.spacing(e.custom.padding.md),paddingBottom:0,maxHeight:"384px",width:"320px",overflowY:"scroll",backgroundColor:e=>e.custom.palette.surface.overlay},children:[e(r,{gap:e=>e.spacing(e.custom.margin.md),sx:{},children:[o(a,{indicatorColor:s,kpiTitle:m,tagTitle:l,combinedAverageValue:n,combinedAveragePercent:b}),o(r,{gap:e=>e.spacing(e.custom.margin.md),children:d&&d.map((e,r)=>o(p,{...e},`${r}-${e.questionTitle}`))})]}),o(t,{sx:{position:"sticky",bottom:0,height:"24px",width:"100%",background:e=>`linear-gradient(0deg, ${e.custom.palette.surface.overlay} 0%, rgba(0, 0, 0, 0.00) 100%)`}})]});export{s as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Stack as r,Box as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import{backgroundCreator as a}from"../../WebCore/utils/backgroundCreator.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import p from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Stack as r,Box as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import{backgroundCreator as a}from"../../WebCore/utils/backgroundCreator.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import p from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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/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/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 n from"../KpiIndicator/KpiIndicator.js";const s=t(r)(({theme:e})=>({flexDirection:"column",marginLeft:"auto",padding:`0 ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)}`,width:"88px",flexGrow:0,flexShrink:0,alignItems:"center",justifyContent:"center",borderRadius:e.spacing(e.custom.radius.md),border:`1px solid ${e.custom.palette.purple[100]}`,background:a(e,{texture:"none",gradient:"tone2"})})),m=({indicatorColor:t,kpiTitle:a,tagTitle:m,combinedAverageValue:l,combinedAveragePercent:c})=>e(r,{gap:e=>e.spacing(e.custom.margin.sm),alignItems:"start",alignSelf:"stretch",direction:"row",children:[o(i,{sx:{height:"25px",display:"flex",placeItems:"center"},children:o(n,{colorScheme:t})}),e(r,{gap:e=>e.spacing(e.custom.margin.xs),children:[o(p,{clamp:2,component:"p",variation:"lg",weight:"bold",sx:{color:e=>e.palette.text.primary},children:a}),o(p,{clamp:2,component:"p",variation:"sm",sx:{color:e=>e.palette.text.secondary},children:m})]}),e(s,{children:[e(r,{sx:{padding:e=>`${e.spacing(e.custom.padding.sm)} 0`,gap:"2px"},children:[o(p,{component:"p",weight:"bold",sx:{fontSize:"30px",color:e=>e.custom.palette.purple[1e3],textAlign:"center",lineHeight:1},children:l}),o(p,{component:"p",variation:"xxs",sx:{color:e=>e.custom.palette.purple[800],textAlign:"center",lineHeight:1},children:`(${c}%)`})]}),o(p,{component:"p",variation:"xxs",sx:{color:e=>e.custom.palette.purple[800],textAlign:"center",lineHeight:1},children:"Combined score"})]})]});export{m as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Box as r,Stack as i,Divider as a}from"@mui/material";import"../../BrandCore/colorRamps.js";import{base as s}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import n from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import{backgroundCreator as p}from"../../WebCore/utils/backgroundCreator.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import l from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Box as r,Stack as i,Divider as a}from"@mui/material";import"../../BrandCore/colorRamps.js";import{base as s}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import n from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import{backgroundCreator as p}from"../../WebCore/utils/backgroundCreator.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import l from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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 m from"../../WebCore/Flag/Flag.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"../../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 d 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"../../WebCore/Progress/Progress.js";import u from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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"./ScaleChart.js";import C from"./SliderChart.js";const j=t(r)(({theme:e})=>({display:"flex",padding:e.spacing(e.custom.padding.xs),width:"40px",alignItems:"center",justifyContent:"center",borderRadius:e.spacing(e.custom.radius.md),background:p(e,{texture:"none",gradient:"tone2"}),border:`1px solid ${e.custom.palette.purple[100]}`})),g=({questionBody:t,questionData:p,questionTitle:g,questionType:W,questionUrl:x,testTitle:h,testCountry:y,localeTooltipText:f,averageScore:S,scoreHelpText:B})=>e(d,{variation:"default",borderradius:"md",sx:{display:"flex",flexDirection:"column",padding:e=>e.spacing(e.custom.padding.md),gap:e=>e.spacing(e.custom.margin.md),border:e=>`1px solid ${e.custom.palette.stroke.light}`,backgroundColor:e=>e.custom.palette.surface.default,"&:hover":{backgroundColor:e=>e.custom.palette.interaction.hover}},children:[e(i,{sx:{alignItems:"flex-end",flexDirection:"column",gap:e=>e.spacing(e.custom.margin.sm)},children:[o(l,{clamp:5,component:"p",variation:"xs",sx:{color:e=>e.custom.palette.text.primary,marginRight:"auto"},children:t}),"scale"===W&&o(b,{data:p}),"slider"===W&&o(C,{data:p}),e(i,{direction:"row",gap:e=>e.spacing(e.custom.margin.xs),children:[e(i,{direction:"row",alignItems:"center",children:[o(l,{component:"p",variation:"xxs",sx:{color:e=>e.custom.palette.text.primary,textAlign:"center"},children:"Score"}),o(u,{message:B,placement:"bottom",children:o(r,{sx:{width:3*s,height:3*s,display:"flex",alignItems:"center",justifyContent:"center"},children:o(n,{name:"info",size:16,sx:{color:e=>e.custom.palette.icon.secondary}})})})]}),o(j,{children:o(l,{component:"p",variation:"xs",weight:"bold",sx:{color:e=>e.custom.palette.purple[1e3]},children:S})})]})]}),o(a,{sx:{color:e=>e.custom.palette.stroke.light}}),e(i,{direction:"row",gap:e=>e.spacing(e.custom.margin.sm),alignItems:"center",justifyContent:"start",children:[o(u,{message:f,placement:"left",slotProps:{wrapper:{sx:{alignSelf:"baseline"}}},children:o(m,{countryCode:y,slotProps:{avatar:{sx:{width:16,height:16}}}})}),e(i,{gap:e=>e.spacing(e.custom.margin.xs),alignSelf:"start",children:[o(l,{clamp:1,component:"p",variation:"xxs",weight:"bold",sx:{color:e=>e.custom.palette.text.primary},children:h}),o(l,{clamp:2,component:"p",variation:"xxs",sx:{color:e=>e.custom.palette.text.secondary},children:g})]}),o(c,{icon:o(n,{name:"open-in-new"}),variation:"outlined",sizing:"sm",onClick:()=>window.open(x,"_blank","noopener,noreferrer"),sx:{marginLeft:"auto"}})]})]});export{g as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import{pluralise as a}from"../../../utils/pluralise.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/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import{pluralise as a}from"../../../utils/pluralise.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/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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 s from"../../WebCore/Image/Image.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 p 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/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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{ImageContainer as m,ContentContainer as l,LoopItemTitle as d,LoopItemText as c,CtaContent as b}from"./_partials/styledPartials.js";const C={position:"relative",width:"100%",height:"100%",display:"flex","& .lazy-load-image-background":{width:"100%",height:"100%"},"& .lazy-load-image-background > img":{objectFit:"cover",width:"100%",height:"100%"}},u=({onClick:u,id:j,thumbnail:h,title:g,active:W=!1,loading:y,testCount:B,draftCount:S,cta:f})=>{const x=o();return e(p,y?{borderradius:"lg",variation:"raised",onClick:u,active:W,"data-id":j,sx:{display:"grid",justifySelf:"stretch",gridTemplateRows:f?`1fr ${x.spacing(8)} ${x.spacing(7)}`:`1fr ${x.spacing(8)}`,minWidth:128,maxWidth:176,paddingBottom:f?0:x.spacing(x.custom.padding.md),overflow:"hidden"},children:[t(m,{id:"image-holder",sx:{borderBottom:`1px solid ${x.custom.palette.stroke.light}`},children:t(s,{src:h,width:"100%",height:"100%",containerSx:C})}),t(l,{children:e(r,{display:"flex",gap:1,flexDirection:"column",width:2/3,alignSelf:"center",children:[t(n,{height:19}),e(i,{direction:"row",gap:x.spacing(x.custom.margin.sm),width:1,justifyContent:"center",children:[t(n,{height:16}),t(n,{height:16})]})]})})]}:{borderradius:"lg",variation:"raised",onClick:u,active:W,"data-id":j,interactive:!0,sx:{display:"grid",justifySelf:"stretch",gridTemplateRows:f?`1fr ${x.spacing(8)} ${x.spacing(7)}`:`1fr ${x.spacing(8)}`,minWidth:128,maxWidth:176,paddingBottom:f?0:x.spacing(x.custom.padding.md),overflow:"hidden"},children:[t(m,{id:"image-holder",sx:{borderBottom:`1px solid ${x.custom.palette.stroke.light}`},children:t(s,{src:h,width:"100%",height:"100%",containerSx:C})}),e(l,{children:[t(d,{component:"p",variation:"sm",weight:"bold",children:g}),e(i,{direction:"row",gap:x.spacing(x.custom.margin.sm),width:1,justifyContent:"center",children:[!B&&!S&&t(c,{component:"p",variation:"sm",children:"Empty"}),!!B&&t(c,{component:"p",variation:"sm",children:`${B} ${a("Test",B)}`}),!!S&&t(c,{component:"p",variation:"sm",children:`${S} ${a("Draft",S)}`})]})]}),f&&t(b,{children:f})]})};export{u as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e,Box as o}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"react/jsx-runtime";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/Accordion/Accordion.js";import t from"../../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"
|
|
1
|
+
import{styled as e,Box as o}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"react/jsx-runtime";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/Accordion/Accordion.js";import t from"../../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"react";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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/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/utils/autocomplete.styles.js";import"../../../WebCore/Select/AutocompleteListbox.js";import"../../../WebCore/Select/StyledAutocomplete.js";import"../../../WebCore/Select/SelectItem.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 r=e(o)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",marginTop:e.spacing(e.custom.margin.sm),height:64,width:64,backgroundColor:e.custom.palette.surface.default,borderRadius:e.custom.radius.round})),i=e(o)(({theme:e})=>({boxShadow:"none",backgroundColor:e.custom.palette.surface.default,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderTopLeftRadius:e.spacing(e.custom.radius.md),borderTopRightRadius:e.spacing(e.custom.radius.md),aspectRatio:1.5})),a=e(o)(({theme:e})=>({paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:e.spacing(e.custom.padding.sm),paddingTop:e.spacing(e.custom.padding.md),textAlign:"center",justifyContent:"center",display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs)})),s=e(o)(({theme:e})=>({marginTop:e.spacing(e.custom.margin.md),display:"flex",justifyContent:"center"})),p=e(t,{shouldForwardProp:e=>!["disabled"].includes(e)})(({theme:e,disabled:o})=>({color:o?e.custom.palette.text.disabled:e.custom.palette.text.primary})),m=e(t)(({theme:e})=>({color:e.custom.palette.text.secondary}));export{a as ContentContainer,s as CtaContent,r as IconBacking,i as ImageContainer,m as LoopItemText,p as LoopItemTitle};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Box as t,useTheme as i,Stack as a,boxClasses as s}from"@mui/material";import p from"@number-flow/react";import"../../BrandCore/colorRamps.js";import{base as m}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import n from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import l from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import d from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Box as t,useTheme as i,Stack as a,boxClasses as s}from"@mui/material";import p from"@number-flow/react";import"../../BrandCore/colorRamps.js";import{base as m}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import n from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import l from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import d from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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 c 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/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/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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"../AssetItem/AssetItem.js";import{mapQuestionTypeToLabel as u}from"../utils/mapQuestionTypeToLabel.js";const C=({cardNumber:r,testTitle:m,question:C,questionType:h,subCopy:g,assetThumbnail:x,assetType:y,statTitle:f,statValue:S,onClickAsset:B,resultGraph:k,onClickShowMore:I})=>{const L=i(),{icon:T,label:v}=u(h);return e(j,{children:[e(W,{children:[o(a,{sx:{height:"22px",borderRadius:L.r.md,backgroundColor:L.custom.palette.icon.primary,paddingX:L.p.sm,justifyContent:"center"},children:o(l,{component:"p",variation:"sm",monospaced:!0,textColor:L.custom.palette.text.primaryInverted,children:r})}),o(l,{component:"p",variation:"md",children:m})]}),e(a,{sx:{flexDirection:"row",gap:L.m.xs,borderRadius:L.r.round,border:`1px solid ${L.custom.palette.stroke.light}`,placeSelf:"center",padding:`2px ${L.p.sm}`,alignItems:"center"},children:[o(n,{name:T,size:16}),o(l,{variation:"sm",component:"p",sx:{px:L.p.xs},children:v})]}),e(a,{sx:{gap:L.m.sm,flexDirection:"row",justifyContent:"space-between",paddingX:L.p.md},children:[e(a,{sx:{gap:L.m.sm},children:[o(l,{component:"p",variation:"lg",weight:"bold",clamp:4,children:C}),g&&o(c,{typographyProps:{secondary:!0,variation:"sm",component:"p",clamp:3},children:g})]}),o(t,{sx:{minWidth:"92px",width:"92px",height:"92px",overflow:"hidden",borderRadius:L.r.xs,border:`1px solid ${L.custom.palette.stroke.light}`,boxShadow:L.custom.elevation.raised,[`> .${s.root}`]:{display:"flex",height:"100%"}},children:o(b,{mediaType:y,thumbnail:x,onClick:B})})]}),e(a,{sx:{gap:L.m.xs},children:[e(a,{sx:{placeSelf:"center",alignItems:"center",flexDirection:"row",gap:L.m.sm,height:"18px"},children:[o(l,{component:"p",variation:"xs",children:f}),S&&e(l,{component:"p",variation:"xs",weight:"bold",monospaced:!0,children:[o(p,{value:S,animated:!0,format:{minimumFractionDigits:2,maximumFractionDigits:2}}),"likert"===h&&"%"]})]}),o(t,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",height:"96px",paddingX:L.p.md},children:k})]}),I&&o(d,{sizing:"sm",sx:{placeSelf:"center"},variation:"outlined",endIcon:o(n,{name:"open-in-new"}),onClick:I,children:"View full result"})]})},j=r(t)(({theme:e})=>({backgroundColor:e.custom.palette.surface.default,borderRadius:e.r.lg,boxShadow:e.custom.elevation.raised,minWidth:32*m+"px",maxWidth:64*m+"px",paddingBottom:e.p.md,display:"grid",gridTemplateRows:"auto auto 1fr 118px auto",gap:e.m.md})),W=r(t)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,display:"flex",alignItems:"start",gap:e.m.sm,padding:e.p.md,borderRadius:`${e.r.lg} ${e.r.lg} 0 0`}));export{C as default};
|