@useloops/design-system 1.4.734 → 1.4.736

package/dist/systems/Platform/TestItem/_partials/StatCard.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("@mui/material"),t=require("../../../WebCore/Text/Text.js");module.exports=({label:r,value:o,secondary:d,disabled:m})=>{const i=s.useTheme(),{card:l}=i.custom.component;return e.jsxs(s.Stack,{direction:{sm:"row",md:"row",lg:"column"},sx:{alignItems:"center",gap:{sm:i.m.sm,md:i.m.sm,lg:i.m.none},background:l.surface.default,minWidth:"92px",color:m?i.custom.palette.text.disabled:i.custom.palette.text.primary,flexShrink:0,height:"100%"},children:[e.jsx(t.Text,{size:"sm",secondary:!0,monospaced:!0,disabled:m,sx:{width:"100%",textAlign:{md:"left",lg:"center"}},children:r}),e.jsx(t.Text,{bold:!0,monospaced:!0,disabled:m,sx:{fontSize:{sm:i.custom.typography.body.sm,md:i.custom.typography.body.md,lg:i.custom.typography.body.xxl},flexShrink:0},children:o}),e.jsx(t.Text,{size:"sm",secondary:!0,monospaced:!0,disabled:m,sx:{flexShrink:0},children:d})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),s=require("../../../WebCore/Text/Text.js"),o=require("../helpers.js");module.exports=({label:r,value:i,secondary:l,disabled:a})=>{const d=t.useTheme(),{card:n}=d.custom.component;return e.jsxs(t.Stack,{sx:{alignItems:"center",background:n.surface.default,minWidth:o.StatCardMinWidth,color:a?d.custom.palette.text.disabled:d.custom.palette.text.primary,height:"100%",...o.respondToCollapse(d,{flexDirection:"column",gap:d.m.none},{flexDirection:"row",gap:d.m.sm})},children:[e.jsx(s.Text,{size:"sm",secondary:!0,monospaced:!0,disabled:a,sx:{width:"100%",...o.respondToCollapse(d,{textAlign:"center"},{textAlign:"left"})},children:r}),e.jsx(s.Text,{bold:!0,monospaced:!0,disabled:a,sx:{flexShrink:0,...o.respondToCollapse(d,{fontSize:d.custom.typography.body.xxl},{fontSize:d.custom.typography.body.md})},children:i}),e.jsx(s.Text,{size:"sm",secondary:!0,monospaced:!0,disabled:a,sx:{flexShrink:0},children:l})]})};

package/dist/systems/Platform/TestItem/_partials/TagList.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("react"),t=require("react-truncate-list"),i=require("../../../BrandCore/Icon/Icon.js");require("../../../../utils/formValidation/misc.js"),require("../../../BrandCore/primitiveVariables.js"),require("../../../WebCore/utils/typography.util.js"),require("../../../BrandCore/textures.js"),require("../../../WebCore/AnnualController/AnnualController.js"),require("../../../WebCore/SelectItem/SelectItem.js"),require("../../../WebCore/Accordion/Accordion.js"),require("../../../WebCore/Animations/FadeIn.js"),require("../../../WebCore/Text/Text.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/FormBuilder/FormBuilder.js"),require("../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var a=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"),s=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/SortableList/components/SortableItem/SortableItem.js"),require("../../../WebCore/Select/StyledSelect.js"),require("../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../../WebCore/SortableList/SortableList.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"),require("../../../WebCore/TintedSurface/TintedSurface.js");module.exports=({tags:l})=>{const n=r.useTheme(),[b,C]=o.useState(!1);return e.jsx(t.TruncatedList,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:b?"none":56,gap:n.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0},alwaysShowTruncator:b,renderTruncator:({hiddenItemsCount:r})=>r>0?e.jsx(s,{body:`+${r}`,weight:"light",onClick:e=>{e.stopPropagation(),C(!0)},sx:{background:n.custom.palette.neutral[50]}}):e.jsx(a,{sizing:"sm",icon:e.jsx(i.default,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),C(!1)},sx:{color:n.custom.palette.icon.primary}}),children:l.map(({category:r,selection:o})=>e.jsx(u,{keyString:r,valueString:o,cursor:"inherit"},r))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("react"),o=require("react-truncate-list"),i=require("../../../BrandCore/Icon/Icon.js");require("../../../../utils/formValidation/misc.js"),require("../../../BrandCore/primitiveVariables.js"),require("../../../WebCore/utils/typography.util.js"),require("../../../BrandCore/textures.js"),require("../../../WebCore/AnnualController/AnnualController.js"),require("../../../WebCore/SelectItem/SelectItem.js"),require("../../../WebCore/Accordion/Accordion.js"),require("../../../WebCore/Animations/FadeIn.js"),require("../../../WebCore/Text/Text.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/FormBuilder/FormBuilder.js"),require("../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var a=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"),s=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/SortableList/components/SortableItem/SortableItem.js"),require("../../../WebCore/Select/StyledSelect.js"),require("../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../../WebCore/SortableList/SortableList.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"),require("../../../WebCore/TintedSurface/TintedSurface.js");exports.TagListCollapsedHeight=56,exports.default=({tags:l})=>{const n=r.useTheme(),[b,C]=t.useState(!1);return e.jsx(o.TruncatedList,{style:{display:"flex",flexWrap:"wrap",alignItems:"stretch",maxHeight:b?"none":56,gap:n.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0},alwaysShowTruncator:b,renderTruncator:({hiddenItemsCount:r})=>r>0?e.jsx(s,{body:`+${r}`,weight:"light",onClick:e=>{e.stopPropagation(),C(!0)},sx:{background:n.custom.palette.neutral[50],height:"100%"}}):e.jsx(a,{sizing:"sm",icon:e.jsx(i.default,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),C(!1)},sx:{color:n.custom.palette.icon.primary,alignSelf:"center"}}),children:l.map(({category:r,selection:t})=>e.jsx(u,{keyString:r,valueString:t,cursor:"inherit"},r))})};

package/dist/systems/Platform/TestItem/_partials/TestItemSkeleton.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),s=require("../../../WebCore/Skeleton/Skeleton.js"),t=require("./Root.js");module.exports=i=>{const o=r.useTheme();return e.jsx(t,{variation:"raised",...i,children:e.jsxs(r.Stack,{component:"article",sx:{gap:o.m.md},children:[e.jsxs(r.Stack,{component:"header",sx:{gap:o.m.sm},children:[e.jsx(s,{sx:{width:90,height:32}}),e.jsx(s,{})]}),e.jsx(r.Stack,{direction:"row",sx:{gap:o.m.xs},children:Array.from({length:3}).map((r,t)=>e.jsx(s,{sx:{maxWidth:50}},`test-item-skeleton-${t}`))}),e.jsxs(r.Stack,{component:"footer",direction:"row",sx:{alignItems:"center",gap:o.m.sm},children:[e.jsx(s,{sx:{borderRadius:o.r.round,width:24,aspectRatio:1,flexShrink:0}}),e.jsx(s,{sx:{width:100}})]})]})})};
+"use strict";var e=require("react/jsx-runtime"),s=require("@mui/material"),r=require("../../../WebCore/Skeleton/Skeleton.js"),t=require("./Root.js"),i=require("./TagList.js");module.exports=o=>{const x=s.useTheme();return e.jsx(t,{variation:"raised",...o,children:e.jsxs(s.Stack,{component:"article",sx:{gap:x.m.md},children:[e.jsxs(s.Stack,{component:"header",sx:{gap:x.m.sm},children:[e.jsx(r,{sx:{width:90,height:32}}),e.jsx(r,{sx:{height:24}}),e.jsx(r,{sx:{height:i.TagListCollapsedHeight}})]}),e.jsx(r,{sx:{height:150}}),e.jsxs(s.Stack,{component:"footer",direction:"row",sx:{alignItems:"center",gap:x.m.xs},children:[e.jsx(r,{sx:{borderRadius:x.r.round,width:24,aspectRatio:1,flexShrink:0}}),e.jsx(r,{sx:{width:100,height:16}})]})]})})};

package/dist/systems/Platform/TestItem/helpers.js

@@ -1 +1 @@
-"use strict";exports.getCompletionPercentage=({completed:e,total:t})=>t>0?e/t*100:0,exports.getIncompletePercentage=({completed:e,incomplete:t})=>Math.round(t/(e+t)*100)||0,exports.respondToLg=(e,t,o)=>({[e.breakpoints.up("lg")]:t,[e.breakpoints.down("lg")]:o,[e.containerQueries.up("lg")]:t,[e.containerQueries.down("lg")]:o});
+"use strict";exports.CardCollapseWidth=372,exports.StatCardMinWidth=112,exports.getCompletionPercentage=({completed:e,total:t})=>t>0?e/t*100:0,exports.getIncompletePercentage=({completed:e,incomplete:t})=>Math.round(t/(e+t)*100)||0,exports.respondToCollapse=(e,t,o)=>({[e.breakpoints.up("lg")]:t,[e.breakpoints.down("lg")]:o,[e.containerQueries.up(372)]:t,[e.containerQueries.down(372)]:o});

package/dist/systems/Platform/TestItem/types.d.ts

@@ -1,5 +1,6 @@
 import { MenuProps } from '../../WebCore/Menu/Menu.js';
 import { SurfaceProps } from '../../WebCore/Surface/Surface.js';
+import { EditedByAvatarProps } from '../EditedByAvatar/EditedByAvatar.js';
 import { TestStatusProps } from '../TestStatus/types.js';
 
 interface TestItemTag {
@@ -20,6 +21,7 @@ interface TestItemProps extends SurfaceProps {
     status: TestStatusProps['status'];
     title: string;
     activityDescription?: string;
+    updatedBy?: EditedByAvatarProps;
     tags?: TestItemTag[];
     menuItems?: MenuProps['menuItems'];
     progress?: TestItemProgress;

package/dist/systems/Platform/utils/cardInteraction.js

@@ -0,0 +1 @@
+"use strict";const o="more-actions-container";exports.MoreActionsContainerId=o,exports.guardCardClick=t=>n=>{n.target.closest(`[data-id="${o}"], .MuiPopper-root`)||t?.(n)},exports.interactionOverlay=(o,t)=>({content:'""',position:"absolute",inset:0,zIndex:t,borderRadius:"inherit",pointerEvents:"none",backgroundColor:o.custom.component.card.interaction.none,transition:"background-color 0.2s ease"});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@useloops/design-system",
-    "version": "1.4.734",
+    "version": "1.4.736",
     "description": "The official React based Loops design system",
     "main": "dist/index.js",
     "module": "dist/esm/index.js",