npm - @useloops/design-system - Versions diffs - 1.4.680 → 1.4.682 - Mend

@useloops/design-system 1.4.680 → 1.4.682

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 (161) hide show

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

	@@ -1 +1 @@
1	- import{jsx as e}from"react/jsx-runtime";import{styled as o,useTheme as r,Box as t}from"@mui/material";import{forwardRef as i,useRef as a,useImperativeHandle as p}from"react";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import s from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import m from"../../WebCore/TextField/TextField.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"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 l=o(m)({width:"100%","& .MuiOutlinedInput-root":{height:32}}),n=i(({onChange:o,onClear:i,onFocus:m,placeholder:n,value:b,...C},u)=>{const d=r(),j=a(null),W=()=>{o?.({target:{value:""},currentTarget:{value:""}}),i?.()};p(u,()=>({...j.current,clear:W}));const c={color:d.custom.palette.icon.primary};return e(l,{inputRef:j,placeholder:n,value:b,onChange:o,onFocus:m,startAdornment:e(s,{name:"search",size:17,sx:c}),endAdornment:b?e(t,{onClick:W,sx:{cursor:"pointer",display:"flex"},children:e(s,{name:"close",size:17,sx:c})}):void 0,...C})});export{n as default};
1	+ import{jsx as e}from"react/jsx-runtime";import{styled as o,useTheme as r,Box as t}from"@mui/material";import{forwardRef as i,useRef as a,useImperativeHandle as p}from"react";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import s from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import m from"../../WebCore/TextField/TextField.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"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 l=o(m)({width:"100%","& .MuiOutlinedInput-root":{height:32}}),n=i(({onChange:o,onClear:i,onFocus:m,placeholder:n,value:b,...C},u)=>{const d=r(),j=a(null),W=()=>{o?.({target:{value:""},currentTarget:{value:""}}),i?.()};p(u,()=>({...j.current,clear:W}));const c={color:d.custom.palette.icon.primary};return e(l,{inputRef:j,placeholder:n,value:b,onChange:o,onFocus:m,startAdornment:e(s,{name:"search",size:17,sx:c}),endAdornment:b?e(t,{onClick:W,sx:{cursor:"pointer",display:"flex"},children:e(s,{name:"close",size:17,sx:c})}):void 0,...C})});export{n as default};

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

	@@ -1 +1 @@
1	- import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{styled as o,Box as i,Container as a,Grid as s}from"@mui/material";import{mergeSx as p}from"merge-sx";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as l}from"../../WebCore/Text/Text.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/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import n from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const m=o(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),justifyContent:"space-between",padding:1})),b=o(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1)})),d=({loading:r,...o})=>e(t,{children:e(r?c:C,{...o})}),C=({buttons:o,subtitle:i,title:n,maxWidth:d,sx:C})=>e(t,{children:e(m,{sx:p({justifyContent:"space-between"},C),children:e(a,{maxWidth:d,children:e(s,{container:!0,spacing:2,children:e(s,{size:12,children:r(b,{sx:{justifyContent:"space-between",py:1},children:[e(b,{children:r(b,{sx:{alignItems:"flex-start",flexDirection:"column",gap:0},children:[n&&e(l,{size:"sm",headline:!0,bold:!0,children:n}),i&&e(l,{size:"sm",secondary:!0,children:i})]})}),o&&e(b,{children:o})]})})})})})}),c=({title:o,subtitle:i,buttons:p,maxWidth:l})=>e(t,{children:e(m,{sx:{justifyContent:"space-between"},children:e(a,{maxWidth:l,children:e(s,{container:!0,spacing:2,children:e(s,{size:12,children:r(b,{sx:{justifyContent:"space-between",py:1},children:[e(b,{children:r(b,{sx:{alignItems:"flex-start",flexDirection:"column",gap:.5},children:[o&&e(n,{variant:"text",width:200,height:28}),i&&e(n,{variant:"text",width:140,height:17})]})}),e(b,{children:p&&r(t,{children:[e(n,{variant:"text",width:72,height:28}),e(n,{variant:"text",width:56,height:28})]})})]})})})})})});export{d as default};
1	+ import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{styled as o,Box as i,Container as a,Grid as s}from"@mui/material";import{mergeSx as p}from"merge-sx";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as n}from"../../WebCore/Text/Text.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/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import l from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const m=o(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),justifyContent:"space-between",padding:1})),b=o(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1)})),d=({loading:r,...o})=>e(t,{children:e(r?c:C,{...o})}),C=({buttons:o,subtitle:i,title:l,maxWidth:d,sx:C})=>e(t,{children:e(m,{sx:p({justifyContent:"space-between"},C),children:e(a,{maxWidth:d,children:e(s,{container:!0,spacing:2,children:e(s,{size:12,children:r(b,{sx:{justifyContent:"space-between",py:1},children:[e(b,{children:r(b,{sx:{alignItems:"flex-start",flexDirection:"column",gap:0},children:[l&&e(n,{size:"sm",headline:!0,bold:!0,children:l}),i&&e(n,{size:"sm",secondary:!0,children:i})]})}),o&&e(b,{children:o})]})})})})})}),c=({title:o,subtitle:i,buttons:p,maxWidth:n})=>e(t,{children:e(m,{sx:{justifyContent:"space-between"},children:e(a,{maxWidth:n,children:e(s,{container:!0,spacing:2,children:e(s,{size:12,children:r(b,{sx:{justifyContent:"space-between",py:1},children:[e(b,{children:r(b,{sx:{alignItems:"flex-start",flexDirection:"column",gap:.5},children:[o&&e(l,{variant:"text",width:200,height:28}),i&&e(l,{variant:"text",width:140,height:17})]})}),e(b,{children:p&&r(t,{children:[e(l,{variant:"text",width:72,height:28}),e(l,{variant:"text",width:56,height:28})]})})]})})})})})});export{d as default};

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

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Box as r,useTheme as i,Stack as s}from"@mui/material";import a,{SenitmentKeyEnums as m}from"../../../utils/useSentimentDiscriptor.js";import p from"../../BrandCore/Icon/components/SentimentDoubleDown.js";import n from"../../BrandCore/Icon/components/SentimentDoubleUp.js";import l from"../../BrandCore/Icon/components/SentimentDown.js";import b from"../../BrandCore/Icon/components/SentimentFlat.js";import C from"../../BrandCore/Icon/components/SentimentUp.js";import"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as d}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import{IconSizeMap as j}from"../../WebCore/IconButtonBase/IconButton.variant-helpers.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const u=t(r)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(e.custom.margin.xs)})),c=({commentCard:t=!1,sentimentScore:r=0})=>{i();const{getSentimentByScore:c}=a(),{name:W,color:B,key:S}=c(r);return e(u,{children:[o(s,{sx:{minHeight:24,justifyContent:"center"},children:o(d,{size:"xs",secondary:!0,children:t?`was ${W.toLowerCase()}`:W})}),S===m.veryPositive&&o(n,{sx:{color:B,width:t?j.xs:j.sm,height:t?j.xs:j.sm}}),S===m.positive&&o(C,{sx:{color:B,width:t?j.xs:j.sm,height:t?j.xs:j.sm}}),S===m.neutral&&o(b,{sx:{color:B,width:t?j.xs:j.sm,height:t?j.xs:j.sm}}),S===m.negative&&o(l,{sx:{color:B,width:t?j.xs:j.sm,height:t?j.xs:j.sm}}),S===m.veryNegative&&o(p,{sx:{color:B,width:t?j.xs:j.sm,height:t?j.xs:j.sm}})]})};export{c as default};
1	+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Box as r,useTheme as i,Stack as s}from"@mui/material";import a,{SenitmentKeyEnums as m}from"../../../utils/useSentimentDiscriptor.js";import p from"../../BrandCore/Icon/components/SentimentDoubleDown.js";import n from"../../BrandCore/Icon/components/SentimentDoubleUp.js";import l from"../../BrandCore/Icon/components/SentimentDown.js";import b from"../../BrandCore/Icon/components/SentimentFlat.js";import C from"../../BrandCore/Icon/components/SentimentUp.js";import"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as d}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import{IconSizeMap as j}from"../../WebCore/IconButtonBase/IconButton.variant-helpers.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const u=t(r)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(e.custom.margin.xs)})),c=({commentCard:t=!1,sentimentScore:r=0})=>{i();const{getSentimentByScore:c}=a(),{name:W,color:B,key:S}=c(r);return e(u,{children:[o(s,{sx:{minHeight:24,justifyContent:"center"},children:o(d,{size:"xs",secondary:!0,children:t?`was ${W.toLowerCase()}`:W})}),S===m.veryPositive&&o(n,{sx:{color:B,width:t?j.xs:j.sm,height:t?j.xs:j.sm}}),S===m.positive&&o(C,{sx:{color:B,width:t?j.xs:j.sm,height:t?j.xs:j.sm}}),S===m.neutral&&o(b,{sx:{color:B,width:t?j.xs:j.sm,height:t?j.xs:j.sm}}),S===m.negative&&o(l,{sx:{color:B,width:t?j.xs:j.sm,height:t?j.xs:j.sm}}),S===m.veryNegative&&o(p,{sx:{color:B,width:t?j.xs:j.sm,height:t?j.xs:j.sm}})]})};export{c as default};

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

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r}from"@mui/material";import i from"@mui/material/Box";import a from"@mui/material/Stack";import{mergeSx as s}from"merge-sx";import{useState as l,useRef as p,useEffect as m,useCallback as n,useMemo as d}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"../../../../WebCore/Animations/FadeIn.js";import{Text as b}from"../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../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 c 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/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"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 C from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import u from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{heightBasedOnPercentage as h}from"../../utils/heightBasedOnPercentage.js";import{VeticalBarWrapper as j,VerticalBarValue as W,VerticalBar as x,VerticalBarActions as B,VerticalBarLabel as g}from"../StyledComponents.js";const S=({percentage:S,label:k,checked:y,active:f,totalBars:L,tooltipContent:I,hideTopValueSection:T,hideTopAmountValueSection:A,hideTopPercentageValueSection:v,hideLabel:w,hideCheckbox:F,hidePercentageSymbol:R,disableTooltip:M,animateBar:P,slotProps:G,tickInterval:V,amount:_,onChange:N,maxDataValue:D,disabled:K,loading:O,value:H,id:z,className:E,graphMaxHeight:q,responsive:U})=>{const $=r(),[J,Q]=l(0),X=p(null),Y=f??y;m(()=>{const e=h(S,V,D,q,{hideLabel:w,hideCheckbox:F,hideTopValueSection:T}),o=P?J:e,t=performance.now(),r=i=>{const a=i-t,s=Math.min(a/250,1);Q(o+(e-o)(s(2-s))),s<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[H]);const Z=n(()=>{!K&&N&&N(z,!y)},[K,N,y]),ee=d(()=>L>6,[L]);return e(C,{message:I\|\|null,disableHoverListener:M\|\|!I,followCursor:!0,slotProps:{wrapper:{sx:{height:"fill-available",width:1,minWidth:0,...G?.tooltip?.slotProps?.wrapper?.sx}}},children:o(j,{maxHeight:q,disabled:K,...G?.barWrapper,id:z,className:E,onClick:Z,responsive:U,children:[!T&&e(W,{...G?.value,children:O?e(u,{width:25,height:25,sx:{mb:1/3}}):o(a,{children:[!v&&e(i,{sx:{height:ee?18:20},children:o(b,{size:ee?"xxs":"sm",monospaced:!0,disabled:K\|\|!Y,align:"center",noWrap:!0,bold:!0,sx:{...ee&&{fontSize:10,lineHeight:"12px"},minWidth:0,px:.2},children:[S,!R&&e(i,{component:"span",children:"%"})]})}),!A&&e(i,{sx:{height:ee?18:20},children:e(b,{size:L>5?"xxs":"sm",monospaced:!0,secondary:!0,disabled:K\|\|!Y,align:"center",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%",minWidth:0,px:.2,height:22},children:_})})]})}),O?e(u,{width:"fill-available",height:J}):e(x,{checked:Y,value:J,disabled:K,sx:s(G?.bar?.sx\|\|{},{maxHeight:q,backgroundColor:K\|\|!Y?$.custom.palette.interaction.disabled:G?.bar?.sx?.backgroundColor\|\|$.custom.palette.purple[500]})}),o(B,{children:[!w&&e(g,{...G?.label,children:O?e(u,{width:20,height:20}):e(b,{size:"xs",bold:!0,sx:{color:e=>K\|\|!Y?e.custom.palette.text.disabled:e.custom.palette.text.primary},children:k})}),!F&&e(t,{children:O?e(u,{width:24,height:24,sx:{borderRadius:.5}}):e(c,{id:`${z}-checkbox`,variant:"secondary",checked:!K&&y,disabled:K,checkboxLabel:void 0,inputRef:X,onChange:Z,...G?.checkbox,sx:s({mr:0,mt:1},G?.checkbox?.sx)})})]})]})})};export{S as default};
1	+ import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r}from"@mui/material";import i from"@mui/material/Box";import a from"@mui/material/Stack";import{mergeSx as s}from"merge-sx";import{useState as l,useRef as p,useEffect as m,useCallback as n,useMemo as d}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../BrandCore/textures.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import{Text as b}from"../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../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 c 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/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"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 C from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import u from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{heightBasedOnPercentage as h}from"../../utils/heightBasedOnPercentage.js";import{VeticalBarWrapper as j,VerticalBarValue as W,VerticalBar as x,VerticalBarActions as B,VerticalBarLabel as g}from"../StyledComponents.js";const S=({percentage:S,label:k,checked:y,active:f,totalBars:L,tooltipContent:I,hideTopValueSection:T,hideTopAmountValueSection:A,hideTopPercentageValueSection:v,hideLabel:w,hideCheckbox:F,hidePercentageSymbol:R,disableTooltip:M,animateBar:P,slotProps:G,tickInterval:V,amount:_,onChange:N,maxDataValue:D,disabled:K,loading:O,value:H,id:z,className:E,graphMaxHeight:q,responsive:U})=>{const $=r(),[J,Q]=l(0),X=p(null),Y=f??y;m(()=>{const e=h(S,V,D,q,{hideLabel:w,hideCheckbox:F,hideTopValueSection:T}),o=P?J:e,t=performance.now(),r=i=>{const a=i-t,s=Math.min(a/250,1);Q(o+(e-o)(s(2-s))),s<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[H]);const Z=n(()=>{!K&&N&&N(z,!y)},[K,N,y]),ee=d(()=>L>6,[L]);return e(C,{message:I\|\|null,disableHoverListener:M\|\|!I,followCursor:!0,slotProps:{wrapper:{sx:{height:"fill-available",width:1,minWidth:0,...G?.tooltip?.slotProps?.wrapper?.sx}}},children:o(j,{maxHeight:q,disabled:K,...G?.barWrapper,id:z,className:E,onClick:Z,responsive:U,children:[!T&&e(W,{...G?.value,children:O?e(u,{width:25,height:25,sx:{mb:1/3}}):o(a,{children:[!v&&e(i,{sx:{height:ee?18:20},children:o(b,{size:ee?"xxs":"sm",monospaced:!0,disabled:K\|\|!Y,align:"center",noWrap:!0,bold:!0,sx:{...ee&&{fontSize:10,lineHeight:"12px"},minWidth:0,px:.2},children:[S,!R&&e(i,{component:"span",children:"%"})]})}),!A&&e(i,{sx:{height:ee?18:20},children:e(b,{size:L>5?"xxs":"sm",monospaced:!0,secondary:!0,disabled:K\|\|!Y,align:"center",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%",minWidth:0,px:.2,height:22},children:_})})]})}),O?e(u,{width:"fill-available",height:J}):e(x,{checked:Y,value:J,disabled:K,sx:s(G?.bar?.sx\|\|{},{maxHeight:q,backgroundColor:K\|\|!Y?$.custom.palette.interaction.disabled:G?.bar?.sx?.backgroundColor\|\|$.custom.palette.purple[500]})}),o(B,{children:[!w&&e(g,{...G?.label,children:O?e(u,{width:20,height:20}):e(b,{size:"xs",bold:!0,sx:{color:e=>K\|\|!Y?e.custom.palette.text.disabled:e.custom.palette.text.primary},children:k})}),!F&&e(t,{children:O?e(u,{width:24,height:24,sx:{borderRadius:.5}}):e(c,{id:`${z}-checkbox`,variant:"secondary",checked:!K&&y,disabled:K,checkboxLabel:void 0,inputRef:X,onChange:Z,...G?.checkbox,sx:s({mr:0,mt:1},G?.checkbox?.sx)})})]})]})})};export{S as default};

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

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

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

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{styled as r,useTheme as i}from"@mui/material";import a from"@number-flow/react";import{motion as p}from"motion/react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as s}from"../../WebCore/Text/Text.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/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"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"../SentimentArrow/SentimentArrow.js";const l=r(p.div,{shouldForwardProp:e=>!["active"].includes(e)})(({active:e,theme:o})=>({backgroundColor:e?o.custom.palette.blue[0]:o.custom.palette.surface.default,border:e?`1px solid ${o.custom.palette.blue[500]}`:`1px solid ${o.custom.palette.stroke.default}`,borderRadius:o.spacing(o.custom.radius.md),cursor:"pointer",display:"flex",flex:1,flexDirection:"column",justifyContent:"space-between",padding:o.spacing(o.custom.padding.sm,o.custom.padding.md),boxShadow:o.custom.elevation.raised})),n=r(p.div)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(e.custom.padding.sm)})),b=({active:r,animated:p,label:b,sentimentScore:d,stat:u,title:c,onClick:C})=>(i(),e(l,{layout:p,active:r,onClick:C,children:[o(s,{size:"sm",bold:!0,children:c}),e(n,{layout:p,children:["number"==typeof d?e(t,{children:[o(s,{monospaced:!0,size:"md",bold:!0,sx:{lineHeight:"160%"},children:o(a,{value:d,format:{maximumFractionDigits:1},animated:p})}),o(m,{sentimentScore:d})]}):o(s,{size:"md",bold:!0,sx:{fontVariantNumeric:"tabular-nums"},children:o(t,{children:"number"==typeof u?o(a,{value:u,format:{maximumFractionDigits:1},animated:p}):"-"})}),!!b&&o(s,{size:"xs",secondary:!0,clamp:1,sx:{wordBreak:"break-all"},children:b})]})]}));export{b as default};
1	+ import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{styled as r,useTheme as i}from"@mui/material";import a from"@number-flow/react";import{motion as s}from"motion/react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as p}from"../../WebCore/Text/Text.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/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"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"../SentimentArrow/SentimentArrow.js";const l=r(s.div,{shouldForwardProp:e=>!["active"].includes(e)})(({active:e,theme:o})=>({backgroundColor:e?o.custom.palette.blue[0]:o.custom.palette.surface.default,border:e?`1px solid ${o.custom.palette.blue[500]}`:`1px solid ${o.custom.palette.stroke.default}`,borderRadius:o.spacing(o.custom.radius.md),cursor:"pointer",display:"flex",flex:1,flexDirection:"column",justifyContent:"space-between",padding:o.spacing(o.custom.padding.sm,o.custom.padding.md),boxShadow:o.custom.elevation.raised})),n=r(s.div)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(e.custom.padding.sm)})),b=({active:r,animated:s,label:b,sentimentScore:d,stat:u,title:C,onClick:c})=>(i(),e(l,{layout:s,active:r,onClick:c,children:[o(p,{size:"sm",bold:!0,children:C}),e(n,{layout:s,children:["number"==typeof d?e(t,{children:[o(p,{monospaced:!0,size:"md",bold:!0,sx:{lineHeight:"160%"},children:o(a,{value:d,format:{maximumFractionDigits:1},animated:s})}),o(m,{sentimentScore:d})]}):o(p,{size:"md",bold:!0,sx:{fontVariantNumeric:"tabular-nums"},children:o(t,{children:"number"==typeof u?o(a,{value:u,format:{maximumFractionDigits:1},animated:s}):"-"})}),!!b&&o(p,{size:"xs",secondary:!0,clamp:1,sx:{wordBreak:"break-all"},children:b})]})]}));export{b as default};

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

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

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

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import"@mui/material";import t from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as i}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/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/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{StyledTestStatus as a}from"./_partials/StyledBox/StyledBox.js";import{getStatusIconName as p,getStatusText as s}from"./helpers/index.js";const m=r(({status:r,sizing:m,...l},n)=>e(a,{ref:n,sizing:m,status:r,...l,children:[o(t,{name:p(r)}),o(i,{size:"sm",children:s(r)})]}));export{m as default};
1	+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import"@mui/material";import t from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as i}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/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/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{StyledTestStatus as a}from"./_partials/StyledBox/StyledBox.js";import{getStatusIconName as p,getStatusText as s}from"./helpers/index.js";const m=r(({status:r,sizing:m,...l},n)=>e(a,{ref:n,sizing:m,status:r,...l,children:[o(t,{name:p(r)}),o(i,{size:"sm",children:s(r)})]}));export{m as default};

package/dist/esm/systems/Platform/VideoControls/VideoControls.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as o,useEffect as i,useCallback as n,useImperativeHandle as a,memo as s}from"react";import{styled as m,Stack as l}from"@mui/material";import d from"@use-it/event-listener";import{normaliseFloat as p}from"../../../utils/normaliseFloat.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/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/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import u from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import b from"./components/ActionButton/ActionButton.js";import c from"./components/Timeline/Timeline.js";const C=m(u)(({theme:e})=>({display:"flex",flex:1,padding:e.spacing(e.custom.padding.md),borderColor:e.custom.palette.stroke.light,borderWidth:1,gap:e.spacing(e.custom.padding.sm),borderStyle:"solid",flexDirection:"column"})),f=m(l)(({theme:e})=>({alignItems:"center",gap:e.spacing(e.custom.padding.md),justifyContent:"space-between",flexDirection:"row",flex:1})),g=s(t(({id:t,videoElement:s,initialEndTime:m=0,initialCurrentTime:l=0,initialMuted:u,initialVolume:g,markers:j,options:W,slots:y,events:{onEnd:T,onPlay:B,onSeekEnd:k,onSeeking:v,onSeekStart:S,onTimeUpdate:h,onPause:I,onVolumeChange:E,onVolumeMute:L,onRestart:x,onFirstPlay:P,onFirstEnded:A,onReset:w}={},videoSeekTime:M,slotProps:F},R)=>{const[G,V]=o(!1),[_,D]=o([]),K={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,...W},[{seeking:N,endTime:O,currentTime:z,playing:U,buffering:q,loaded:H,ended:J,volume:Q,muted:X,startTime:Y,firstPlay:Z,firstEnded:$},ee]=o({startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:g\|\|1,muted:u\|\|!1,buffering:!1});i(()=>{if(s.muted=X,s.volume=Q,K.normaliseTime&&(void 0===m\|\|void 0===l))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls.tsx");return()=>{ue()}},[]),i(()=>{ee(e=>({...e,startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0)})),s.currentTime=p(l??0)},[l,m]);const re=n(()=>{ee(e=>({...e,playing:!1,ended:!0,...!$&&{firstEnded:!0}})),T&&T(),!$&&A&&A()},[$]);i(()=>{if(!s\|\|null==M)return;(async()=>{const e=!s.paused,r=M===O;ee(e=>({...e,playing:!1,currentTime:p(M)})),await new Promise(e=>{const r=()=>{s.removeEventListener("seeked",r),e()};s.addEventListener("seeked",r),setTimeout(e,500)}),ee(e=>({...e,currentTime:p(M)})),await new Promise(e=>setTimeout(e,50)),ee(t=>({...t,playing:e,currentTime:p(r?M-.001:M+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[M,s]);const te=n(e=>{ee(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),X!==e.target?.muted&&L&&L(!X),Q!==e.target?.volume&&E&&E(Q)},[X,Q]),oe=n(()=>{const e=p(s.currentTime)>=O&&O!==p(s.duration)&&!J,r=p(s.currentTime)>=O&&O===p(s.duration)&&!J&&!U;(e\|\|r)&&(s.pause(),s.dispatchEvent(new Event("ended"))),ee(e=>({...e,currentTime:p(s.currentTime)})),h&&h(p(s.currentTime))},[O,J,U]),ie=n(()=>{ee(e=>({...e,playing:!1})),I&&I()},[z]),ne=n(()=>{ee(e=>({...e,playing:!0,ended:!1,...!K?.disableBufferingEvents&&{buffering:!1},...!Z&&{firstPlay:!0}})),!Z&&P&&P(),B&&B()},[Z,K?.disableBufferingEvents]),ae=n(()=>{K?.disableBufferingEvents\|\|ee(e=>({...e,buffering:!0}))},[K?.disableBufferingEvents]),se=n(()=>{K?.disableBufferingEvents\|\|ee(e=>({...e,buffering:!1}))},[q,K?.disableBufferingEvents]),me=n(()=>{if(K?.disableBufferingEvents)return;const e=[];for(let r=0;r<s.buffered.length;r++){const t=s.buffered.start(r),o=s.buffered.end(r);if(o>=Y&&t<=O){const r=Math.max(t,Y),i=Math.min(o,O);e.push({start:r-Y,end:i-Y,startPercent:(r-Y)/(O-Y)100,widthPercent:(i-r)/(O-Y)100})}}D(e)},[N,O,z,U,q,H,J,Q,X,Y,_,K?.disableBufferingEvents]),le=n(async e=>{U&&ue(),s.currentTime=Y,e&&await pe(),x&&x()},[U,z,Y,O,J]),de=n(async()=>{U&&ue(),s.currentTime=Y,ee(e=>({...e,startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),w&&w()},[U,z,Y,O,J,l,m]),pe=async()=>{await s.play()},ue=()=>{s.pause()},be=n(e=>{s.currentTime=p(e),ee(r=>({...r,currentTime:p(e),ended:!1,seeking:!0,...!K?.disableBufferingEvents&&{buffering:!1},firstPlay:!Z\|\|r.firstPlay,bufferProgress:e})),v&&v(e),!Z&&P&&P()},[q,Z,K?.disableBufferingEvents]),ce=n(async()=>{document.hidden?U&&!s.paused?(V(!0),ue()):V(!1):(G&&!U&&await pe(),V(!1))},[U,G,ue,pe,s]),Ce=n(e=>{e&&s.pause(),ee(e=>({...e,seeking:!0})),S&&S()},[J]),fe=n(async(e,r,t)=>{r&&(s.currentTime=r),e&&!J&&await s.play(),t&&U&&s.pause(),ee(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),k&&k(r)},[U,J,q,N]);return d("visibilitychange",ce,document),d("pause",ie,s),d("playing",ne,s),d("timeupdate",oe,s),d("ended",re,s),d("volumechange",te,s),d("waiting",ae,s),d("canplay",se,s),d("progress",me,s),a(R,()=>({play:pe,pause:ue,restart:le,reset:de,seek:(e,r,t)=>fe(r,e,t),videoState:{seeking:N,endTime:O,currentTime:z,playing:U,buffering:q,loaded:H,ended:J,volume:Q,firstPlay:Z,firstEnded:$,muted:X,startTime:Y}})),e(C,{variation:"raised",borderradius:"xl",id:t,sx:F?.paperContainer?.sx,children:[e(f,{...K?.rtl&&{dir:"rtl"},children:[r(b,{seeking:N,playing:U,ended:J,buffering:q,handleAction:async()=>{J?await le(!0):U?ue():await pe()}}),r(c,{handleSeeking:be,handleSeekEnd:fe,handleSeekStart:Ce,ended:J,marker:y?.marker,markers:j,markerIndicatorMode:K.markerIndicatorMode,markerIndicatorSize:K.markerIndicatorSize,markerIndicator:K.markerIndicator,startTime:K.normaliseTime?Y:0,currentTime:z,endTime:O,playing:U,bufferRanges:_,buffering:q,volume:Q,muted:X,volumeControls:K.volumeControls,volumeControlsType:K.volumeControlsType,handleVolumeMute:()=>{s.muted=!X},handleVolumeChange:e=>{s.volume=e,X&&(s.muted=!1)}})]}),y?.bottom]})}));export{g as default};
1	+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as o,useEffect as i,useCallback as n,useImperativeHandle as a,memo as s}from"react";import{styled as m,Stack as l}from"@mui/material";import d from"@use-it/event-listener";import{normaliseFloat as p}from"../../../utils/normaliseFloat.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/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/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import u from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import b from"./components/ActionButton/ActionButton.js";import c from"./components/Timeline/Timeline.js";const C=m(u)(({theme:e})=>({display:"flex",flex:1,padding:e.spacing(e.custom.padding.md),borderColor:e.custom.palette.stroke.light,borderWidth:1,gap:e.spacing(e.custom.padding.sm),borderStyle:"solid",flexDirection:"column"})),f=m(l)(({theme:e})=>({alignItems:"center",gap:e.spacing(e.custom.padding.md),justifyContent:"space-between",flexDirection:"row",flex:1})),g=s(t(({id:t,videoElement:s,initialEndTime:m=0,initialCurrentTime:l=0,initialMuted:u,initialVolume:g,markers:j,options:W,slots:y,events:{onEnd:T,onPlay:B,onSeekEnd:k,onSeeking:v,onSeekStart:S,onTimeUpdate:h,onPause:I,onVolumeChange:E,onVolumeMute:x,onRestart:L,onFirstPlay:P,onFirstEnded:A,onReset:w}={},videoSeekTime:M,slotProps:F},R)=>{const[G,V]=o(!1),[_,D]=o([]),K={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,...W},[{seeking:N,endTime:O,currentTime:z,playing:U,buffering:q,loaded:H,ended:J,volume:Q,muted:X,startTime:Y,firstPlay:Z,firstEnded:$},ee]=o({startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:g\|\|1,muted:u\|\|!1,buffering:!1});i(()=>{if(s.muted=X,s.volume=Q,K.normaliseTime&&(void 0===m\|\|void 0===l))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls.tsx");return()=>{ue()}},[]),i(()=>{ee(e=>({...e,startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0)})),s.currentTime=p(l??0)},[l,m]);const re=n(()=>{ee(e=>({...e,playing:!1,ended:!0,...!$&&{firstEnded:!0}})),T&&T(),!$&&A&&A()},[$]);i(()=>{if(!s\|\|null==M)return;(async()=>{const e=!s.paused,r=M===O;ee(e=>({...e,playing:!1,currentTime:p(M)})),await new Promise(e=>{const r=()=>{s.removeEventListener("seeked",r),e()};s.addEventListener("seeked",r),setTimeout(e,500)}),ee(e=>({...e,currentTime:p(M)})),await new Promise(e=>setTimeout(e,50)),ee(t=>({...t,playing:e,currentTime:p(r?M-.001:M+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[M,s]);const te=n(e=>{ee(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),X!==e.target?.muted&&x&&x(!X),Q!==e.target?.volume&&E&&E(Q)},[X,Q]),oe=n(()=>{const e=p(s.currentTime)>=O&&O!==p(s.duration)&&!J,r=p(s.currentTime)>=O&&O===p(s.duration)&&!J&&!U;(e\|\|r)&&(s.pause(),s.dispatchEvent(new Event("ended"))),ee(e=>({...e,currentTime:p(s.currentTime)})),h&&h(p(s.currentTime))},[O,J,U]),ie=n(()=>{ee(e=>({...e,playing:!1})),I&&I()},[z]),ne=n(()=>{ee(e=>({...e,playing:!0,ended:!1,...!K?.disableBufferingEvents&&{buffering:!1},...!Z&&{firstPlay:!0}})),!Z&&P&&P(),B&&B()},[Z,K?.disableBufferingEvents]),ae=n(()=>{K?.disableBufferingEvents\|\|ee(e=>({...e,buffering:!0}))},[K?.disableBufferingEvents]),se=n(()=>{K?.disableBufferingEvents\|\|ee(e=>({...e,buffering:!1}))},[q,K?.disableBufferingEvents]),me=n(()=>{if(K?.disableBufferingEvents)return;const e=[];for(let r=0;r<s.buffered.length;r++){const t=s.buffered.start(r),o=s.buffered.end(r);if(o>=Y&&t<=O){const r=Math.max(t,Y),i=Math.min(o,O);e.push({start:r-Y,end:i-Y,startPercent:(r-Y)/(O-Y)100,widthPercent:(i-r)/(O-Y)100})}}D(e)},[N,O,z,U,q,H,J,Q,X,Y,_,K?.disableBufferingEvents]),le=n(async e=>{U&&ue(),s.currentTime=Y,e&&await pe(),L&&L()},[U,z,Y,O,J]),de=n(async()=>{U&&ue(),s.currentTime=Y,ee(e=>({...e,startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),w&&w()},[U,z,Y,O,J,l,m]),pe=async()=>{await s.play()},ue=()=>{s.pause()},be=n(e=>{s.currentTime=p(e),ee(r=>({...r,currentTime:p(e),ended:!1,seeking:!0,...!K?.disableBufferingEvents&&{buffering:!1},firstPlay:!Z\|\|r.firstPlay,bufferProgress:e})),v&&v(e),!Z&&P&&P()},[q,Z,K?.disableBufferingEvents]),ce=n(async()=>{document.hidden?U&&!s.paused?(V(!0),ue()):V(!1):(G&&!U&&await pe(),V(!1))},[U,G,ue,pe,s]),Ce=n(e=>{e&&s.pause(),ee(e=>({...e,seeking:!0})),S&&S()},[J]),fe=n(async(e,r,t)=>{r&&(s.currentTime=r),e&&!J&&await s.play(),t&&U&&s.pause(),ee(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),k&&k(r)},[U,J,q,N]);return d("visibilitychange",ce,document),d("pause",ie,s),d("playing",ne,s),d("timeupdate",oe,s),d("ended",re,s),d("volumechange",te,s),d("waiting",ae,s),d("canplay",se,s),d("progress",me,s),a(R,()=>({play:pe,pause:ue,restart:le,reset:de,seek:(e,r,t)=>fe(r,e,t),videoState:{seeking:N,endTime:O,currentTime:z,playing:U,buffering:q,loaded:H,ended:J,volume:Q,firstPlay:Z,firstEnded:$,muted:X,startTime:Y}})),e(C,{variation:"raised",borderradius:"xl",id:t,sx:F?.paperContainer?.sx,children:[e(f,{...K?.rtl&&{dir:"rtl"},children:[r(b,{seeking:N,playing:U,ended:J,buffering:q,handleAction:async()=>{J?await le(!0):U?ue():await pe()}}),r(c,{handleSeeking:be,handleSeekEnd:fe,handleSeekStart:Ce,ended:J,marker:y?.marker,markers:j,markerIndicatorMode:K.markerIndicatorMode,markerIndicatorSize:K.markerIndicatorSize,markerIndicator:K.markerIndicator,startTime:K.normaliseTime?Y:0,currentTime:z,endTime:O,playing:U,bufferRanges:_,buffering:q,volume:Q,muted:X,volumeControls:K.volumeControls,volumeControlsType:K.volumeControlsType,handleVolumeMute:()=>{s.muted=!X},handleVolumeChange:e=>{s.volume=e,X&&(s.muted=!1)}})]}),y?.bottom]})}));export{g as default};

package/dist/esm/systems/WebCore/Loader/Loader.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as t}from"react/jsx-runtime";import{DotLottieReact as e}from"@lottiefiles/dotlottie-react";import{Box as o}from"@mui/material";const i=()=>t(e,{src:"~~https://useloops-public.s3.eu-west-2.amazonaws.com/public/~~logo/loops-logo-animation.lottie",loop:!0,autoplay:!0,width:1920,height:1080}),l=({fullscreen:e})=>e?t(o,{sx:{display:"flex",justifyContent:"center",alignItems:"center",width:"100dvw",height:"calc(100dvh - 80px)",background:t=>t.custom.palette.white},children:t(o,{sx:{width:200},children:t(i,{})})}):t(i,{});export{l as default};
1	+ import{jsx as t}from"react/jsx-runtime";import{DotLottieReact as o}from"@lottiefiles/dotlottie-react";import{Box as e}from"@mui/material";import{cdnAsset as i}from"../../../utils/cdn.js";const l=()=>t(o,{src:i("logo/loops-logo-animation.lottie"),loop:!0,autoplay:!0,width:1920,height:1080}),r=({fullscreen:o})=>o?t(e,{sx:{display:"flex",justifyContent:"center",alignItems:"center",width:"100dvw",height:"calc(100dvh - 80px)",background:t=>t.custom.palette.white},children:t(e,{sx:{width:200},children:t(l,{})})}):t(l,{});export{r as default};

package/dist/esm/systems/WebCore/UserMenu/UserMenu.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,Fragment as t}from"react/jsx-runtime";import{usePopupState as r}from"material-ui-popup-state/hooks";import a,{mapMenuItems as n}from"../Menu/Menu.js";import m from"./UserMenuButton.js";const o=({avatar:o,email:i,menuItems:p,name:s,offset:u=[0,8],placement:d="right-end",rounded:f,width:l=192})=>{const c=r({variant:"popper"});return e(a,{placement:d,offset:u,menuItems:p,state:c,trigger:e(m,{active:c.isOpen,avatar:o,email:i,name:s,rounded:f,withMenu:!!p?.length}),width:l,children:e(t,{children:p?.map((e,t)=>n(e,t,c))})})};export{o as default};
1	+ import{jsx as e,Fragment as t}from"react/jsx-runtime";import{usePopupState as a}from"material-ui-popup-state/hooks";import r,{mapMenuItems as n}from"../Menu/Menu.js";import o from"./UserMenuButton.js";const m=({accent:m,avatar:i,avatarIcon:p,email:s,menuItems:c,name:u,offset:d=[0,8],placement:f="right-end",rounded:l,width:h=192})=>{const v=a({variant:"popper"});return e(r,{placement:f,offset:d,menuItems:c,state:v,trigger:e(o,{active:v.isOpen,accent:m,avatar:i,avatarIcon:p,email:s,name:u,rounded:l,withMenu:!!c?.length}),width:h,children:e(t,{children:c?.map((e,t)=>n(e,t,v))})})};export{m as default};

package/dist/esm/systems/WebCore/UserMenu/UserMenuButton.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{styled as r,Box as n,Stack as o,Button as i,useTheme as a,Fade as s}from"@mui/material";import{useRef as c}from"react";import d from"../../BrandCore/Icon/Icon.js";import l from"../Avatar/Avatar.js";import{Text as m}from"../Text/Text.js";const u=r(n)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),justifyContent:"space-between"})),p=r(o,{shouldForwardProp:~~e=>!~~["withMenu"]~~.includes(e~~)})(({withMenu:e})=>({textAlign:"left",width:e?118:152,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})),h=r(o)(({theme:e})=>({alignItems:"center",color:e.custom.palette.icon.secondary,display:"flex",justifyContent:"center"})),f=r(i,{shouldForwardProp:~~e=>!~~["active","rounded"]~~.includes(e~~)})(({active:e,rounded:t,theme:r})=>({backgroundColor:e?r.custom.palette.interaction.press:"transparent",borderRadius:r.spacing(t?r.custom.radius.round:r.custom.radius.md),justifyContent:"flex-start",minWidth:0,overflow:"hidden",padding:r.spacing(.5),textTransform:"none",width:"100%","&:hover":{backgroundColor:r.custom.palette.interaction.hover}})),v=({active:r,avatar:n,email:o,name:i,rounded:v,withMenu:w})=>{const x=a(),g=c(null);return e(f,{active:r,rounded:v,children:t(u,{ref:g,children:[e(l,{src:n,sizing:"sm"}),e(s,{in:!0,children:t(u,{children:[t(p,{withMenu:w,children:[e(m,{size:"sm",variant:"button",noWrap:!0,children:i}),e(m,{size:"xs",variant:"button",noWrap:!0,sx:{color:x.custom.palette.text.secondary},children:o})]}),w&&e(h,{children:e(d,{name:"chevron-right",size:24})})]})})]})})};export{v as default};
1	+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as r,Box as t,Stack as n,Button as a,useTheme as c,Fade as i}from"@mui/material";import{useRef as l}from"react";import{omitProps as s}from"../../../utils/shouldForwardProp.js";import d from"../../BrandCore/Icon/Icon.js";import u from"../Avatar/Avatar.js";import{Text as m}from"../Text/Text.js";const p=r(t)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),justifyContent:"space-between"})),h=r(n,{shouldForwardProp:s(["withMenu"])})(({withMenu:e})=>({textAlign:"left",width:e?118:152,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})),f=r(n)(({theme:e})=>({alignItems:"center",color:e.custom.palette.icon.secondary,display:"flex",justifyContent:"center"})),v=r(a,{shouldForwardProp:s(["active","accentColor","accentSurface","rounded"])})(({active:e,accentColor:o,accentSurface:r,rounded:t,theme:n})=>({backgroundColor:r??(e?n.custom.palette.interaction.press:"transparent"),border:`1px solid ${o??"transparent"}`,borderRadius:n.spacing(t?n.custom.radius.round:n.custom.radius.md),justifyContent:"flex-start",minWidth:0,overflow:"hidden",padding:n.spacing(.5),textTransform:"none",width:"100%","&:hover":{backgroundColor:r??n.custom.palette.interaction.hover}})),x=({active:r,accent:t,avatar:n,avatarIcon:a,email:s,name:x,rounded:w,withMenu:g})=>{const C=c(),b=l(null);return e(v,{active:r,accentColor:t?.color,accentSurface:t?.surface,rounded:w,children:o(p,{ref:b,children:[e(u,{src:a?void 0:n,sizing:"sm",sx:t?{backgroundColor:t.color,borderColor:t.color}:void 0,children:a&&e(d,{name:a,size:16,color:C.custom.palette.icon.lockedWhite})}),e(i,{in:!0,children:o(p,{children:[o(h,{withMenu:g,children:[e(m,{size:"sm",variant:"button",noWrap:!0,bold:!!t,sx:t?{color:t.color}:void 0,children:x}),e(m,{size:"xs",variant:"button",noWrap:!0,sx:{color:t?t.color:C.custom.palette.text.secondary},children:s})]}),g&&e(f,{children:e(d,{name:"chevron-right",size:24,color:t?.color})})]})})]})})};export{x as default};

package/dist/esm/theme/theme.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{createTheme as t}from"@mui/material";import{greenRamp as e,blueRamp as o,yellowRamp as a,peachRamp as r,redRamp as n,purpleRamp as i,neutralRamp as s}from"../systems/BrandCore/colorRamps.js";import{purple as l,neutralAlpha as d,darkNeutralAlpha as p}from"../systems/BrandCore/primitiveColor.js";import{breakpoints as m,base as f,easing as u,boxShadow as c,elevationFilter as y,elevation as g,radius as h,padding as b,margin as w}from"../systems/BrandCore/primitiveVariables.js";import{semantic as $}from"../systems/BrandCore/semanticColor.js";import{fonts as v}from"../systems/BrandCore/typography.js";import{typographyVariantMap as k,typographyVariants as x}from"../systems/WebCore/utils/typography.util.js";const F="~~https://static-pingu-production.useloops.com/~~fonts/",C=(t,e)=>Object.fromEntries(Object.entries(t).map(([t,o])=>[t,oe+"px"])),R=(R,G,B)=>t({direction:B,p:C(b,f),m:C(w,f),r:C(h,f),custom:{palette:{black:"#000000",white:"#ffffff",neutral:s[R],neutralAlpha:"light"===R?d:p,purple:i[R],red:n[R],peach:r[R],yellow:a[R],blue:o[R],green:e[R],icon:$[R].icon,interaction:$[R].interaction,stroke:$[R].stroke,surface:$[R].surface,text:$[R].text,input:$[R].input,skeleton:$[R].skeleton,data:$[R].data,body:$[R].surface.default},margin:w,padding:b,radius:h,elevation:g,elevationFilter:y,boxShadow:c,easing:u,typography:k[G]},palette:{mode:R,primary:{main:l[500]}},spacing:f,shape:{borderRadius:f,hotspot:{default:12,active:24}},breakpoints:{values:m},typography:{fontFamily:`"${v.FoundersGrotesk.name}", "Helvetica", "sans-serif"`},components:{MuiTypography:{variants:x(G),styleOverrides:{root:{color:$[R].text.primary,letterSpacing:0,lineHeight:"140%"}}},MuiCssBaseline:{styleOverrides:t=>`\n\t\t\t\t\tbody {\n\t\t\t\t\t\tbackground: ${t.custom.palette.body};\n\t\t\t\t\t\tmin-width: 320px;\n\t\t\t\t\t}\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\ttext-decoration: none;\n\t\t\t\t\t}\n\t\t\t\t\tb {\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t}\n @font-face {\n font-family: '${v.Domaine.name}';\n font-style: normal;\n font-display: swap;\n font-weight: ${v.Domaine.default.weight};\n src: url(${F}${v.Domaine.default.fileName}) format('woff2');\n }\n @font-face {\n font-family: '${v.Domaine.name}';\n font-style: normal;\n font-display: swap;\n font-weight: ${v.Domaine.bold.weight};\n src: url(${F}${v.Domaine.bold.fileName}) format('woff2');\n }\n @font-face {\n font-family: '${v.FoundersGrotesk.name}';\n font-style: normal;\n font-display: swap;\n font-weight: ${v.FoundersGrotesk.default.weight};\n src: url(${F}${v.FoundersGrotesk.default.fileName}) format('woff2');\n }\n @font-face {\n font-family: '${v.FoundersGrotesk.name}';\n font-style: normal;\n font-display: swap;\n font-weight: ${v.FoundersGrotesk.bold.weight};\n src: url(${F}${v.FoundersGrotesk.bold.fileName}) format('woff2');\n }\n `},MuiContainer:{defaultProps:{maxWidth:"xl",disableGutters:!0},styleOverrides:{root:{paddingLeft:16,paddingRight:16,[`@media (min-width: ${m.md}px)`]:{paddingLeft:24,paddingRight:24},[`@media (min-width: ${m.lg}px)`]:{paddingLeft:48,paddingRight:48}}}},MuiButtonBase:{defaultProps:{disableTouchRipple:!0,disableRipple:!0}},MuiButton:{defaultProps:{disableTouchRipple:!0,disableRipple:!0}},MuiTooltip:{styleOverrides:{arrow:({theme:{custom:t}})=>({color:t.palette.surface.overlay}),tooltip:({theme:{custom:t}})=>({backgroundColor:t.palette.surface.overlay,borderRadius:t.radius.mdf+"px",color:t.palette.text.primary,backdropFilter:"blur(0)",filter:t.elevationFilter.overlay,fontFamily:v.FoundersGrotesk.name,fontSize:t.typography.body.sm,fontWeight:400,padding:`${t.padding.smf}px ${t.padding.mdf}px`})}},MuiAvatarGroup:{styleOverrides:{root:{flexDirection:"row"},avatar:({theme:{custom:t}})=>({border:`1px solid ${t.palette.stroke.default}`,marginLeft:0,marginRight:-8,":last-child":{marginLeft:"auto"}})}},MuiPaper:{styleOverrides:{root:({theme:{custom:t}})=>({backgroundColor:t.palette.surface.default})}}}});export{R as customTheme};
1	+ import{createTheme as t}from"@mui/material";import{greenRamp as e,blueRamp as o,yellowRamp as r,peachRamp as a,redRamp as n,purpleRamp as i,neutralRamp as s}from"../systems/BrandCore/colorRamps.js";import{purple as l,neutralAlpha as d,darkNeutralAlpha as m}from"../systems/BrandCore/primitiveColor.js";import{breakpoints as p,base as f,easing as u,boxShadow as c,elevationFilter as y,elevation as g,radius as h,padding as b,margin as w}from"../systems/BrandCore/primitiveVariables.js";import{semantic as $}from"../systems/BrandCore/semanticColor.js";import{fonts as v}from"../systems/BrandCore/typography.js";import{typographyVariantMap as k,typographyVariants as x}from"../systems/WebCore/utils/typography.util.js";import{cdnAsset as F}from"../utils/cdn.js";const C=F("fonts/"),R=(t,e)=>Object.fromEntries(Object.entries(t).map(([t,o])=>[t,oe+"px"])),G=(F,G,j)=>t({direction:j,p:R(b,f),m:R(w,f),r:R(h,f),custom:{palette:{black:"#000000",white:"#ffffff",neutral:s[F],neutralAlpha:"light"===F?d:m,purple:i[F],red:n[F],peach:a[F],yellow:r[F],blue:o[F],green:e[F],icon:$[F].icon,interaction:$[F].interaction,stroke:$[F].stroke,surface:$[F].surface,text:$[F].text,input:$[F].input,skeleton:$[F].skeleton,data:$[F].data,body:$[F].surface.default},margin:w,padding:b,radius:h,elevation:g,elevationFilter:y,boxShadow:c,easing:u,typography:k[G]},palette:{mode:F,primary:{main:l[500]}},spacing:f,shape:{borderRadius:f,hotspot:{default:12,active:24}},breakpoints:{values:p},typography:{fontFamily:`"${v.FoundersGrotesk.name}", "Helvetica", "sans-serif"`},components:{MuiTypography:{variants:x(G),styleOverrides:{root:{color:$[F].text.primary,letterSpacing:0,lineHeight:"140%"}}},MuiCssBaseline:{styleOverrides:t=>`\n\t\t\t\t\tbody {\n\t\t\t\t\t\tbackground: ${t.custom.palette.body};\n\t\t\t\t\t\tmin-width: 320px;\n\t\t\t\t\t}\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\ttext-decoration: none;\n\t\t\t\t\t}\n\t\t\t\t\tb {\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t}\n @font-face {\n font-family: '${v.Domaine.name}';\n font-style: normal;\n font-display: swap;\n font-weight: ${v.Domaine.default.weight};\n src: url(${C}${v.Domaine.default.fileName}) format('woff2');\n }\n @font-face {\n font-family: '${v.Domaine.name}';\n font-style: normal;\n font-display: swap;\n font-weight: ${v.Domaine.bold.weight};\n src: url(${C}${v.Domaine.bold.fileName}) format('woff2');\n }\n @font-face {\n font-family: '${v.FoundersGrotesk.name}';\n font-style: normal;\n font-display: swap;\n font-weight: ${v.FoundersGrotesk.default.weight};\n src: url(${C}${v.FoundersGrotesk.default.fileName}) format('woff2');\n }\n @font-face {\n font-family: '${v.FoundersGrotesk.name}';\n font-style: normal;\n font-display: swap;\n font-weight: ${v.FoundersGrotesk.bold.weight};\n src: url(${C}${v.FoundersGrotesk.bold.fileName}) format('woff2');\n }\n `},MuiContainer:{defaultProps:{maxWidth:"xl",disableGutters:!0},styleOverrides:{root:{paddingLeft:16,paddingRight:16,[`@media (min-width: ${p.md}px)`]:{paddingLeft:24,paddingRight:24},[`@media (min-width: ${p.lg}px)`]:{paddingLeft:48,paddingRight:48}}}},MuiButtonBase:{defaultProps:{disableTouchRipple:!0,disableRipple:!0}},MuiButton:{defaultProps:{disableTouchRipple:!0,disableRipple:!0}},MuiTooltip:{styleOverrides:{arrow:({theme:{custom:t}})=>({color:t.palette.surface.overlay}),tooltip:({theme:{custom:t}})=>({backgroundColor:t.palette.surface.overlay,borderRadius:t.radius.mdf+"px",color:t.palette.text.primary,backdropFilter:"blur(0)",filter:t.elevationFilter.overlay,fontFamily:v.FoundersGrotesk.name,fontSize:t.typography.body.sm,fontWeight:400,padding:`${t.padding.smf}px ${t.padding.mdf}px`})}},MuiAvatarGroup:{styleOverrides:{root:{flexDirection:"row"},avatar:({theme:{custom:t}})=>({border:`1px solid ${t.palette.stroke.default}`,marginLeft:0,marginRight:-8,":last-child":{marginLeft:"auto"}})}},MuiPaper:{styleOverrides:{root:({theme:{custom:t}})=>({backgroundColor:t.palette.surface.default})}}}});export{G as customTheme};

package/dist/esm/utils/cdn.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ const t="https://static.cdn.useloops.com",c=c=>`${t}/${c.replace(/^\//,"")}`;export{t as CDN_BASE,c as cdnAsset};

package/dist/esm/utils.js CHANGED Viewed

	@@ -1 +1 @@
1	- export{useBreakpoint}from"./utils/breakpoint.hook.js";export{compareArrayMembers}from"./utils/compareArrayMembers.js";export{isButton}from"./utils/isButton.js";export{pluralise}from"./utils/pluralise.js";export{useScreenSize}from"./utils/screen.hook.js";export{useKeyCombo}from"./utils/useKeyCombo.js";export{usePrevious}from"./utils/usePrevious.js";export{omitProps}from"./utils/shouldForwardProp.js";
1	+ export{useBreakpoint}from"./utils/breakpoint.hook.js";export{CDN_BASE,cdnAsset}from"./utils/cdn.js";export{compareArrayMembers}from"./utils/compareArrayMembers.js";export{isButton}from"./utils/isButton.js";export{pluralise}from"./utils/pluralise.js";export{useScreenSize}from"./utils/screen.hook.js";export{useKeyCombo}from"./utils/useKeyCombo.js";export{usePrevious}from"./utils/usePrevious.js";export{omitProps}from"./utils/shouldForwardProp.js";

package/dist/index.d.ts CHANGED Viewed

@@ -168,6 +168,7 @@ export { default as TrialCard, TrialCardProps } from './systems/WebCore/TrialCar
 export { default as UserMenu, UserMenuProps } from './systems/WebCore/UserMenu/UserMenu.js';
 export { default as VideoModal, VideoModalProps } from './systems/WebCore/VideoModal/VideoModal.js';
 export { BreakpointOrNull, useBreakpoint } from './utils/breakpoint.hook.js';
+export { CDN_BASE, cdnAsset } from './utils/cdn.js';
 export { compareArrayMembers } from './utils/compareArrayMembers.js';
 export { isButton } from './utils/isButton.js';
 export { pluralise } from './utils/pluralise.js';