@useloops/design-system 1.4.586 → 1.4.588

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.
Files changed (163) hide show
  1. package/dist/Platform.js +1 -1
  2. package/dist/WebCore/ExpandableTypographyClamp.d.ts +1 -0
  3. package/dist/WebCore/ExpandableTypographyClamp.js +1 -1
  4. package/dist/esm/Platform.js +1 -1
  5. package/dist/esm/WebCore/ExpandableTypographyClamp.js +1 -1
  6. package/dist/esm/systems/BrandCore/Icon/Icon.js +1 -1
  7. package/dist/esm/systems/BrandCore/primitiveColor.js +1 -1
  8. package/dist/esm/systems/BrandCore/semanticColor.js +1 -1
  9. package/dist/esm/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js +1 -1
  10. package/dist/esm/systems/Marketing/PlanTierCard/PlanTierCard.js +1 -1
  11. package/dist/esm/systems/Marketing/PlanTierCard/PlanTierCardSkeleton.js +1 -1
  12. package/dist/esm/systems/Marketing/PlanTierCard/SavingsPill.js +1 -1
  13. package/dist/esm/systems/Platform/AIInsight/AIInsight.js +1 -1
  14. package/dist/esm/systems/Platform/AISummary/AISummary.js +1 -1
  15. package/dist/esm/systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js +1 -1
  16. package/dist/esm/systems/Platform/AssetItem/AssetItem.js +1 -1
  17. package/dist/esm/systems/Platform/AssetItem/_partials/AssetItemMenu.js +1 -1
  18. package/dist/esm/systems/Platform/AssetItem/_partials/CoverTypeIndicator.js +1 -1
  19. package/dist/esm/systems/Platform/AssetItem/_partials/ImageTile.js +1 -1
  20. package/dist/esm/systems/Platform/CommentCard/CommentCard.js +1 -1
  21. package/dist/esm/systems/Platform/DataPointInfo/DataPointInfo.js +1 -1
  22. package/dist/esm/systems/Platform/DataPointInfo/_partials/DataSourceItem.js +1 -1
  23. package/dist/esm/systems/Platform/DataPointInfo/_partials/EmptyStateMessage.js +1 -1
  24. package/dist/esm/systems/Platform/DataPointInfo/_partials/StatValue.js +1 -1
  25. package/dist/esm/systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js +1 -1
  26. package/dist/esm/systems/Platform/EmojiListItem/EmojiListItem.js +1 -1
  27. package/dist/esm/systems/Platform/EmojiListItem/_partials/StyledSurface.js +1 -1
  28. package/dist/esm/systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js +1 -1
  29. package/dist/esm/systems/Platform/EmptyStateCard/EmptyStateCard.js +1 -1
  30. package/dist/esm/systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js +1 -1
  31. package/dist/esm/systems/Platform/FilterCount/FilterCount.js +1 -1
  32. package/dist/esm/systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js +1 -1
  33. package/dist/esm/systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js +1 -1
  34. package/dist/esm/systems/Platform/FilterRow/FilterRow.js +1 -1
  35. package/dist/esm/systems/Platform/FilteredItemsCard/FilteredItemsCard.js +1 -1
  36. package/dist/esm/systems/Platform/GraphBar/_partials/UnitText/UnitText.js +1 -1
  37. package/dist/esm/systems/Platform/Header/Header.js +1 -1
  38. package/dist/esm/systems/Platform/KpiDataPopover/KpiDataPopover.js +1 -1
  39. package/dist/esm/systems/Platform/KpiDataPopover/KpiDetails.js +1 -1
  40. package/dist/esm/systems/Platform/KpiDataPopover/QuestionStatsCard.js +1 -1
  41. package/dist/esm/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js +1 -1
  42. package/dist/esm/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js +1 -1
  43. package/dist/esm/systems/Platform/LinkExpired/LinkExpired.js +1 -1
  44. package/dist/esm/systems/Platform/LoopItem/LoopItem.js +1 -1
  45. package/dist/esm/systems/Platform/LoopItem/_partials/styledPartials.js +1 -1
  46. package/dist/esm/systems/Platform/LoopItemEmpty/LoopItemEmpty.js +1 -1
  47. package/dist/esm/systems/Platform/MFACodeVerify/MFACodeVerify.js +1 -1
  48. package/dist/esm/systems/Platform/MiniResultCard/MiniResultCard.js +1 -1
  49. package/dist/esm/systems/Platform/PaginationControl/PaginationControl.js +1 -1
  50. package/dist/esm/systems/Platform/ProjectItem/ProjectItemGridView.js +1 -1
  51. package/dist/esm/systems/Platform/ProjectItem/ProjectItemListView.js +1 -1
  52. package/dist/esm/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js +1 -1
  53. package/dist/esm/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
  54. package/dist/esm/systems/Platform/QuestionBlock/QuestionBlock.js +1 -1
  55. package/dist/esm/systems/Platform/QuestionLabel/QuestionLabel.js +1 -1
  56. package/dist/esm/systems/Platform/QuestionSelector/QuestionSelector.js +1 -1
  57. package/dist/esm/systems/Platform/SearchInput/SearchInput.js +1 -1
  58. package/dist/esm/systems/Platform/SectionHeader/SectionHeader.js +1 -1
  59. package/dist/esm/systems/Platform/SentimentArrow/SentimentArrow.js +1 -1
  60. package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js +1 -1
  61. package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js +1 -1
  62. package/dist/esm/systems/Platform/Tab/Tab.js +1 -1
  63. package/dist/esm/systems/Platform/TestKPICard/TestKPICard.js +1 -1
  64. package/dist/esm/systems/Platform/TestKPICard/helpers/addTestKpiInteractionStates.js +1 -0
  65. package/dist/esm/systems/Platform/TestStatus/TestStatus.js +1 -1
  66. package/dist/esm/systems/Platform/VideoControls/VideoControls.js +1 -1
  67. package/dist/esm/systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js +1 -1
  68. package/dist/esm/systems/WebCore/ExpandableTypographyClamp/components/ExpandCollapseButton/ExpandCollapseButton.js +1 -0
  69. package/dist/esm/systems/WebCore/ExpandableTypographyClamp/components/GradientShim/GradientShim.js +1 -0
  70. package/dist/esm/systems/WebCore/ExpandableTypographyClamp/helpers/shimUtils.js +1 -0
  71. package/dist/esm/systems/WebCore/Pill/Pill.js +1 -1
  72. package/dist/esm/systems/WebCore/Pill/StyledPill.js +1 -1
  73. package/dist/esm/systems/WebCore/Pill/pill.helpers.js +1 -0
  74. package/dist/esm/systems/WebCore/Surface/StyledSurface.js +1 -1
  75. package/dist/esm/systems/WebCore/Surface/Surface.variant-helpers.js +1 -1
  76. package/dist/esm/systems/WebCore/Typography/Typography.js +1 -1
  77. package/dist/esm/systems/WebCore/styleblocks/focusedStyle.js +1 -0
  78. package/dist/esm/systems/WebCore/styleblocks/interactionStates.js +1 -0
  79. package/dist/esm/systems/WebCore/styleblocks/selectedStyle.js +1 -0
  80. package/dist/systems/BrandCore/Icon/Icon.d.ts +1 -0
  81. package/dist/systems/BrandCore/Icon/Icon.js +1 -1
  82. package/dist/systems/BrandCore/primitiveColor.js +1 -1
  83. package/dist/systems/BrandCore/semanticColor.js +1 -1
  84. package/dist/systems/BrandCore/types.d.ts +0 -2
  85. package/dist/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js +1 -1
  86. package/dist/systems/Marketing/PlanTierCard/PlanTierCard.js +1 -1
  87. package/dist/systems/Marketing/PlanTierCard/PlanTierCardSkeleton.js +1 -1
  88. package/dist/systems/Marketing/PlanTierCard/SavingsPill.js +1 -1
  89. package/dist/systems/Platform/AIInsight/AIInsight.js +1 -1
  90. package/dist/systems/Platform/AISummary/AISummary.js +1 -1
  91. package/dist/systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js +1 -1
  92. package/dist/systems/Platform/AssetItem/AssetItem.js +1 -1
  93. package/dist/systems/Platform/AssetItem/_partials/AssetItemMenu.js +1 -1
  94. package/dist/systems/Platform/AssetItem/_partials/CoverTypeIndicator.js +1 -1
  95. package/dist/systems/Platform/AssetItem/_partials/ImageTile.js +1 -1
  96. package/dist/systems/Platform/CommentCard/CommentCard.js +1 -1
  97. package/dist/systems/Platform/DataPointInfo/DataPointInfo.js +1 -1
  98. package/dist/systems/Platform/DataPointInfo/_partials/DataSourceItem.js +1 -1
  99. package/dist/systems/Platform/DataPointInfo/_partials/EmptyStateMessage.js +1 -1
  100. package/dist/systems/Platform/DataPointInfo/_partials/StatValue.js +1 -1
  101. package/dist/systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js +1 -1
  102. package/dist/systems/Platform/EmojiListItem/EmojiListItem.js +1 -1
  103. package/dist/systems/Platform/EmojiListItem/_partials/StyledSurface.js +1 -1
  104. package/dist/systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js +1 -1
  105. package/dist/systems/Platform/EmptyStateCard/EmptyStateCard.js +1 -1
  106. package/dist/systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js +1 -1
  107. package/dist/systems/Platform/FilterCount/FilterCount.js +1 -1
  108. package/dist/systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js +1 -1
  109. package/dist/systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js +1 -1
  110. package/dist/systems/Platform/FilterRow/FilterRow.js +1 -1
  111. package/dist/systems/Platform/FilteredItemsCard/FilteredItemsCard.js +1 -1
  112. package/dist/systems/Platform/GraphBar/_partials/UnitText/UnitText.js +1 -1
  113. package/dist/systems/Platform/Header/Header.js +1 -1
  114. package/dist/systems/Platform/KpiDataPopover/KpiDataPopover.js +1 -1
  115. package/dist/systems/Platform/KpiDataPopover/KpiDetails.js +1 -1
  116. package/dist/systems/Platform/KpiDataPopover/QuestionStatsCard.js +1 -1
  117. package/dist/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js +1 -1
  118. package/dist/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js +1 -1
  119. package/dist/systems/Platform/LinkExpired/LinkExpired.js +1 -1
  120. package/dist/systems/Platform/LoopItem/LoopItem.js +1 -1
  121. package/dist/systems/Platform/LoopItem/_partials/styledPartials.js +1 -1
  122. package/dist/systems/Platform/LoopItemEmpty/LoopItemEmpty.d.ts +1 -0
  123. package/dist/systems/Platform/LoopItemEmpty/LoopItemEmpty.js +1 -1
  124. package/dist/systems/Platform/MFACodeVerify/MFACodeVerify.js +1 -1
  125. package/dist/systems/Platform/MiniResultCard/MiniResultCard.js +1 -1
  126. package/dist/systems/Platform/PaginationControl/PaginationControl.js +1 -1
  127. package/dist/systems/Platform/ProjectItem/ProjectItemGridView.js +1 -1
  128. package/dist/systems/Platform/ProjectItem/ProjectItemListView.js +1 -1
  129. package/dist/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js +1 -1
  130. package/dist/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
  131. package/dist/systems/Platform/QuestionBlock/QuestionBlock.js +1 -1
  132. package/dist/systems/Platform/QuestionLabel/QuestionLabel.js +1 -1
  133. package/dist/systems/Platform/QuestionSelector/QuestionSelector.js +1 -1
  134. package/dist/systems/Platform/SearchInput/SearchInput.js +1 -1
  135. package/dist/systems/Platform/SectionHeader/SectionHeader.js +1 -1
  136. package/dist/systems/Platform/SentimentArrow/SentimentArrow.js +1 -1
  137. package/dist/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js +1 -1
  138. package/dist/systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js +1 -1
  139. package/dist/systems/Platform/Tab/Tab.js +1 -1
  140. package/dist/systems/Platform/TestKPICard/TestKPICard.d.ts +1 -0
  141. package/dist/systems/Platform/TestKPICard/TestKPICard.js +1 -1
  142. package/dist/systems/Platform/TestKPICard/helpers/addTestKpiInteractionStates.js +1 -0
  143. package/dist/systems/Platform/TestStatus/TestStatus.js +1 -1
  144. package/dist/systems/Platform/VideoControls/VideoControls.js +1 -1
  145. package/dist/systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.d.ts +11 -7
  146. package/dist/systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js +1 -1
  147. package/dist/systems/WebCore/ExpandableTypographyClamp/components/ExpandCollapseButton/ExpandCollapseButton.js +1 -0
  148. package/dist/systems/WebCore/ExpandableTypographyClamp/components/GradientShim/GradientShim.js +1 -0
  149. package/dist/systems/WebCore/ExpandableTypographyClamp/helpers/shimUtils.d.ts +3 -0
  150. package/dist/systems/WebCore/ExpandableTypographyClamp/helpers/shimUtils.js +1 -0
  151. package/dist/systems/WebCore/Pill/Pill.js +1 -1
  152. package/dist/systems/WebCore/Pill/StyledPill.js +1 -1
  153. package/dist/systems/WebCore/Pill/pill.helpers.js +1 -0
  154. package/dist/systems/WebCore/Pill/types.d.ts +2 -0
  155. package/dist/systems/WebCore/Surface/StyledSurface.js +1 -1
  156. package/dist/systems/WebCore/Surface/Surface.d.ts +1 -0
  157. package/dist/systems/WebCore/Surface/Surface.variant-helpers.js +1 -1
  158. package/dist/systems/WebCore/Typography/Typography.d.ts +1 -0
  159. package/dist/systems/WebCore/Typography/Typography.js +1 -1
  160. package/dist/systems/WebCore/styleblocks/focusedStyle.js +1 -0
  161. package/dist/systems/WebCore/styleblocks/interactionStates.js +1 -0
  162. package/dist/systems/WebCore/styleblocks/selectedStyle.js +1 -0
  163. package/package.json +1 -1
@@ -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 s,AccordionDetails as p}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"react";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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.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(s,{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(p,{...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
+ 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"react";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{jsxs as e,jsx as t}from"react/jsx-runtime";import{styled as o,Box as r,useTheme as i,Grid as a}from"@mui/material";import{mergeSx as l}from"merge-sx";import{motion as n,AnimatePresence as s}from"motion/react";import{useState as p}from"react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import m 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"../../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 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"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.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 u=({label:o,left:r,center:u,right:j,maxValue:W,maxCount:h})=>{const g=i(),[B,x]=p(!1),{totalBarWidth:y,filteredBarWidth:f,barBackground:S}=C(r,u,"left",W,h),{totalBarWidth:k,filteredBarWidth:L,barBackground:I}=C(j,u,"right",W,h);return e(a,{container:!0,columnSpacing:g.custom.padding.xs,size:"grow",sx:l({p:g.custom.padding.xs,width:"100%",transition:"background 0.15s ease-in-out"},B?{background:g.custom.palette.interaction.hover}:{}),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),children:[e(a,{size:"grow",position:"relative",overflow:"hidden",children:[t(c,{sx:{width:`${y}%`,right:0}}),t(b,{initial:{width:0},animate:{width:`${f}%`},transition:{duration:.3,ease:"easeOut"},style:{background:S,transformOrigin:"right",right:0}}),t(s,{children:r.label?.length&&B&&t(n.div,{initial:{opacity:0,translateX:50},animate:{opacity:1,translateX:0},exit:{opacity:0,translateX:50},transition:{duration:.2,ease:"easeOut"},style:{position:"absolute",top:0,right:"8px"},children:t(m,{component:"p",variation:"xxs",sx:{color:g.custom.palette.text.primary},children:r.label})})})]}),t(a,{size:2,sx:{maxWidth:"48px"},children:t(d,{variation:"raised",borderradius:"sm",sx:l({transition:"background 0.5s ease-in-out, color 0.5s ease-in-out"},B?{background:g.custom.palette.neutral[800]}:{}),children:t(m,{component:"p",variation:"xxs",sx:{color:B?g.custom.palette.text.primaryInverted:g.custom.palette.text.primary,textAlign:"center"},children:o})})}),e(a,{size:"grow",sx:{position:"relative",overflow:"hidden"},children:[t(c,{sx:{width:`${k}%`}}),t(b,{initial:{width:0},animate:{width:`${L}%`},transition:{duration:.3,ease:"easeOut"},style:{background:I,transformOrigin:"left"}}),t(s,{children:j.label?.length&&B&&t(n.div,{initial:{opacity:0,translateX:-50},animate:{opacity:1,translateX:0},exit:{opacity:0,translateX:-50},transition:{duration:.2,ease:"easeOut"},style:{position:"absolute",top:0,left:"8px"},children:t(m,{component:"p",variation:"xxs",sx:{color:g.custom.palette.text.primary},children:j.label})})})]})]})},c=o(r)(({theme:e})=>({height:"16px",background:e.custom.palette.interaction.disabled,borderRadius:"4px",position:"absolute"})),b=n.create(c);function C(e,t={color:"",totalValue:0,filteredValue:0},o,r,i){const a=t.filteredValue/2,l=e.filteredValue/i*r,n=e.totalValue/i*r,s=t.filteredValue/i*r,p=(n+t.totalValue/i*r/2)/r*100,m=(l+s/2)/r*100,d=t.totalValue?e.filteredValue/(e.filteredValue+a)*100:100;return{totalBarWidth:p,filteredBarWidth:m,barBackground:t.totalValue?`linear-gradient(to ${"left"===o?"right":"left"}, ${e.color}, ${e.color} ${d}%, ${t.color} ${d}%, ${t.color})`:e.color}}export{u as default};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{styled as o,Box as r,useTheme as i,Grid as a}from"@mui/material";import{mergeSx as l}from"merge-sx";import{motion as n,AnimatePresence as s}from"motion/react";import{useState as p}from"react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import m 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"../../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 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"../../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 u=({label:o,left:r,center:u,right:j,maxValue:W,maxCount:h})=>{const g=i(),[x,y]=p(!1),{totalBarWidth:B,filteredBarWidth:f,barBackground:S}=C(r,u,"left",W,h),{totalBarWidth:k,filteredBarWidth:L,barBackground:I}=C(j,u,"right",W,h);return e(a,{container:!0,columnSpacing:g.custom.padding.xs,size:"grow",sx:l({p:g.custom.padding.xs,width:"100%",transition:"background 0.15s ease-in-out"},x?{background:g.custom.palette.interaction.hover}:{}),onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),children:[e(a,{size:"grow",position:"relative",overflow:"hidden",children:[t(c,{sx:{width:`${B}%`,right:0}}),t(b,{initial:{width:0},animate:{width:`${f}%`},transition:{duration:.3,ease:"easeOut"},style:{background:S,transformOrigin:"right",right:0}}),t(s,{children:r.label?.length&&x&&t(n.div,{initial:{opacity:0,translateX:50},animate:{opacity:1,translateX:0},exit:{opacity:0,translateX:50},transition:{duration:.2,ease:"easeOut"},style:{position:"absolute",top:0,right:"8px"},children:t(m,{component:"p",variation:"xxs",sx:{color:g.custom.palette.text.primary},children:r.label})})})]}),t(a,{size:2,sx:{maxWidth:"48px"},children:t(d,{variation:"raised",borderradius:"sm",sx:l({transition:"background 0.5s ease-in-out, color 0.5s ease-in-out"},x?{background:g.custom.palette.neutral[800]}:{}),children:t(m,{component:"p",variation:"xxs",sx:{color:x?g.custom.palette.text.primaryInverted:g.custom.palette.text.primary,textAlign:"center"},children:o})})}),e(a,{size:"grow",sx:{position:"relative",overflow:"hidden"},children:[t(c,{sx:{width:`${k}%`}}),t(b,{initial:{width:0},animate:{width:`${L}%`},transition:{duration:.3,ease:"easeOut"},style:{background:I,transformOrigin:"left"}}),t(s,{children:j.label?.length&&x&&t(n.div,{initial:{opacity:0,translateX:-50},animate:{opacity:1,translateX:0},exit:{opacity:0,translateX:-50},transition:{duration:.2,ease:"easeOut"},style:{position:"absolute",top:0,left:"8px"},children:t(m,{component:"p",variation:"xxs",sx:{color:g.custom.palette.text.primary},children:j.label})})})]})]})},c=o(r)(({theme:e})=>({height:"16px",background:e.custom.palette.interaction.disabled,borderRadius:"4px",position:"absolute"})),b=n.create(c);function C(e,t={color:"",totalValue:0,filteredValue:0},o,r,i){const a=t.filteredValue/2,l=e.filteredValue/i*r,n=e.totalValue/i*r,s=t.filteredValue/i*r,p=(n+t.totalValue/i*r/2)/r*100,m=(l+s/2)/r*100,d=t.totalValue?e.filteredValue/(e.filteredValue+a)*100:100;return{totalBarWidth:p,filteredBarWidth:m,barBackground:t.totalValue?`linear-gradient(to ${"left"===o?"right":"left"}, ${e.color}, ${e.color} ${d}%, ${t.color} ${d}%, ${t.color})`:e.color}}export{u 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"react";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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.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
+ 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"react";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 s 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"react";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 m 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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.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 p=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(m,{variation:"sunken",borderradius:"lg",sx:{flexGrow:1,maxHeight:"max-content"},children:o(p,{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(s,{variation:"outlined",sizing:"sm",onClick:r,children:b})]})});export{n as default};
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"react";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"react";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/Pill/StyledPill.js";import"../../../../WebCore/Progress/Progress.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,...s})=>e(r,{monospaced:!0,component:"p",variation:"xs",sx:o({width:42,textAlign:"right",color:e=>a&&!p?i:e.custom.palette.text.disabled},t),...s});export{t as default};
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"react";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"react";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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.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:S,sx:x,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},x),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})]})})})})}),S&&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:S})})})})})})]})},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
+ 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"react";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"react";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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.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 s from"./QuestionStatsCard.js";const p=({indicatorColor:p,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:p,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(s,{...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{p as default};
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"react";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"react";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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.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 s from"../KpiIndicator/KpiIndicator.js";const n=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(s,{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(n,{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
+ 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"react";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"react";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 u from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.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:f,localeTooltipText:y,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:y,placement:"left",slotProps:{wrapper:{sx:{alignSelf:"baseline"}}},children:o(m,{countryCode:f,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
+ 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"react";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{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r,Stack as i,Box as a}from"@mui/material";import{mergeSx as s}from"merge-sx";import{useRef as p,useCallback as l}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/Accordion/Accordion.js";import m 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 n 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"../../../../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 b from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/Progress/Progress.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 c from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as d}from"../../utils/getIndicatorColor.js";import{LikertActionControllerWrapper as C,SwatchIndicator as j,LikertGraphLabel as u}from"../StyledComponents.js";const W=({disabled:W,checked:h,label:g,toolTipContent:S,id:B,onChange:x,color:y,loading:k,slotProps:f={},hideCheckboxes:L,hideLabels:I,hideColorIndicators:T,disableTooltips:R})=>{const w=r(),A=p(null),M=l(()=>{!W&&x&&x(B,!h)},[W,x,h]),v=L&&I&&T;return!v&&e(C,{disabled:W||k,onClick:M,children:e(b,{followCursor:!0,message:S,disableHoverListener:W||k||R||!S||v,...f?.actionsTooltip,slotProps:{wrapper:{sx:{width:"100%",height:"100%",padding:v?0:`${w.spacing(w.custom.margin.sm)} ${w.spacing(w.custom.margin.xs)}`,flexDirection:"column",display:"flex",alignItems:"center",justifyContent:"space-between",gap:w.spacing(w.custom.margin.md),...f?.actionsTooltip?.slotProps?.wrapper?.sx}}},children:o(t,{children:[o(i,{gap:w.spacing(w.custom.margin.xs),sx:{width:1,alignItems:"center"},children:[!T&&e(j,{sx:{...f?.actionsSwatchIndicator?.sx},color:W||k?w.custom.palette.interaction.disabled:h?y:w.custom.palette.neutral[100]}),!I&&e(u,{children:k?e(c,{width:50,height:20}):e(m,{variation:"sm",component:"p",textAlign:"center",...f?.actionsLabel,sx:s({color:W||!h?w.custom.palette.text.disabled:d(y,w)},f?.actionsLabel?.sx),children:g})})]}),!L&&e(a,{children:k?e(c,{width:24,height:24}):e(n,{id:`${B}-checkbox`,variant:"secondary",checked:!W&&h,disabled:W,checkboxLabel:void 0,inputRef:A,...f?.actionsCheckbox,sx:s({mr:0},f?.actionsCheckbox?.sx)})})]})})})};export{W as default};
1
+ import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r,Stack as i,Box as a}from"@mui/material";import{mergeSx as s}from"merge-sx";import{useRef as p,useCallback as l}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/Accordion/Accordion.js";import m 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 n 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"../../../../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 b 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 c from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as d}from"../../utils/getIndicatorColor.js";import{LikertActionControllerWrapper as C,SwatchIndicator as j,LikertGraphLabel as u}from"../StyledComponents.js";const W=({disabled:W,checked:h,label:g,toolTipContent:S,id:x,onChange:B,color:y,loading:k,slotProps:f={},hideCheckboxes:L,hideLabels:I,hideColorIndicators:T,disableTooltips:R})=>{const w=r(),A=p(null),M=l(()=>{!W&&B&&B(x,!h)},[W,B,h]),v=L&&I&&T;return!v&&e(C,{disabled:W||k,onClick:M,children:e(b,{followCursor:!0,message:S,disableHoverListener:W||k||R||!S||v,...f?.actionsTooltip,slotProps:{wrapper:{sx:{width:"100%",height:"100%",padding:v?0:`${w.spacing(w.custom.margin.sm)} ${w.spacing(w.custom.margin.xs)}`,flexDirection:"column",display:"flex",alignItems:"center",justifyContent:"space-between",gap:w.spacing(w.custom.margin.md),...f?.actionsTooltip?.slotProps?.wrapper?.sx}}},children:o(t,{children:[o(i,{gap:w.spacing(w.custom.margin.xs),sx:{width:1,alignItems:"center"},children:[!T&&e(j,{sx:{...f?.actionsSwatchIndicator?.sx},color:W||k?w.custom.palette.interaction.disabled:h?y:w.custom.palette.neutral[100]}),!I&&e(u,{children:k?e(c,{width:50,height:20}):e(m,{variation:"sm",component:"p",textAlign:"center",...f?.actionsLabel,sx:s({color:W||!h?w.custom.palette.text.disabled:d(y,w)},f?.actionsLabel?.sx),children:g})})]}),!L&&e(a,{children:k?e(c,{width:24,height:24}):e(n,{id:`${x}-checkbox`,variant:"secondary",checked:!W&&h,disabled:W,checkboxLabel:void 0,inputRef:A,...f?.actionsCheckbox,sx:s({mr:0},f?.actionsCheckbox?.sx)})})]})})})};export{W as default};
@@ -1 +1 @@
1
- import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useTheme as r,Box as i}from"@mui/material";import a from"@number-flow/react";import{mergeSx as s}from"merge-sx";import{useState as n,useEffect as p}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/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"../../../../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 m from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/Progress/Progress.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 d from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as c}from"../../utils/getIndicatorColor.js";import{motion as b}from"../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const u=({relativePercentage:u,amount:C,color:j,animateBars:W,disabled:y,loading:h,toolTipContent:B,hideAmount:g,disableTooltips:S,checked:f,hidePercentageSymbol:x,slotProps:I})=>{const L=r(),k=u&&u>8,[v,w]=n(0);return p(()=>{const e=h?20:u||0,o=W?v||0:e,t=performance.now(),r=i=>{const a=i-t,s=Math.min(a/250,1);w(o+(e-o)*(s*(2-s))),s<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[C,h]),e(i,{component:b.div,...I?.graphBar,sx:s({height:"100%",width:`${v}%`,background:y||!f?L.custom.palette.neutral[100]:h?L.custom.palette.interaction.none:j,borderRadius:L.spacing(L.custom.radius.sm),border:`1px solid ${L.custom.palette.icon.lockedWhite}`,boxSizing:"border-box",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"},I?.graphBar?.sx),initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:.3,ease:"easeOut"},children:e(m,{message:B,placement:"top",disableHoverListener:!B||y||h||S,followCursor:!0,...I?.graphBarTooltip,slotProps:{wrapper:{sx:{width:1,height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...I?.graphBarTooltip?.slotProps?.wrapper?.sx}}},children:e(o,{children:h?e(d,{width:"100%",height:"100%",sx:{borderRadius:L.spacing(L.custom.radius.sm)}}):t(b.div,{style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},initial:{opacity:0},animate:{opacity:k?1:0},transition:{duration:.3,ease:"easeInOut",delay:k?.1:0},children:[e(b.div,{initial:{y:10,opacity:0},animate:{y:k?0:10,opacity:k?1:0},transition:{duration:.3,ease:"easeOut"},children:e(l,{monospaced:!0,variation:"xs",component:"p",weight:"bold",sx:{whiteSpace:"nowrap",color:y||!f?L.custom.palette.text.disabled:c(j,L)},children:k?t(o,{children:[e(a,{value:u,animated:W}),x?"":"%"]}):null})}),e(b.div,{initial:{y:10,opacity:0},animate:{y:k?0:10,opacity:k?1:0},transition:{duration:.3,ease:"easeOut",delay:.05},children:!g&&e(l,{monospaced:!0,variation:"xs",component:"p",sx:{color:y||!f?L.custom.palette.text.disabled:c(j,L)},children:k?e(a,{value:C,animated:W}):null})})]})})})})};export{u as default};
1
+ import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useTheme as r,Box as i}from"@mui/material";import a from"@number-flow/react";import{mergeSx as n}from"merge-sx";import{useState as s,useEffect as p}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/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"../../../../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 m 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 d from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as c}from"../../utils/getIndicatorColor.js";import{motion as b}from"../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const u=({relativePercentage:u,amount:C,color:j,animateBars:W,disabled:y,loading:h,toolTipContent:g,hideAmount:B,disableTooltips:S,checked:f,hidePercentageSymbol:x,slotProps:I})=>{const L=r(),k=u&&u>8,[v,T]=s(0);return p(()=>{const e=h?20:u||0,o=W?v||0:e,t=performance.now(),r=i=>{const a=i-t,n=Math.min(a/250,1);T(o+(e-o)*(n*(2-n))),n<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[C,h]),e(i,{component:b.div,...I?.graphBar,sx:n({height:"100%",width:`${v}%`,background:y||!f?L.custom.palette.neutral[100]:h?L.custom.palette.interaction.none:j,borderRadius:L.spacing(L.custom.radius.sm),border:`1px solid ${L.custom.palette.icon.lockedWhite}`,boxSizing:"border-box",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"},I?.graphBar?.sx),initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:.3,ease:"easeOut"},children:e(m,{message:g,placement:"top",disableHoverListener:!g||y||h||S,followCursor:!0,...I?.graphBarTooltip,slotProps:{wrapper:{sx:{width:1,height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...I?.graphBarTooltip?.slotProps?.wrapper?.sx}}},children:e(o,{children:h?e(d,{width:"100%",height:"100%",sx:{borderRadius:L.spacing(L.custom.radius.sm)}}):t(b.div,{style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},initial:{opacity:0},animate:{opacity:k?1:0},transition:{duration:.3,ease:"easeInOut",delay:k?.1:0},children:[e(b.div,{initial:{y:10,opacity:0},animate:{y:k?0:10,opacity:k?1:0},transition:{duration:.3,ease:"easeOut"},children:e(l,{monospaced:!0,variation:"xs",component:"p",weight:"bold",sx:{whiteSpace:"nowrap",color:y||!f?L.custom.palette.text.disabled:c(j,L)},children:k?t(o,{children:[e(a,{value:u,animated:W}),x?"":"%"]}):null})}),e(b.div,{initial:{y:10,opacity:0},animate:{y:k?0:10,opacity:k?1:0},transition:{duration:.3,ease:"easeOut",delay:.05},children:!B&&e(l,{monospaced:!0,variation:"xs",component:"p",sx:{color:y||!f?L.custom.palette.text.disabled:c(j,L)},children:k?e(a,{value:C,animated:W}):null})})]})})})})};export{u as default};
@@ -1 +1 @@
1
- import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Box as r}from"@mui/material";import"../AiContentContainer/AiContentContainer.js";import"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 o from"../../WebCore/AuthFormHeader/AuthFormHeader.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import i from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import a from"../../WebCore/ColorBackgroundContainer/ColorBackgroundContainer.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/Typography/Typography.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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.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"../AISummary/AISummary.js";import"../AssetItem/_partials/CoverTypeIndicator.js";import"../AssetItem/_partials/ImageTile.js";import"../AssetItem/_partials/styledPartials.js";import s from"../AuthContainerSurface/AuthContainerSurface.js";import"@mui/icons-material/CameraAlt";import"@mui/material/styles";import"../CommentCard/CommentCard.js";import"../DataPointInfo/DataPointInfo.js";import"../DemographicSelectionSection/DemographicSelectionSection.js";import"../EmojiListItem/_partials/StyledSurface.js";import"../EmojiQuestionEditorOption/_partials/StyledSurface.js";import"../TestStatus/TestStatus.js";import"@number-flow/react";import"../ExtendedTestStatus/_partials/StyledBox.js";import"../FilterCount/FilterCount.js";import"../FilteredItemsCard/FilteredItemsCard.js";import"../FilterGroupAccordion/FilterGroupAccordion.js";import"../FilterPyramidGraph/FilterPyramidGraph.js";import"../GraphBar/_partials/StyledListItemButton/StyledLisItemButton.js";import"../GraphBar/_partials/StyledLinearProgress/StyledLinearProgress.js";import"../Header/Header.js";import"../KpiDataPopover/KpiDetails.js";import"../KpiDataPopover/QuestionStatsCard.js";import"../LikertGraph/LikertGraph.js";import"../LoopItem/_partials/styledPartials.js";import"../LoopItemEmpty/LoopItemEmpty.js";import"../SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js";import"../SliderGraph/_partials/StyledComponents.js";import"../MiniResultCard/MiniResultCard.js";import"../Navigation/Navigation.js";import"../OnboardingCard/StyledOnboardingCard.js";import"@mui/lab";import"@mui/lab/Timeline";import"motion/react";import"../OnboardingCard/StyledTimeline.js";import"../ProjectItem/_partials/ProjectItemBadge.js";import"../ProjectItem/_partials/styledPartials.js";import"dayjs";import"../QuestionBlock/QuestionBlock.js";import"../QuestionLabel/QuestionLabel.js";import"../QuestionSelector/QuestionSelector.js";import"../SearchInput/SearchInput.js";import"../SectionHeader/SectionHeader.js";import"../SentimentArrow/SentimentArrow.js";import"../Tab/Tab.js";import"react-truncate-list";import"../TestKPICard/TestKPICard.js";import"../VideoControls/VideoControls.js";const p=()=>t(a,{sx:{display:"flex",justifyContent:"center",py:[2,5,5]},gradient:"tone4",children:e(s,{variation:"overlay",children:[t(o,{headerText:"Link expired",subText:"Your reset password link has expired. Return to log in and try again."}),t(r,{sx:{width:1},children:t(i,{fullWidth:!0,variation:"outlined",children:"Return to Log in"})})]})});export{p as default};
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as r}from"@mui/material";import"../AiContentContainer/AiContentContainer.js";import"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 o from"../../WebCore/AuthFormHeader/AuthFormHeader.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import i from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import a from"../../WebCore/ColorBackgroundContainer/ColorBackgroundContainer.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/Typography/Typography.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"../../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"../AISummary/AISummary.js";import"../AssetItem/_partials/CoverTypeIndicator.js";import"../AssetItem/_partials/ImageTile.js";import"../AssetItem/_partials/styledPartials.js";import s from"../AuthContainerSurface/AuthContainerSurface.js";import"@mui/icons-material/CameraAlt";import"@mui/material/styles";import"../CommentCard/CommentCard.js";import"../DataPointInfo/DataPointInfo.js";import"../DemographicSelectionSection/DemographicSelectionSection.js";import"../EmojiListItem/_partials/StyledSurface.js";import"../EmojiQuestionEditorOption/_partials/StyledSurface.js";import"../TestStatus/TestStatus.js";import"@number-flow/react";import"../ExtendedTestStatus/_partials/StyledBox.js";import"../FilterCount/FilterCount.js";import"../FilteredItemsCard/FilteredItemsCard.js";import"../FilterGroupAccordion/FilterGroupAccordion.js";import"../FilterPyramidGraph/FilterPyramidGraph.js";import"../GraphBar/_partials/StyledListItemButton/StyledLisItemButton.js";import"../GraphBar/_partials/StyledLinearProgress/StyledLinearProgress.js";import"../Header/Header.js";import"../KpiDataPopover/KpiDetails.js";import"../KpiDataPopover/QuestionStatsCard.js";import"../LikertGraph/LikertGraph.js";import"../LoopItem/_partials/styledPartials.js";import"../LoopItemEmpty/LoopItemEmpty.js";import"../SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js";import"../SliderGraph/_partials/StyledComponents.js";import"../MiniResultCard/MiniResultCard.js";import"../Navigation/Navigation.js";import"../OnboardingCard/StyledOnboardingCard.js";import"@mui/lab";import"@mui/lab/Timeline";import"motion/react";import"../OnboardingCard/StyledTimeline.js";import"../ProjectItem/_partials/ProjectItemBadge.js";import"../ProjectItem/_partials/styledPartials.js";import"dayjs";import"../QuestionBlock/QuestionBlock.js";import"../QuestionLabel/QuestionLabel.js";import"../QuestionSelector/QuestionSelector.js";import"../SearchInput/SearchInput.js";import"../SectionHeader/SectionHeader.js";import"../SentimentArrow/SentimentArrow.js";import"../Tab/Tab.js";import"react-truncate-list";import"../TestKPICard/TestKPICard.js";import"../VideoControls/VideoControls.js";const p=()=>e(a,{sx:{display:"flex",justifyContent:"center",py:[2,5,5]},gradient:"tone4",children:t(s,{variation:"overlay",children:[e(o,{headerText:"Link expired",subText:"Your reset password link has expired. Return to log in and try again."}),e(r,{sx:{width:1},children:e(i,{fullWidth:!0,variation:"outlined",children:"Return to Log in"})})]})});export{p 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"react";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 n 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"../../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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.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 m 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{CardContainer as s,ImageContainer as p,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%"}},j=({onClick:j,id:u,thumbnail:W,title:h,active:g=!1,loading:S,testCount:B,draftCount:y,cta:f})=>{const k=o();return e(s,S?{onClick:j,active:g,"data-id":u,cta:f,children:[t(p,{id:"image-holder",children:t(n,{src:W,width:"100%",height:"100%",containerSx:C})}),t(l,{children:e(r,{display:"flex",gap:1,flexDirection:"column",width:2/3,alignSelf:"center",children:[t(m,{height:19}),e(i,{direction:"row",gap:k.spacing(k.custom.margin.sm),width:1,justifyContent:"center",children:[t(m,{height:16}),t(m,{height:16})]})]})})]}:{onClick:j,active:g,"data-id":u,cta:f,children:[t(p,{id:"image-holder",children:t(n,{src:W,width:"100%",height:"100%",containerSx:C})}),e(l,{children:[t(d,{component:"p",variation:"sm",weight:"bold",active:g,children:h}),e(i,{direction:"row",gap:k.spacing(k.custom.margin.sm),width:1,justifyContent:"center",children:[!B&&!y&&t(c,{component:"p",variation:"sm",active:g,children:"Empty"}),!!B&&t(c,{component:"p",variation:"sm",active:g,children:`${B} ${a("Test",B)}`}),!!y&&t(c,{component:"p",variation:"sm",active:g,children:`${y} ${a("Draft",y)}`})]})]}),f&&t(b,{children:f})]})};export{j as default};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as r,Box as o,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"react";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 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"../../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 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{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%"}},j=({onClick:j,id:u,thumbnail:h,title:W,active:g=!1,loading:y,testCount:S,draftCount:f,cta:B})=>{const k=r();return e(n,y?{borderradius:"lg",variation:"raised",onClick:j,active:g,"data-id":u,sx:{display:"grid",justifySelf:"stretch",gridTemplateRows:B?`1fr ${k.spacing(8)} ${k.spacing(7)}`:`1fr ${k.spacing(8)}`,minWidth:128,maxWidth:176,paddingBottom:B?0:k.spacing(k.custom.padding.md),overflow:"hidden"},children:[t(m,{id:"image-holder",children:t(s,{src:h,width:"100%",height:"100%",containerSx:C})}),t(l,{children:e(o,{display:"flex",gap:1,flexDirection:"column",width:2/3,alignSelf:"center",children:[t(p,{height:19}),e(i,{direction:"row",gap:k.spacing(k.custom.margin.sm),width:1,justifyContent:"center",children:[t(p,{height:16}),t(p,{height:16})]})]})})]}:{borderradius:"lg",variation:"raised",onClick:j,active:g,"data-id":u,interactive:!0,sx:{display:"grid",justifySelf:"stretch",gridTemplateRows:B?`1fr ${k.spacing(8)} ${k.spacing(7)}`:`1fr ${k.spacing(8)}`,minWidth:128,maxWidth:176,paddingBottom:B?0:k.spacing(k.custom.padding.md),overflow:"hidden"},children:[t(m,{id:"image-holder",children:t(s,{src:h,width:"100%",height:"100%",containerSx:C})}),e(l,{children:[t(d,{component:"p",variation:"sm",weight:"bold",children:W}),e(i,{direction:"row",gap:k.spacing(k.custom.margin.sm),width:1,justifyContent:"center",children:[!S&&!f&&t(c,{component:"p",variation:"sm",children:"Empty"}),!!S&&t(c,{component:"p",variation:"sm",children:`${S} ${a("Test",S)}`}),!!f&&t(c,{component:"p",variation:"sm",children:`${f} ${a("Draft",f)}`})]})]}),B&&t(b,{children:B})]})};export{j as default};
@@ -1 +1 @@
1
- import{styled as e,Box as t}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 o 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"react";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/Pill/StyledPill.js";import"../../../WebCore/Progress/Progress.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(t,{shouldForwardProp:e=>!["active","cta","disabled"].includes(e)})(({theme:e,active:t,cta:o,disabled:r})=>({display:"grid",justifySelf:"stretch",gridTemplateRows:o?`1fr ${e.spacing(8)} ${e.spacing(7)}`:`1fr ${e.spacing(8)}`,minWidth:128,maxWidth:176,borderRadius:e.spacing(e.custom.radius.lg),paddingBottom:o?0:e.spacing(e.custom.padding.md),overflow:"hidden",backgroundColor:e.custom.palette.surface.raised,boxShadow:e.custom.elevation.raised,"&:hover":{cursor:r?"default":"pointer"},...t&&{backgroundColor:e.custom.palette.purple[500],color:e.custom.palette.text.primaryInverted,cursor:"pointer","& #image-holder":{position:"relative","&:after":{content:"''",position:"absolute",inset:0,border:`2px solid ${e.custom.palette.purple[500]}`,borderTopLeftRadius:e.spacing(e.custom.radius.lg),borderTopRightRadius:e.spacing(e.custom.radius.lg)}}}})),i=e(t)(({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})),a=e(t)(({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})),s=e(t)(({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)})),p=e(t)(({theme:e})=>({marginTop:e.spacing(e.custom.margin.md),display:"flex",justifyContent:"center"})),m=e(o,{shouldForwardProp:e=>!["active","disabled"].includes(e)})(({theme:e,active:t,disabled:o})=>({color:o?e.custom.palette.text.disabled:t?e.custom.palette.text.lockedWhite:e.custom.palette.text.primary})),n=e(o,{shouldForwardProp:e=>"active"!==e})(({theme:e,active:t})=>({color:t?e.custom.palette.text.lockedWhite:e.custom.palette.text.secondary}));export{r as CardContainer,s as ContentContainer,p as CtaContent,i as IconBacking,a as ImageContainer,n as LoopItemText,m as LoopItemTitle};
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"react";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};