@useloops/design-system 1.4.661 → 1.4.662
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Platform.js +1 -1
- package/dist/WebCore/KbdGroup.d.ts +2 -0
- package/dist/WebCore/KbdGroup.js +1 -0
- package/dist/WebCore.d.ts +3 -1
- package/dist/WebCore.js +1 -1
- package/dist/esm/Platform.js +1 -1
- package/dist/esm/WebCore/KbdGroup.js +1 -0
- package/dist/esm/WebCore.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js +1 -1
- package/dist/esm/systems/Marketing/PlanTierCard/PlanTierCard.js +1 -1
- package/dist/esm/systems/Marketing/PlanTierCard/PlanTierCardSkeleton.js +1 -1
- package/dist/esm/systems/Marketing/PlanTierCard/SavingsPill.js +1 -1
- package/dist/esm/systems/Platform/AIInsight/AIInsight.js +1 -1
- package/dist/esm/systems/Platform/AISummary/AISummary.js +1 -1
- package/dist/esm/systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js +1 -1
- package/dist/esm/systems/Platform/AssetItem/AssetItem.js +1 -1
- package/dist/esm/systems/Platform/AssetItem/_partials/AssetItemMenu.js +1 -1
- package/dist/esm/systems/Platform/AssetItem/_partials/CoverTypeIndicator.js +1 -1
- package/dist/esm/systems/Platform/AssetItem/_partials/ImageTile.js +1 -1
- package/dist/esm/systems/Platform/CommentCard/CommentCard.js +1 -1
- package/dist/esm/systems/Platform/DataPointInfo/DataPointInfo.js +1 -1
- package/dist/esm/systems/Platform/DataPointInfo/_partials/DataSourceItem.js +1 -1
- package/dist/esm/systems/Platform/DataPointInfo/_partials/EmptyStateMessage.js +1 -1
- package/dist/esm/systems/Platform/DataPointInfo/_partials/StatValue.js +1 -1
- package/dist/esm/systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js +1 -1
- package/dist/esm/systems/Platform/EmojiListItem/EmojiListItem.js +1 -1
- package/dist/esm/systems/Platform/EmojiListItem/_partials/StyledSurface.js +1 -1
- package/dist/esm/systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js +1 -1
- package/dist/esm/systems/Platform/EmptyStateCard/EmptyStateCard.js +1 -1
- package/dist/esm/systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js +1 -1
- package/dist/esm/systems/Platform/FilterCount/FilterCount.js +1 -1
- package/dist/esm/systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js +1 -1
- package/dist/esm/systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js +1 -1
- package/dist/esm/systems/Platform/FilterRow/FilterRow.js +1 -1
- package/dist/esm/systems/Platform/FilteredItemsCard/FilteredItemsCard.js +1 -1
- package/dist/esm/systems/Platform/GraphBar/_partials/UnitText/UnitText.js +1 -1
- package/dist/esm/systems/Platform/Header/Header.js +1 -1
- package/dist/esm/systems/Platform/KpiDataPopover/KpiDataPopover.js +1 -1
- package/dist/esm/systems/Platform/KpiDataPopover/KpiDetails.js +1 -1
- package/dist/esm/systems/Platform/KpiDataPopover/QuestionStatsCard.js +1 -1
- package/dist/esm/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js +1 -1
- package/dist/esm/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js +1 -1
- package/dist/esm/systems/Platform/LinkExpired/LinkExpired.js +1 -1
- package/dist/esm/systems/Platform/LoopItem/LoopItem.js +1 -1
- package/dist/esm/systems/Platform/LoopItem/_partials/styledPartials.js +1 -1
- package/dist/esm/systems/Platform/LoopItemEmpty/LoopItemEmpty.js +1 -1
- package/dist/esm/systems/Platform/LoopVideoNudge/LoopVideoNudge.js +1 -1
- package/dist/esm/systems/Platform/MFACodeVerify/MFACodeVerify.js +1 -1
- package/dist/esm/systems/Platform/MiniResultCard/MiniResultCard.js +1 -1
- package/dist/esm/systems/Platform/PaginationControl/PaginationControl.js +1 -1
- package/dist/esm/systems/Platform/PinchIndicator/PinchIndicator.js +1 -1
- package/dist/esm/systems/Platform/PinchIndicator/_partials/StyledSurface/StyledSurface.js +1 -1
- package/dist/esm/systems/Platform/ProjectItem/ProjectItemGridView.js +1 -1
- package/dist/esm/systems/Platform/ProjectItem/ProjectItemListView.js +1 -1
- package/dist/esm/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js +1 -1
- package/dist/esm/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
- package/dist/esm/systems/Platform/QuestionBar/QuestionBar.js +1 -1
- package/dist/esm/systems/Platform/QuestionBlock/QuestionBlock.js +1 -1
- package/dist/esm/systems/Platform/QuestionSelector/QuestionSelector.js +1 -1
- package/dist/esm/systems/Platform/ScrollIndicator/ScrollIndicator.js +1 -1
- package/dist/esm/systems/Platform/SearchInput/SearchInput.js +1 -1
- package/dist/esm/systems/Platform/SectionHeader/SectionHeader.js +1 -1
- package/dist/esm/systems/Platform/SentimentArrow/SentimentArrow.js +1 -1
- package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js +1 -1
- package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js +1 -1
- package/dist/esm/systems/Platform/Tab/Tab.js +1 -1
- package/dist/esm/systems/Platform/TestItem/TestItem.js +1 -1
- package/dist/esm/systems/Platform/TestStatus/TestStatus.js +1 -1
- package/dist/esm/systems/Platform/VideoControls/VideoControls.js +1 -1
- package/dist/esm/systems/WebCore/KbdGroup/Kbd.js +1 -0
- package/dist/esm/systems/WebCore/KbdGroup/KbdGroup.js +1 -0
- package/dist/index.d.ts +3 -1
- package/dist/index.js +1 -1
- package/dist/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js +1 -1
- package/dist/systems/Marketing/PlanTierCard/PlanTierCard.js +1 -1
- package/dist/systems/Marketing/PlanTierCard/PlanTierCardSkeleton.js +1 -1
- package/dist/systems/Marketing/PlanTierCard/SavingsPill.js +1 -1
- package/dist/systems/Platform/AIInsight/AIInsight.js +1 -1
- package/dist/systems/Platform/AISummary/AISummary.js +1 -1
- package/dist/systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js +1 -1
- package/dist/systems/Platform/AssetItem/AssetItem.js +1 -1
- package/dist/systems/Platform/AssetItem/_partials/AssetItemMenu.js +1 -1
- package/dist/systems/Platform/AssetItem/_partials/CoverTypeIndicator.js +1 -1
- package/dist/systems/Platform/AssetItem/_partials/ImageTile.js +1 -1
- package/dist/systems/Platform/CommentCard/CommentCard.js +1 -1
- package/dist/systems/Platform/DataPointInfo/DataPointInfo.js +1 -1
- package/dist/systems/Platform/DataPointInfo/_partials/DataSourceItem.js +1 -1
- package/dist/systems/Platform/DataPointInfo/_partials/EmptyStateMessage.js +1 -1
- package/dist/systems/Platform/DataPointInfo/_partials/StatValue.js +1 -1
- package/dist/systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js +1 -1
- package/dist/systems/Platform/EmojiListItem/EmojiListItem.js +1 -1
- package/dist/systems/Platform/EmojiListItem/_partials/StyledSurface.js +1 -1
- package/dist/systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js +1 -1
- package/dist/systems/Platform/EmptyStateCard/EmptyStateCard.js +1 -1
- package/dist/systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js +1 -1
- package/dist/systems/Platform/FilterCount/FilterCount.js +1 -1
- package/dist/systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js +1 -1
- package/dist/systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js +1 -1
- package/dist/systems/Platform/FilterRow/FilterRow.js +1 -1
- package/dist/systems/Platform/FilteredItemsCard/FilteredItemsCard.js +1 -1
- package/dist/systems/Platform/GraphBar/_partials/UnitText/UnitText.js +1 -1
- package/dist/systems/Platform/Header/Header.js +1 -1
- package/dist/systems/Platform/KpiDataPopover/KpiDataPopover.js +1 -1
- package/dist/systems/Platform/KpiDataPopover/KpiDetails.js +1 -1
- package/dist/systems/Platform/KpiDataPopover/QuestionStatsCard.js +1 -1
- package/dist/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js +1 -1
- package/dist/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js +1 -1
- package/dist/systems/Platform/LinkExpired/LinkExpired.js +1 -1
- package/dist/systems/Platform/LoopItem/LoopItem.js +1 -1
- package/dist/systems/Platform/LoopItem/_partials/styledPartials.js +1 -1
- package/dist/systems/Platform/LoopItemEmpty/LoopItemEmpty.js +1 -1
- package/dist/systems/Platform/LoopVideoNudge/LoopVideoNudge.js +1 -1
- package/dist/systems/Platform/MFACodeVerify/MFACodeVerify.js +1 -1
- package/dist/systems/Platform/MiniResultCard/MiniResultCard.js +1 -1
- package/dist/systems/Platform/PaginationControl/PaginationControl.js +1 -1
- package/dist/systems/Platform/PinchIndicator/PinchIndicator.js +1 -1
- package/dist/systems/Platform/PinchIndicator/_partials/StyledSurface/StyledSurface.js +1 -1
- package/dist/systems/Platform/ProjectItem/ProjectItemGridView.js +1 -1
- package/dist/systems/Platform/ProjectItem/ProjectItemListView.js +1 -1
- package/dist/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js +1 -1
- package/dist/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
- package/dist/systems/Platform/QuestionBar/QuestionBar.js +1 -1
- package/dist/systems/Platform/QuestionBlock/QuestionBlock.js +1 -1
- package/dist/systems/Platform/QuestionSelector/QuestionSelector.js +1 -1
- package/dist/systems/Platform/ScrollIndicator/ScrollIndicator.js +1 -1
- package/dist/systems/Platform/SearchInput/SearchInput.js +1 -1
- package/dist/systems/Platform/SectionHeader/SectionHeader.js +1 -1
- package/dist/systems/Platform/SentimentArrow/SentimentArrow.js +1 -1
- package/dist/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js +1 -1
- package/dist/systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js +1 -1
- package/dist/systems/Platform/Tab/Tab.js +1 -1
- package/dist/systems/Platform/TestItem/TestItem.js +1 -1
- package/dist/systems/Platform/TestStatus/TestStatus.js +1 -1
- package/dist/systems/Platform/VideoControls/VideoControls.js +1 -1
- package/dist/systems/WebCore/KbdGroup/Kbd.d.ts +8 -0
- package/dist/systems/WebCore/KbdGroup/Kbd.js +1 -0
- package/dist/systems/WebCore/KbdGroup/KbdGroup.d.ts +18 -0
- package/dist/systems/WebCore/KbdGroup/KbdGroup.js +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("@mui/material/Box"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("@mui/material/Box"),o=require("@mui/material/Stack"),t=require("merge-sx"),a=require("react");require("../../../../../utils/formValidation/misc.js"),require("../../../../BrandCore/Icon/Icon.js"),require("../../../../BrandCore/primitiveVariables.js"),require("../../../../WebCore/utils/typography.util.js"),require("../../../../WebCore/AnnualController/AnnualController.js"),require("../../../../WebCore/SelectItem/SelectItem.js"),require("../../../../WebCore/Accordion/Accordion.js"),require("../../../../WebCore/Animations/FadeIn.js");var s=require("../../../../WebCore/Typography/Typography.js");require("@mui/icons-material"),require("../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("../../../../WebCore/Badge/Badge.js"),require("../../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../../WebCore/Button/Button.js"),require("../../../../WebCore/ButtonBase/ButtonBase.js"),require("../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../../../WebCore/ButtonTabGroup/_partials/TabButton.js");var l=require("../../../../WebCore/Checkbox/Checkbox.js");require("../../../../WebCore/Checkbox/StyledCheckbox.js"),require("../../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../../WebCore/Differential/DifferentialContainer.js"),require("../../../../WebCore/Differential/DifferentialRadio.js"),require("../../../../WebCore/DropdownMenu/StyledMenu.js"),require("../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../../WebCore/IconButton/IconButton.js"),require("../../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../../WebCore/Image/Image.js"),require("../../../../WebCore/KbdGroup/Kbd.js"),require("../../../../WebCore/KbdGroup/KbdGroup.js"),require("../../../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../../../WebCore/Label/Label.js"),require("../../../../WebCore/Likert/LikertContainer.js"),require("../../../../WebCore/Likert/LikertLabel.js"),require("../../../../WebCore/Likert/LikertRadio.js"),require("../../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../../WebCore/Surface/Surface.js"),require("../../../../WebCore/Menu/MenuItem.js"),require("../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../../WebCore/Nudge/NudgeButton.js"),require("../../../../WebCore/NumberField/NumberField.js"),require("../../../../BrandCore/colorRamps.js"),require("../../../../BrandCore/semanticColor.js"),require("../../../../BrandCore/types.js"),require("../../../../BrandCore/typography.js"),require("../../../../WebCore/Progress/Progress.js");var u=require("../../../../WebCore/Tooltip/Tooltip.js");require("../../../../WebCore/Pill/StyledPill.js"),require("../../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../../WebCore/Radio/StyledRadio.js"),require("../../../../WebCore/Select/StyledSelect.js"),require("../../../../WebCore/RankItem/RankItemContainer.js"),require("../../../../WebCore/RankItem/RankItemLabel.js"),require("../../../../WebCore/SortableList/SortableList.js"),require("../../../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../../WebCore/RichTextField/StyledRichTextEditor.js");var n=require("../../../../WebCore/Skeleton/Skeleton.js");require("../../../../WebCore/Slider/StyledSlider.js"),require("../../../../WebCore/StarRating/StarRating.js"),require("../../../../WebCore/Switch/StyledSwitch.js"),require("../../../../WebCore/Textarea/Textarea.js"),require("../../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../../WebCore/TrialCard/TrialPill.js"),require("../../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../../WebCore/VideoModal/VideoModal.js");var d=require("../../utils/heightBasedOnPercentage.js"),b=require("../StyledComponents.js");function c(e){return e&&e.__esModule?e:{default:e}}var p=c(i),C=c(o);module.exports=({percentage:i,label:o,checked:c,totalBars:j,tooltipContent:m,hideTopValueSection:q,hideTopAmountValueSection:h,hideTopPercentageValueSection:W,hideLabel:x,hideCheckbox:B,hidePercentageSymbol:g,disableTooltip:S,animateBar:y,slotProps:k,tickInterval:v,amount:L,onChange:f,maxDataValue:I,disabled:A,loading:T,value:w,id:F,className:V,graphMaxHeight:M,responsive:R})=>{const P=r.useTheme(),[G,_]=a.useState(0),N=a.useRef(null);a.useEffect(()=>{const e=d.heightBasedOnPercentage(i,v,I,M,{hideLabel:x,hideCheckbox:B,hideTopValueSection:q}),r=y?G:e,o=performance.now(),t=i=>{const a=i-o,s=Math.min(a/250,1);_(r+(e-r)*(s*(2-s))),s<1&&requestAnimationFrame(t)},a=requestAnimationFrame(t);return()=>cancelAnimationFrame(a)},[w]);const O=a.useCallback(()=>{!A&&f&&f(F,!c)},[A,f,c]),D=a.useMemo(()=>j>6,[j]);return e.jsx(u,{message:m||null,disableHoverListener:S||!m,followCursor:!0,slotProps:{wrapper:{sx:{height:"fill-available",width:1,minWidth:0,...k?.tooltip?.slotProps?.wrapper?.sx}}},children:e.jsxs(b.VeticalBarWrapper,{maxHeight:M,disabled:A,...k?.barWrapper,id:F,className:V,onClick:O,responsive:R,children:[!q&&e.jsx(b.VerticalBarValue,{...k?.value,children:T?e.jsx(n,{width:25,height:25,sx:{mb:1/3}}):e.jsxs(C.default,{children:[!W&&e.jsx(p.default,{sx:{height:D?18:20},children:e.jsxs(s,{variation:D?"xxs":"sm",component:"p",monospaced:!0,disabled:A||!c,align:"center",noWrap:!0,weight:"bold",sx:{...D&&{fontSize:10,lineHeight:"12px"},minWidth:0,px:.2},children:[i,!g&&e.jsx(p.default,{component:"span",children:"%"})]})}),!h&&e.jsx(p.default,{sx:{height:D?18:20},children:e.jsx(s,{variation:j>5?"xxs":"sm",component:"p",monospaced:!0,secondary:!0,disabled:A||!c,align:"center",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%",minWidth:0,px:.2,height:22},children:L})})]})}),T?e.jsx(n,{width:"fill-available",height:G}):e.jsx(b.VerticalBar,{checked:c,value:G,maxHeight:M,disabled:A,sx:t.mergeSx(k?.bar?.sx||{},{backgroundColor:A||!c?P.custom.palette.interaction.disabled:k?.bar?.sx?.backgroundColor||P.custom.palette.purple[500]})}),e.jsxs(b.VerticalBarActions,{children:[!x&&e.jsx(b.VerticalBarLabel,{...k?.label,children:T?e.jsx(n,{width:20,height:20}):e.jsx(s,{variation:"xs",component:"p",weight:"bold",sx:{color:e=>A||!c?e.custom.palette.text.disabled:e.custom.palette.text.primary},children:o})}),!B&&e.jsx(e.Fragment,{children:T?e.jsx(n,{width:24,height:24,sx:{borderRadius:.5}}):e.jsx(l,{id:`${F}-checkbox`,variant:"secondary",checked:!A&&c,disabled:A,checkboxLabel:void 0,inputRef:N,onChange:O,...k?.checkbox,sx:t.mergeSx({mr:0,mt:1},k?.checkbox?.sx)})})]})]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("react");require("../../../../../utils/formValidation/misc.js"),require("../../../../BrandCore/Icon/Icon.js"),require("../../../../BrandCore/primitiveVariables.js"),require("../../../../WebCore/utils/typography.util.js"),require("../../../../WebCore/AnnualController/AnnualController.js"),require("../../../../WebCore/SelectItem/SelectItem.js"),require("../../../../WebCore/Accordion/Accordion.js"),require("../../../../WebCore/Animations/FadeIn.js");var t=require("../../../../WebCore/Typography/Typography.js");require("@mui/icons-material"),require("../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../../../WebCore/Badge/Badge.js"),require("../../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../../WebCore/Button/Button.js"),require("../../../../WebCore/ButtonBase/ButtonBase.js"),require("../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../../../WebCore/Checkbox/StyledCheckbox.js"),require("../../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../../WebCore/Differential/DifferentialContainer.js"),require("../../../../WebCore/Differential/DifferentialRadio.js"),require("../../../../WebCore/DropdownMenu/StyledMenu.js"),require("../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../../WebCore/IconButton/IconButton.js"),require("../../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../../WebCore/Image/Image.js"),require("../../../../WebCore/KbdGroup/Kbd.js"),require("../../../../WebCore/KbdGroup/KbdGroup.js"),require("../../../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../../../WebCore/Label/Label.js"),require("../../../../WebCore/Likert/LikertContainer.js"),require("../../../../WebCore/Likert/LikertLabel.js"),require("../../../../WebCore/Likert/LikertRadio.js"),require("../../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../../WebCore/Surface/Surface.js"),require("../../../../WebCore/Menu/MenuItem.js"),require("../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../../WebCore/Nudge/NudgeButton.js"),require("../../../../WebCore/NumberField/NumberField.js"),require("../../../../BrandCore/colorRamps.js"),require("../../../../BrandCore/semanticColor.js"),require("../../../../BrandCore/types.js"),require("../../../../BrandCore/typography.js"),require("../../../../WebCore/Progress/Progress.js"),require("../../../../WebCore/Pill/StyledPill.js"),require("../../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../../WebCore/Radio/StyledRadio.js"),require("../../../../WebCore/Select/StyledSelect.js"),require("../../../../WebCore/RankItem/RankItemContainer.js"),require("../../../../WebCore/RankItem/RankItemLabel.js"),require("../../../../WebCore/SortableList/SortableList.js"),require("../../../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../../WebCore/RichTextField/StyledRichTextEditor.js");var i=require("../../../../WebCore/Skeleton/Skeleton.js");require("../../../../WebCore/Slider/StyledSlider.js"),require("../../../../WebCore/StarRating/StarRating.js"),require("../../../../WebCore/Switch/StyledSwitch.js"),require("../../../../WebCore/Textarea/Textarea.js"),require("../../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../../WebCore/TrialCard/TrialPill.js"),require("../../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../../WebCore/VideoModal/VideoModal.js");var a=require("../../utils/createYAxisIntervalTicks.js"),s=require("../StyledComponents.js");var u=o.memo(({yAxisMax:u,rounding:l,tickInterval:n,loading:b,yAxisTickData:p,hideLabel:d,showGraphLines:C,hideCheckbox:j,disabled:c,slotProps:q,graphMaxHeight:W,responsive:m})=>{const x=r.useTheme(),B=o.useRef(null),[h,S]=o.useState(void 0);o.useEffect(()=>{if(m&&B.current){const e=()=>{const e=B.current?.parentElement?.offsetWidth;e&&S(e-50)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}},[m]);const y=o.useMemo(()=>l?Math.ceil(u/l)*l:u,[u,l]),g=p||a.createYAxisIntervalTicks(n,y).reverse(),{onChange:I,...L}=q?.root||{};return e.jsxs(s.Axis,{maxHeight:W,ref:B,children:[e.jsxs(r.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[d&&e.jsx(s.Spacer,{}),j&&e.jsx(s.Spacer,{})]}),e.jsx(s.AxisSegmentWrapper,{...L,hideLabel:d,hideCheckbox:j,maxHeight:W,children:g.map((r,o)=>e.jsx(s.AxisSegment,{showGraphLines:C,graphWidth:h,children:b?e.jsx(i,{width:20,height:20}):e.jsx(t,{component:"p",variation:"xs",monospaced:!0,sx:{color:c?x.custom.palette.text.disabled:x.custom.palette.text.primary},children:r})},o))}),e.jsxs(r.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[!d&&e.jsx(s.Spacer,{}),!j&&e.jsx(s.Spacer,{})]})]})});module.exports=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("@number-flow/react"),t=require("motion/react");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var i=require("../../WebCore/Typography/Typography.js");require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js");var a=require("../SentimentArrow/SentimentArrow.js");function u(e){return e&&e.__esModule?e:{default:e}}var s=u(o);const l=r.styled(t.motion.div,{shouldForwardProp:e=>!["active"].includes(e)})(({active:e,theme:r})=>({backgroundColor:e?r.custom.palette.blue[0]:r.custom.palette.surface.default,border:e?`1px solid ${r.custom.palette.blue[500]}`:`1px solid ${r.custom.palette.stroke.default}`,borderRadius:r.spacing(r.custom.radius.md),cursor:"pointer",display:"flex",flex:1,flexDirection:"column",justifyContent:"space-between",padding:r.spacing(r.custom.padding.sm,r.custom.padding.md),boxShadow:r.custom.elevation.raised})),n=r.styled(t.motion.div)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(e.custom.padding.sm)}));module.exports=({active:o,animated:t,label:u,sentimentScore:d,stat:b,title:p,onClick:c})=>{const m=r.useTheme();return e.jsxs(l,{layout:t,active:o,onClick:c,children:[e.jsx(i,{component:"p",variation:"sm",weight:"bold",children:p}),e.jsxs(n,{layout:t,children:["number"==typeof d?e.jsxs(e.Fragment,{children:[e.jsx(i,{monospaced:!0,variation:"md",component:"p",weight:"bold",sx:{lineHeight:"160%"},children:e.jsx(s.default,{value:d,format:{maximumFractionDigits:1},animated:t})}),e.jsx(a,{sentimentScore:d})]}):e.jsx(i,{component:"p",variation:"md",weight:"bold",sx:{fontVariantNumeric:"tabular-nums"},children:e.jsx(e.Fragment,{children:"number"==typeof b?e.jsx(s.default,{value:b,format:{maximumFractionDigits:1},animated:t}):"-"})}),!!u&&e.jsx(i,{component:"p",variation:"xs",color:m.custom.palette.text.secondary,clamp:1,sx:{wordBreak:"break-all"},children:u})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@number-flow/react"),o=require("merge-sx"),a=require("react"),i=require("react-truncate-list"),s=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js");var n=require("../../WebCore/Typography/Typography.js");require("@mui/icons-material"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/Animations/FadeIn.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var l=require("../../WebCore/IconButton/IconButton.js");require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js");var u=require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),d=require("../../WebCore/Label/Label.js");require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx");var p=require("../../WebCore/Menu/Menu.js");require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js");var c=require("../../WebCore/Surface/Surface.js");require("../../WebCore/NavigationButton/NavigationButton.js"),require("material-ui-popup-state/hooks"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js");var m=require("../../WebCore/ProgressBar/ProgressBar.js");require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var x=require("../../WebCore/Skeleton/Skeleton.js");require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js");var b=require("../TestStatus/TestStatus.js");function g(e){return e&&e.__esModule?e:{default:e}}var j=g(t);const C=({animated:t,label:o,primaryText:a,secondaryText:i})=>{const s=a.match(/\d{1,2}:\d{2}/),l=a.split(":"),u=!isNaN(Number(a)),d=i.includes("%")&&!isNaN(Number(i.replace("%","")));return e.jsxs(r.Stack,{sx:{background:e=>e.custom.palette.surface.default,minWidth:"92px",border:e=>`1px solid ${e.custom.palette.neutral[100]}`,borderRadius:1,padding:e=>`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`,color:e=>e.custom.palette.text.primary,flexShrink:0,height:"100%"},direction:{sm:"row",md:"row",lg:"column"},alignItems:"center",gap:{sm:1,md:1,lg:0},children:[e.jsx(n,{component:"p",sx:{width:"100%",textAlign:{md:"left",lg:"center"},fontSize:e=>e.custom.typography.body.sm},children:o}),e.jsx(n,{component:"h3",sx:{fontSize:e=>({sm:e.custom.typography.body.sm,md:e.custom.typography.body.md,lg:e.custom.typography.body.xxl}),fontWeight:500,flexShrink:0},monospaced:!0,children:e.jsx(e.Fragment,{children:s||u?e.jsx(e.Fragment,{children:s?e.jsxs(e.Fragment,{children:[e.jsx(j.default,{value:Number(l[0]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:t}),":",e.jsx(j.default,{value:Number(l[1]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:t})]}):e.jsx(j.default,{value:Number(a),animated:t})}):e.jsx(e.Fragment,{children:a})})}),e.jsx(n,{component:"p",sx:{color:e=>e.custom.palette.text.secondary,fontSize:e=>e.custom.typography.body.sm,flexShrink:0},monospaced:!0,children:d?e.jsxs(e.Fragment,{children:[e.jsx(j.default,{value:Number(i.replace("%","")),animated:t}),"%"]}):i})]})},y=({animated:t,iconName:a,label:i,value:l,slotProps:u})=>e.jsxs(r.Box,{display:"flex",alignItems:"center",gap:.5,children:[e.jsx(s.default,{name:a,...u?.icon,sx:o.mergeSx({color:e=>e.custom.palette.icon.secondary},u?.icon?.sx)}),e.jsxs(n,{monospaced:!0,component:"p",sx:e=>({fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.primary,"& > span":{color:e=>e.custom.palette.text.secondary,[e.breakpoints.up("lg")]:{display:"inline"},[e.breakpoints.down("lg")]:{display:"none"},[e.containerQueries.up("lg")]:{display:"inline"},[e.containerQueries.down("lg")]:{display:"none"}}}),children:[e.jsx(j.default,{value:l,animated:t})," ",e.jsx("span",{children:i})]})]});module.exports=({animated:t=!0,status:g,menuItems:j,title:h,tags:q,stats:W,user:f,slotProps:S,loading:B=!1,...k})=>{const I=r.useTheme(),[v,T]=a.useState(!1);return e.jsx(c,{variation:"raised",borderradius:"lg",...k,sx:o.mergeSx({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}},k.sx),children:e.jsxs(r.Stack,{component:"article",gap:2,children:[e.jsxs(r.Stack,{component:"header",gap:1,justifyContent:"space-between",children:[e.jsxs(r.Stack,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:1,children:[B?e.jsx(x,{sx:{width:90,height:32}}):e.jsx(b,{status:g,...S?.status}),!B&&Boolean(j?.length)&&e.jsx(p.default,{trigger:e.jsx(l,{icon:e.jsx(s.default,{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:j,width:128,offset:[0,8],placement:"bottom-end",...S?.menu})]}),B?e.jsx(x,{}):e.jsx(n,{component:"h1",weight:"bold",...S?.title,sx:o.mergeSx({fontSize:e=>e.custom.typography.body.xl},S?.title?.sx),children:h})]}),e.jsx(r.Box,{children:B?e.jsx(r.Box,{display:"flex",flexDirection:"row",gap:.5,children:[...new Array(3).fill(void 0)].map((r,t)=>e.jsx(x,{sx:{maxWidth:50}},`test-item-skeleton-${t}`))}):Boolean(q?.length)&&e.jsx(i.TruncatedList,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:56,gap:I.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0,...v&&{maxHeight:"none"}},alwaysShowTruncator:v,renderTruncator:({hiddenItemsCount:r})=>r>0?e.jsx(d,{body:`+${r}`,weight:"light",onClick:e=>{e.stopPropagation(),T(!0)},...S?.tagsExpand,sx:o.mergeSx({background:e=>e.custom.palette.neutral[50]},S?.tagsExpand?.sx)}):e.jsx(l,{sizing:"sm",icon:e.jsx(s.default,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),T(!1)},...S?.tagsCollapse,sx:o.mergeSx({color:e=>e.custom.palette.icon.primary},S?.tagsCollapse?.sx)}),children:q.map(({category:r,selection:t})=>e.jsx(u,{keyString:r,valueString:t},r))})}),!B&&W?.progress&&e.jsx(c,{variation:"sunken",borderradius:"md",sx:{border:e=>`1px solid ${e.custom.palette.neutral[100]}`,padding:e=>e.spacing(e.custom.padding.md)},children:e.jsxs(r.Stack,{gap:2,children:[e.jsx(m,{variation:"determinate",value:W.progress.percentage}),e.jsxs(r.Box,{gap:{sm:.5,md:1},justifyContent:"stretch",sx:e=>({display:"grid",[e.breakpoints.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.breakpoints.down("lg")]:{gridTemplateColumns:"auto"},[e.containerQueries.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.containerQueries.down("lg")]:{gridTemplateColumns:"auto"}}),children:[e.jsx(r.Box,{flexBasis:0,flexGrow:1,children:e.jsx(C,{animated:t,label:"Completed",primaryText:W.progress.completed.toString(),secondaryText:`of ${W.progress.total}`})}),e.jsx(r.Box,{flexBasis:0,flexGrow:1,children:e.jsx(C,{animated:t,label:"Incomplete",primaryText:W.progress.incomplete.toString(),secondaryText:`${W.progress.incompletePercentage}%`})}),e.jsx(r.Box,{flexBasis:0,flexGrow:1,children:e.jsx(C,{animated:t,label:"Duration",primaryText:W.progress.averageDuration,secondaryText:"average"})})]})]})}),e.jsxs(r.Box,{component:"footer",display:"flex",flexDirection:"row",justifyContent:f?"space-between":"end",gap:1,children:[f&&e.jsx(r.Box,{display:"flex",alignItems:"center",gap:1,children:B?e.jsxs(e.Fragment,{children:[e.jsx(x,{sx:{borderRadius:"50%",width:24,aspectRatio:1,flexShrink:0}}),e.jsx(x,{sx:{width:100}})]}):e.jsx(e.Fragment,{children:e.jsx(n,{component:"p",clamp:1,sx:{fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.secondary},children:f.activityDescription})})}),!B&&"draft"!==g&&e.jsxs(r.Box,{display:"flex",alignItems:"center",gap:2,flexShrink:0,children:[e.jsx(y,{animated:t,iconName:"data-bar",label:"answers",value:W?.count?.answers??0}),e.jsx(y,{animated:t,iconName:"comment-filled",label:"comments",value:W?.count?.comments??0,slotProps:{icon:{size:20}}})]})]})]})})};
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@number-flow/react"),o=require("merge-sx"),a=require("react"),i=require("react-truncate-list"),s=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var n=require("../../WebCore/Typography/Typography.js");require("@mui/icons-material"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var l=require("../../WebCore/IconButton/IconButton.js");require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js");var u=require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),d=require("../../WebCore/Label/Label.js");require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx");var p=require("../../WebCore/Menu/Menu.js");require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js");var c=require("../../WebCore/Surface/Surface.js");require("../../WebCore/NavigationButton/NavigationButton.js"),require("material-ui-popup-state/hooks"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js");var m=require("../../WebCore/ProgressBar/ProgressBar.js");require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var x=require("../../WebCore/Skeleton/Skeleton.js");require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js");var b=require("../TestStatus/TestStatus.js");function g(e){return e&&e.__esModule?e:{default:e}}var j=g(t);const C=({animated:t,label:o,primaryText:a,secondaryText:i})=>{const s=a.match(/\d{1,2}:\d{2}/),l=a.split(":"),u=!isNaN(Number(a)),d=i.includes("%")&&!isNaN(Number(i.replace("%","")));return e.jsxs(r.Stack,{sx:{background:e=>e.custom.palette.surface.default,minWidth:"92px",border:e=>`1px solid ${e.custom.palette.neutral[100]}`,borderRadius:1,padding:e=>`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`,color:e=>e.custom.palette.text.primary,flexShrink:0,height:"100%"},direction:{sm:"row",md:"row",lg:"column"},alignItems:"center",gap:{sm:1,md:1,lg:0},children:[e.jsx(n,{component:"p",sx:{width:"100%",textAlign:{md:"left",lg:"center"},fontSize:e=>e.custom.typography.body.sm},children:o}),e.jsx(n,{component:"h3",sx:{fontSize:e=>({sm:e.custom.typography.body.sm,md:e.custom.typography.body.md,lg:e.custom.typography.body.xxl}),fontWeight:500,flexShrink:0},monospaced:!0,children:e.jsx(e.Fragment,{children:s||u?e.jsx(e.Fragment,{children:s?e.jsxs(e.Fragment,{children:[e.jsx(j.default,{value:Number(l[0]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:t}),":",e.jsx(j.default,{value:Number(l[1]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:t})]}):e.jsx(j.default,{value:Number(a),animated:t})}):e.jsx(e.Fragment,{children:a})})}),e.jsx(n,{component:"p",sx:{color:e=>e.custom.palette.text.secondary,fontSize:e=>e.custom.typography.body.sm,flexShrink:0},monospaced:!0,children:d?e.jsxs(e.Fragment,{children:[e.jsx(j.default,{value:Number(i.replace("%","")),animated:t}),"%"]}):i})]})},y=({animated:t,iconName:a,label:i,value:l,slotProps:u})=>e.jsxs(r.Box,{display:"flex",alignItems:"center",gap:.5,children:[e.jsx(s.default,{name:a,...u?.icon,sx:o.mergeSx({color:e=>e.custom.palette.icon.secondary},u?.icon?.sx)}),e.jsxs(n,{monospaced:!0,component:"p",sx:e=>({fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.primary,"& > span":{color:e=>e.custom.palette.text.secondary,[e.breakpoints.up("lg")]:{display:"inline"},[e.breakpoints.down("lg")]:{display:"none"},[e.containerQueries.up("lg")]:{display:"inline"},[e.containerQueries.down("lg")]:{display:"none"}}}),children:[e.jsx(j.default,{value:l,animated:t})," ",e.jsx("span",{children:i})]})]});module.exports=({animated:t=!0,status:g,menuItems:j,title:h,tags:q,stats:W,user:f,slotProps:S,loading:B=!1,...k})=>{const I=r.useTheme(),[v,T]=a.useState(!1);return e.jsx(c,{variation:"raised",borderradius:"lg",...k,sx:o.mergeSx({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}},k.sx),children:e.jsxs(r.Stack,{component:"article",gap:2,children:[e.jsxs(r.Stack,{component:"header",gap:1,justifyContent:"space-between",children:[e.jsxs(r.Stack,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:1,children:[B?e.jsx(x,{sx:{width:90,height:32}}):e.jsx(b,{status:g,...S?.status}),!B&&Boolean(j?.length)&&e.jsx(p.default,{trigger:e.jsx(l,{icon:e.jsx(s.default,{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:j,width:128,offset:[0,8],placement:"bottom-end",...S?.menu})]}),B?e.jsx(x,{}):e.jsx(n,{component:"h1",weight:"bold",...S?.title,sx:o.mergeSx({fontSize:e=>e.custom.typography.body.xl},S?.title?.sx),children:h})]}),e.jsx(r.Box,{children:B?e.jsx(r.Box,{display:"flex",flexDirection:"row",gap:.5,children:[...new Array(3).fill(void 0)].map((r,t)=>e.jsx(x,{sx:{maxWidth:50}},`test-item-skeleton-${t}`))}):Boolean(q?.length)&&e.jsx(i.TruncatedList,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:56,gap:I.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0,...v&&{maxHeight:"none"}},alwaysShowTruncator:v,renderTruncator:({hiddenItemsCount:r})=>r>0?e.jsx(d,{body:`+${r}`,weight:"light",onClick:e=>{e.stopPropagation(),T(!0)},...S?.tagsExpand,sx:o.mergeSx({background:e=>e.custom.palette.neutral[50]},S?.tagsExpand?.sx)}):e.jsx(l,{sizing:"sm",icon:e.jsx(s.default,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),T(!1)},...S?.tagsCollapse,sx:o.mergeSx({color:e=>e.custom.palette.icon.primary},S?.tagsCollapse?.sx)}),children:q.map(({category:r,selection:t})=>e.jsx(u,{keyString:r,valueString:t},r))})}),!B&&W?.progress&&e.jsx(c,{variation:"sunken",borderradius:"md",sx:{border:e=>`1px solid ${e.custom.palette.neutral[100]}`,padding:e=>e.spacing(e.custom.padding.md)},children:e.jsxs(r.Stack,{gap:2,children:[e.jsx(m,{variation:"determinate",value:W.progress.percentage}),e.jsxs(r.Box,{gap:{sm:.5,md:1},justifyContent:"stretch",sx:e=>({display:"grid",[e.breakpoints.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.breakpoints.down("lg")]:{gridTemplateColumns:"auto"},[e.containerQueries.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.containerQueries.down("lg")]:{gridTemplateColumns:"auto"}}),children:[e.jsx(r.Box,{flexBasis:0,flexGrow:1,children:e.jsx(C,{animated:t,label:"Completed",primaryText:W.progress.completed.toString(),secondaryText:`of ${W.progress.total}`})}),e.jsx(r.Box,{flexBasis:0,flexGrow:1,children:e.jsx(C,{animated:t,label:"Incomplete",primaryText:W.progress.incomplete.toString(),secondaryText:`${W.progress.incompletePercentage}%`})}),e.jsx(r.Box,{flexBasis:0,flexGrow:1,children:e.jsx(C,{animated:t,label:"Duration",primaryText:W.progress.averageDuration,secondaryText:"average"})})]})]})}),e.jsxs(r.Box,{component:"footer",display:"flex",flexDirection:"row",justifyContent:f?"space-between":"end",gap:1,children:[f&&e.jsx(r.Box,{display:"flex",alignItems:"center",gap:1,children:B?e.jsxs(e.Fragment,{children:[e.jsx(x,{sx:{borderRadius:"50%",width:24,aspectRatio:1,flexShrink:0}}),e.jsx(x,{sx:{width:100}})]}):e.jsx(e.Fragment,{children:e.jsx(n,{component:"p",clamp:1,sx:{fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.secondary},children:f.activityDescription})})}),!B&&"draft"!==g&&e.jsxs(r.Box,{display:"flex",alignItems:"center",gap:2,flexShrink:0,children:[e.jsx(y,{animated:t,iconName:"data-bar",label:"answers",value:W?.count?.answers??0}),e.jsx(y,{animated:t,iconName:"comment-filled",label:"comments",value:W?.count?.comments??0,slotProps:{icon:{size:20}}})]})]})]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react");require("@mui/material");var o=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js");var t=require("../../WebCore/Typography/Typography.js");require("@mui/icons-material"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react");require("@mui/material");var o=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var t=require("../../WebCore/Typography/Typography.js");require("@mui/icons-material"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js");var i=require("./_partials/StyledBox/StyledBox.js"),a=require("./helpers/index.js");const u=r.forwardRef(({status:r,sizing:u,...s},l)=>e.jsxs(i.StyledTestStatus,{ref:l,sizing:u,status:r,...s,children:[e.jsx(o.default,{name:a.getStatusIconName(r)}),e.jsx(t,{component:"p",variation:"sm",children:a.getStatusText(r)})]}));module.exports=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),i=require("@use-it/event-listener"),a=require("../../../utils/normaliseFloat.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Typography/Typography.js"),require("@mui/icons-material"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/Animations/FadeIn.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks");var o=require("../../WebCore/Surface/Surface.js");require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js");var n=require("./components/ActionButton/ActionButton.js"),s=require("./components/Timeline/Timeline.js");function l(e){return e&&e.__esModule?e:{default:e}}var u=l(i);const d=t.styled(o)(({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"})),m=t.styled(t.Stack)(({theme:e})=>({alignItems:"center",gap:e.spacing(e.custom.padding.md),justifyContent:"space-between",flexDirection:"row",flex:1})),c=r.forwardRef(({id:t,videoElement:i,initialEndTime:o=0,initialCurrentTime:l=0,initialMuted:c,initialVolume:b,markers:p,options:C,slots:f,events:{onEnd:g,onPlay:q,onSeekEnd:j,onSeeking:y,onSeekStart:T,onTimeUpdate:W,onPause:k,onVolumeChange:B,onVolumeMute:v,onRestart:S,onFirstPlay:h,onFirstEnded:F,onReset:I}={},videoSeekTime:E,slotProps:x},L)=>{const[P,A]=r.useState(!1),[w,M]=r.useState([]),R={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,...C},[{seeking:V,endTime:_,currentTime:G,playing:D,buffering:N,loaded:O,ended:z,volume:U,muted:K,startTime:H,firstPlay:J,firstEnded:Q},X]=r.useState({startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:b||1,muted:c||!1,buffering:!1});r.useEffect(()=>{if(i.muted=K,i.volume=U,R.normaliseTime&&(void 0===o||void 0===l))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls.tsx");return()=>{le()}},[]),r.useEffect(()=>{X(e=>({...e,startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0)})),i.currentTime=a.normaliseFloat(l??0)},[l,o]);const Y=r.useCallback(()=>{X(e=>({...e,playing:!1,ended:!0,...!Q&&{firstEnded:!0}})),g&&g(),!Q&&F&&F()},[Q]);r.useEffect(()=>{if(!i||null==E)return;(async()=>{const e=!i.paused,r=E===_;X(e=>({...e,playing:!1,currentTime:a.normaliseFloat(E)})),await new Promise(e=>{const r=()=>{i.removeEventListener("seeked",r),e()};i.addEventListener("seeked",r),setTimeout(e,500)}),X(e=>({...e,currentTime:a.normaliseFloat(E)})),await new Promise(e=>setTimeout(e,50)),X(t=>({...t,playing:e,currentTime:a.normaliseFloat(r?E-.001:E+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[E,i]);const Z=r.useCallback(e=>{X(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),K!==e.target?.muted&&v&&v(!K),U!==e.target?.volume&&B&&B(U)},[K,U]),$=r.useCallback(()=>{const e=a.normaliseFloat(i.currentTime)>=_&&_!==a.normaliseFloat(i.duration)&&!z,r=a.normaliseFloat(i.currentTime)>=_&&_===a.normaliseFloat(i.duration)&&!z&&!D;(e||r)&&(i.pause(),i.dispatchEvent(new Event("ended"))),X(e=>({...e,currentTime:a.normaliseFloat(i.currentTime)})),W&&W(a.normaliseFloat(i.currentTime))},[_,z,D]),ee=r.useCallback(()=>{X(e=>({...e,playing:!1})),k&&k()},[G]),re=r.useCallback(()=>{X(e=>({...e,playing:!0,ended:!1,...!R?.disableBufferingEvents&&{buffering:!1},...!J&&{firstPlay:!0}})),!J&&h&&h(),q&&q()},[J,R?.disableBufferingEvents]),te=r.useCallback(()=>{R?.disableBufferingEvents||X(e=>({...e,buffering:!0}))},[R?.disableBufferingEvents]),ie=r.useCallback(()=>{R?.disableBufferingEvents||X(e=>({...e,buffering:!1}))},[N,R?.disableBufferingEvents]),ae=r.useCallback(()=>{if(R?.disableBufferingEvents)return;const e=[];for(let r=0;r<i.buffered.length;r++){const t=i.buffered.start(r),a=i.buffered.end(r);if(a>=H&&t<=_){const r=Math.max(t,H),i=Math.min(a,_);e.push({start:r-H,end:i-H,startPercent:(r-H)/(_-H)*100,widthPercent:(i-r)/(_-H)*100})}}M(e)},[V,_,G,D,N,O,z,U,K,H,w,R?.disableBufferingEvents]),oe=r.useCallback(async e=>{D&&le(),i.currentTime=H,e&&await se(),S&&S()},[D,G,H,_,z]),ne=r.useCallback(async()=>{D&&le(),i.currentTime=H,X(e=>({...e,startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),I&&I()},[D,G,H,_,z,l,o]),se=async()=>{await i.play()},le=()=>{i.pause()},ue=r.useCallback(e=>{i.currentTime=a.normaliseFloat(e),X(r=>({...r,currentTime:a.normaliseFloat(e),ended:!1,seeking:!0,...!R?.disableBufferingEvents&&{buffering:!1},firstPlay:!J||r.firstPlay,bufferProgress:e})),y&&y(e),!J&&h&&h()},[N,J,R?.disableBufferingEvents]),de=r.useCallback(async()=>{document.hidden?D&&!i.paused?(A(!0),le()):A(!1):(P&&!D&&await se(),A(!1))},[D,P,le,se,i]),me=r.useCallback(e=>{e&&i.pause(),X(e=>({...e,seeking:!0})),T&&T()},[z]),ce=r.useCallback(async(e,r,t)=>{r&&(i.currentTime=r),e&&!z&&await i.play(),t&&D&&i.pause(),X(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),j&&j(r)},[D,z,N,V]);return u.default("visibilitychange",de,document),u.default("pause",ee,i),u.default("playing",re,i),u.default("timeupdate",$,i),u.default("ended",Y,i),u.default("volumechange",Z,i),u.default("waiting",te,i),u.default("canplay",ie,i),u.default("progress",ae,i),r.useImperativeHandle(L,()=>({play:se,pause:le,restart:oe,reset:ne,seek:(e,r,t)=>ce(r,e,t),videoState:{seeking:V,endTime:_,currentTime:G,playing:D,buffering:N,loaded:O,ended:z,volume:U,firstPlay:J,firstEnded:Q,muted:K,startTime:H}})),e.jsxs(d,{variation:"raised",borderradius:"xl",id:t,sx:x?.paperContainer?.sx,children:[e.jsxs(m,{...R?.rtl&&{dir:"rtl"},children:[e.jsx(n,{seeking:V,playing:D,ended:z,buffering:N,handleAction:async()=>{z?await oe(!0):D?le():await se()}}),e.jsx(s,{handleSeeking:ue,handleSeekEnd:ce,handleSeekStart:me,ended:z,marker:f?.marker,markers:p,markerIndicatorMode:R.markerIndicatorMode,markerIndicatorSize:R.markerIndicatorSize,markerIndicator:R.markerIndicator,startTime:R.normaliseTime?H:0,currentTime:G,endTime:_,playing:D,bufferRanges:w,buffering:N,volume:U,muted:K,volumeControls:R.volumeControls,volumeControlsType:R.volumeControlsType,handleVolumeMute:()=>{i.muted=!K},handleVolumeChange:e=>{i.volume=e,K&&(i.muted=!1)}})]}),f?.bottom]})});var b=r.memo(c);module.exports=b;
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),i=require("@use-it/event-listener"),a=require("../../../utils/normaliseFloat.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js"),require("../../WebCore/Typography/Typography.js"),require("@mui/icons-material"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks");var o=require("../../WebCore/Surface/Surface.js");require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js");var n=require("./components/ActionButton/ActionButton.js"),s=require("./components/Timeline/Timeline.js");function l(e){return e&&e.__esModule?e:{default:e}}var u=l(i);const d=t.styled(o)(({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"})),m=t.styled(t.Stack)(({theme:e})=>({alignItems:"center",gap:e.spacing(e.custom.padding.md),justifyContent:"space-between",flexDirection:"row",flex:1})),b=r.forwardRef(({id:t,videoElement:i,initialEndTime:o=0,initialCurrentTime:l=0,initialMuted:b,initialVolume:c,markers:p,options:C,slots:f,events:{onEnd:q,onPlay:g,onSeekEnd:j,onSeeking:y,onSeekStart:W,onTimeUpdate:T,onPause:k,onVolumeChange:B,onVolumeMute:v,onRestart:S,onFirstPlay:h,onFirstEnded:F,onReset:I}={},videoSeekTime:E,slotProps:x},L)=>{const[P,A]=r.useState(!1),[w,M]=r.useState([]),R={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,...C},[{seeking:G,endTime:V,currentTime:_,playing:D,buffering:K,loaded:N,ended:O,volume:z,muted:U,startTime:H,firstPlay:J,firstEnded:Q},X]=r.useState({startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:c||1,muted:b||!1,buffering:!1});r.useEffect(()=>{if(i.muted=U,i.volume=z,R.normaliseTime&&(void 0===o||void 0===l))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls.tsx");return()=>{le()}},[]),r.useEffect(()=>{X(e=>({...e,startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0)})),i.currentTime=a.normaliseFloat(l??0)},[l,o]);const Y=r.useCallback(()=>{X(e=>({...e,playing:!1,ended:!0,...!Q&&{firstEnded:!0}})),q&&q(),!Q&&F&&F()},[Q]);r.useEffect(()=>{if(!i||null==E)return;(async()=>{const e=!i.paused,r=E===V;X(e=>({...e,playing:!1,currentTime:a.normaliseFloat(E)})),await new Promise(e=>{const r=()=>{i.removeEventListener("seeked",r),e()};i.addEventListener("seeked",r),setTimeout(e,500)}),X(e=>({...e,currentTime:a.normaliseFloat(E)})),await new Promise(e=>setTimeout(e,50)),X(t=>({...t,playing:e,currentTime:a.normaliseFloat(r?E-.001:E+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[E,i]);const Z=r.useCallback(e=>{X(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),U!==e.target?.muted&&v&&v(!U),z!==e.target?.volume&&B&&B(z)},[U,z]),$=r.useCallback(()=>{const e=a.normaliseFloat(i.currentTime)>=V&&V!==a.normaliseFloat(i.duration)&&!O,r=a.normaliseFloat(i.currentTime)>=V&&V===a.normaliseFloat(i.duration)&&!O&&!D;(e||r)&&(i.pause(),i.dispatchEvent(new Event("ended"))),X(e=>({...e,currentTime:a.normaliseFloat(i.currentTime)})),T&&T(a.normaliseFloat(i.currentTime))},[V,O,D]),ee=r.useCallback(()=>{X(e=>({...e,playing:!1})),k&&k()},[_]),re=r.useCallback(()=>{X(e=>({...e,playing:!0,ended:!1,...!R?.disableBufferingEvents&&{buffering:!1},...!J&&{firstPlay:!0}})),!J&&h&&h(),g&&g()},[J,R?.disableBufferingEvents]),te=r.useCallback(()=>{R?.disableBufferingEvents||X(e=>({...e,buffering:!0}))},[R?.disableBufferingEvents]),ie=r.useCallback(()=>{R?.disableBufferingEvents||X(e=>({...e,buffering:!1}))},[K,R?.disableBufferingEvents]),ae=r.useCallback(()=>{if(R?.disableBufferingEvents)return;const e=[];for(let r=0;r<i.buffered.length;r++){const t=i.buffered.start(r),a=i.buffered.end(r);if(a>=H&&t<=V){const r=Math.max(t,H),i=Math.min(a,V);e.push({start:r-H,end:i-H,startPercent:(r-H)/(V-H)*100,widthPercent:(i-r)/(V-H)*100})}}M(e)},[G,V,_,D,K,N,O,z,U,H,w,R?.disableBufferingEvents]),oe=r.useCallback(async e=>{D&&le(),i.currentTime=H,e&&await se(),S&&S()},[D,_,H,V,O]),ne=r.useCallback(async()=>{D&&le(),i.currentTime=H,X(e=>({...e,startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),I&&I()},[D,_,H,V,O,l,o]),se=async()=>{await i.play()},le=()=>{i.pause()},ue=r.useCallback(e=>{i.currentTime=a.normaliseFloat(e),X(r=>({...r,currentTime:a.normaliseFloat(e),ended:!1,seeking:!0,...!R?.disableBufferingEvents&&{buffering:!1},firstPlay:!J||r.firstPlay,bufferProgress:e})),y&&y(e),!J&&h&&h()},[K,J,R?.disableBufferingEvents]),de=r.useCallback(async()=>{document.hidden?D&&!i.paused?(A(!0),le()):A(!1):(P&&!D&&await se(),A(!1))},[D,P,le,se,i]),me=r.useCallback(e=>{e&&i.pause(),X(e=>({...e,seeking:!0})),W&&W()},[O]),be=r.useCallback(async(e,r,t)=>{r&&(i.currentTime=r),e&&!O&&await i.play(),t&&D&&i.pause(),X(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),j&&j(r)},[D,O,K,G]);return u.default("visibilitychange",de,document),u.default("pause",ee,i),u.default("playing",re,i),u.default("timeupdate",$,i),u.default("ended",Y,i),u.default("volumechange",Z,i),u.default("waiting",te,i),u.default("canplay",ie,i),u.default("progress",ae,i),r.useImperativeHandle(L,()=>({play:se,pause:le,restart:oe,reset:ne,seek:(e,r,t)=>be(r,e,t),videoState:{seeking:G,endTime:V,currentTime:_,playing:D,buffering:K,loaded:N,ended:O,volume:z,firstPlay:J,firstEnded:Q,muted:U,startTime:H}})),e.jsxs(d,{variation:"raised",borderradius:"xl",id:t,sx:x?.paperContainer?.sx,children:[e.jsxs(m,{...R?.rtl&&{dir:"rtl"},children:[e.jsx(n,{seeking:G,playing:D,ended:O,buffering:K,handleAction:async()=>{O?await oe(!0):D?le():await se()}}),e.jsx(s,{handleSeeking:ue,handleSeekEnd:be,handleSeekStart:me,ended:O,marker:f?.marker,markers:p,markerIndicatorMode:R.markerIndicatorMode,markerIndicatorSize:R.markerIndicatorSize,markerIndicator:R.markerIndicator,startTime:R.normaliseTime?H:0,currentTime:_,endTime:V,playing:D,bufferRanges:w,buffering:K,volume:z,muted:U,volumeControls:R.volumeControls,volumeControlsType:R.volumeControlsType,handleVolumeMute:()=>{i.muted=!U},handleVolumeChange:e=>{i.volume=e,U&&(i.muted=!1)}})]}),f?.bottom]})});var c=r.memo(b);module.exports=c;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("../Typography/Typography.js");const t=r.styled("kbd")(({theme:e})=>({display:"flex",minWidth:20,boxSizing:"border-box",justifyContent:"center",alignItems:"center",backgroundColor:e.custom.palette.surface.default,border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.sm),padding:"2px 4px"}));module.exports=({children:r})=>e.jsx(t,{children:e.jsx(o,{variation:"sm",component:"p",secondary:!0,sx:{lineHeight:"110%",fontFamily:'"SF Compact", "Segoe UI Symbol", "Segoe Fluent Icons", "Segoe UI Emoji", "Founders Grotesk", sans-serif'},children:r})});
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { BoxProps } from '@mui/material';
|
|
2
|
+
import { FunctionComponent, PropsWithChildren } from 'react';
|
|
3
|
+
import { TypographyProps } from '../Typography/Typography.js';
|
|
4
|
+
|
|
5
|
+
interface KbdGroupProps extends PropsWithChildren {
|
|
6
|
+
startText?: string;
|
|
7
|
+
endText?: string;
|
|
8
|
+
slotProps?: {
|
|
9
|
+
root?: BoxProps;
|
|
10
|
+
iconContainer?: BoxProps;
|
|
11
|
+
startText?: TypographyProps;
|
|
12
|
+
endText?: TypographyProps;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
declare const KbdGroup: FunctionComponent<KbdGroupProps>;
|
|
16
|
+
|
|
17
|
+
export { KbdGroup as default };
|
|
18
|
+
export type { KbdGroupProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),s=require("merge-sx"),t=require("../Typography/Typography.js");const o=r.styled(r.Box,{shouldForwardProp:e=>"sx"!==e})(({theme:e,sx:r})=>({display:"flex",alignItems:"center",gap:e.spacing(.5),color:e.custom.palette.text.secondary,fontSize:"0.875rem"}));module.exports=({startText:n,children:a,endText:i,slotProps:x})=>e.jsxs(o,{...x?.root,children:[n&&e.jsx(t,{component:"p",variation:"sm",secondary:!0,...x?.startText,children:n}),e.jsx(r.Box,{sx:s.mergeSx({display:"flex",gap:e=>e.p.xs},x?.iconContainer?.sx),children:a}),i&&e.jsx(t,{component:"p",variation:"sm",secondary:!0,...x?.endText,children:i})]});
|