@useloops/design-system 1.4.585 → 1.4.586

package/dist/esm/systems/Platform/ProjectItem/ProjectItemGridView.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as o}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";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/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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import r 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 i from"./_partials/ProjectInfo.js";import a from"./_partials/ProjectItemBadge.js";import s from"./_partials/ProjectItemTitle.js";import{CardContainer as p,CardActionArea as m,ImageContainer as l,CardContent as n,LazyImage as d}from"./_partials/styledPartials.js";import b from"./_partials/UpdatedInfo.js";const C=({title:C,description:c,loopCount:j,testCount:u,draftCount:W,updatedAt:B,moreActions:S,thumbnail:h,isDemo:y,loading:f,onClick:g})=>e(p,f?{disableRaisedEffect:!0,sx:{pointerEvents:"none"},children:t(m,{component:"div",disableHoverStyle:!0,children:[e(l,{"data-id":"image-container",children:e(r,{})}),t(n,{children:[e(o,{"data-id":"title-container",height:32,children:e(r,{})}),e(r,{height:20}),e(r,{height:16,width:"60%"})]})]})}:{children:t(m,{component:"div",disableHoverStyle:!0,onClick:g,children:[t(l,{"data-id":"image-container",sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`},children:[y&&e(a,{body:"Demo",sx:{bottom:8,left:8}}),e(d,{thumbnail:h,title:C,description:c})]}),t(n,{children:[t(o,{"data-id":"title-container",children:[e(s,{title:C,maxLines:2}),e(o,{"data-id":"more-actions-container",onClick:e=>{e.stopPropagation()},children:S})]}),e(i,{loops:j,tests:u,drafts:W}),e(b,{updatedDate:B,format:!0})]})]})});export{C as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as o}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";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/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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import r 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 i from"./_partials/NoThumbnailPlaceholder.js";import a from"./_partials/ProjectInfo.js";import s from"./_partials/ProjectItemBadge.js";import m from"./_partials/ProjectItemTitle.js";import{CardContainer as p,CardActionArea as l,ImageContainer as n,CardContent as d,LazyImage as b}from"./_partials/styledPartials.js";import C from"./_partials/UpdatedInfo.js";const c=({title:c,description:j,loopCount:u,testCount:W,draftCount:S,updatedAt:h,moreActions:B,thumbnail:y,noThumbnailMessage:f,isDemo:g,loading:I,onClick:L})=>e(p,I?{disableRaisedEffect:!0,sx:{pointerEvents:"none"},children:t(l,{component:"div",disableHoverStyle:!0,children:[e(n,{"data-id":"image-container",children:e(r,{})}),t(d,{children:[e(o,{"data-id":"title-container",height:32,children:e(r,{})}),e(r,{height:20}),e(r,{height:16,width:"60%"})]})]})}:{children:t(l,{component:"div",disableHoverStyle:!0,onClick:L,children:[t(n,{"data-id":"image-container",sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`},children:[g&&e(s,{body:"Demo",sx:{bottom:8,left:8}}),y&&e(b,{thumbnail:y,title:c,description:j}),!y&&f&&e(i,{text:f,textSizing:"sm"})]}),t(d,{children:[t(o,{"data-id":"title-container",children:[e(m,{title:c,maxLines:2}),e(o,{"data-id":"more-actions-container",onClick:e=>{e.stopPropagation()},children:B})]}),e(a,{loops:u,tests:W,drafts:S}),e(C,{updatedDate:h,format:!0})]})]})});export{c as default};

package/dist/esm/systems/Platform/ProjectItem/ProjectItemListView.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useTheme as o,Stack as r,Box as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";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/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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import a 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 s from"./_partials/ProjectInfo.js";import p from"./_partials/ProjectItemBadge.js";import n from"./_partials/ProjectItemTitle.js";import{CardContainer as m,CardActionArea as l,ImageContainer as d,CardContent as c,LazyImage as b}from"./_partials/styledPartials.js";import C from"./_partials/UpdatedInfo.js";const u=({title:u,description:j,loopCount:W,testCount:g,draftCount:h,updatedAt:f,moreActions:B,thumbnail:x,isDemo:S,loading:y,onClick:I})=>{const k=o();return e(m,y?{disableRaisedEffect:!0,sx:{pointerEvents:"none",borderBottom:`1px solid ${k.custom.palette.stroke.light}`},children:t(l,{component:"div",onClick:I,sx:{display:"flex",gap:k.spacing(k.custom.margin.sm),alignItems:"center",padding:k.spacing(k.custom.padding.xs)},children:[e(d,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:e(a,{})}),e(c,{sx:{overflow:"hidden",pl:k.spacing(k.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{gap:k.spacing(k.custom.margin.xs),children:[e(a,{width:"100%",height:20}),t(r,{direction:"row",gap:k.spacing(k.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e(a,{height:20,width:"70%"}),e(a,{height:16,width:200})]})]})})]})}:{disableRaisedEffect:!0,sx:{borderBottom:`1px solid ${k.custom.palette.stroke.light}`},children:t(l,{component:"div",onClick:I,sx:{display:"flex",gap:k.spacing(k.custom.margin.sm),alignItems:"center",padding:k.spacing(k.custom.padding.xs)},children:[t(d,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:[S&&e(p,{sx:{top:4,right:4},body:"Demo"}),e(b,{thumbnail:x,title:u,description:j})]}),e(c,{sx:{overflow:"hidden",pl:k.spacing(k.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{gap:k.spacing(k.custom.margin.xs),children:[e(n,{title:u,maxLines:1}),t(r,{direction:"row",gap:k.spacing(k.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e(s,{loops:W,tests:g,drafts:h}),e(C,{updatedDate:f,format:!0,noWrap:!0})]})]})}),B&&e(i,{onClick:e=>e.stopPropagation(),children:B})]})})};export{u as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useTheme as o,Stack as r,Box as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";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/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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import a 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 s from"./_partials/NoThumbnailPlaceholder.js";import p from"./_partials/ProjectInfo.js";import n from"./_partials/ProjectItemBadge.js";import m from"./_partials/ProjectItemTitle.js";import{CardContainer as l,CardActionArea as d,ImageContainer as c,CardContent as b,LazyImage as C}from"./_partials/styledPartials.js";import u from"./_partials/UpdatedInfo.js";const j=({title:j,description:g,loopCount:W,testCount:h,draftCount:x,updatedAt:f,moreActions:B,thumbnail:S,noThumbnailMessage:y,isDemo:I,loading:k,onClick:L})=>{const w=o();return e(l,k?{disableRaisedEffect:!0,sx:{pointerEvents:"none",borderBottom:`1px solid ${w.custom.palette.stroke.light}`},children:t(d,{component:"div",onClick:L,sx:{display:"flex",gap:w.spacing(w.custom.margin.sm),alignItems:"center",padding:w.spacing(w.custom.padding.xs)},children:[e(c,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:e(a,{})}),e(b,{sx:{overflow:"hidden",pl:w.spacing(w.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{gap:w.spacing(w.custom.margin.xs),children:[e(a,{width:"100%",height:20}),t(r,{direction:"row",gap:w.spacing(w.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e(a,{height:20,width:"70%"}),e(a,{height:16,width:200})]})]})})]})}:{disableRaisedEffect:!0,sx:{borderBottom:`1px solid ${w.custom.palette.stroke.light}`},children:t(d,{component:"div",onClick:L,sx:{display:"flex",gap:w.spacing(w.custom.margin.sm),alignItems:"center",padding:w.spacing(w.custom.padding.xs)},children:[t(c,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:[I&&e(n,{sx:{top:4,right:4},body:"Demo"}),S&&e(C,{thumbnail:S,title:j,description:g}),!S&&y&&e(s,{text:y,textSizing:"xxs"})]}),e(b,{sx:{overflow:"hidden",pl:w.spacing(w.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{gap:w.spacing(w.custom.margin.xs),children:[e(m,{title:j,maxLines:1}),t(r,{direction:"row",gap:w.spacing(w.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e(p,{loops:W,tests:h,drafts:x}),e(u,{updatedDate:f,format:!0,noWrap:!0})]})]})}),B&&e(i,{onClick:e=>e.stopPropagation(),children:B})]})})};export{j as default};

package/dist/esm/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as r,Box as t,Stack as i}from"@mui/material";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/primitiveVariables.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import a from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/Accordion/Accordion.js";import s from"../../../WebCore/Typography/Typography.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"react";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/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/utils/autocomplete.styles.js";import"../../../WebCore/Select/AutocompleteListbox.js";import"../../../WebCore/Select/StyledAutocomplete.js";import"../../../WebCore/Select/SelectItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const m=({text:m,textSizing:p="sm"})=>{const n=r();return e(t,{sx:{p:n.custom.padding.sm,background:`linear-gradient(135deg, ${n.custom.palette.neutral[50]} 0%, ${n.custom.palette.neutral[100]} 100%)`},children:o(i,{display:"flex",alignItems:"center",justifyContent:"center",height:1,width:1,gap:n.custom.margin.xs,children:[e(a,{name:"image-no",color:n.custom.palette.icon.secondary}),e(s,{align:"center",variation:p,component:"p",secondary:!0,sx:{lineHeight:1.2},children:m})]})})};export{m as default};

package/dist/systems/Platform/ProjectItem/ProjectItemGridView.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");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/Accordion/Accordion.js"),require("../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("react"),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/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/Pill/StyledPill.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.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 t=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/ProjectInfo.js"),o=require("./_partials/ProjectItemBadge.js"),a=require("./_partials/ProjectItemTitle.js"),s=require("./_partials/styledPartials.js"),n=require("./_partials/UpdatedInfo.js");module.exports=({title:u,description:l,loopCount:d,testCount:C,draftCount:j,updatedAt:b,moreActions:q,thumbnail:c,isDemo:p,loading:W,onClick:m})=>W?e.jsx(s.CardContainer,{disableRaisedEffect:!0,sx:{pointerEvents:"none"},children:e.jsxs(s.CardActionArea,{component:"div",disableHoverStyle:!0,children:[e.jsx(s.ImageContainer,{"data-id":"image-container",children:e.jsx(t,{})}),e.jsxs(s.CardContent,{children:[e.jsx(r.Box,{"data-id":"title-container",height:32,children:e.jsx(t,{})}),e.jsx(t,{height:20}),e.jsx(t,{height:16,width:"60%"})]})]})}):e.jsx(s.CardContainer,{children:e.jsxs(s.CardActionArea,{component:"div",disableHoverStyle:!0,onClick:m,children:[e.jsxs(s.ImageContainer,{"data-id":"image-container",sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`},children:[p&&e.jsx(o,{body:"Demo",sx:{bottom:8,left:8}}),e.jsx(s.LazyImage,{thumbnail:c,title:u,description:l})]}),e.jsxs(s.CardContent,{children:[e.jsxs(r.Box,{"data-id":"title-container",children:[e.jsx(a,{title:u,maxLines:2}),e.jsx(r.Box,{"data-id":"more-actions-container",onClick:e=>{e.stopPropagation()},children:q})]}),e.jsx(i,{loops:d,tests:C,drafts:j}),e.jsx(n,{updatedDate:b,format:!0})]})]})});
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");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/Accordion/Accordion.js"),require("../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("react"),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/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/Pill/StyledPill.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.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 t=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/NoThumbnailPlaceholder.js"),o=require("./_partials/ProjectInfo.js"),a=require("./_partials/ProjectItemBadge.js"),s=require("./_partials/ProjectItemTitle.js"),n=require("./_partials/styledPartials.js"),u=require("./_partials/UpdatedInfo.js");module.exports=({title:l,description:d,loopCount:j,testCount:C,draftCount:b,updatedAt:q,moreActions:c,thumbnail:p,noThumbnailMessage:m,isDemo:W,loading:x,onClick:B})=>x?e.jsx(n.CardContainer,{disableRaisedEffect:!0,sx:{pointerEvents:"none"},children:e.jsxs(n.CardActionArea,{component:"div",disableHoverStyle:!0,children:[e.jsx(n.ImageContainer,{"data-id":"image-container",children:e.jsx(t,{})}),e.jsxs(n.CardContent,{children:[e.jsx(r.Box,{"data-id":"title-container",height:32,children:e.jsx(t,{})}),e.jsx(t,{height:20}),e.jsx(t,{height:16,width:"60%"})]})]})}):e.jsx(n.CardContainer,{children:e.jsxs(n.CardActionArea,{component:"div",disableHoverStyle:!0,onClick:B,children:[e.jsxs(n.ImageContainer,{"data-id":"image-container",sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`},children:[W&&e.jsx(a,{body:"Demo",sx:{bottom:8,left:8}}),p&&e.jsx(n.LazyImage,{thumbnail:p,title:l,description:d}),!p&&m&&e.jsx(i,{text:m,textSizing:"sm"})]}),e.jsxs(n.CardContent,{children:[e.jsxs(r.Box,{"data-id":"title-container",children:[e.jsx(s,{title:l,maxLines:2}),e.jsx(r.Box,{"data-id":"more-actions-container",onClick:e=>{e.stopPropagation()},children:c})]}),e.jsx(o,{loops:j,tests:C,drafts:b}),e.jsx(u,{updatedDate:q,format:!0})]})]})});

package/dist/systems/Platform/ProjectItem/ProjectItemListView.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");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/Accordion/Accordion.js"),require("../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("react"),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/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/Pill/StyledPill.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.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 t=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/ProjectInfo.js"),o=require("./_partials/ProjectItemBadge.js"),s=require("./_partials/ProjectItemTitle.js"),a=require("./_partials/styledPartials.js"),n=require("./_partials/UpdatedInfo.js");module.exports=({title:u,description:l,loopCount:d,testCount:c,draftCount:p,updatedAt:C,moreActions:j,thumbnail:b,isDemo:m,loading:q,onClick:g})=>{const W=r.useTheme();return q?e.jsx(a.CardContainer,{disableRaisedEffect:!0,sx:{pointerEvents:"none",borderBottom:`1px solid ${W.custom.palette.stroke.light}`},children:e.jsxs(a.CardActionArea,{component:"div",onClick:g,sx:{display:"flex",gap:W.spacing(W.custom.margin.sm),alignItems:"center",padding:W.spacing(W.custom.padding.xs)},children:[e.jsx(a.ImageContainer,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:e.jsx(t,{})}),e.jsx(a.CardContent,{sx:{overflow:"hidden",pl:W.spacing(W.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:e.jsxs(r.Stack,{gap:W.spacing(W.custom.margin.xs),children:[e.jsx(t,{width:"100%",height:20}),e.jsxs(r.Stack,{direction:"row",gap:W.spacing(W.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e.jsx(t,{height:20,width:"70%"}),e.jsx(t,{height:16,width:200})]})]})})]})}):e.jsx(a.CardContainer,{disableRaisedEffect:!0,sx:{borderBottom:`1px solid ${W.custom.palette.stroke.light}`},children:e.jsxs(a.CardActionArea,{component:"div",onClick:g,sx:{display:"flex",gap:W.spacing(W.custom.margin.sm),alignItems:"center",padding:W.spacing(W.custom.padding.xs)},children:[e.jsxs(a.ImageContainer,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:[m&&e.jsx(o,{sx:{top:4,right:4},body:"Demo"}),e.jsx(a.LazyImage,{thumbnail:b,title:u,description:l})]}),e.jsx(a.CardContent,{sx:{overflow:"hidden",pl:W.spacing(W.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:e.jsxs(r.Stack,{gap:W.spacing(W.custom.margin.xs),children:[e.jsx(s,{title:u,maxLines:1}),e.jsxs(r.Stack,{direction:"row",gap:W.spacing(W.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e.jsx(i,{loops:d,tests:c,drafts:p}),e.jsx(n,{updatedDate:C,format:!0,noWrap:!0})]})]})}),j&&e.jsx(r.Box,{onClick:e=>e.stopPropagation(),children:j})]})})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");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/Accordion/Accordion.js"),require("../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("react"),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/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/Pill/StyledPill.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.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 t=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/NoThumbnailPlaceholder.js"),o=require("./_partials/ProjectInfo.js"),s=require("./_partials/ProjectItemBadge.js"),a=require("./_partials/ProjectItemTitle.js"),n=require("./_partials/styledPartials.js"),l=require("./_partials/UpdatedInfo.js");module.exports=({title:u,description:d,loopCount:c,testCount:p,draftCount:j,updatedAt:C,moreActions:b,thumbnail:m,noThumbnailMessage:q,isDemo:g,loading:x,onClick:W})=>{const h=r.useTheme();return x?e.jsx(n.CardContainer,{disableRaisedEffect:!0,sx:{pointerEvents:"none",borderBottom:`1px solid ${h.custom.palette.stroke.light}`},children:e.jsxs(n.CardActionArea,{component:"div",onClick:W,sx:{display:"flex",gap:h.spacing(h.custom.margin.sm),alignItems:"center",padding:h.spacing(h.custom.padding.xs)},children:[e.jsx(n.ImageContainer,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:e.jsx(t,{})}),e.jsx(n.CardContent,{sx:{overflow:"hidden",pl:h.spacing(h.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:e.jsxs(r.Stack,{gap:h.spacing(h.custom.margin.xs),children:[e.jsx(t,{width:"100%",height:20}),e.jsxs(r.Stack,{direction:"row",gap:h.spacing(h.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e.jsx(t,{height:20,width:"70%"}),e.jsx(t,{height:16,width:200})]})]})})]})}):e.jsx(n.CardContainer,{disableRaisedEffect:!0,sx:{borderBottom:`1px solid ${h.custom.palette.stroke.light}`},children:e.jsxs(n.CardActionArea,{component:"div",onClick:W,sx:{display:"flex",gap:h.spacing(h.custom.margin.sm),alignItems:"center",padding:h.spacing(h.custom.padding.xs)},children:[e.jsxs(n.ImageContainer,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:[g&&e.jsx(s,{sx:{top:4,right:4},body:"Demo"}),m&&e.jsx(n.LazyImage,{thumbnail:m,title:u,description:d}),!m&&q&&e.jsx(i,{text:q,textSizing:"xxs"})]}),e.jsx(n.CardContent,{sx:{overflow:"hidden",pl:h.spacing(h.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:e.jsxs(r.Stack,{gap:h.spacing(h.custom.margin.xs),children:[e.jsx(a,{title:u,maxLines:1}),e.jsxs(r.Stack,{direction:"row",gap:h.spacing(h.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e.jsx(o,{loops:c,tests:p,drafts:j}),e.jsx(l,{updatedDate:C,format:!0,noWrap:!0})]})]})}),b&&e.jsx(r.Box,{onClick:e=>e.stopPropagation(),children:b})]})})};

package/dist/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../../BrandCore/colorRamps.js"),require("../../../BrandCore/primitiveVariables.js"),require("../../../BrandCore/semanticColor.js"),require("../../../BrandCore/types.js"),require("../../../BrandCore/typography.js");var o=require("../../../BrandCore/Icon/Icon.js");require("../../../../utils/formValidation/misc.js"),require("../../../WebCore/utils/typography.util.js"),require("../../../WebCore/AnnualController/AnnualController.js"),require("../../../WebCore/Accordion/Accordion.js");var t=require("../../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js"),require("../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../WebCore/Differential/DifferentialContainer.js"),require("../../../WebCore/Differential/DifferentialRadio.js"),require("../../../WebCore/DropdownMenu/StyledMenu.js"),require("react"),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/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("../../../WebCore/Pill/StyledPill.js"),require("../../../WebCore/Progress/Progress.js"),require("../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../WebCore/Radio/StyledRadio.js"),require("../../../WebCore/utils/autocomplete.styles.js"),require("../../../WebCore/Select/AutocompleteListbox.js"),require("../../../WebCore/Select/StyledAutocomplete.js"),require("../../../WebCore/Select/SelectItem.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");module.exports=({text:i,textSizing:a="sm"})=>{const u=r.useTheme();return e.jsx(r.Box,{sx:{p:u.custom.padding.sm,background:`linear-gradient(135deg, ${u.custom.palette.neutral[50]} 0%, ${u.custom.palette.neutral[100]} 100%)`},children:e.jsxs(r.Stack,{display:"flex",alignItems:"center",justifyContent:"center",height:1,width:1,gap:u.custom.margin.xs,children:[e.jsx(o.default,{name:"image-no",color:u.custom.palette.icon.secondary}),e.jsx(t,{align:"center",variation:a,component:"p",secondary:!0,sx:{lineHeight:1.2},children:i})]})})};

package/dist/systems/Platform/ProjectItem/projectItem.types.d.ts

@@ -16,7 +16,8 @@ interface ProjectItemDataProps {
     id: string;
     postId: string;
     versionId: string;
-    thumbnail: string;
+    thumbnail?: string | null;
+    noThumbnailMessage?: string | null;
     demoSurveyId: string;
     title: string;
     description: string | null;

package/package.json

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