@useloops/design-system 1.4.638 → 1.4.639

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 (227) hide show
  1. package/dist/Platform.js +1 -1
  2. package/dist/WebCore/AutocompleteBaseField.d.ts +2 -0
  3. package/dist/WebCore/AutocompleteBaseField.js +1 -0
  4. package/dist/WebCore/AutocompleteField.d.ts +2 -0
  5. package/dist/WebCore/AutocompleteField.js +1 -0
  6. package/dist/WebCore/AutocompleteFieldMultiple.d.ts +2 -0
  7. package/dist/WebCore/AutocompleteFieldMultiple.js +1 -0
  8. package/dist/WebCore/AutocompleteSingle.d.ts +2 -0
  9. package/dist/WebCore/AutocompleteSingle.js +1 -0
  10. package/dist/WebCore/ButtonBase.d.ts +1 -1
  11. package/dist/WebCore/ButtonBase.js +1 -1
  12. package/dist/WebCore/FormGenerator.d.ts +1 -1
  13. package/dist/WebCore/Select.d.ts +2 -3
  14. package/dist/WebCore/Select.js +1 -1
  15. package/dist/WebCore/SelectItem.d.ts +2 -0
  16. package/dist/WebCore/SelectItem.js +1 -0
  17. package/dist/WebCore.d.ts +10 -4
  18. package/dist/WebCore.js +1 -1
  19. package/dist/esm/Platform.js +1 -1
  20. package/dist/esm/WebCore/AutocompleteBaseField.js +1 -0
  21. package/dist/esm/WebCore/AutocompleteField.js +1 -0
  22. package/dist/esm/WebCore/AutocompleteFieldMultiple.js +1 -0
  23. package/dist/esm/WebCore/AutocompleteSingle.js +1 -0
  24. package/dist/esm/WebCore/ButtonBase.js +1 -1
  25. package/dist/esm/WebCore/Select.js +1 -1
  26. package/dist/esm/WebCore/SelectItem.js +1 -0
  27. package/dist/esm/WebCore.js +1 -1
  28. package/dist/esm/index.js +1 -1
  29. package/dist/esm/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js +1 -1
  30. package/dist/esm/systems/Marketing/PlanTierCard/PlanTierCard.js +1 -1
  31. package/dist/esm/systems/Marketing/PlanTierCard/PlanTierCardSkeleton.js +1 -1
  32. package/dist/esm/systems/Marketing/PlanTierCard/SavingsPill.js +1 -1
  33. package/dist/esm/systems/Platform/AIInsight/AIInsight.js +1 -1
  34. package/dist/esm/systems/Platform/AISummary/AISummary.js +1 -1
  35. package/dist/esm/systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js +1 -1
  36. package/dist/esm/systems/Platform/AssetItem/AssetItem.js +1 -1
  37. package/dist/esm/systems/Platform/AssetItem/_partials/AssetItemMenu.js +1 -1
  38. package/dist/esm/systems/Platform/AssetItem/_partials/CoverTypeIndicator.js +1 -1
  39. package/dist/esm/systems/Platform/AssetItem/_partials/ImageTile.js +1 -1
  40. package/dist/esm/systems/Platform/CommentCard/CommentCard.js +1 -1
  41. package/dist/esm/systems/Platform/DataPointInfo/DataPointInfo.js +1 -1
  42. package/dist/esm/systems/Platform/DataPointInfo/_partials/DataSourceItem.js +1 -1
  43. package/dist/esm/systems/Platform/DataPointInfo/_partials/EmptyStateMessage.js +1 -1
  44. package/dist/esm/systems/Platform/DataPointInfo/_partials/StatValue.js +1 -1
  45. package/dist/esm/systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js +1 -1
  46. package/dist/esm/systems/Platform/EmojiListItem/EmojiListItem.js +1 -1
  47. package/dist/esm/systems/Platform/EmojiListItem/_partials/StyledSurface.js +1 -1
  48. package/dist/esm/systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js +1 -1
  49. package/dist/esm/systems/Platform/EmptyStateCard/EmptyStateCard.js +1 -1
  50. package/dist/esm/systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js +1 -1
  51. package/dist/esm/systems/Platform/FilterCount/FilterCount.js +1 -1
  52. package/dist/esm/systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js +1 -1
  53. package/dist/esm/systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js +1 -1
  54. package/dist/esm/systems/Platform/FilterRow/FilterRow.js +1 -1
  55. package/dist/esm/systems/Platform/FilteredItemsCard/FilteredItemsCard.js +1 -1
  56. package/dist/esm/systems/Platform/GraphBar/_partials/UnitText/UnitText.js +1 -1
  57. package/dist/esm/systems/Platform/Header/Header.js +1 -1
  58. package/dist/esm/systems/Platform/KpiDataPopover/KpiDataPopover.js +1 -1
  59. package/dist/esm/systems/Platform/KpiDataPopover/KpiDetails.js +1 -1
  60. package/dist/esm/systems/Platform/KpiDataPopover/QuestionStatsCard.js +1 -1
  61. package/dist/esm/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js +1 -1
  62. package/dist/esm/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js +1 -1
  63. package/dist/esm/systems/Platform/LinkExpired/LinkExpired.js +1 -1
  64. package/dist/esm/systems/Platform/LoopItem/LoopItem.js +1 -1
  65. package/dist/esm/systems/Platform/LoopItem/_partials/styledPartials.js +1 -1
  66. package/dist/esm/systems/Platform/LoopItemEmpty/LoopItemEmpty.js +1 -1
  67. package/dist/esm/systems/Platform/MFACodeVerify/MFACodeVerify.js +1 -1
  68. package/dist/esm/systems/Platform/MiniResultCard/MiniResultCard.js +1 -1
  69. package/dist/esm/systems/Platform/PaginationControl/PaginationControl.js +1 -1
  70. package/dist/esm/systems/Platform/ProjectItem/ProjectItemGridView.js +1 -1
  71. package/dist/esm/systems/Platform/ProjectItem/ProjectItemListView.js +1 -1
  72. package/dist/esm/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js +1 -1
  73. package/dist/esm/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
  74. package/dist/esm/systems/Platform/QuestionBar/QuestionBar.js +1 -1
  75. package/dist/esm/systems/Platform/QuestionBlock/QuestionBlock.js +1 -1
  76. package/dist/esm/systems/Platform/QuestionSelector/QuestionSelector.js +1 -1
  77. package/dist/esm/systems/Platform/ScrollIndicator/ScrollIndicator.js +1 -1
  78. package/dist/esm/systems/Platform/SearchInput/SearchInput.js +1 -1
  79. package/dist/esm/systems/Platform/SectionHeader/SectionHeader.js +1 -1
  80. package/dist/esm/systems/Platform/SentimentArrow/SentimentArrow.js +1 -1
  81. package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js +1 -1
  82. package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js +1 -1
  83. package/dist/esm/systems/Platform/Tab/Tab.js +1 -1
  84. package/dist/esm/systems/Platform/TestItem/TestItem.js +1 -1
  85. package/dist/esm/systems/Platform/TestStatus/TestStatus.js +1 -1
  86. package/dist/esm/systems/Platform/VideoControls/VideoControls.js +1 -1
  87. package/dist/esm/systems/WebCore/AnnualController/AnnualController.js +1 -1
  88. package/dist/esm/systems/WebCore/AutocompleteBaseField/AutocompleteBaseField.js +1 -0
  89. package/dist/esm/systems/WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js +1 -0
  90. package/dist/esm/systems/WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js +1 -0
  91. package/dist/esm/systems/WebCore/AutocompleteBaseField/_partials/AutocompletePopper.js +1 -0
  92. package/dist/esm/systems/WebCore/AutocompleteBaseField/_partials/AutocompleteSelectAll.js +1 -0
  93. package/dist/esm/systems/WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js +1 -0
  94. package/dist/esm/systems/WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js +1 -0
  95. package/dist/esm/systems/WebCore/AutocompleteBaseField/_partials/StyledPopper.js +1 -0
  96. package/dist/esm/systems/WebCore/AutocompleteBaseField/helpers.js +1 -0
  97. package/dist/esm/systems/WebCore/AutocompleteField/AutocompleteField.js +1 -0
  98. package/dist/esm/systems/WebCore/AutocompleteFieldMultiple/AutocompleteFieldMultiple.js +1 -0
  99. package/dist/esm/systems/WebCore/AutocompleteSingle/AutocompleteSingle.js +1 -0
  100. package/dist/esm/systems/WebCore/Button/Button.js +1 -1
  101. package/dist/esm/systems/WebCore/ButtonBase/Button.variant-helpers.js +1 -1
  102. package/dist/esm/systems/WebCore/CreatableAutocomplete/CreatableAutocomplete.js +1 -1
  103. package/dist/esm/systems/WebCore/FormGenerator/FormGenerator.js +1 -1
  104. package/dist/esm/systems/WebCore/FormGenerator/components/InputWrapper/InputWrapper.js +1 -1
  105. package/dist/esm/systems/WebCore/RadioGroup/RadioGroup.js +1 -1
  106. package/dist/esm/systems/WebCore/RankItem/RankItem.js +1 -1
  107. package/dist/esm/systems/WebCore/Select/Select.js +1 -1
  108. package/dist/esm/systems/WebCore/Select/StyledSelect.variant-helpers.js +1 -1
  109. package/dist/esm/systems/WebCore/SelectItem/SelectItem.js +1 -0
  110. package/dist/index.d.ts +10 -4
  111. package/dist/index.js +1 -1
  112. package/dist/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js +1 -1
  113. package/dist/systems/Marketing/PlanTierCard/PlanTierCard.js +1 -1
  114. package/dist/systems/Marketing/PlanTierCard/PlanTierCardSkeleton.js +1 -1
  115. package/dist/systems/Marketing/PlanTierCard/SavingsPill.js +1 -1
  116. package/dist/systems/Platform/AIInsight/AIInsight.js +1 -1
  117. package/dist/systems/Platform/AISummary/AISummary.js +1 -1
  118. package/dist/systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js +1 -1
  119. package/dist/systems/Platform/AssetItem/AssetItem.js +1 -1
  120. package/dist/systems/Platform/AssetItem/_partials/AssetItemMenu.js +1 -1
  121. package/dist/systems/Platform/AssetItem/_partials/CoverTypeIndicator.js +1 -1
  122. package/dist/systems/Platform/AssetItem/_partials/ImageTile.js +1 -1
  123. package/dist/systems/Platform/CommentCard/CommentCard.js +1 -1
  124. package/dist/systems/Platform/DataPointInfo/DataPointInfo.js +1 -1
  125. package/dist/systems/Platform/DataPointInfo/_partials/DataSourceItem.js +1 -1
  126. package/dist/systems/Platform/DataPointInfo/_partials/EmptyStateMessage.js +1 -1
  127. package/dist/systems/Platform/DataPointInfo/_partials/StatValue.js +1 -1
  128. package/dist/systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js +1 -1
  129. package/dist/systems/Platform/EmojiListItem/EmojiListItem.js +1 -1
  130. package/dist/systems/Platform/EmojiListItem/_partials/StyledSurface.js +1 -1
  131. package/dist/systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js +1 -1
  132. package/dist/systems/Platform/EmptyStateCard/EmptyStateCard.js +1 -1
  133. package/dist/systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js +1 -1
  134. package/dist/systems/Platform/FilterCount/FilterCount.js +1 -1
  135. package/dist/systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js +1 -1
  136. package/dist/systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js +1 -1
  137. package/dist/systems/Platform/FilterRow/FilterRow.js +1 -1
  138. package/dist/systems/Platform/FilteredItemsCard/FilteredItemsCard.js +1 -1
  139. package/dist/systems/Platform/GraphBar/_partials/UnitText/UnitText.js +1 -1
  140. package/dist/systems/Platform/Header/Header.js +1 -1
  141. package/dist/systems/Platform/KpiDataPopover/KpiDataPopover.js +1 -1
  142. package/dist/systems/Platform/KpiDataPopover/KpiDetails.js +1 -1
  143. package/dist/systems/Platform/KpiDataPopover/QuestionStatsCard.js +1 -1
  144. package/dist/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js +1 -1
  145. package/dist/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js +1 -1
  146. package/dist/systems/Platform/LinkExpired/LinkExpired.js +1 -1
  147. package/dist/systems/Platform/LoopItem/LoopItem.js +1 -1
  148. package/dist/systems/Platform/LoopItem/_partials/styledPartials.js +1 -1
  149. package/dist/systems/Platform/LoopItemEmpty/LoopItemEmpty.js +1 -1
  150. package/dist/systems/Platform/MFACodeVerify/MFACodeVerify.js +1 -1
  151. package/dist/systems/Platform/MiniResultCard/MiniResultCard.js +1 -1
  152. package/dist/systems/Platform/PaginationControl/PaginationControl.js +1 -1
  153. package/dist/systems/Platform/ProjectItem/ProjectItemGridView.js +1 -1
  154. package/dist/systems/Platform/ProjectItem/ProjectItemListView.js +1 -1
  155. package/dist/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js +1 -1
  156. package/dist/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
  157. package/dist/systems/Platform/QuestionBar/QuestionBar.js +1 -1
  158. package/dist/systems/Platform/QuestionBlock/QuestionBlock.js +1 -1
  159. package/dist/systems/Platform/QuestionSelector/QuestionSelector.js +1 -1
  160. package/dist/systems/Platform/ScrollIndicator/ScrollIndicator.js +1 -1
  161. package/dist/systems/Platform/SearchInput/SearchInput.js +1 -1
  162. package/dist/systems/Platform/SectionHeader/SectionHeader.js +1 -1
  163. package/dist/systems/Platform/SentimentArrow/SentimentArrow.js +1 -1
  164. package/dist/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js +1 -1
  165. package/dist/systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js +1 -1
  166. package/dist/systems/Platform/Tab/Tab.js +1 -1
  167. package/dist/systems/Platform/TestItem/TestItem.js +1 -1
  168. package/dist/systems/Platform/TestStatus/TestStatus.js +1 -1
  169. package/dist/systems/Platform/VideoControls/VideoControls.js +1 -1
  170. package/dist/systems/WebCore/AnnualController/AnnualController.js +1 -1
  171. package/dist/systems/WebCore/AutocompleteBaseField/AutocompleteBaseField.d.ts +6 -0
  172. package/dist/systems/WebCore/AutocompleteBaseField/AutocompleteBaseField.js +1 -0
  173. package/dist/systems/WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js +1 -0
  174. package/dist/systems/WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js +1 -0
  175. package/dist/systems/WebCore/AutocompleteBaseField/_partials/AutocompletePopper.js +1 -0
  176. package/dist/systems/WebCore/AutocompleteBaseField/_partials/AutocompleteSelectAll.js +1 -0
  177. package/dist/systems/WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js +1 -0
  178. package/dist/systems/WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js +1 -0
  179. package/dist/systems/WebCore/AutocompleteBaseField/_partials/StyledPopper.js +1 -0
  180. package/dist/systems/WebCore/AutocompleteBaseField/helpers.js +1 -0
  181. package/dist/systems/WebCore/AutocompleteBaseField/types.d.ts +23 -0
  182. package/dist/systems/WebCore/AutocompleteField/AutocompleteField.d.ts +6 -0
  183. package/dist/systems/WebCore/AutocompleteField/AutocompleteField.js +1 -0
  184. package/dist/systems/WebCore/AutocompleteFieldMultiple/AutocompleteFieldMultiple.d.ts +6 -0
  185. package/dist/systems/WebCore/AutocompleteFieldMultiple/AutocompleteFieldMultiple.js +1 -0
  186. package/dist/systems/WebCore/AutocompleteFieldMultiple/types.d.ts +12 -0
  187. package/dist/systems/WebCore/AutocompleteSingle/AutocompleteSingle.d.ts +6 -0
  188. package/dist/systems/WebCore/AutocompleteSingle/AutocompleteSingle.js +1 -0
  189. package/dist/systems/WebCore/AutocompleteSingle/types.d.ts +11 -0
  190. package/dist/systems/WebCore/Button/Button.js +1 -1
  191. package/dist/systems/WebCore/ButtonBase/Button.variant-helpers.d.ts +2 -1
  192. package/dist/systems/WebCore/ButtonBase/Button.variant-helpers.js +1 -1
  193. package/dist/systems/WebCore/CreatableAutocomplete/CreatableAutocomplete.d.ts +1 -1
  194. package/dist/systems/WebCore/CreatableAutocomplete/CreatableAutocomplete.js +1 -1
  195. package/dist/systems/WebCore/FormGenerator/FormGenerator.js +1 -1
  196. package/dist/systems/WebCore/FormGenerator/components/InputWrapper/InputWrapper.js +1 -1
  197. package/dist/systems/WebCore/FormGenerator/types.d.ts +6 -4
  198. package/dist/systems/WebCore/RadioGroup/RadioGroup.d.ts +2 -1
  199. package/dist/systems/WebCore/RadioGroup/RadioGroup.js +1 -1
  200. package/dist/systems/WebCore/RankItem/RankItem.d.ts +1 -1
  201. package/dist/systems/WebCore/RankItem/RankItem.js +1 -1
  202. package/dist/systems/WebCore/Select/Select.d.ts +2 -36
  203. package/dist/systems/WebCore/Select/Select.js +1 -1
  204. package/dist/systems/WebCore/Select/StyledSelect.variant-helpers.js +1 -1
  205. package/dist/systems/WebCore/Select/types.d.ts +36 -0
  206. package/dist/systems/WebCore/SelectItem/SelectItem.d.ts +6 -0
  207. package/dist/systems/WebCore/SelectItem/SelectItem.js +1 -0
  208. package/dist/systems/WebCore/SelectItem/types.d.ts +12 -0
  209. package/package.json +1 -1
  210. package/dist/esm/systems/WebCore/CreatableAutocomplete/StyledCreatableAutocomplete.js +0 -1
  211. package/dist/esm/systems/WebCore/Select/Autocomplete.js +0 -1
  212. package/dist/esm/systems/WebCore/Select/AutocompleteListbox.js +0 -1
  213. package/dist/esm/systems/WebCore/Select/AutocompletePopper.js +0 -1
  214. package/dist/esm/systems/WebCore/Select/AutocompleteSelectAll.js +0 -1
  215. package/dist/esm/systems/WebCore/Select/SelectItem.js +0 -1
  216. package/dist/esm/systems/WebCore/Select/StyledAutocomplete.js +0 -1
  217. package/dist/esm/systems/WebCore/utils/autocomplete.styles.js +0 -1
  218. package/dist/systems/WebCore/CreatableAutocomplete/StyledCreatableAutocomplete.js +0 -1
  219. package/dist/systems/WebCore/Select/Autocomplete.js +0 -1
  220. package/dist/systems/WebCore/Select/AutocompleteListbox.js +0 -1
  221. package/dist/systems/WebCore/Select/AutocompletePopper.js +0 -1
  222. package/dist/systems/WebCore/Select/AutocompleteSelectAll.js +0 -1
  223. package/dist/systems/WebCore/Select/SelectItem.d.ts +0 -8
  224. package/dist/systems/WebCore/Select/SelectItem.js +0 -1
  225. package/dist/systems/WebCore/Select/StyledAutocomplete.js +0 -1
  226. package/dist/systems/WebCore/Select/StyledSelect.variant-helpers.d.ts +0 -12
  227. package/dist/systems/WebCore/utils/autocomplete.styles.js +0 -1
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Box as t,Stack 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"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import p from"../../WebCore/Pill/Pill.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"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";const s=r(t)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,display:"flex",flexDirection:"row",gap:e.spacing(e.custom.margin.sm),padding:e.spacing(e.custom.padding.sm),borderRadius:e.spacing(e.custom.radius.md),alignSelf:"stretch"})),m=r(i)(({theme:e})=>({gap:e.spacing(e.custom.margin.xs),flexDirection:"row",flexWrap:"wrap",flex:"1 1 0",alignItems:"flex-start",justifyContent:"flex-end"})),l=({demographicOptionLabel:r,demographicSelectionLabels:t})=>e(s,{children:[o(a,{component:"p",weight:"bold",variation:"xs",sx:{maxWidth:"128px",color:e=>e.custom.palette.text.primary,paddingTop:"1px"},children:r}),o(m,{children:t.map((e,r)=>o(p,{label:e,sx:{maxWidth:"256px"}},`${r}-${e}`))})]});export{l as default};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Box as r,Stack 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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import a from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import p from"../../WebCore/Pill/Pill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const s=t(r)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,display:"flex",flexDirection:"row",gap:e.spacing(e.custom.margin.sm),padding:e.spacing(e.custom.padding.sm),borderRadius:e.spacing(e.custom.radius.md),alignSelf:"stretch"})),m=t(i)(({theme:e})=>({gap:e.spacing(e.custom.margin.xs),flexDirection:"row",flexWrap:"wrap",flex:"1 1 0",alignItems:"flex-start",justifyContent:"flex-end"})),l=({demographicOptionLabel:t,demographicSelectionLabels:r})=>e(s,{children:[o(a,{component:"p",weight:"bold",variation:"xs",sx:{maxWidth:"128px",color:e=>e.custom.palette.text.primary,paddingTop:"1px"},children:t}),o(m,{children:r.map((e,t)=>o(p,{label:e,sx:{maxWidth:"256px"}},`${t}-${e}`))})]});export{l as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{useTheme as t,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"../../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"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import s from"../../WebCore/EmojiWrapper/EmojiWrapper.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/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"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import{StyledSurface as m}from"./_partials/StyledSurface.js";const l=({disabled:l,loading:n,active:b,onClick:d,icon:C,label:c,slotProps:u,...j})=>{const W=t();return e(m,{borderradius:"md",variation:"default",active:!l&&b,disabled:l,onClick:l?void 0:d,sx:{px:W.custom.padding.sm,py:W.custom.padding.xs,...u?.surface?.sx},...u?.surface,...j,children:o(i,{sx:{display:"flex",alignItems:"center",gap:W.spacing(W.custom.margin.sm)},className:"emoji-list-item-content-container",children:[C&&e(r,{children:n?e(p,{variant:"text",width:24,sx:{borderRadius:"50%"}}):e(s,{disabled:l,checked:!0,...u?.icon,children:C})}),c&&e(i,{sx:{height:24,flexGrow:1,display:"flex",alignItems:"center",gap:W.spacing(W.custom.margin.sm)},className:"emoji-list-item-label-container",children:n?e(p,{variant:"text",width:120}):e(a,{component:"p",variation:"md",sx:{color:l?W.custom.palette.text.disabled:W.custom.palette.text.primary},...u?.label,children:c})})]})})};export{l as default};
1
+ import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{useTheme as t,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"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import a from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import p from"../../WebCore/EmojiWrapper/EmojiWrapper.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import s from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{StyledSurface as m}from"./_partials/StyledSurface.js";const l=({disabled:l,loading:n,active:b,onClick:d,icon:C,label:c,slotProps:u,...j})=>{const W=t();return e(m,{borderradius:"md",variation:"default",active:!l&&b,disabled:l,onClick:l?void 0:d,sx:{px:W.custom.padding.sm,py:W.custom.padding.xs,...u?.surface?.sx},...u?.surface,...j,children:o(i,{sx:{display:"flex",alignItems:"center",gap:W.spacing(W.custom.margin.sm)},className:"emoji-list-item-content-container",children:[C&&e(r,{children:n?e(s,{variant:"text",width:24,sx:{borderRadius:"50%"}}):e(p,{disabled:l,checked:!0,...u?.icon,children:C})}),c&&e(i,{sx:{height:24,flexGrow:1,display:"flex",alignItems:"center",gap:W.spacing(W.custom.margin.sm)},className:"emoji-list-item-label-container",children:n?e(s,{variant:"text",width:120}):e(a,{component:"p",variation:"md",sx:{color:l?W.custom.palette.text.disabled:W.custom.palette.text.primary},...u?.label,children:c})})]})})};export{l as default};
@@ -1 +1 @@
1
- import{styled as e}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"../../../WebCore/Typography/Typography.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import o 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"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";const t=e(o)(({theme:e,disabled:o,active:t})=>({position:"relative",display:"flex",gap:e.spacing(e.custom.margin.sm),alignItems:"center",minWidth:140,width:"100%",transition:"all 0.2s ease",cursor:o?"not-allowed":"pointer",border:`1px solid ${t?e.custom.palette.blue[500]:e.custom.palette.interaction.none}`,"&:before":{content:'""',position:"absolute",inset:0,borderRadius:"inherit",transition:"all 0.2s ease",pointerEvents:"none",backgroundColor:o?e.custom.palette.interaction.disabledMuted:"transparent"},"&:hover":{"&:before":{backgroundColor:o?e.custom.palette.interaction.disabledMuted:e.custom.palette.interaction.hover}},"&:active":{"&:before":{backgroundColor:o?e.custom.palette.interaction.disabledMuted:e.custom.palette.interaction.press}}}));export{t as StyledSurface};
1
+ import{styled as e}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/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import o from"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const t=e(o)(({theme:e,disabled:o,active:t})=>({position:"relative",display:"flex",gap:e.spacing(e.custom.margin.sm),alignItems:"center",minWidth:140,width:"100%",transition:"all 0.2s ease",cursor:o?"not-allowed":"pointer",border:`1px solid ${t?e.custom.palette.blue[500]:e.custom.palette.interaction.none}`,"&:before":{content:'""',position:"absolute",inset:0,borderRadius:"inherit",transition:"all 0.2s ease",pointerEvents:"none",backgroundColor:o?e.custom.palette.interaction.disabledMuted:"transparent"},"&:hover":{"&:before":{backgroundColor:o?e.custom.palette.interaction.disabledMuted:e.custom.palette.interaction.hover}},"&:active":{"&:before":{backgroundColor:o?e.custom.palette.interaction.disabledMuted:e.custom.palette.interaction.press}}}));export{t as StyledSurface};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o,Fragment as r}from"react/jsx-runtime";import{useTheme as t,Box as i}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import p from"../../WebCore/EmojiWrapper/EmojiWrapper.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import l from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/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"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import{StyledSurface as n}from"./_partials/StyledSurface.js";const d=({dragHandle:d=!1,disabled:b,loading:c,onDelete:C,primaryAction:u,icon:j,label:W,slotProps:g,...h})=>{const y=t();return e(n,{borderradius:"md",variation:"default",disabled:b,sx:{p:y.custom.padding.sm,...g?.surface?.sx},...g?.surface,...h,children:[d&&o(i,{sx:{display:"flex",alignItems:"center"},className:"emoji-list-item-drag-handle-container",children:o(l,{disabled:b,sizing:"xs",icon:o(a,{name:"drag-handle",color:y.custom.palette.icon.secondary}),...g?.dragHandle})}),e(i,{sx:{display:"flex",alignItems:"center",gap:y.spacing(y.custom.margin.sm),flex:"1 0 0",px:y.spacing(y.custom.padding.sm)},className:"emoji-list-item-content-container",children:[j&&o(r,{children:c?o(m,{width:24,height:24,sx:{borderRadius:"50%"}}):o(p,{disabled:b,checked:!0,...g?.icon,children:j})}),W&&o(i,{sx:{height:24,flexGrow:1,display:"flex",alignItems:"center",gap:y.spacing(y.custom.margin.sm)},className:"emoji-list-item-label-container",children:c?o(m,{width:100,height:24}):o(s,{component:"p",variation:"md",sx:{color:b?y.custom.palette.text.disabled:y.custom.palette.text.primary},...g?.label,children:W})})]}),(u||C)&&e(i,{sx:{display:"flex",alignItems:"center",gap:y.spacing(y.custom.margin.xs)},className:"emoji-list-item-actions-container",children:[u&&o(r,{children:c?o(m,{width:24,height:24}):u}),C&&o(r,{children:c?o(m,{width:24,height:24}):o(l,{sizing:"xs",disabled:b,icon:o(a,{name:"delete",color:y.custom.palette.icon.secondary}),onClick:e=>{e.stopPropagation(),C&&C()},...g?.deleteAction})})]})]})};export{d as default};
1
+ import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r,Box as i}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import p from"../../WebCore/EmojiWrapper/EmojiWrapper.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import l from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import 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{StyledSurface as n}from"./_partials/StyledSurface.js";const d=({dragHandle:d=!1,disabled:b,loading:c,onDelete:C,primaryAction:u,icon:j,label:W,slotProps:g,...B})=>{const h=r();return e(n,{borderradius:"md",variation:"default",disabled:b,sx:{p:h.custom.padding.sm,...g?.surface?.sx},...g?.surface,...B,children:[d&&o(i,{sx:{display:"flex",alignItems:"center"},className:"emoji-list-item-drag-handle-container",children:o(l,{disabled:b,sizing:"xs",icon:o(a,{name:"drag-handle",color:h.custom.palette.icon.secondary}),...g?.dragHandle})}),e(i,{sx:{display:"flex",alignItems:"center",gap:h.spacing(h.custom.margin.sm),flex:"1 0 0",px:h.spacing(h.custom.padding.sm)},className:"emoji-list-item-content-container",children:[j&&o(t,{children:c?o(m,{width:24,height:24,sx:{borderRadius:"50%"}}):o(p,{disabled:b,checked:!0,...g?.icon,children:j})}),W&&o(i,{sx:{height:24,flexGrow:1,display:"flex",alignItems:"center",gap:h.spacing(h.custom.margin.sm)},className:"emoji-list-item-label-container",children:c?o(m,{width:100,height:24}):o(s,{component:"p",variation:"md",sx:{color:b?h.custom.palette.text.disabled:h.custom.palette.text.primary},...g?.label,children:W})})]}),(u||C)&&e(i,{sx:{display:"flex",alignItems:"center",gap:h.spacing(h.custom.margin.xs)},className:"emoji-list-item-actions-container",children:[u&&o(t,{children:c?o(m,{width:24,height:24}):u}),C&&o(t,{children:c?o(m,{width:24,height:24}):o(l,{sizing:"xs",disabled:b,icon:o(a,{name:"delete",color:h.custom.palette.icon.secondary}),onClick:e=>{e.stopPropagation(),C&&C()},...g?.deleteAction})})]})]})};export{d as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as r,Stack as t,Box as i}from"@mui/material";import{mergeSx as a}from"merge-sx";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import s from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import p from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import m from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import n from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";const l=({onClickCta:l,ctaText:b="Create a new test",title:C="This Loop has no tests",body:d="Create a new test to start gathering insights on your creative work.",hideCta:c=!1,hideIcon:u=!1,iconName:j="data-bar",slotProps:W,sx:g})=>{const B=r();return e(n,{variation:"raised",borderradius:"lg",sx:a({backgroundColor:B.custom.palette.purple[0],p:B.spacing(B.custom.padding.md)},g),...W?.surface,children:o(t,{gap:2,direction:"row",alignItems:"start",children:[!u&&e(i,{sx:a({backgroundColor:B.custom.palette.yellow[300],flexShrink:0,p:B.spacing(B.custom.padding.sm),aspectRatio:1,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:B.spacing(B.custom.radius.round)},W?.icon?.sx),children:e(s,{name:j,size:24})}),o(t,{gap:2,alignItems:"start",children:[o(t,{gap:B.spacing(B.custom.padding.sm),className:"copy-stack",children:[e(p,{component:"p",variation:"lg",weight:"bold",sx:{color:B.custom.palette.purple[800]},...W?.title,children:C}),e(p,{component:"p",variation:"md",sx:{color:B.custom.palette.purple[800]},...W?.body,children:d})]}),!c&&e(m,{onClick:l,...W?.button,children:b})]})]})})};export{l as default};
1
+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as t,Stack as r,Box as i}from"@mui/material";import{mergeSx as a}from"merge-sx";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import p from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import l from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import 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"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const n=({onClickCta:n,ctaText:b="Create a new test",title:d="This Loop has no tests",body:C="Create a new test to start gathering insights on your creative work.",hideCta:c=!1,hideIcon:u=!1,iconName:j="data-bar",slotProps:W,sx:B})=>{const g=t();return e(m,{variation:"raised",borderradius:"lg",sx:a({backgroundColor:g.custom.palette.purple[0],p:g.spacing(g.custom.padding.md)},B),...W?.surface,children:o(r,{gap:2,direction:"row",alignItems:"start",children:[!u&&e(i,{sx:a({backgroundColor:g.custom.palette.yellow[300],flexShrink:0,p:g.spacing(g.custom.padding.sm),aspectRatio:1,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:g.spacing(g.custom.radius.round)},W?.icon?.sx),children:e(p,{name:j,size:24})}),o(r,{gap:2,alignItems:"start",children:[o(r,{gap:g.spacing(g.custom.padding.sm),className:"copy-stack",children:[e(s,{component:"p",variation:"lg",weight:"bold",sx:{color:g.custom.palette.purple[800]},...W?.title,children:d}),e(s,{component:"p",variation:"md",sx:{color:g.custom.palette.purple[800]},...W?.body,children:C})]}),!c&&e(l,{onClick:n,...W?.button,children:b})]})]})})};export{n as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as r,Stack as t,linearProgressClasses as i}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import p from"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import 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"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import{getStatusIconName as n,getTextColorByStatus as l,getColorByStatus as b}from"../TestStatus/helpers/index.js";import"../TestStatus/TestStatus.js";import u from"./_partials/QuestionControllerSegment/QuestionControllerSegment.js";import C from"./_partials/StyledBox.js";import{getStatusText as d}from"./helpers.js";const j=({animated:j=!0,status:c,segments:W,loading:g})=>{const B=r(),{number:S,totalNumber:y}=W[0],h=y?Number(S)/y*100:void 0;return g?e(m,{width:"100%",height:73,sx:{borderRadius:B.spacing(B.custom.radius.lg)}}):o(C,{status:c,children:[o(t,{direction:"row",gap:B.custom.padding.sm,alignItems:"center",sx:{flex:"1 1 auto",minWidth:"176px"},children:[e(a,{name:n(c),size:24}),o(t,{sx:{width:"100%",gap:B.spacing(B.custom.padding.sm)},children:[e(s,{component:"p",variation:"md",sx:{color:l(B,c,1e3)},children:d(c)}),e(p,{variation:"determinate",value:h,sx:{[`&.${i.root}`]:{background:b(B,c,100),height:"8px",[`& .${i.bar}`]:{backgroundColor:b(B,c)}}}})]})]}),e(t,{direction:"row",gap:B.custom.margin.lg,alignItems:"center",sx:{px:B.custom.padding.sm,flex:"0 0 auto"},children:W.map((o,r)=>e(u,{animated:j,segment:o,status:c},r))})]})};export{j as default};
1
+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as t,Stack as r,linearProgressClasses as i}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../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 p from"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import 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{getStatusIconName as l,getTextColorByStatus as n,getColorByStatus as b}from"../TestStatus/helpers/index.js";import"../TestStatus/TestStatus.js";import d from"./_partials/QuestionControllerSegment/QuestionControllerSegment.js";import u from"./_partials/StyledBox.js";import{getStatusText as C}from"./helpers.js";const j=({animated:j=!0,status:c,segments:W,loading:B})=>{const g=t(),{number:S,totalNumber:y}=W[0],h=y?Number(S)/y*100:void 0;return B?e(m,{width:"100%",height:73,sx:{borderRadius:g.spacing(g.custom.radius.lg)}}):o(u,{status:c,children:[o(r,{direction:"row",gap:g.custom.padding.sm,alignItems:"center",sx:{flex:"1 1 auto",minWidth:"176px"},children:[e(a,{name:l(c),size:24}),o(r,{sx:{width:"100%",gap:g.spacing(g.custom.padding.sm)},children:[e(s,{component:"p",variation:"md",sx:{color:n(g,c,1e3)},children:C(c)}),e(p,{variation:"determinate",value:h,sx:{[`&.${i.root}`]:{background:b(g,c,100),height:"8px",[`& .${i.bar}`]:{backgroundColor:b(g,c)}}}})]})]}),e(r,{direction:"row",gap:g.custom.margin.lg,alignItems:"center",sx:{px:g.custom.padding.sm,flex:"0 0 auto"},children:W.map((o,t)=>e(d,{animated:j,segment:o,status:c},t))})]})};export{j as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{styled as r,Box as i,useTheme as a}from"@mui/material";import p from"@number-flow/react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import l from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import n from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";const s=r(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(e.custom.padding.sm)})),m=r(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(e.custom.padding.xs)})),b=({animated:r=!0,buttonText:i,end:b,filteredCount:d,loading:u,onButtonPress:C=()=>{},start:c,totalCount:j})=>{const W=a(),h={component:"p",variation:"xs"},B={color:W.custom.palette.text.secondary},y={color:W.custom.palette.text.link,component:"p",onClick:C,sx:{cursor:"pointer",textDecoration:"underline"},variation:"xs"},g="number"==typeof d&&d!==j,S=i&&"number"==typeof d&&d!==j;return e(s,{children:o(t,u?{children:[o(m,{children:[c?e(n,{width:50,height:18}):null,e(n,{width:30,height:18}),b?e(n,{width:50,height:18}):null]}),S?e(n,{width:60,height:18}):null]}:{children:[o(m,{children:[c?e(l,{...h,...B,children:c}):null,g?o(t,{children:[e(l,{...h,weight:"bold",monospaced:!0,children:e(p,{value:d,animated:r})}),e(l,{...h,...B,children:"/"})]}):null,e(l,{...h,...B,monospaced:!0,children:e(p,{value:j,animated:r})}),b?e(l,{...h,...B,children:b}):null]}),S?e(l,{...y,children:i}):null]})})};export{b as default};
1
+ import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{styled as r,Box as i,useTheme as a}from"@mui/material";import p from"@number-flow/react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import l from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import s from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const m=r(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(e.custom.padding.sm)})),n=r(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(e.custom.padding.xs)})),b=({animated:r=!0,buttonText:i,end:b,filteredCount:d,loading:u,onButtonPress:C=()=>{},start:c,totalCount:j})=>{const W=a(),B={component:"p",variation:"xs"},h={color:W.custom.palette.text.secondary},y={color:W.custom.palette.text.link,component:"p",onClick:C,sx:{cursor:"pointer",textDecoration:"underline"},variation:"xs"},g="number"==typeof d&&d!==j,S=i&&"number"==typeof d&&d!==j;return e(m,{children:o(t,u?{children:[o(n,{children:[c?e(s,{width:50,height:18}):null,e(s,{width:30,height:18}),b?e(s,{width:50,height:18}):null]}),S?e(s,{width:60,height:18}):null]}:{children:[o(n,{children:[c?e(l,{...B,...h,children:c}):null,g?o(t,{children:[e(l,{...B,weight:"bold",monospaced:!0,children:e(p,{value:d,animated:r})}),e(l,{...B,...h,children:"/"})]}):null,e(l,{...B,...h,monospaced:!0,children:e(p,{value:j,animated:r})}),b?e(l,{...B,...h,children:b}):null]}),S?e(l,{...y,children:i}):null]})})};export{b as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,AccordionSummary as t,Box as i,useTheme as a,Accordion as p,AccordionDetails as s}from"@mui/material";import{mergeSx as m}from"merge-sx";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import n from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import l from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/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"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";const b=({heading:r,showIndicator:t,slotProps:i,children:b})=>{const c=a();return e(p,{disableGutters:!0,elevation:0,square:!0,...i?.accordion,sx:m({"&::before":{content:"none"}},i?.accordion?.sx),children:[e(d,{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:b})]})},d=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{b 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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import l from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const 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(u,{})]}),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}})),u=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/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import 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";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";const u=({label:o,left:r,center:u,right:W,maxValue:j,maxCount:h})=>{const g=i(),[B,y]=p(!1),{totalBarWidth:x,filteredBarWidth:f,barBackground:S}=C(r,u,"left",j,h),{totalBarWidth:k,filteredBarWidth:L,barBackground:I}=C(W,u,"right",j,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:()=>y(!0),onMouseLeave:()=>y(!1),children:[e(a,{size:"grow",position:"relative",overflow:"hidden",children:[t(b,{sx:{width:`${x}%`,right:0}}),t(c,{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(b,{sx:{width:`${k}%`}}),t(c,{initial:{width:0},animate:{width:`${L}%`},transition:{duration:.3,ease:"easeOut"},style:{background:I,transformOrigin:"left"}}),t(s,{children:W.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:W.label})})})]})]})},b=o(r)(({theme:e})=>({height:"16px",background:e.custom.palette.interaction.disabled,borderRadius:"4px",position:"absolute"})),c=n.create(b);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 s,AnimatePresence as n}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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import 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/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:W,maxValue:j,maxCount:h})=>{const B=i(),[g,y]=p(!1),{totalBarWidth:x,filteredBarWidth:f,barBackground:S}=C(r,u,"left",j,h),{totalBarWidth:k,filteredBarWidth:I,barBackground:L}=C(W,u,"right",j,h);return e(a,{container:!0,columnSpacing:B.custom.padding.xs,size:"grow",sx:l({p:B.custom.padding.xs,width:"100%",transition:"background 0.15s ease-in-out"},g?{background:B.custom.palette.interaction.hover}:{}),onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),children:[e(a,{size:"grow",position:"relative",overflow:"hidden",children:[t(b,{sx:{width:`${x}%`,right:0}}),t(c,{initial:{width:0},animate:{width:`${f}%`},transition:{duration:.3,ease:"easeOut"},style:{background:S,transformOrigin:"right",right:0}}),t(n,{children:r.label?.length&&g&&t(s.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:B.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"},g?{background:B.custom.palette.neutral[800]}:{}),children:t(m,{component:"p",variation:"xxs",sx:{color:g?B.custom.palette.text.primaryInverted:B.custom.palette.text.primary,textAlign:"center"},children:o})})}),e(a,{size:"grow",sx:{position:"relative",overflow:"hidden"},children:[t(b,{sx:{width:`${k}%`}}),t(c,{initial:{width:0},animate:{width:`${I}%`},transition:{duration:.3,ease:"easeOut"},style:{background:L,transformOrigin:"left"}}),t(n,{children:W.label?.length&&g&&t(s.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:B.custom.palette.text.primary},children:W.label})})})]})]})},b=o(r)(({theme:e})=>({height:"16px",background:e.custom.palette.interaction.disabled,borderRadius:"4px",position:"absolute"})),c=s.create(b);function C(e,t={color:"",totalValue:0,filteredValue:0},o,r,i){const a=t.filteredValue/2,l=e.filteredValue/i*r,s=e.totalValue/i*r,n=t.filteredValue/i*r,p=(s+t.totalValue/i*r/2)/r*100,m=(l+n/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 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 s from"../../WebCore/Checkbox/Checkbox.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/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"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import m from"../GraphBar/_partials/StyledListItemButton/StyledLisItemButton.js";const l=({label:l,selectedCount:n,checked:b=!1,onChange:d,slotProps:C,disabled:u})=>{const c=t();return e(m,{dense:!0,sx:{display:"flex",px:c.spacing(c.custom.padding.sm),"&.Mui-disabled":{background:"transparent"}},onClick:()=>{u||d?.(!b)},disabled:u,children:o(r,{display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:c.custom.padding.md,width:"100%",children:[e(s,{variant:"secondary",value:b,disabled:u,...C?.checkboxProps,sx:{"&.Mui-disabled > span":{borderColor:`${c.custom.palette.stroke.disabled} !important`},[`&.${i.root}`]:{marginRight:0}}}),e(p,{component:"p",variation:"md",sx:{color:u?c.custom.palette.text.disabled:c.custom.palette.text.primary},children:l}),e(p,{monospaced:!0,component:"p",variation:"sm",sx:{color:u?c.custom.palette.text.disabled:c.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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import p from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import s from"../../WebCore/Checkbox/Checkbox.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import m from"../GraphBar/_partials/StyledListItemButton/StyledLisItemButton.js";const l=({label:l,selectedCount:n,checked:b=!1,onChange:d,slotProps:C,disabled:u})=>{const c=t();return e(m,{dense:!0,sx:{display:"flex",px:c.spacing(c.custom.padding.sm),"&.Mui-disabled":{background:"transparent"}},onClick:()=>{u||d?.(!b)},disabled:u,children:o(r,{display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:c.custom.padding.md,width:"100%",children:[e(s,{variant:"secondary",value:b,disabled:u,...C?.checkboxProps,sx:{"&.Mui-disabled > span":{borderColor:`${c.custom.palette.stroke.disabled} !important`},[`&.${i.root}`]:{marginRight:0}}}),e(p,{component:"p",variation:"md",sx:{color:u?c.custom.palette.text.disabled:c.custom.palette.text.primary},children:l}),e(p,{monospaced:!0,component:"p",variation:"sm",sx:{color:u?c.custom.palette.text.disabled:c.custom.palette.text.secondary,ml:"auto",mt:"2px",flexShrink:0},noWrap:!0,children:e(a,{value:n||0,animated:!0})})]})})};export{l as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as r,Stack as t,typographyClasses as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import a from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import p from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import 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";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.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
+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as t,Stack as r,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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import a from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import p from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import 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/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=t(r)(({theme:e})=>({padding:e.spacing(e.custom.padding.md),gap:e.spacing(e.custom.padding.md),alignItems:"center"})),l=({onClickCta:t,primaryText:l="All items have been filtered out",secondaryText:n="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(r,{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:l}),e(a,{component:"p",variation:"md",sx:{color:e=>e.custom.palette.text.secondary},children:n})]}),e(p,{variation:"outlined",sizing:"sm",onClick:t,children:b})]})});export{l 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"react";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/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"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";const t=({sx:t,color:i,checked:a,disabled:p,...s})=>e(r,{monospaced:!0,component:"p",variation:"xs",sx:o({width:"max-content",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/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import t from"../../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../../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=({sx:r,color:i,checked:a,disabled:p,...s})=>e(t,{monospaced:!0,component:"p",variation:"xs",sx:o({width:"max-content",textAlign:"right",color:e=>a&&!p?i:e.custom.palette.text.disabled},r),...s});export{r 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 p from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import{fontSizemap as l}from"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import c from"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import d from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/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";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.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(p,{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:l.lg,lineHeight:1.4}}):o(m,{variation:"lg",component:"p",weight:"bold",children:C}),void 0!==L?.titleIconButton?.onClick&&o(d,{icon:o(p,{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:l.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
+ 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 p from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import{fontSizemap as l}from"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import c from"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import d from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import 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 u=({backAction:r,title:u,showEditTitleOnlyOnHover:B=!0,breadcrumbLinks:y,buttons:f,controlBar:x,sx:S,slotProps:I,loading:k})=>{const L={...I,container:{maxWidth:!1,...I?.container}};return e(t,{children:[o(C,{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(p,{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:[u&&e(i,{sx:{display:"flex",alignItems:"center",gap:1,...B&&{":hover .Header__TitleIconButton":{opacity:1}}},children:[k?o(b,{width:256,sx:{fontSize:l.lg,lineHeight:1.4}}):o(m,{variation:"lg",component:"p",weight:"bold",children:u}),void 0!==L?.titleIconButton?.onClick&&o(d,{icon:o(p,{name:"edit"}),sizing:"md",sx:{my:"-4px",...B&&{opacity:0,transition:"opacity 0.3s ease"}},className:"Header__TitleIconButton",...L?.titleIconButton})]}),y&&o(t,{children:k?o(b,{width:200,height:17,sx:{fontSize:l.lg,lineHeight:1.4,mt:.5}}):o(c,{links:y})})]})]}),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})})})})})})]})},C=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{u 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"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import 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"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import a from"./KpiDetails.js";import p from"./QuestionStatsCard.js";const s=({indicatorColor:s,kpiTitle:m,tagTitle:l,combinedAverageValue:n,combinedAveragePercent:b,linkedQuestions:C})=>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:C&&C.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
+ 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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import 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/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};