@useloops/design-system 1.4.739 → 1.4.741
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Platform/ProjectItem.d.ts +1 -1
- package/dist/esm/systems/BrandCore/semanticColor.js +1 -1
- package/dist/esm/systems/Platform/ProjectItem/ProjectItem.js +1 -1
- package/dist/esm/systems/Platform/ProjectItem/_partials/Thumbnail.js +1 -1
- package/dist/esm/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
- package/dist/esm/systems/Platform/TestItem/TestItem.js +1 -1
- package/dist/esm/systems/Platform/TestItem/_partials/Root.js +1 -1
- package/dist/esm/systems/Platform/TestItem/_partials/TagList.js +1 -1
- package/dist/esm/systems/Platform/utils/cardInteraction.js +1 -1
- package/dist/esm/systems/WebCore/IconButtonBase/IconButtonBase.js +1 -1
- package/dist/esm/systems/WebCore/Image/Image.js +1 -1
- package/dist/esm/systems/WebCore/Popper/Popper.js +1 -1
- package/dist/systems/BrandCore/semanticColor.js +1 -1
- package/dist/systems/BrandCore/types.d.ts +2 -0
- package/dist/systems/Platform/ProjectItem/ProjectItem.js +1 -1
- package/dist/systems/Platform/ProjectItem/_partials/Thumbnail.js +1 -1
- package/dist/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
- package/dist/systems/Platform/ProjectItem/projectItem.types.d.ts +7 -3
- package/dist/systems/Platform/SliderGraph/_partials/StyledComponents.d.ts +1 -1
- package/dist/systems/Platform/TestItem/TestItem.js +1 -1
- package/dist/systems/Platform/TestItem/_partials/Root.js +1 -1
- package/dist/systems/Platform/TestItem/_partials/TagList.js +1 -1
- package/dist/systems/Platform/utils/cardInteraction.js +1 -1
- package/dist/systems/WebCore/IconButtonBase/IconButtonBase.js +1 -1
- package/dist/systems/WebCore/Image/Image.d.ts +1 -2
- package/dist/systems/WebCore/Image/Image.js +1 -1
- package/dist/systems/WebCore/Popper/Popper.js +1 -1
- package/dist/theme/types.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { default as ProjectItem } from '../systems/Platform/ProjectItem/ProjectItem.js';
|
|
2
|
-
export { ProjectItemDataProps, ProjectItemEmptyProps, ProjectItemProps, ProjectItemViewType, UserProps } from '../systems/Platform/ProjectItem/projectItem.types.js';
|
|
2
|
+
export { ProjectItemDataProps, ProjectItemEmptyProps, ProjectItemProps, ProjectItemViewType, ProjectThumbnail, UserProps } from '../systems/Platform/ProjectItem/projectItem.types.js';
|
|
3
3
|
export { default as ProjectItemEmpty } from '../systems/Platform/ProjectItem/ProjectItemEmpty.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{red as e,green as t,purple as r,darkNeutral as i,darkNeutralAlpha as n,neutral as a,neutralAlpha as d}from"./primitiveColor.js";const s={light:{surface:{sunken:a[50],default:a[0],raised:a[0],overlay:a[0],scrim:d[5],transparent:d[.01]},interaction:{none:d[0],hover:d[1],press:d[2],hoverOnDark:d[3],pressOnDark:d[4],disabled:d[2],disabledMuted:d[1]},stroke:{default:a[200],strong:a[200],light:a[100],subtle:a[100],transparent:d[2],focus:r[500],disabled:a[100]},text:{primary:a[1e3],secondary:a[600],placeholder:a[400],disabled:a[300],link:r[800],linkHover:r[900],primaryInverted:a[0],secondaryInverted:a[400],placeholderInverted:a[600],disabledInverted:a[700],positive:t[800],negative:e[700],lockedWhite:a[0]},icon:{primary:a[1e3],secondary:a[600],disabled:a[300],primaryInverted:a[0],secondaryInverted:a[400],disabledInverted:a[700],positive:t[800],negative:e[700],lockedWhite:a[0],link:r[800],linkHover:r[900]},input:{default:a[0],disabled:"#FFFFFF80"},skeleton:{default:d[2]},data:{sentimentVeryPositive:t[300],sentimentPositive:t[100],sentimentNeutral:a[100],sentimentNegative:e[100],sentimentVeryNegative:e[300]}},dark:{surface:{sunken:i[0],default:i[50],raised:i[100],overlay:i[200],scrim:
|
|
1
|
+
import{red as e,green as t,purple as r,darkNeutral as i,darkNeutralAlpha as n,neutral as a,neutralAlpha as d}from"./primitiveColor.js";const s={light:{surface:{sunken:a[50],default:a[0],raised:a[0],overlay:a[0],scrim:"rgba(0, 0, 0, 0.50)",scrimBrand:d[5],transparent:d[.01]},interaction:{none:d[0],hover:d[1],press:d[2],hoverOnDark:d[3],pressOnDark:d[4],disabled:d[2],disabledMuted:d[1]},stroke:{default:a[200],strong:a[200],light:a[100],subtle:a[100],transparent:d[2],focus:r[500],disabled:a[100]},text:{primary:a[1e3],secondary:a[600],placeholder:a[400],disabled:a[300],link:r[800],linkHover:r[900],primaryInverted:a[0],secondaryInverted:a[400],placeholderInverted:a[600],disabledInverted:a[700],positive:t[800],negative:e[700],lockedWhite:a[0]},icon:{primary:a[1e3],secondary:a[600],disabled:a[300],primaryInverted:a[0],secondaryInverted:a[400],disabledInverted:a[700],positive:t[800],negative:e[700],lockedWhite:a[0],link:r[800],linkHover:r[900]},input:{default:a[0],disabled:"#FFFFFF80"},skeleton:{default:d[2]},data:{sentimentVeryPositive:t[300],sentimentPositive:t[100],sentimentNeutral:a[100],sentimentNegative:e[100],sentimentVeryNegative:e[300]}},dark:{surface:{sunken:i[0],default:i[50],raised:i[100],overlay:i[200],scrim:"rgba(0, 0, 0, 0.50)",scrimBrand:d[5],transparent:n[.01]},interaction:{none:n[0],hover:n[1],press:n[2],hoverOnDark:n[3],pressOnDark:n[4],disabled:n[2],disabledMuted:n[1]},stroke:{default:i[200],strong:i[200],light:i[100],subtle:i[100],transparent:n[2],focus:r[500],disabled:i[100]},text:{primary:i[1e3],secondary:i[700],placeholder:i[400],disabled:i[300],link:r[100],linkHover:r[0],primaryInverted:i[0],secondaryInverted:i[400],placeholderInverted:i[600],disabledInverted:i[700],positive:t[300],negative:e[300],lockedWhite:a[0]},icon:{primary:i[1e3],secondary:i[700],disabled:i[300],primaryInverted:i[0],secondaryInverted:i[400],disabledInverted:i[700],positive:t[300],negative:e[300],lockedWhite:a[0],link:r[100],linkHover:r[0]},input:{default:i[100],disabled:"#2A223C80"},skeleton:{default:n[2]},data:{sentimentVeryPositive:t[600],sentimentPositive:t[800],sentimentNeutral:i[100],sentimentNegative:e[800],sentimentVeryNegative:e[600]}}};export{s as semantic};
|
|
@@ -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 s,CardContent as p,ListInfoRow as l,MoreActionsContainer as m,TitleRow as n}from"./_partials/styledPartials.js";import
|
|
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 d from"./_partials/Thumbnail.js";import b from"./_partials/UpdatedInfo.js";import{MoreActionsContainerId as C,guardCardClick as u}from"../utils/cardInteraction.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"../../BrandCore/Sticker/Sticker.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:S,draftCount:y,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:u(v),children:[e(d,{...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:S,drafts:y}),e(b,{updatedDate:I,...w,noWrap:!0})]})})]}),!A&&f&&e(m,{viewType:"list","data-id":C,children:f})]})}):t(a,{sx:M,children:[t(s,{component:"div",onClick:u(v),children:[e(d,{...F}),t(p,{children:[e(n,{sx:A?{height:32}:void 0,children:A?e(j,{}):e(i,{title:W,maxLines:4})}),A?e(j,{height:20}):e(r,{loops:h,tests:S,drafts:y}),A?e(j,{height:16,width:"60%"}):e(b,{updatedDate:I,...w})]})]}),!A&&f&&e(m,{"data-id":C,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"../../../BrandCore/Sticker/Sticker.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:
|
|
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"../../../BrandCore/Sticker/Sticker.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=e=>"string"==typeof e?{src:e}:e,u=({viewType:u="grid",loading:j,thumbnail:W,thumbnails:c,assetCount:B,title:S,description:g,noThumbnailMessage:y,isDemo:h})=>{const L=c?.filter(Boolean)??[],I=(L.length?L:W?[W]:[]).map(C),x=I.slice(0,"grid"===u?4:1),f="grid"===u?Math.max((B??I.length)-x.length,0):0;return e(a,{viewType:u,"data-id":p,children:j?e(d,{}):o(t,{children:[h&&e(i,{body:"Demo",sx:"grid"===u?{bottom:8,left:8}:{top:4,right:4}}),x.length>0&&e(s,{count:x.length,children:x.map(({src:t,dominantColor:r},i)=>o(m,{children:[e(l,{thumbnail:t,dominantColor:r,title:S,description:g}),f>0&&i===x.length-1&&e(n,{children:o(b,{size:"xl",bold:!0,lockedWhite:!0,children:["+",f]})})]},`${t}-${i}`))}),!x.length&&y&&e(r,{text:y,textSizing:"grid"===u?"sm":"xxs"})]})})};export{u as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{styled as o,Box as t,cardActionAreaClasses as r,CardActionArea as i,CardContent as a,iconButtonClasses as s,Stack as p}from"@mui/material";import{MoreActionsContainerId as n,interactionOverlay as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{styled as o,Box as t,cardActionAreaClasses as r,CardActionArea as i,CardContent as a,iconButtonClasses as s,Stack as p}from"@mui/material";import{MoreActionsContainerId as n,interactionOverlay as l}from"../../utils/cardInteraction.js";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../BrandCore/textures.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Animations/FadeIn.js";import"../../../WebCore/Text/Text.js";import"@mui/icons-material";import"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 d from"../../../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"../../../BrandCore/Sticker/Sticker.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{omitProps as m}from"../../../../utils/shouldForwardProp.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"../../../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=72,u=108,b="image-container",C=o(t,{shouldForwardProp:m("viewType")})(({theme:e,viewType:o="grid"})=>{const{card:t}=e.custom.component;return{width:"100%",position:"relative",transition:"all 0.15s ease","&:hover .ProjectItem__Title":{textDecoration:"underline"},[`&:hover *[data-id="${n}"]`]:{opacity:1},"&::after":l(e,0),[`& > .${r.root}`]:{position:"relative",zIndex:1},contentVisibility:"auto",containIntrinsicSize:"grid"===o?"auto 380px":"auto 90px",..."grid"===o?{minWidth:280,maxWidth:400,background:t.surface.default,border:`1px solid ${t.stroke.default}`,borderRadius:e.spacing(t.radius),boxShadow:e.custom.elevation.raised,"&:hover":{borderColor:t.stroke.hover,boxShadow:e.custom.elevation.float,[`&::after, *[data-id="${b}"]::after`]:{backgroundColor:t.interaction.hover}},[`&:has(> .${r.root}:active)`]:{borderColor:t.stroke.default,[`&::after, *[data-id="${b}"]::after`]:{backgroundColor:t.interaction.press}}}:{border:"0 solid transparent",borderBottom:`1px solid ${e.custom.palette.stroke.light}`,"&:hover::after":{backgroundColor:t.interaction.hover},[`&:has(> .${r.root}:active):not(:has([data-id="${n}"] :active))::after`]:{backgroundColor:t.interaction.press}}}}),g=o(i,{shouldForwardProp:m("viewType")})(({theme:e,viewType:o="grid"})=>({cursor:"pointer",..."list"===o?{display:"flex",gap:e.spacing(e.custom.margin.sm),alignItems:"center",padding:e.spacing(e.custom.padding.xs)}:{height:"100%",display:"flex",flexDirection:"column",alignItems:"stretch"},[`& .${r.focusHighlight}`]:{display:"none"}})),j=o(t,{shouldForwardProp:m("viewType")})(({theme:e,viewType:o="grid"})=>({overflow:"hidden",position:"relative",..."grid"===o?{width:"100%",aspectRatio:1.5,borderTopLeftRadius:`calc(${e.spacing(e.custom.component.card.radius)} - 1px)`,borderTopRightRadius:`calc(${e.spacing(e.custom.component.card.radius)} - 1px)`,"&::after":l(e,1)}:{height:72,width:108,borderRadius:e.spacing(e.custom.radius.md)}})),h=({title:o,description:t,thumbnail:r,dominantColor:i})=>{const a=[o,t].filter(Boolean).join(" | ");return e(d,{src:r??void 0,dominantColor:i,alt:a,title:a,width:"100%",height:"100%"})},W=o(t,{shouldForwardProp:m("count")})(({count:e})=>({width:"100%",height:"100%",display:"grid",gridTemplateColumns:1===e?"1fr":"1fr 1fr",gridTemplateRows:e<=2?"1fr":"1fr 1fr",...3===e&&{"& > *:first-of-type":{gridRow:"span 2"}}})),f=o(t)({position:"relative",overflow:"hidden",minWidth:0,minHeight:0}),y=o(t)(({theme:e})=>({position:"absolute",inset:0,zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:e.custom.palette.surface.scrim})),B=o(a,{shouldForwardProp:m("viewType")})(({theme:e,viewType:o="grid"})=>({display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.sm),..."grid"===o?{padding:e.spacing(e.custom.padding.md),width:"100%",borderTop:`1px solid ${e.custom.palette.stroke.subtle}`,flexGrow:1,"& > *:last-child":{marginTop:"auto"}}:{paddingTop:e.spacing(e.custom.padding.xs),paddingBottom:e.spacing(e.custom.padding.xs),paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:0,overflow:"hidden",minWidth:67,flex:1,"&:last-child":{paddingBottom:0}}})),x=o(t,{shouldForwardProp:m("viewType")})(({theme:e,viewType:o="grid"})=>({opacity:0,transition:"opacity 0.3s ease",..."grid"===o&&{position:"absolute",top:8,right:8,zIndex:2},"&:has(:focus-visible)":{opacity:1},[`&& .${s.root}`]:{backgroundColor:e.custom.palette.surface.default,border:`1px solid ${e.custom.palette.stroke.default}`}})),w=o(t)(({theme:e})=>({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"start",gap:e.spacing(e.custom.margin.xs),"& > p":{alignSelf:"center"}})),S=o(p)(({theme:e})=>({flexDirection:"row",alignItems:"center",flexWrap:"wrap",columnGap:e.spacing(e.custom.margin.sm),rowGap:e.spacing(e.custom.margin.xs),justifyContent:"space-between","& > *:last-child":{flexShrink:0}})),v=o(t,{shouldForwardProp:m("viewType")})(({theme:e,viewType:o="grid"})=>({width:"grid"===o?"100%":108,height:"grid"===o?"100%":72,backgroundColor:e.custom.palette.purple[0],display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"grid"===o?0:e.spacing(e.custom.radius.md),"& svg":{height:"grid"===o?64:32,width:"grid"===o?64:32}}));export{g as CardActionArea,C as CardContainer,B as CardContent,W as Collage,f as CollageCell,y as CollageScrim,j as ImageContainer,b as ImageContainerId,h as LazyImage,c as ListImageHeight,u as ListImageWidth,S as ListInfoRow,x as MoreActionsContainer,v as Tile,w as TitleRow};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{useTheme as r,Stack as o,Box as i}from"@mui/material";import s from"@number-flow/react";import n from"../../BrandCore/Icon/Icon.js";import d from"../../WebCore/IconButton/IconButton.js";import"../../BrandCore/primitiveVariables.js";import m from"../../WebCore/Menu/Menu.js";import l from"../../WebCore/ProgressBar/ProgressBar.js";import{Text as c}from"../../WebCore/Text/Text.js";import p from"../EditedByAvatar/EditedByAvatar.js";import{getColorByStatus as u}from"../TestStatus/helpers/index.js";import g from"../TestStatus/TestStatus.js";import{MoreActionsContainerId as b,guardCardClick as f}from"../utils/cardInteraction.js";import h from"./_partials/AnimatedDuration.js";import x from"./_partials/FooterStat.js";import y from"./_partials/Root.js";import j from"./_partials/StatCard.js";import v,{
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{useTheme as r,Stack as o,Box as i}from"@mui/material";import s from"@number-flow/react";import n from"../../BrandCore/Icon/Icon.js";import d from"../../WebCore/IconButton/IconButton.js";import"../../BrandCore/primitiveVariables.js";import m from"../../WebCore/Menu/Menu.js";import l from"../../WebCore/ProgressBar/ProgressBar.js";import{Text as c}from"../../WebCore/Text/Text.js";import p from"../EditedByAvatar/EditedByAvatar.js";import{getColorByStatus as u}from"../TestStatus/helpers/index.js";import g from"../TestStatus/TestStatus.js";import{MoreActionsContainerId as b,guardCardClick as f}from"../utils/cardInteraction.js";import h from"./_partials/AnimatedDuration.js";import x from"./_partials/FooterStat.js";import y from"./_partials/Root.js";import j from"./_partials/StatCard.js";import v,{TagItemHeight as C}from"./_partials/TagList.js";import{getCompletionPercentage as I,getIncompletePercentage as B,respondToCollapse as T}from"./helpers.js";const w=({status:w,title:k,activityDescription:S,updatedBy:_,tags:z,menuItems:$,progress:R,counts:D,animated:M=!0,selected:W=!1,disabled:N=!1,onClick:P,...A})=>{const L=r(),{card:E}=L.custom.component,F=`1px solid ${L.custom.palette.stroke.transparent}`;return e(y,{variation:"raised",selected:W,disabled:N,compact:"draft"===w,tabIndex:N?-1:0,...A,onClick:f(P),children:t(o,{component:"article",sx:{gap:L.m.md,height:"100%"},children:[t(o,{component:"header",sx:{gap:L.m.sm},children:[t(o,{direction:"row",sx:{justifyContent:"space-between",alignItems:"start",gap:L.m.sm},children:[e(g,{status:w,sizing:"xs"}),Boolean($?.length)&&e(i,{"data-id":b,children:e(m,{trigger:e(d,{icon:e(n,{name:"more-horizontal",size:16}),variation:"outlined",className:"TestItem__Menu",sx:{width:24,aspectRatio:1,borderRadius:"100% !important",transition:"opacity 0.3s ease",opacity:0,"&:focus":{background:`${L.custom.palette.interaction.press} !important`,opacity:1}}}),menuItems:$,width:200,offset:[0,8],placement:"bottom-end"})})]}),e(c,{size:"md",bold:!0,disabled:N,className:"TestItem__Title",clamp:4,children:k}),"draft"===w?z&&z.length>0&&e(v,{tags:z}):e(i,{sx:{minHeight:C},children:z&&z.length>0&&e(v,{tags:z})})]}),R&&e(i,{sx:{background:E.surface.elevated,border:`1px solid ${E.stroke.default}`,borderRadius:L.r.md,...T(L,{padding:L.p.md},{padding:`${L.p.md} ${L.p.md} ${L.p.sm}`})},children:t(o,{sx:T(L,{gap:L.m.md},{gap:L.m.sm}),children:[e(l,{variation:"determinate",value:I(R),sx:{height:8,"&.MuiLinearProgress-root .MuiLinearProgress-bar":{backgroundColor:N?L.custom.palette.icon.disabled:u(L,w)}}}),t(i,{sx:{display:"grid",...T(L,{gridTemplateColumns:"repeat(3, 1fr)","& > :not(:last-child)":{borderRight:F,borderBottom:"none"}},{gridTemplateColumns:"auto","& > *":{paddingBlock:L.p.xs},"& > :not(:last-child)":{borderBottom:F,borderRight:"none"}})},children:[e(j,{label:"Completed",value:e(s,{value:R.completed,animated:M}),secondary:`of ${R.total}`,disabled:N}),e(j,{label:"Drop off",value:t(a,{children:[e(s,{value:B(R),animated:M}),"%"]}),secondary:t(a,{children:[e(s,{value:R.incomplete,animated:M})," respondents"]}),disabled:N}),e(j,{label:"Duration",value:e(h,{seconds:R.averageDurationSeconds,animated:M}),secondary:"average",disabled:N})]})]})}),t(o,{component:"footer",direction:"row",sx:{justifyContent:S||_?"space-between":"flex-end",alignItems:"center",gap:L.m.sm,marginTop:"auto"},children:[(S||_)&&t(o,{direction:"row",sx:{alignItems:"center",gap:L.m.xs,minWidth:0},children:[_&&e(p,{..._,disabled:N}),S&&e(c,{clamp:1,size:"xxs",secondary:!0,disabled:N,sx:T(L,{fontSize:L.custom.typography.body.xxs},{fontSize:L.custom.typography.body.sm}),children:S})]}),"draft"!==w&&t(o,{direction:"row",sx:{alignItems:"center",gap:L.m.md,flexShrink:0},children:[e(x,{animated:M,iconName:"data-bar",label:"answers",value:D?.answers??0,disabled:N}),e(x,{animated:M,iconName:"comment-filled",label:"comments",value:D?.comments??0,disabled:N})]})]})]})})};export{w as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e}from"@mui/material";import"react";import{omitProps as o}from"../../../../utils/shouldForwardProp.js";import
|
|
1
|
+
import{styled as e}from"@mui/material";import"react";import{omitProps as o}from"../../../../utils/shouldForwardProp.js";import t from"../../../WebCore/Surface/Surface.js";import{MoreActionsContainerId as r,interactionOverlay as a}from"../../utils/cardInteraction.js";const i=e(t,{shouldForwardProp:o("selected","disabled","compact")})(({theme:e,selected:o,disabled:t,compact:i})=>{const{card:s}=e.custom.component;return{position:"relative",containerType:"inline-size",padding:e.p.md,border:`1px solid ${o?s.stroke.selected:s.stroke.default}`,borderRadius:e.spacing(s.radius),width:"100%",minWidth:312,maxWidth:576,...i&&{alignSelf:"start"},cursor:t?"default":"pointer",transition:"border-color 0.15s ease, box-shadow 0.15s ease",...o&&{backgroundColor:s.surface.selected},"&:hover .TestItem__Menu":{opacity:1},"&::after":{...a(e,0),...t&&{backgroundColor:s.interaction.disabled}},"& > article":{position:"relative",zIndex:1},...t?{pointerEvents:"none"}:{"&:hover .TestItem__Title, &:active .TestItem__Title":{textDecoration:"underline"},"&&:hover":{...!o&&{borderColor:s.stroke.hover},boxShadow:e.custom.elevation.float,"&::after":{backgroundColor:s.interaction.hover}},[`&&:active:not(:has([data-id="${r}"] :active))::after`]:{backgroundColor:s.interaction.press},"&&:focus-visible":{outline:"none",...!o&&{borderColor:s.stroke.default},boxShadow:e.custom.boxShadow.input.focus}}}});export{i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{useTheme as o}from"@mui/material";import{useState as r}from"react";import{TruncatedList as t}from"react-truncate-list";import i from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../BrandCore/textures.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Animations/FadeIn.js";import"../../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormBuilder/FormBuilder.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import a from"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KbdGroup/Kbd.js";import"../../../WebCore/KbdGroup/KbdGroup.js";import p from"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import s from"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"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"../../../BrandCore/Sticker/Sticker.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"../../../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 m=56,l=({tags:m})=>{const l=o(),[n,b]=r(!1);return e(t,{style:{display:"flex",flexWrap:"wrap",alignItems:"stretch",maxHeight:n?"none":56,gap:l.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0},alwaysShowTruncator:n,renderTruncator:({hiddenItemsCount:o})=>o>0?e(s,{body:`+${o}`,weight:"light",onClick:e=>{e.stopPropagation(),b(!0)},sx:{background:l.custom.palette.neutral[50],height:
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useTheme as o}from"@mui/material";import{useState as r}from"react";import{TruncatedList as t}from"react-truncate-list";import i from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../BrandCore/textures.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Animations/FadeIn.js";import"../../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormBuilder/FormBuilder.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import a from"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KbdGroup/Kbd.js";import"../../../WebCore/KbdGroup/KbdGroup.js";import p from"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import s from"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"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"../../../BrandCore/Sticker/Sticker.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"../../../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 m=56,l=46,n=({tags:m})=>{const l=o(),[n,b]=r(!1);return e(t,{style:{display:"flex",flexWrap:"wrap",alignItems:"stretch",maxHeight:n?"none":56,gap:l.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0},alwaysShowTruncator:n,renderTruncator:({hiddenItemsCount:o})=>o>0?e(s,{body:`+${o}`,weight:"light",onClick:e=>{e.stopPropagation(),b(!0)},sx:{background:l.custom.palette.neutral[50],height:46}}):e(a,{sizing:"sm",icon:e(i,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),b(!1)},sx:{color:l.custom.palette.icon.primary,height:46}}),children:m.map(({category:o,selection:r})=>e(p,{keyString:o,valueString:r,cursor:"inherit"},o))})};export{l as TagItemHeight,m as TagListCollapsedHeight,n as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const o="more-actions-container",n=(o,n)=>({content:'""',position:"absolute",inset:0,zIndex:n,borderRadius:"inherit",pointerEvents:"none",backgroundColor:o.custom.component.card.interaction.none,transition:"background-color 0.
|
|
1
|
+
const o="more-actions-container",n=(o,n)=>({content:'""',position:"absolute",inset:0,zIndex:n,borderRadius:"inherit",pointerEvents:"none",backgroundColor:o.custom.component.card.interaction.none,transition:"background-color 0.15s ease"}),t=n=>t=>{t.target.closest(`[data-id="${o}"], .MuiPopper-root`)||n?.(t)};export{o as MoreActionsContainerId,t as guardCardClick,n as interactionOverlay};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";import{styled as e,IconButton as t}from"@mui/material";import{forwardRef as r}from"react";import{omitProps as i}from"../../../utils/shouldForwardProp.js";import{getIconButtonRadius as a,elevated as
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import{styled as e,IconButton as t}from"@mui/material";import{forwardRef as r}from"react";import{omitProps as i}from"../../../utils/shouldForwardProp.js";import{getIconButtonRadius as a,elevated as l,raised as n,outlined as s,toggle as c,defaultStyle as u,getIconSizing as d,getIconButtonSizing as m}from"./IconButton.variant-helpers.js";const p=e(t,{shouldForwardProp:i("variation","shape","sizing","toggleColor")})(({theme:o,variation:e,shape:t="default",sizing:r,toggleColor:i})=>({boxSizing:"border-box",transition:"all 200ms ease",overflow:"hidden",color:i?o.custom.palette.icon.lockedWhite:o.custom.palette.icon.primary,"&::before":{content:'""',backgroundColor:"transparent",transition:"all 200ms ease",position:"absolute",inset:0,zIndex:1},...t&&{...a(t,o)},...r&&{...m(r)},"&.MuiIconButton-root":{"&:focus:before":{backgroundColor:o.custom.palette.interaction.none},"@media (hover: hover)":{"&:hover:before":{backgroundColor:o.custom.palette.interaction.hover}},"&:active:before":{backgroundColor:o.custom.palette.interaction.press},"&:focus-visible":{boxShadow:o.custom.boxShadow.input.focus},"&.Mui-disabled":{"&:before":{backgroundColor:o.custom.palette.interaction.disabled,color:o.custom.palette.icon.disabled},"& .MuiSvgIcon-root":{fill:o.custom.palette.icon.disabled,"& path":{fill:"inherit"}}},"& .MuiSvgIcon-root":{fill:i?o.custom.palette.icon.lockedWhite:o.custom.palette.icon.primary,...r&&{...d(r)},position:"relative",zIndex:2},..."default"===e&&{...u(o)},..."toggle"===e&&{...c(o,i)},..."outlined"===e&&{...s(o)},..."raised"===e&&{...n(o)},..."elevated"===e&&{...l(o)},...t&&{...a(t,o)}}})),b=r((e,t)=>o(p,{ref:t,...e}));export{b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as
|
|
1
|
+
import{jsxs as t,jsx as i}from"react/jsx-runtime";import{styled as o,Box as a,Fade as e,Skeleton as r}from"@mui/material";import{useState as n}from"react";import{omitProps as d}from"../../../utils/shouldForwardProp.js";const s=o("img",{shouldForwardProp:d("quickFade")})(({quickFade:t})=>({display:"block",width:"100%",objectFit:"cover",height:"100%",...t?{transition:"opacity 0.2s ease","&.loaded":{opacity:1},"&:not(.loaded)":{opacity:0}}:{transition:"opacity 0.5s ease-in-out, filter 0.5s ease-in-out, transform 0.5s ease-in-out",transitionDelay:"0.2s","&.loaded":{opacity:1,filter:"blur(0px)",transform:"scale(1)"},"&:not(.loaded)":{opacity:0,filter:"blur(15px)",transform:"scale(1.05)"}}})),l=({src:o,alt:d,width:l,height:c,containerSx:h,dominantColor:u,...m})=>{const[p,f]=n(!1);return t(a,{sx:{position:"relative",width:l,height:c,overflow:"hidden",...u&&{backgroundColor:u},...h},children:[!u&&i(e,{in:!p,unmountOnExit:!0,children:i(a,{sx:{width:l,height:c,position:"absolute",inset:0},children:i(r,{variant:"rectangular",width:"100%",height:"100%"})})}),i(s,{onLoad:()=>f(!0),className:p?"loaded":void 0,quickFade:!!u,loading:"lazy",decoding:"async",alt:d,src:o,width:l,height:c,...m})]})};export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{ClickAwayListener as o,Box as i,Popper as t,Fade as n}from"@mui/material";import{usePopupState as s,bindDoubleClick as a,bindFocus as c,bindHover as p,bindToggle as l,bindContextMenu as u,bindTrigger as d,bindPopper as m}from"material-ui-popup-state/hooks";import{mergeSx as v}from"merge-sx";import{useRef as f,useCallback as x,useEffect as h,useMemo as g}from"react";import y from"../Surface/Surface.js";const P={trigger:d,contextMenu:u,toggle:l,hover:p,focus:c,doubleClick:a},k=({bindOn:a=["toggle"],trigger:c,children:p,state:l,hoverLeaveDelay:u=0,...d})=>{const k=l||s({variant:"popper"}),w=f(void 0),A=u>0&&a.includes("hover"),L=x(()=>{w.current&&(clearTimeout(w.current),w.current=void 0)},[]),M=x(e=>{const r=e.onMouseOver,o=e.onMouseLeave;return{onMouseOver:e=>{L(),r?.(e)},...o&&{onMouseLeave:e=>{L(),w.current=setTimeout(()=>o(e),u)}}}},[L,u]);h(()=>L,[L]);const C={transition:!0,sx:v({zIndex:e=>e.zIndex.modal},d.popperProps?.sx),...d.popperProps},b={...d.clickAwayListenerProps,onClickAway:e=>{d.clickAwayListenerProps?.onClickAway?d.clickAwayListenerProps.onClickAway(e,k):k.close()}},O={timeout:300,easing:"ease",...d.transitionFadeProps},{sx:T,...j}={variation:"overlay",borderradius:"md",...d.surfaceProps},z=g(()=>{const e=a.reduce((e,r)=>({...e,...P[r](k)}),{});return A?{...e,...M(e)}:e},[a,k,A,M]),I=m(k),S=A?M(I):void 0;return e(o,{...b,children:r(i,{children:[e(i,{sx:{display:"flex"},...z,children:c}),e(t,{...I,...C,...S,children:({TransitionProps:r})=>e(n,{...r,...O,children:e(y,{sx:v({p:2},T),...j,children:p})})})]})})};export{k as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("./primitiveColor.js");const r={light:{surface:{sunken:e.neutral[50],default:e.neutral[0],raised:e.neutral[0],overlay:e.neutral[0],scrim:e.neutralAlpha[5],transparent:e.neutralAlpha[.01]},interaction:{none:e.neutralAlpha[0],hover:e.neutralAlpha[1],press:e.neutralAlpha[2],hoverOnDark:e.neutralAlpha[3],pressOnDark:e.neutralAlpha[4],disabled:e.neutralAlpha[2],disabledMuted:e.neutralAlpha[1]},stroke:{default:e.neutral[200],strong:e.neutral[200],light:e.neutral[100],subtle:e.neutral[100],transparent:e.neutralAlpha[2],focus:e.purple[500],disabled:e.neutral[100]},text:{primary:e.neutral[1e3],secondary:e.neutral[600],placeholder:e.neutral[400],disabled:e.neutral[300],link:e.purple[800],linkHover:e.purple[900],primaryInverted:e.neutral[0],secondaryInverted:e.neutral[400],placeholderInverted:e.neutral[600],disabledInverted:e.neutral[700],positive:e.green[800],negative:e.red[700],lockedWhite:e.neutral[0]},icon:{primary:e.neutral[1e3],secondary:e.neutral[600],disabled:e.neutral[300],primaryInverted:e.neutral[0],secondaryInverted:e.neutral[400],disabledInverted:e.neutral[700],positive:e.green[800],negative:e.red[700],lockedWhite:e.neutral[0],link:e.purple[800],linkHover:e.purple[900]},input:{default:e.neutral[0],disabled:"#FFFFFF80"},skeleton:{default:e.neutralAlpha[2]},data:{sentimentVeryPositive:e.green[300],sentimentPositive:e.green[100],sentimentNeutral:e.neutral[100],sentimentNegative:e.red[100],sentimentVeryNegative:e.red[300]}},dark:{surface:{sunken:e.darkNeutral[0],default:e.darkNeutral[50],raised:e.darkNeutral[100],overlay:e.darkNeutral[200],scrim:e.
|
|
1
|
+
"use strict";var e=require("./primitiveColor.js");const r={light:{surface:{sunken:e.neutral[50],default:e.neutral[0],raised:e.neutral[0],overlay:e.neutral[0],scrim:"rgba(0, 0, 0, 0.50)",scrimBrand:e.neutralAlpha[5],transparent:e.neutralAlpha[.01]},interaction:{none:e.neutralAlpha[0],hover:e.neutralAlpha[1],press:e.neutralAlpha[2],hoverOnDark:e.neutralAlpha[3],pressOnDark:e.neutralAlpha[4],disabled:e.neutralAlpha[2],disabledMuted:e.neutralAlpha[1]},stroke:{default:e.neutral[200],strong:e.neutral[200],light:e.neutral[100],subtle:e.neutral[100],transparent:e.neutralAlpha[2],focus:e.purple[500],disabled:e.neutral[100]},text:{primary:e.neutral[1e3],secondary:e.neutral[600],placeholder:e.neutral[400],disabled:e.neutral[300],link:e.purple[800],linkHover:e.purple[900],primaryInverted:e.neutral[0],secondaryInverted:e.neutral[400],placeholderInverted:e.neutral[600],disabledInverted:e.neutral[700],positive:e.green[800],negative:e.red[700],lockedWhite:e.neutral[0]},icon:{primary:e.neutral[1e3],secondary:e.neutral[600],disabled:e.neutral[300],primaryInverted:e.neutral[0],secondaryInverted:e.neutral[400],disabledInverted:e.neutral[700],positive:e.green[800],negative:e.red[700],lockedWhite:e.neutral[0],link:e.purple[800],linkHover:e.purple[900]},input:{default:e.neutral[0],disabled:"#FFFFFF80"},skeleton:{default:e.neutralAlpha[2]},data:{sentimentVeryPositive:e.green[300],sentimentPositive:e.green[100],sentimentNeutral:e.neutral[100],sentimentNegative:e.red[100],sentimentVeryNegative:e.red[300]}},dark:{surface:{sunken:e.darkNeutral[0],default:e.darkNeutral[50],raised:e.darkNeutral[100],overlay:e.darkNeutral[200],scrim:"rgba(0, 0, 0, 0.50)",scrimBrand:e.neutralAlpha[5],transparent:e.darkNeutralAlpha[.01]},interaction:{none:e.darkNeutralAlpha[0],hover:e.darkNeutralAlpha[1],press:e.darkNeutralAlpha[2],hoverOnDark:e.darkNeutralAlpha[3],pressOnDark:e.darkNeutralAlpha[4],disabled:e.darkNeutralAlpha[2],disabledMuted:e.darkNeutralAlpha[1]},stroke:{default:e.darkNeutral[200],strong:e.darkNeutral[200],light:e.darkNeutral[100],subtle:e.darkNeutral[100],transparent:e.darkNeutralAlpha[2],focus:e.purple[500],disabled:e.darkNeutral[100]},text:{primary:e.darkNeutral[1e3],secondary:e.darkNeutral[700],placeholder:e.darkNeutral[400],disabled:e.darkNeutral[300],link:e.purple[100],linkHover:e.purple[0],primaryInverted:e.darkNeutral[0],secondaryInverted:e.darkNeutral[400],placeholderInverted:e.darkNeutral[600],disabledInverted:e.darkNeutral[700],positive:e.green[300],negative:e.red[300],lockedWhite:e.neutral[0]},icon:{primary:e.darkNeutral[1e3],secondary:e.darkNeutral[700],disabled:e.darkNeutral[300],primaryInverted:e.darkNeutral[0],secondaryInverted:e.darkNeutral[400],disabledInverted:e.darkNeutral[700],positive:e.green[300],negative:e.red[300],lockedWhite:e.neutral[0],link:e.purple[100],linkHover:e.purple[0]},input:{default:e.darkNeutral[100],disabled:"#2A223C80"},skeleton:{default:e.darkNeutralAlpha[2]},data:{sentimentVeryPositive:e.green[600],sentimentPositive:e.green[800],sentimentNeutral:e.darkNeutral[100],sentimentNegative:e.red[800],sentimentVeryNegative:e.red[600]}}};exports.semantic=r;
|
|
@@ -36,6 +36,7 @@ interface SemanticColor {
|
|
|
36
36
|
raised: string | undefined;
|
|
37
37
|
overlay: string | undefined;
|
|
38
38
|
scrim: string | undefined;
|
|
39
|
+
scrimBrand: string | undefined;
|
|
39
40
|
transparent: string | undefined;
|
|
40
41
|
};
|
|
41
42
|
interaction: {
|
|
@@ -106,6 +107,7 @@ interface SemanticColor {
|
|
|
106
107
|
raised: string | undefined;
|
|
107
108
|
overlay: string | undefined;
|
|
108
109
|
scrim: string | undefined;
|
|
110
|
+
scrimBrand: string | undefined;
|
|
109
111
|
transparent: string | undefined;
|
|
110
112
|
};
|
|
111
113
|
interaction: {
|
|
@@ -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("
|
|
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("./_partials/Thumbnail.js"),a=require("./_partials/UpdatedInfo.js"),s=require("../utils/cardInteraction.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("../../BrandCore/Sticker/Sticker.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:j,draftCount:b,updatedAt:p,moreActions:q,thumbnail:c,thumbnails:m,assetCount:W,noThumbnailMessage:B,isDemo:h,loading:x,onClick:S,user:y})=>{const g={viewType:n,loading:x,thumbnail:c,thumbnails:m,assetCount:W,title:l,description:d,noThumbnailMessage:B,isDemo:h},I=y?{name:[y.firstName,y.lastName].filter(Boolean).join(" "),userId:y.id,avatarSrc:y.profileImage}:void 0,L=x?{pointerEvents:"none"}:void 0;return"list"===n?e.jsx(t.CardContainer,{viewType:"list",sx:L,children:e.jsxs(t.CardActionArea,{viewType:"list",component:"div",onClick:s.guardCardClick(S),children:[e.jsx(o,{...g}),e.jsxs(t.CardContent,{viewType:"list",children:[x?e.jsx(u,{width:"100%",height:20}):e.jsx(i,{title:l,maxLines:1}),e.jsx(t.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:j,drafts:b}),e.jsx(a,{updatedDate:p,...I,noWrap:!0})]})})]}),!x&&q&&e.jsx(t.MoreActionsContainer,{viewType:"list","data-id":s.MoreActionsContainerId,children:q})]})}):e.jsxs(t.CardContainer,{sx:L,children:[e.jsxs(t.CardActionArea,{component:"div",onClick:s.guardCardClick(S),children:[e.jsx(o,{...g}),e.jsxs(t.CardContent,{children:[e.jsx(t.TitleRow,{sx:x?{height:32}:void 0,children:x?e.jsx(u,{}):e.jsx(i,{title:l,maxLines:4})}),x?e.jsx(u,{height:20}):e.jsx(r,{loops:C,tests:j,drafts:b}),x?e.jsx(u,{height:16,width:"60%"}):e.jsx(a,{updatedDate:p,...I})]})]}),!x&&q&&e.jsx(t.MoreActionsContainer,{"data-id":s.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("../../../BrandCore/Sticker/Sticker.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:
|
|
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("../../../BrandCore/Sticker/Sticker.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");const s=e=>"string"==typeof e?{src:e}:e;module.exports=({viewType:u="grid",loading:l,thumbnail:n,thumbnails:b,assetCount:C,title:d,description:j,noThumbnailMessage:q,isDemo:p})=>{const c=b?.filter(Boolean)??[],W=(c.length?c:n?[n]:[]).map(s),m=W.slice(0,"grid"===u?4:1),B="grid"===u?Math.max((C??W.length)-m.length,0):0;return e.jsx(t.ImageContainer,{viewType:u,"data-id":t.ImageContainerId,children:l?e.jsx(a,{}):e.jsxs(e.Fragment,{children:[p&&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(({src:r,dominantColor:o},a)=>e.jsxs(t.CollageCell,{children:[e.jsx(t.LazyImage,{thumbnail:r,dominantColor:o,title:d,description:j}),B>0&&a===m.length-1&&e.jsx(t.CollageScrim,{children:e.jsxs(i.Text,{size:"xl",bold:!0,lockedWhite:!0,children:["+",B]})})]},`${r}-${a}`))}),!m.length&&q&&e.jsx(r,{text:q,textSizing:"grid"===u?"sm":"xxs"})]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("../../utils/cardInteraction.js");require("../../../../utils/formValidation/misc.js"),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");var t=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("../../../BrandCore/Sticker/Sticker.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");var i=require("../../../../utils/shouldForwardProp.js");require("../../../WebCore/Select/StyledSelect.js"),require("../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../../WebCore/SortableList/SortableList.js"),require("../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../../WebCore/Skeleton/Skeleton.js"),require("../../../WebCore/Slider/StyledSlider.js"),require("../../../WebCore/StarRating/StarRating.js"),require("../../../WebCore/Switch/StyledSwitch.js"),require("../../../WebCore/Textarea/Textarea.js"),require("../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../WebCore/TrialCard/TrialPill.js"),require("../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../WebCore/VideoModal/VideoModal.js"),require("../../../WebCore/TintedSurface/TintedSurface.js");const a="image-container",s=r.styled(r.Box,{shouldForwardProp:i.omitProps("viewType")})(({theme:e,viewType:t="grid"})=>{const{card:i}=e.custom.component;return{width:"100%",position:"relative",transition:"all 0.
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("../../utils/cardInteraction.js");require("../../../../utils/formValidation/misc.js"),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");var t=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("../../../BrandCore/Sticker/Sticker.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");var i=require("../../../../utils/shouldForwardProp.js");require("../../../WebCore/Select/StyledSelect.js"),require("../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../../WebCore/SortableList/SortableList.js"),require("../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../../WebCore/Skeleton/Skeleton.js"),require("../../../WebCore/Slider/StyledSlider.js"),require("../../../WebCore/StarRating/StarRating.js"),require("../../../WebCore/Switch/StyledSwitch.js"),require("../../../WebCore/Textarea/Textarea.js"),require("../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../WebCore/TrialCard/TrialPill.js"),require("../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../WebCore/VideoModal/VideoModal.js"),require("../../../WebCore/TintedSurface/TintedSurface.js");const a="image-container",s=r.styled(r.Box,{shouldForwardProp:i.omitProps("viewType")})(({theme:e,viewType:t="grid"})=>{const{card:i}=e.custom.component;return{width:"100%",position:"relative",transition:"all 0.15s ease","&:hover .ProjectItem__Title":{textDecoration:"underline"},[`&:hover *[data-id="${o.MoreActionsContainerId}"]`]:{opacity:1},"&::after":o.interactionOverlay(e,0),[`& > .${r.cardActionAreaClasses.root}`]:{position:"relative",zIndex:1},contentVisibility:"auto",containIntrinsicSize:"grid"===t?"auto 380px":"auto 90px",..."grid"===t?{minWidth:280,maxWidth:400,background:i.surface.default,border:`1px solid ${i.stroke.default}`,borderRadius:e.spacing(i.radius),boxShadow:e.custom.elevation.raised,"&:hover":{borderColor:i.stroke.hover,boxShadow:e.custom.elevation.float,[`&::after, *[data-id="${a}"]::after`]:{backgroundColor:i.interaction.hover}},[`&:has(> .${r.cardActionAreaClasses.root}:active)`]:{borderColor:i.stroke.default,[`&::after, *[data-id="${a}"]::after`]:{backgroundColor:i.interaction.press}}}:{border:"0 solid transparent",borderBottom:`1px solid ${e.custom.palette.stroke.light}`,"&:hover::after":{backgroundColor:i.interaction.hover},[`&:has(> .${r.cardActionAreaClasses.root}:active):not(:has([data-id="${o.MoreActionsContainerId}"] :active))::after`]:{backgroundColor:i.interaction.press}}}}),n=r.styled(r.CardActionArea,{shouldForwardProp:i.omitProps("viewType")})(({theme:e,viewType:o="grid"})=>({cursor:"pointer",..."list"===o?{display:"flex",gap:e.spacing(e.custom.margin.sm),alignItems:"center",padding:e.spacing(e.custom.padding.xs)}:{height:"100%",display:"flex",flexDirection:"column",alignItems:"stretch"},[`& .${r.cardActionAreaClasses.focusHighlight}`]:{display:"none"}})),l=r.styled(r.Box,{shouldForwardProp:i.omitProps("viewType")})(({theme:e,viewType:r="grid"})=>({overflow:"hidden",position:"relative",..."grid"===r?{width:"100%",aspectRatio:1.5,borderTopLeftRadius:`calc(${e.spacing(e.custom.component.card.radius)} - 1px)`,borderTopRightRadius:`calc(${e.spacing(e.custom.component.card.radius)} - 1px)`,"&::after":o.interactionOverlay(e,1)}:{height:72,width:108,borderRadius:e.spacing(e.custom.radius.md)}})),u=r.styled(r.Box,{shouldForwardProp:i.omitProps("count")})(({count:e})=>({width:"100%",height:"100%",display:"grid",gridTemplateColumns:1===e?"1fr":"1fr 1fr",gridTemplateRows:e<=2?"1fr":"1fr 1fr",...3===e&&{"& > *:first-of-type":{gridRow:"span 2"}}})),d=r.styled(r.Box)({position:"relative",overflow:"hidden",minWidth:0,minHeight:0}),p=r.styled(r.Box)(({theme:e})=>({position:"absolute",inset:0,zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:e.custom.palette.surface.scrim})),c=r.styled(r.CardContent,{shouldForwardProp:i.omitProps("viewType")})(({theme:e,viewType:r="grid"})=>({display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.sm),..."grid"===r?{padding:e.spacing(e.custom.padding.md),width:"100%",borderTop:`1px solid ${e.custom.palette.stroke.subtle}`,flexGrow:1,"& > *:last-child":{marginTop:"auto"}}:{paddingTop:e.spacing(e.custom.padding.xs),paddingBottom:e.spacing(e.custom.padding.xs),paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:0,overflow:"hidden",minWidth:67,flex:1,"&:last-child":{paddingBottom:0}}})),m=r.styled(r.Box,{shouldForwardProp:i.omitProps("viewType")})(({theme:e,viewType:o="grid"})=>({opacity:0,transition:"opacity 0.3s ease",..."grid"===o&&{position:"absolute",top:8,right:8,zIndex:2},"&:has(:focus-visible)":{opacity:1},[`&& .${r.iconButtonClasses.root}`]:{backgroundColor:e.custom.palette.surface.default,border:`1px solid ${e.custom.palette.stroke.default}`}})),b=r.styled(r.Box)(({theme:e})=>({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"start",gap:e.spacing(e.custom.margin.xs),"& > p":{alignSelf:"center"}})),C=r.styled(r.Stack)(({theme:e})=>({flexDirection:"row",alignItems:"center",flexWrap:"wrap",columnGap:e.spacing(e.custom.margin.sm),rowGap:e.spacing(e.custom.margin.xs),justifyContent:"space-between","& > *:last-child":{flexShrink:0}})),g=r.styled(r.Box,{shouldForwardProp:i.omitProps("viewType")})(({theme:e,viewType:r="grid"})=>({width:"grid"===r?"100%":108,height:"grid"===r?"100%":72,backgroundColor:e.custom.palette.purple[0],display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"grid"===r?0:e.spacing(e.custom.radius.md),"& svg":{height:"grid"===r?64:32,width:"grid"===r?64:32}}));exports.CardActionArea=n,exports.CardContainer=s,exports.CardContent=c,exports.Collage=u,exports.CollageCell=d,exports.CollageScrim=p,exports.ImageContainer=l,exports.ImageContainerId=a,exports.LazyImage=({title:r,description:o,thumbnail:i,dominantColor:a})=>{const s=[r,o].filter(Boolean).join(" | ");return e.jsx(t,{src:i??void 0,dominantColor:a,alt:s,title:s,width:"100%",height:"100%"})},exports.ListImageHeight=72,exports.ListImageWidth=108,exports.ListInfoRow=C,exports.MoreActionsContainer=m,exports.Tile=g,exports.TitleRow=b;
|
|
@@ -12,12 +12,16 @@ interface UserProps {
|
|
|
12
12
|
jobTitle: string | null;
|
|
13
13
|
role: string | null;
|
|
14
14
|
}
|
|
15
|
+
interface ProjectThumbnail {
|
|
16
|
+
src: string;
|
|
17
|
+
dominantColor?: string | null;
|
|
18
|
+
}
|
|
15
19
|
interface ProjectItemDataProps {
|
|
16
20
|
id: string;
|
|
17
21
|
postId: string;
|
|
18
22
|
versionId: string;
|
|
19
|
-
thumbnail?: string | null;
|
|
20
|
-
thumbnails?: string[] | null;
|
|
23
|
+
thumbnail?: string | ProjectThumbnail | null;
|
|
24
|
+
thumbnails?: (string | ProjectThumbnail)[] | null;
|
|
21
25
|
assetCount?: number | null;
|
|
22
26
|
noThumbnailMessage?: string | null;
|
|
23
27
|
demoSurveyId: string;
|
|
@@ -46,4 +50,4 @@ interface ProjectItemEmptyProps {
|
|
|
46
50
|
title: string;
|
|
47
51
|
}
|
|
48
52
|
|
|
49
|
-
export type { ProjectItemDataProps, ProjectItemEmptyProps, ProjectItemProps, ProjectItemViewType, UserProps };
|
|
53
|
+
export type { ProjectItemDataProps, ProjectItemEmptyProps, ProjectItemProps, ProjectItemViewType, ProjectThumbnail, UserProps };
|
|
@@ -12,7 +12,7 @@ declare const SliderGraphWrapper: _emotion_styled.StyledComponent<_mui_system.Bo
|
|
|
12
12
|
} & {
|
|
13
13
|
responsive?: boolean;
|
|
14
14
|
}, {}, {}>;
|
|
15
|
-
declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ListItemButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof _mui_material.ListItemButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "
|
|
15
|
+
declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ListItemButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof _mui_material.ListItemButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled" | "sx" | "alignItems" | "style" | "children" | "autoFocus" | "className" | "tabIndex" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "dense" | "disableGutters" | "divider" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
|
|
16
16
|
component?: React.ElementType | undefined;
|
|
17
17
|
} & {
|
|
18
18
|
maxHeight: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),a=require("@number-flow/react"),s=require("../../BrandCore/Icon/Icon.js"),r=require("../../WebCore/IconButton/IconButton.js");require("../../BrandCore/primitiveVariables.js");var i=require("../../WebCore/Menu/Menu.js"),o=require("../../WebCore/ProgressBar/ProgressBar.js"),n=require("../../WebCore/Text/Text.js"),d=require("../EditedByAvatar/EditedByAvatar.js"),l=require("../TestStatus/helpers/index.js"),c=require("../TestStatus/TestStatus.js"),m=require("../utils/cardInteraction.js"),u=require("./_partials/AnimatedDuration.js"),p=require("./_partials/FooterStat.js"),x=require("./_partials/Root.js"),g=require("./_partials/StatCard.js"),j=require("./_partials/TagList.js"),b=require("./helpers.js");function h(e){return e&&e.__esModule?e:{default:e}}var f=h(a);module.exports=({status:a,title:h,activityDescription:C,updatedBy:v,tags:y,menuItems:T,progress:q,counts:B,animated:k=!0,selected:I=!1,disabled:S=!1,onClick:w,..._})=>{const z=t.useTheme(),{card:M}=z.custom.component,$=`1px solid ${z.custom.palette.stroke.transparent}`;return e.jsx(x,{variation:"raised",selected:I,disabled:S,compact:"draft"===a,tabIndex:S?-1:0,..._,onClick:m.guardCardClick(w),children:e.jsxs(t.Stack,{component:"article",sx:{gap:z.m.md,height:"100%"},children:[e.jsxs(t.Stack,{component:"header",sx:{gap:z.m.sm},children:[e.jsxs(t.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"start",gap:z.m.sm},children:[e.jsx(c,{status:a,sizing:"xs"}),Boolean(T?.length)&&e.jsx(t.Box,{"data-id":m.MoreActionsContainerId,children:e.jsx(i.default,{trigger:e.jsx(r,{icon:e.jsx(s.default,{name:"more-horizontal",size:16}),variation:"outlined",className:"TestItem__Menu",sx:{width:24,aspectRatio:1,borderRadius:"100% !important",transition:"opacity 0.3s ease",opacity:0,"&:focus":{background:`${z.custom.palette.interaction.press} !important`,opacity:1}}}),menuItems:T,width:200,offset:[0,8],placement:"bottom-end"})})]}),e.jsx(n.Text,{size:"md",bold:!0,disabled:S,className:"TestItem__Title",clamp:4,children:h}),"draft"===a?y&&y.length>0&&e.jsx(j.default,{tags:y}):e.jsx(t.Box,{sx:{minHeight:j.TagItemHeight},children:y&&y.length>0&&e.jsx(j.default,{tags:y})})]}),q&&e.jsx(t.Box,{sx:{background:M.surface.elevated,border:`1px solid ${M.stroke.default}`,borderRadius:z.r.md,...b.respondToCollapse(z,{padding:z.p.md},{padding:`${z.p.md} ${z.p.md} ${z.p.sm}`})},children:e.jsxs(t.Stack,{sx:b.respondToCollapse(z,{gap:z.m.md},{gap:z.m.sm}),children:[e.jsx(o,{variation:"determinate",value:b.getCompletionPercentage(q),sx:{height:8,"&.MuiLinearProgress-root .MuiLinearProgress-bar":{backgroundColor:S?z.custom.palette.icon.disabled:l.getColorByStatus(z,a)}}}),e.jsxs(t.Box,{sx:{display:"grid",...b.respondToCollapse(z,{gridTemplateColumns:"repeat(3, 1fr)","& > :not(:last-child)":{borderRight:$,borderBottom:"none"}},{gridTemplateColumns:"auto","& > *":{paddingBlock:z.p.xs},"& > :not(:last-child)":{borderBottom:$,borderRight:"none"}})},children:[e.jsx(g,{label:"Completed",value:e.jsx(f.default,{value:q.completed,animated:k}),secondary:`of ${q.total}`,disabled:S}),e.jsx(g,{label:"Drop off",value:e.jsxs(e.Fragment,{children:[e.jsx(f.default,{value:b.getIncompletePercentage(q),animated:k}),"%"]}),secondary:e.jsxs(e.Fragment,{children:[e.jsx(f.default,{value:q.incomplete,animated:k})," respondents"]}),disabled:S}),e.jsx(g,{label:"Duration",value:e.jsx(u,{seconds:q.averageDurationSeconds,animated:k}),secondary:"average",disabled:S})]})]})}),e.jsxs(t.Stack,{component:"footer",direction:"row",sx:{justifyContent:C||v?"space-between":"flex-end",alignItems:"center",gap:z.m.sm,marginTop:"auto"},children:[(C||v)&&e.jsxs(t.Stack,{direction:"row",sx:{alignItems:"center",gap:z.m.xs,minWidth:0},children:[v&&e.jsx(d.default,{...v,disabled:S}),C&&e.jsx(n.Text,{clamp:1,size:"xxs",secondary:!0,disabled:S,sx:b.respondToCollapse(z,{fontSize:z.custom.typography.body.xxs},{fontSize:z.custom.typography.body.sm}),children:C})]}),"draft"!==a&&e.jsxs(t.Stack,{direction:"row",sx:{alignItems:"center",gap:z.m.md,flexShrink:0},children:[e.jsx(p,{animated:k,iconName:"data-bar",label:"answers",value:B?.answers??0,disabled:S}),e.jsx(p,{animated:k,iconName:"comment-filled",label:"comments",value:B?.comments??0,disabled:S})]})]})]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@mui/material");require("react");var o=require("../../../../utils/shouldForwardProp.js"),r=require("../../../WebCore/Surface/Surface.js"),t=require("../../utils/cardInteraction.js");const i=e.styled(r,{shouldForwardProp:o.omitProps("selected","disabled")})(({theme:e,selected:o,disabled:r})=>{const{card:
|
|
1
|
+
"use strict";var e=require("@mui/material");require("react");var o=require("../../../../utils/shouldForwardProp.js"),r=require("../../../WebCore/Surface/Surface.js"),t=require("../../utils/cardInteraction.js");const i=e.styled(r,{shouldForwardProp:o.omitProps("selected","disabled","compact")})(({theme:e,selected:o,disabled:r,compact:i})=>{const{card:a}=e.custom.component;return{position:"relative",containerType:"inline-size",padding:e.p.md,border:`1px solid ${o?a.stroke.selected:a.stroke.default}`,borderRadius:e.spacing(a.radius),width:"100%",minWidth:312,maxWidth:576,...i&&{alignSelf:"start"},cursor:r?"default":"pointer",transition:"border-color 0.15s ease, box-shadow 0.15s ease",...o&&{backgroundColor:a.surface.selected},"&:hover .TestItem__Menu":{opacity:1},"&::after":{...t.interactionOverlay(e,0),...r&&{backgroundColor:a.interaction.disabled}},"& > article":{position:"relative",zIndex:1},...r?{pointerEvents:"none"}:{"&:hover .TestItem__Title, &:active .TestItem__Title":{textDecoration:"underline"},"&&:hover":{...!o&&{borderColor:a.stroke.hover},boxShadow:e.custom.elevation.float,"&::after":{backgroundColor:a.interaction.hover}},[`&&:active:not(:has([data-id="${t.MoreActionsContainerId}"] :active))::after`]:{backgroundColor:a.interaction.press},"&&:focus-visible":{outline:"none",...!o&&{borderColor:a.stroke.default},boxShadow:e.custom.boxShadow.input.focus}}}});module.exports=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("react"),o=require("react-truncate-list"),i=require("../../../BrandCore/Icon/Icon.js");require("../../../../utils/formValidation/misc.js"),require("../../../BrandCore/primitiveVariables.js"),require("../../../WebCore/utils/typography.util.js"),require("../../../BrandCore/textures.js"),require("../../../WebCore/AnnualController/AnnualController.js"),require("../../../WebCore/SelectItem/SelectItem.js"),require("../../../WebCore/Accordion/Accordion.js"),require("../../../WebCore/Animations/FadeIn.js"),require("../../../WebCore/Text/Text.js"),require("@mui/icons-material"),require("../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../../WebCore/Badge/Badge.js"),require("../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../WebCore/Button/Button.js"),require("../../../WebCore/ButtonBase/ButtonBase.js"),require("../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../../WebCore/Checkbox/StyledCheckbox.js"),require("../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../WebCore/Differential/DifferentialContainer.js"),require("../../../WebCore/Differential/DifferentialRadio.js"),require("../../../WebCore/DropdownMenu/StyledMenu.js"),require("../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../../WebCore/FormBuilder/FormBuilder.js"),require("../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var a=require("../../../WebCore/IconButton/IconButton.js");require("../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../WebCore/Image/Image.js"),require("../../../WebCore/KbdGroup/Kbd.js"),require("../../../WebCore/KbdGroup/KbdGroup.js");var u=require("../../../WebCore/KeyValueLabel/KeyValueLabel.js"),s=require("../../../WebCore/Label/Label.js");require("../../../WebCore/Likert/LikertContainer.js"),require("../../../WebCore/Likert/LikertLabel.js"),require("../../../WebCore/Likert/LikertRadio.js"),require("../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../WebCore/Surface/Surface.js"),require("../../../WebCore/Menu/MenuItem.js"),require("../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../WebCore/Nudge/NudgeButton.js"),require("../../../WebCore/NumberField/NumberField.js"),require("../../../BrandCore/colorRamps.js"),require("../../../BrandCore/semanticColor.js"),require("../../../BrandCore/types.js"),require("../../../BrandCore/typography.js"),require("../../../BrandCore/Sticker/Sticker.js"),require("../../../WebCore/Progress/Progress.js"),require("../../../WebCore/Pill/StyledPill.js"),require("../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../WebCore/Radio/StyledRadio.js"),require("../../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../../WebCore/Select/StyledSelect.js"),require("../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../../WebCore/SortableList/SortableList.js"),require("../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../../WebCore/Skeleton/Skeleton.js"),require("../../../WebCore/Slider/StyledSlider.js"),require("../../../WebCore/StarRating/StarRating.js"),require("../../../WebCore/Switch/StyledSwitch.js"),require("../../../WebCore/Textarea/Textarea.js"),require("../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../WebCore/TrialCard/TrialPill.js"),require("../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../WebCore/VideoModal/VideoModal.js"),require("../../../WebCore/TintedSurface/TintedSurface.js");exports.TagListCollapsedHeight=56,exports.default=({tags:l})=>{const n=r.useTheme(),[b,C]=t.useState(!1);return e.jsx(o.TruncatedList,{style:{display:"flex",flexWrap:"wrap",alignItems:"stretch",maxHeight:b?"none":56,gap:n.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0},alwaysShowTruncator:b,renderTruncator:({hiddenItemsCount:r})=>r>0?e.jsx(s,{body:`+${r}`,weight:"light",onClick:e=>{e.stopPropagation(),C(!0)},sx:{background:n.custom.palette.neutral[50],height:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("react"),o=require("react-truncate-list"),i=require("../../../BrandCore/Icon/Icon.js");require("../../../../utils/formValidation/misc.js"),require("../../../BrandCore/primitiveVariables.js"),require("../../../WebCore/utils/typography.util.js"),require("../../../BrandCore/textures.js"),require("../../../WebCore/AnnualController/AnnualController.js"),require("../../../WebCore/SelectItem/SelectItem.js"),require("../../../WebCore/Accordion/Accordion.js"),require("../../../WebCore/Animations/FadeIn.js"),require("../../../WebCore/Text/Text.js"),require("@mui/icons-material"),require("../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../../WebCore/Badge/Badge.js"),require("../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../WebCore/Button/Button.js"),require("../../../WebCore/ButtonBase/ButtonBase.js"),require("../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../../WebCore/Checkbox/StyledCheckbox.js"),require("../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../WebCore/Differential/DifferentialContainer.js"),require("../../../WebCore/Differential/DifferentialRadio.js"),require("../../../WebCore/DropdownMenu/StyledMenu.js"),require("../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../../WebCore/FormBuilder/FormBuilder.js"),require("../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var a=require("../../../WebCore/IconButton/IconButton.js");require("../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../WebCore/Image/Image.js"),require("../../../WebCore/KbdGroup/Kbd.js"),require("../../../WebCore/KbdGroup/KbdGroup.js");var u=require("../../../WebCore/KeyValueLabel/KeyValueLabel.js"),s=require("../../../WebCore/Label/Label.js");require("../../../WebCore/Likert/LikertContainer.js"),require("../../../WebCore/Likert/LikertLabel.js"),require("../../../WebCore/Likert/LikertRadio.js"),require("../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../WebCore/Surface/Surface.js"),require("../../../WebCore/Menu/MenuItem.js"),require("../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../WebCore/Nudge/NudgeButton.js"),require("../../../WebCore/NumberField/NumberField.js"),require("../../../BrandCore/colorRamps.js"),require("../../../BrandCore/semanticColor.js"),require("../../../BrandCore/types.js"),require("../../../BrandCore/typography.js"),require("../../../BrandCore/Sticker/Sticker.js"),require("../../../WebCore/Progress/Progress.js"),require("../../../WebCore/Pill/StyledPill.js"),require("../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../WebCore/Radio/StyledRadio.js"),require("../../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../../WebCore/Select/StyledSelect.js"),require("../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../../WebCore/SortableList/SortableList.js"),require("../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../../WebCore/Skeleton/Skeleton.js"),require("../../../WebCore/Slider/StyledSlider.js"),require("../../../WebCore/StarRating/StarRating.js"),require("../../../WebCore/Switch/StyledSwitch.js"),require("../../../WebCore/Textarea/Textarea.js"),require("../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../WebCore/TrialCard/TrialPill.js"),require("../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../WebCore/VideoModal/VideoModal.js"),require("../../../WebCore/TintedSurface/TintedSurface.js");exports.TagItemHeight=46,exports.TagListCollapsedHeight=56,exports.default=({tags:l})=>{const n=r.useTheme(),[b,C]=t.useState(!1);return e.jsx(o.TruncatedList,{style:{display:"flex",flexWrap:"wrap",alignItems:"stretch",maxHeight:b?"none":56,gap:n.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0},alwaysShowTruncator:b,renderTruncator:({hiddenItemsCount:r})=>r>0?e.jsx(s,{body:`+${r}`,weight:"light",onClick:e=>{e.stopPropagation(),C(!0)},sx:{background:n.custom.palette.neutral[50],height:46}}):e.jsx(a,{sizing:"sm",icon:e.jsx(i.default,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),C(!1)},sx:{color:n.custom.palette.icon.primary,height:46}}),children:l.map(({category:r,selection:t})=>e.jsx(u,{keyString:r,valueString:t,cursor:"inherit"},r))})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const o="more-actions-container";exports.MoreActionsContainerId=o,exports.guardCardClick=t=>n=>{n.target.closest(`[data-id="${o}"], .MuiPopper-root`)||t?.(n)},exports.interactionOverlay=(o,t)=>({content:'""',position:"absolute",inset:0,zIndex:t,borderRadius:"inherit",pointerEvents:"none",backgroundColor:o.custom.component.card.interaction.none,transition:"background-color 0.
|
|
1
|
+
"use strict";const o="more-actions-container";exports.MoreActionsContainerId=o,exports.guardCardClick=t=>n=>{n.target.closest(`[data-id="${o}"], .MuiPopper-root`)||t?.(n)},exports.interactionOverlay=(o,t)=>({content:'""',position:"absolute",inset:0,zIndex:t,borderRadius:"inherit",pointerEvents:"none",backgroundColor:o.custom.component.card.interaction.none,transition:"background-color 0.15s ease"});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("react/jsx-runtime"),e=require("@mui/material"),t=require("react"),i=require("../../../utils/shouldForwardProp.js"),r=require("./IconButton.variant-helpers.js");const a=e.styled(e.IconButton,{shouldForwardProp:i.omitProps("variation","shape","sizing","toggleColor")})(({theme:o,variation:e,shape:t="default",sizing:i,toggleColor:a})=>({boxSizing:"border-box",transition:"all 200ms ease",overflow:"hidden","&::before":{content:'""',backgroundColor:"transparent",transition:"all 200ms ease",position:"absolute",inset:0,zIndex:1},...t&&{...r.getIconButtonRadius(t,o)},...i&&{...r.getIconButtonSizing(i)},"&.MuiIconButton-root":{"&:focus:before":{backgroundColor:o.custom.palette.interaction.none},"@media (hover: hover)":{"&:hover:before":{backgroundColor:o.custom.palette.interaction.hover}},"&:active:before":{backgroundColor:o.custom.palette.interaction.press},"&:focus-visible":{boxShadow:o.custom.boxShadow.input.focus},"&.Mui-disabled":{"&:before":{backgroundColor:o.custom.palette.interaction.disabled,color:o.custom.palette.icon.disabled},"& .MuiSvgIcon-root":{fill:o.custom.palette.icon.disabled,"& path":{fill:"inherit"}}},"& .MuiSvgIcon-root":{fill:a?o.custom.palette.icon.lockedWhite:o.custom.palette.icon.primary,...i&&{...r.getIconSizing(i)},position:"relative",zIndex:2},..."default"===e&&{...r.defaultStyle(o)},..."toggle"===e&&{...r.toggle(o,a)},..."outlined"===e&&{...r.outlined(o)},..."raised"===e&&{...r.raised(o)},..."elevated"===e&&{...r.elevated(o)},...t&&{...r.getIconButtonRadius(t,o)}}})),n=t.forwardRef((e,t)=>o.jsx(a,{ref:t,...e}));module.exports=n;
|
|
1
|
+
"use strict";var o=require("react/jsx-runtime"),e=require("@mui/material"),t=require("react"),i=require("../../../utils/shouldForwardProp.js"),r=require("./IconButton.variant-helpers.js");const a=e.styled(e.IconButton,{shouldForwardProp:i.omitProps("variation","shape","sizing","toggleColor")})(({theme:o,variation:e,shape:t="default",sizing:i,toggleColor:a})=>({boxSizing:"border-box",transition:"all 200ms ease",overflow:"hidden",color:a?o.custom.palette.icon.lockedWhite:o.custom.palette.icon.primary,"&::before":{content:'""',backgroundColor:"transparent",transition:"all 200ms ease",position:"absolute",inset:0,zIndex:1},...t&&{...r.getIconButtonRadius(t,o)},...i&&{...r.getIconButtonSizing(i)},"&.MuiIconButton-root":{"&:focus:before":{backgroundColor:o.custom.palette.interaction.none},"@media (hover: hover)":{"&:hover:before":{backgroundColor:o.custom.palette.interaction.hover}},"&:active:before":{backgroundColor:o.custom.palette.interaction.press},"&:focus-visible":{boxShadow:o.custom.boxShadow.input.focus},"&.Mui-disabled":{"&:before":{backgroundColor:o.custom.palette.interaction.disabled,color:o.custom.palette.icon.disabled},"& .MuiSvgIcon-root":{fill:o.custom.palette.icon.disabled,"& path":{fill:"inherit"}}},"& .MuiSvgIcon-root":{fill:a?o.custom.palette.icon.lockedWhite:o.custom.palette.icon.primary,...i&&{...r.getIconSizing(i)},position:"relative",zIndex:2},..."default"===e&&{...r.defaultStyle(o)},..."toggle"===e&&{...r.toggle(o,a)},..."outlined"===e&&{...r.outlined(o)},..."raised"===e&&{...r.raised(o)},..."elevated"===e&&{...r.elevated(o)},...t&&{...r.getIconButtonRadius(t,o)}}})),n=t.forwardRef((e,t)=>o.jsx(a,{ref:t,...e}));module.exports=n;
|
|
@@ -6,8 +6,7 @@ interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'width' |
|
|
|
6
6
|
src?: string;
|
|
7
7
|
width?: string | number;
|
|
8
8
|
height?: string | number;
|
|
9
|
-
|
|
10
|
-
rootMargin?: string;
|
|
9
|
+
dominantColor?: string | null;
|
|
11
10
|
}
|
|
12
11
|
declare const Image: FunctionComponent<ImageProps>;
|
|
13
12
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var t=require("react/jsx-runtime"),e=require("@mui/material"),i=require("react"),o=require("../../../utils/shouldForwardProp.js");const a=e.styled("img",{shouldForwardProp:o.omitProps("quickFade")})(({quickFade:t})=>({display:"block",width:"100%",objectFit:"cover",height:"100%",...t?{transition:"opacity 0.2s ease","&.loaded":{opacity:1},"&:not(.loaded)":{opacity:0}}:{transition:"opacity 0.5s ease-in-out, filter 0.5s ease-in-out, transform 0.5s ease-in-out",transitionDelay:"0.2s","&.loaded":{opacity:1,filter:"blur(0px)",transform:"scale(1)"},"&:not(.loaded)":{opacity:0,filter:"blur(15px)",transform:"scale(1.05)"}}}));module.exports=({src:o,alt:r,width:s,height:n,containerSx:d,dominantColor:l,...c})=>{const[u,h]=i.useState(!1);return t.jsxs(e.Box,{sx:{position:"relative",width:s,height:n,overflow:"hidden",...l&&{backgroundColor:l},...d},children:[!l&&t.jsx(e.Fade,{in:!u,unmountOnExit:!0,children:t.jsx(e.Box,{sx:{width:s,height:n,position:"absolute",inset:0},children:t.jsx(e.Skeleton,{variant:"rectangular",width:"100%",height:"100%"})})}),t.jsx(a,{onLoad:()=>h(!0),className:u?"loaded":void 0,quickFade:!!l,loading:"lazy",decoding:"async",alt:r,src:o,width:s,height:n,...c})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("material-ui-popup-state/hooks"),i=require("merge-sx"),s=require("react"),n=require("../Surface/Surface.js");const t={trigger:o.bindTrigger,contextMenu:o.bindContextMenu,toggle:o.bindToggle,hover:o.bindHover,focus:o.bindFocus,doubleClick:o.bindDoubleClick};module.exports=({bindOn:u=["toggle"],trigger:
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("material-ui-popup-state/hooks"),i=require("merge-sx"),s=require("react"),n=require("../Surface/Surface.js");const t={trigger:o.bindTrigger,contextMenu:o.bindContextMenu,toggle:o.bindToggle,hover:o.bindHover,focus:o.bindFocus,doubleClick:o.bindDoubleClick};module.exports=({bindOn:u=["toggle"],trigger:a,children:c,state:l,hoverLeaveDelay:d=0,...p})=>{const x=l||o.usePopupState({variant:"popper"}),g=s.useRef(void 0),v=d>0&&u.includes("hover"),m=s.useCallback(()=>{g.current&&(clearTimeout(g.current),g.current=void 0)},[]),b=s.useCallback(e=>{const r=e.onMouseOver,o=e.onMouseLeave;return{onMouseOver:e=>{m(),r?.(e)},...o&&{onMouseLeave:e=>{m(),g.current=setTimeout(()=>o(e),d)}}}},[m,d]);s.useEffect(()=>m,[m]);const k={transition:!0,sx:i.mergeSx({zIndex:e=>e.zIndex.modal},p.popperProps?.sx),...p.popperProps},h={...p.clickAwayListenerProps,onClickAway:e=>{p.clickAwayListenerProps?.onClickAway?p.clickAwayListenerProps.onClickAway(e,x):x.close()}},P={timeout:300,easing:"ease",...p.transitionFadeProps},{sx:y,...C}={variation:"overlay",borderradius:"md",...p.surfaceProps},f=s.useMemo(()=>{const e=u.reduce((e,r)=>({...e,...t[r](x)}),{});return v?{...e,...b(e)}:e},[u,x,v,b]),j=o.bindPopper(x),w=v?b(j):void 0;return e.jsx(r.ClickAwayListener,{...h,children:e.jsxs(r.Box,{children:[e.jsx(r.Box,{sx:{display:"flex"},...f,children:a}),e.jsx(r.Popper,{...j,...k,...w,children:({TransitionProps:o})=>e.jsx(r.Fade,{...o,...P,children:e.jsx(n,{sx:i.mergeSx({p:2},y),...C,children:c})})})]})})};
|
package/dist/theme/types.d.ts
CHANGED