@useloops/design-system 1.4.735 → 1.4.736

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.
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import r from"./_partials/ProjectInfo.js";import i from"./_partials/ProjectItemTitle.js";import{CardContainer as a,CardActionArea as p,CardContent as s,ListInfoRow as l,MoreActionsContainer as m,TitleRow as n}from"./_partials/styledPartials.js";import{MoreActionsContainerId as d,guardCardClick as b}from"../utils/cardInteraction.js";import C from"./_partials/Thumbnail.js";import u from"./_partials/UpdatedInfo.js";import"../../../utils/formValidation/misc.js";import"@mui/material";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import j from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";const c=({viewType:c="grid",title:W,description:B,loopCount:h,testCount:y,draftCount:S,updatedAt:I,moreActions:f,thumbnail:g,thumbnails:L,noThumbnailMessage:T,isDemo:k,loading:x,onClick:A,user:v})=>{const _={viewType:c,loading:x,thumbnail:g,thumbnails:L,title:W,description:B,noThumbnailMessage:T,isDemo:k},F=v?{name:[v.firstName,v.lastName].filter(Boolean).join(" "),userId:v.id,avatarSrc:v.profileImage}:void 0,w=x?{pointerEvents:"none"}:void 0;return"list"===c?e(a,{viewType:"list",sx:w,children:t(p,{viewType:"list",component:"div",onClick:b(A),children:[e(C,{..._}),t(s,{viewType:"list",children:[x?e(j,{width:"100%",height:20}):e(i,{title:W,maxLines:1}),e(l,{children:t(o,x?{children:[e(j,{height:20,width:"70%"}),e(j,{height:16,width:200})]}:{children:[e(r,{loops:h,tests:y,drafts:S}),e(u,{updatedDate:I,...F,noWrap:!0})]})})]}),!x&&f&&e(m,{viewType:"list","data-id":d,children:f})]})}):t(a,{sx:w,children:[t(p,{component:"div",onClick:b(A),children:[e(C,{..._}),t(s,{children:[e(n,{sx:x?{height:32}:void 0,children:x?e(j,{}):e(i,{title:W,maxLines:2})}),x?e(j,{height:20}):e(r,{loops:h,tests:y,drafts:S}),x?e(j,{height:16,width:"60%"}):e(u,{updatedDate:I,...F})]})]}),!x&&f&&e(m,{"data-id":d,children:f})]})};export{c as default};
1
+ import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import r from"./_partials/ProjectInfo.js";import i from"./_partials/ProjectItemTitle.js";import{CardContainer as a,CardActionArea as s,CardContent as p,ListInfoRow as l,MoreActionsContainer as m,TitleRow as n}from"./_partials/styledPartials.js";import{MoreActionsContainerId as d,guardCardClick as b}from"../utils/cardInteraction.js";import C from"./_partials/Thumbnail.js";import u from"./_partials/UpdatedInfo.js";import"../../../utils/formValidation/misc.js";import"@mui/material";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import j from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";const c=({viewType:c="grid",title:W,description:B,loopCount:h,testCount:y,draftCount:S,updatedAt:I,moreActions:f,thumbnail:g,thumbnails:L,assetCount:T,noThumbnailMessage:k,isDemo:x,loading:A,onClick:v,user:_})=>{const F={viewType:c,loading:A,thumbnail:g,thumbnails:L,assetCount:T,title:W,description:B,noThumbnailMessage:k,isDemo:x},w=_?{name:[_.firstName,_.lastName].filter(Boolean).join(" "),userId:_.id,avatarSrc:_.profileImage}:void 0,M=A?{pointerEvents:"none"}:void 0;return"list"===c?e(a,{viewType:"list",sx:M,children:t(s,{viewType:"list",component:"div",onClick:b(v),children:[e(C,{...F}),t(p,{viewType:"list",children:[A?e(j,{width:"100%",height:20}):e(i,{title:W,maxLines:1}),e(l,{children:t(o,A?{children:[e(j,{height:20,width:"70%"}),e(j,{height:16,width:200})]}:{children:[e(r,{loops:h,tests:y,drafts:S}),e(u,{updatedDate:I,...w,noWrap:!0})]})})]}),!A&&f&&e(m,{viewType:"list","data-id":d,children:f})]})}):t(a,{sx:M,children:[t(s,{component:"div",onClick:b(v),children:[e(C,{...F}),t(p,{children:[e(n,{sx:A?{height:32}:void 0,children:A?e(j,{}):e(i,{title:W,maxLines:2})}),A?e(j,{height:20}):e(r,{loops:h,tests:y,drafts:S}),A?e(j,{height:16,width:"60%"}):e(u,{updatedDate:I,...w})]})]}),!A&&f&&e(m,{"data-id":d,children:f})]})};export{c as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import r from"./NoThumbnailPlaceholder.js";import i from"./ProjectItemBadge.js";import{ImageContainer as a,ImageContainerId as p,Collage as s,CollageCell as m,LazyImage as l,CollageScrim as n}from"./styledPartials.js";import"../../../../utils/formValidation/misc.js";import"@mui/material";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../BrandCore/textures.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Animations/FadeIn.js";import{Text as b}from"../../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormBuilder/FormBuilder.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KbdGroup/Kbd.js";import"../../../WebCore/KbdGroup/KbdGroup.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import d from"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";import"../../../WebCore/TintedSurface/TintedSurface.js";const C=({viewType:C="grid",loading:u,thumbnail:j,thumbnails:W,title:c,description:B,noThumbnailMessage:S,isDemo:g})=>{const y=W?.filter(Boolean)??[],h=y.length?y:j?[j]:[],L=h.slice(0,"grid"===C?4:1),I="grid"===C?h.length-L.length:0;return e(a,{viewType:C,"data-id":p,children:u?e(d,{}):o(t,{children:[g&&e(i,{body:"Demo",sx:"grid"===C?{bottom:8,left:8}:{top:4,right:4}}),L.length>0&&e(s,{count:L.length,children:L.map((t,r)=>o(m,{children:[e(l,{thumbnail:t,title:c,description:B}),I>0&&r===L.length-1&&e(n,{children:o(b,{size:"xl",bold:!0,lockedWhite:!0,children:["+",I]})})]},`${t}-${r}`))}),!L.length&&S&&e(r,{text:S,textSizing:"grid"===C?"sm":"xxs"})]})})};export{C as default};
1
+ import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import r from"./NoThumbnailPlaceholder.js";import i from"./ProjectItemBadge.js";import{ImageContainer as a,ImageContainerId as p,Collage as s,CollageCell as m,LazyImage as l,CollageScrim as n}from"./styledPartials.js";import"../../../../utils/formValidation/misc.js";import"@mui/material";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../BrandCore/textures.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Animations/FadeIn.js";import{Text as b}from"../../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormBuilder/FormBuilder.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KbdGroup/Kbd.js";import"../../../WebCore/KbdGroup/KbdGroup.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import d from"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";import"../../../WebCore/TintedSurface/TintedSurface.js";const C=({viewType:C="grid",loading:u,thumbnail:j,thumbnails:W,assetCount:c,title:B,description:S,noThumbnailMessage:g,isDemo:h})=>{const y=W?.filter(Boolean)??[],L=y.length?y:j?[j]:[],I=L.slice(0,"grid"===C?4:1),x="grid"===C?Math.max((c??L.length)-I.length,0):0;return e(a,{viewType:C,"data-id":p,children:u?e(d,{}):o(t,{children:[h&&e(i,{body:"Demo",sx:"grid"===C?{bottom:8,left:8}:{top:4,right:4}}),I.length>0&&e(s,{count:I.length,children:I.map((t,r)=>o(m,{children:[e(l,{thumbnail:t,title:B,description:S}),x>0&&r===I.length-1&&e(n,{children:o(b,{size:"xl",bold:!0,lockedWhite:!0,children:["+",x]})})]},`${t}-${r}`))}),!I.length&&g&&e(r,{text:g,textSizing:"grid"===C?"sm":"xxs"})]})})};export{C as default};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("./_partials/ProjectInfo.js"),i=require("./_partials/ProjectItemTitle.js"),t=require("./_partials/styledPartials.js"),o=require("../utils/cardInteraction.js"),a=require("./_partials/Thumbnail.js"),s=require("./_partials/UpdatedInfo.js");require("../../../utils/formValidation/misc.js"),require("@mui/material"),require("../../BrandCore/Icon/Icon.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("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/FormBuilder/FormBuilder.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/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");var u=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=({viewType:n="grid",title:l,description:d,loopCount:C,testCount:b,draftCount:j,updatedAt:p,moreActions:q,thumbnail:c,thumbnails:m,noThumbnailMessage:W,isDemo:B,loading:h,onClick:x,user:y})=>{const S={viewType:n,loading:h,thumbnail:c,thumbnails:m,title:l,description:d,noThumbnailMessage:W,isDemo:B},g=y?{name:[y.firstName,y.lastName].filter(Boolean).join(" "),userId:y.id,avatarSrc:y.profileImage}:void 0,I=h?{pointerEvents:"none"}:void 0;return"list"===n?e.jsx(t.CardContainer,{viewType:"list",sx:I,children:e.jsxs(t.CardActionArea,{viewType:"list",component:"div",onClick:o.guardCardClick(x),children:[e.jsx(a,{...S}),e.jsxs(t.CardContent,{viewType:"list",children:[h?e.jsx(u,{width:"100%",height:20}):e.jsx(i,{title:l,maxLines:1}),e.jsx(t.ListInfoRow,{children:h?e.jsxs(e.Fragment,{children:[e.jsx(u,{height:20,width:"70%"}),e.jsx(u,{height:16,width:200})]}):e.jsxs(e.Fragment,{children:[e.jsx(r,{loops:C,tests:b,drafts:j}),e.jsx(s,{updatedDate:p,...g,noWrap:!0})]})})]}),!h&&q&&e.jsx(t.MoreActionsContainer,{viewType:"list","data-id":o.MoreActionsContainerId,children:q})]})}):e.jsxs(t.CardContainer,{sx:I,children:[e.jsxs(t.CardActionArea,{component:"div",onClick:o.guardCardClick(x),children:[e.jsx(a,{...S}),e.jsxs(t.CardContent,{children:[e.jsx(t.TitleRow,{sx:h?{height:32}:void 0,children:h?e.jsx(u,{}):e.jsx(i,{title:l,maxLines:2})}),h?e.jsx(u,{height:20}):e.jsx(r,{loops:C,tests:b,drafts:j}),h?e.jsx(u,{height:16,width:"60%"}):e.jsx(s,{updatedDate:p,...g})]})]}),!h&&q&&e.jsx(t.MoreActionsContainer,{"data-id":o.MoreActionsContainerId,children:q})]})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("./_partials/ProjectInfo.js"),t=require("./_partials/ProjectItemTitle.js"),i=require("./_partials/styledPartials.js"),o=require("../utils/cardInteraction.js"),a=require("./_partials/Thumbnail.js"),s=require("./_partials/UpdatedInfo.js");require("../../../utils/formValidation/misc.js"),require("@mui/material"),require("../../BrandCore/Icon/Icon.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("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/FormBuilder/FormBuilder.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/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");var u=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=({viewType:n="grid",title:l,description:d,loopCount:C,testCount:b,draftCount:j,updatedAt:p,moreActions:q,thumbnail:c,thumbnails:m,assetCount:W,noThumbnailMessage:B,isDemo:h,loading:x,onClick:y,user:S})=>{const g={viewType:n,loading:x,thumbnail:c,thumbnails:m,assetCount:W,title:l,description:d,noThumbnailMessage:B,isDemo:h},I=S?{name:[S.firstName,S.lastName].filter(Boolean).join(" "),userId:S.id,avatarSrc:S.profileImage}:void 0,L=x?{pointerEvents:"none"}:void 0;return"list"===n?e.jsx(i.CardContainer,{viewType:"list",sx:L,children:e.jsxs(i.CardActionArea,{viewType:"list",component:"div",onClick:o.guardCardClick(y),children:[e.jsx(a,{...g}),e.jsxs(i.CardContent,{viewType:"list",children:[x?e.jsx(u,{width:"100%",height:20}):e.jsx(t,{title:l,maxLines:1}),e.jsx(i.ListInfoRow,{children:x?e.jsxs(e.Fragment,{children:[e.jsx(u,{height:20,width:"70%"}),e.jsx(u,{height:16,width:200})]}):e.jsxs(e.Fragment,{children:[e.jsx(r,{loops:C,tests:b,drafts:j}),e.jsx(s,{updatedDate:p,...I,noWrap:!0})]})})]}),!x&&q&&e.jsx(i.MoreActionsContainer,{viewType:"list","data-id":o.MoreActionsContainerId,children:q})]})}):e.jsxs(i.CardContainer,{sx:L,children:[e.jsxs(i.CardActionArea,{component:"div",onClick:o.guardCardClick(y),children:[e.jsx(a,{...g}),e.jsxs(i.CardContent,{children:[e.jsx(i.TitleRow,{sx:x?{height:32}:void 0,children:x?e.jsx(u,{}):e.jsx(t,{title:l,maxLines:2})}),x?e.jsx(u,{height:20}):e.jsx(r,{loops:C,tests:b,drafts:j}),x?e.jsx(u,{height:16,width:"60%"}):e.jsx(s,{updatedDate:p,...I})]})]}),!x&&q&&e.jsx(i.MoreActionsContainer,{"data-id":o.MoreActionsContainerId,children:q})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("./NoThumbnailPlaceholder.js"),o=require("./ProjectItemBadge.js"),t=require("./styledPartials.js");require("../../../../utils/formValidation/misc.js"),require("@mui/material"),require("../../../BrandCore/Icon/Icon.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");var i=require("../../../WebCore/Text/Text.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/FormBuilder/FormBuilder.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/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");var a=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=({viewType:u="grid",loading:s,thumbnail:l,thumbnails:n,title:b,description:C,noThumbnailMessage:d,isDemo:j})=>{const q=n?.filter(Boolean)??[],p=q.length?q:l?[l]:[],W=p.slice(0,"grid"===u?4:1),c="grid"===u?p.length-W.length:0;return e.jsx(t.ImageContainer,{viewType:u,"data-id":t.ImageContainerId,children:s?e.jsx(a,{}):e.jsxs(e.Fragment,{children:[j&&e.jsx(o,{body:"Demo",sx:"grid"===u?{bottom:8,left:8}:{top:4,right:4}}),W.length>0&&e.jsx(t.Collage,{count:W.length,children:W.map((r,o)=>e.jsxs(t.CollageCell,{children:[e.jsx(t.LazyImage,{thumbnail:r,title:b,description:C}),c>0&&o===W.length-1&&e.jsx(t.CollageScrim,{children:e.jsxs(i.Text,{size:"xl",bold:!0,lockedWhite:!0,children:["+",c]})})]},`${r}-${o}`))}),!W.length&&d&&e.jsx(r,{text:d,textSizing:"grid"===u?"sm":"xxs"})]})})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("./NoThumbnailPlaceholder.js"),o=require("./ProjectItemBadge.js"),t=require("./styledPartials.js");require("../../../../utils/formValidation/misc.js"),require("@mui/material"),require("../../../BrandCore/Icon/Icon.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");var i=require("../../../WebCore/Text/Text.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/FormBuilder/FormBuilder.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/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");var a=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=({viewType:u="grid",loading:s,thumbnail:l,thumbnails:n,assetCount:b,title:C,description:d,noThumbnailMessage:j,isDemo:q})=>{const p=n?.filter(Boolean)??[],W=p.length?p:l?[l]:[],m=W.slice(0,"grid"===u?4:1),c="grid"===u?Math.max((b??W.length)-m.length,0):0;return e.jsx(t.ImageContainer,{viewType:u,"data-id":t.ImageContainerId,children:s?e.jsx(a,{}):e.jsxs(e.Fragment,{children:[q&&e.jsx(o,{body:"Demo",sx:"grid"===u?{bottom:8,left:8}:{top:4,right:4}}),m.length>0&&e.jsx(t.Collage,{count:m.length,children:m.map((r,o)=>e.jsxs(t.CollageCell,{children:[e.jsx(t.LazyImage,{thumbnail:r,title:C,description:d}),c>0&&o===m.length-1&&e.jsx(t.CollageScrim,{children:e.jsxs(i.Text,{size:"xl",bold:!0,lockedWhite:!0,children:["+",c]})})]},`${r}-${o}`))}),!m.length&&j&&e.jsx(r,{text:j,textSizing:"grid"===u?"sm":"xxs"})]})})};
@@ -18,6 +18,7 @@ interface ProjectItemDataProps {
18
18
  versionId: string;
19
19
  thumbnail?: string | null;
20
20
  thumbnails?: string[] | null;
21
+ assetCount?: number | null;
21
22
  noThumbnailMessage?: string | null;
22
23
  demoSurveyId: string;
23
24
  title: string;
@@ -4,7 +4,7 @@ import { PaletteMode, Direction } from '@mui/material';
4
4
  import { ScreenSize, CustomTheme } from './types.js';
5
5
 
6
6
  declare const useThemeBuilder: (initialMode?: PaletteMode, initialScreenSize?: ScreenSize, initialDirection?: Direction) => {
7
- breakpoint: "" | "sm" | "md" | "lg" | "xl";
7
+ breakpoint: "" | "sm" | "lg" | "md" | "xl";
8
8
  custom: CustomTheme;
9
9
  gridOverlayVisible: boolean;
10
10
  mode: PaletteMode;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useloops/design-system",
3
- "version": "1.4.735",
3
+ "version": "1.4.736",
4
4
  "description": "The official React based Loops design system",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/esm/index.js",