@useloops/design-system 1.4.596 → 1.4.598
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/esm/systems/Platform/TestItem/TestItem.js +1 -1
- package/dist/esm/systems/WebCore/FormGenerator/components/InputWrapper/InputWrapper.js +1 -1
- package/dist/systems/Platform/TestItem/TestItem.d.ts +4 -1
- package/dist/systems/Platform/TestItem/TestItem.js +1 -1
- package/dist/systems/WebCore/FormGenerator/components/InputWrapper/InputWrapper.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useTheme as r,Stack as i,Box as a}from"@mui/material";import n from"@number-flow/react";import{mergeSx as s}from"merge-sx";import{useState as l}from"react";import{TruncatedList as p}from"react-truncate-list";import m from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import d from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import c from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import u from"../../WebCore/KeyValueLabel/KeyValueLabel.js";import b 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 g from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import y from"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"material-ui-popup-state/hooks";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import C from"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import h 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 x from"../TestStatus/TestStatus.js";const f=({animated:n=!0,status:f,menuItems:S,title:B,tags:k,stats:I,user:w,slotProps:T,loading:v=!1,...L})=>{const N=r(),[R,M]=l(!1);return e(y,{variation:"raised",borderradius:"lg",...L,sx:s({padding:e=>e.spacing(e.custom.padding.md),border:e=>`1px solid ${e.custom.palette.stroke.light}`,width:"100%",cursor:"pointer","&:hover .TestItem__Menu":{opacity:1}},L.sx),children:t(i,{component:"article",gap:2,children:[t(i,{component:"header",gap:1,justifyContent:"space-between",children:[t(i,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:1,children:[v?e(h,{sx:{width:90,height:32}}):e(x,{status:f,...T?.status}),!v&&Boolean(S?.length)&&e(g,{trigger:e(c,{icon:e(m,{name:"more-horizontal",size:16}),variation:"outlined",className:"TestItem__Menu",sx:{width:28,aspectRatio:1,borderRadius:"100% !important",transition:"opacity 0.3s ease",opacity:0,"&:focus":{background:e=>`${e.custom.palette.interaction.press} !important`,opacity:1}}}),bindOn:["toggle"],menuItems:S,width:128,offset:[0,8],placement:"bottom-end",...T?.menu})]}),v?e(h,{}):e(d,{component:"h1",weight:"bold",...T?.title,sx:s({fontSize:e=>e.custom.typography.body.xl},T?.title?.sx),children:B})]}),e(a,{children:v?e(a,{display:"flex",flexDirection:"row",gap:.5,children:[...new Array(3).fill(void 0)].map((t,o)=>e(h,{sx:{maxWidth:50}},`test-item-skeleton-${o}`))}):Boolean(k?.length)&&e(p,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:56,gap:N.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0,...R&&{maxHeight:"none"}},alwaysShowTruncator:R,renderTruncator:({hiddenItemsCount:t})=>t>0?e(b,{body:`+${t}`,weight:"light",onClick:e=>{e.stopPropagation(),M(!0)},...T?.tagsExpand,sx:s({background:e=>e.custom.palette.neutral[50]},T?.tagsExpand?.sx)}):e(c,{sizing:"sm",icon:e(m,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),M(!1)},...T?.tagsCollapse,sx:s({color:e=>e.custom.palette.icon.primary},T?.tagsCollapse?.sx)}),children:k.map(({category:t,selection:o})=>e(u,{keyString:t,valueString:o},t))})}),!v&&I?.progress&&e(y,{variation:"sunken",borderradius:"md",sx:{border:e=>`1px solid ${e.custom.palette.neutral[100]}`,padding:e=>e.spacing(e.custom.padding.md)},children:t(i,{gap:2,children:[e(C,{variation:"determinate",value:I.progress.percentage}),t(a,{gap:{sm:.5,md:1},justifyContent:"stretch",sx:e=>({display:"grid",[e.breakpoints.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.breakpoints.down("lg")]:{gridTemplateColumns:"auto"},[e.containerQueries.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.containerQueries.down("lg")]:{gridTemplateColumns:"auto"}}),children:[e(a,{flexBasis:0,flexGrow:1,children:e(j,{animated:n,label:"Completed",primaryText:I.progress.completed.toString(),secondaryText:`of ${I.progress.total}`})}),e(a,{flexBasis:0,flexGrow:1,children:e(j,{animated:n,label:"Incomplete",primaryText:I.progress.incomplete.toString(),secondaryText:`${I.progress.incompletePercentage}%`})}),e(a,{flexBasis:0,flexGrow:1,children:e(j,{animated:n,label:"Duration",primaryText:I.progress.averageDuration,secondaryText:"average"})})]})]})}),t(a,{component:"footer",display:"flex",flexDirection:"row",justifyContent:w?"space-between":"end",gap:1,children:[w&&e(a,{display:"flex",alignItems:"center",gap:1,children:v?t(o,{children:[e(h,{sx:{borderRadius:"50%",width:24,aspectRatio:1,flexShrink:0}}),e(h,{sx:{width:100}})]}):e(o,{children:e(d,{component:"p",clamp:1,sx:{fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.secondary},children:w.activityDescription})})}),!v&&"draft"!==f&&t(a,{display:"flex",alignItems:"center",gap:2,flexShrink:0,children:[e(W,{animated:n,iconName:"data-bar",label:"answers",value:I?.count?.answers??0}),e(W,{animated:n,iconName:"comment-filled",label:"comments",value:I?.count?.comments??0,slotProps:{icon:{size:20}}})]})]})]})})},j=({animated:r,label:a,primaryText:s,secondaryText:l})=>{const p=s.match(/\d{1,2}:\d{2}/),m=s.split(":"),c=!isNaN(Number(s)),u=l.includes("%")&&!isNaN(Number(l.replace("%","")));return t(i,{sx:{background:e=>e.custom.palette.surface.default,minWidth:"92px",border:e=>`1px solid ${e.custom.palette.neutral[100]}`,borderRadius:1,padding:e=>`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`,color:e=>e.custom.palette.text.primary,flexShrink:0,height:"100%"},direction:{sm:"row",md:"row",lg:"column"},alignItems:"center",gap:{sm:1,md:1,lg:0},children:[e(d,{component:"p",sx:{width:"100%",textAlign:{md:"left",lg:"center"},fontSize:e=>e.custom.typography.body.sm},children:a}),e(d,{component:"h3",sx:{fontSize:e=>({sm:e.custom.typography.body.sm,md:e.custom.typography.body.md,lg:e.custom.typography.body.xxl}),fontWeight:500,flexShrink:0},monospaced:!0,children:e(o,{children:e(o,p||c?{children:p?t(o,{children:[e(n,{value:Number(m[0]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:r}),":",e(n,{value:Number(m[1]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:r})]}):e(n,{value:Number(s),animated:r})}:{children:s})})}),e(d,{component:"p",sx:{color:e=>e.custom.palette.text.secondary,fontSize:e=>e.custom.typography.body.sm,flexShrink:0},monospaced:!0,children:u?t(o,{children:[e(n,{value:Number(l.replace("%","")),animated:r}),"%"]}):l})]})},W=({animated:o,iconName:r,label:i,value:l,slotProps:p})=>t(a,{display:"flex",alignItems:"center",gap:.5,children:[e(m,{name:r,...p?.icon,sx:s({color:e=>e.custom.palette.icon.secondary},p?.icon?.sx)}),t(d,{monospaced:!0,component:"p",sx:e=>({fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.primary,"& > span":{color:e=>e.custom.palette.text.secondary,[e.breakpoints.up("lg")]:{display:"inline"},[e.breakpoints.down("lg")]:{display:"none"},[e.containerQueries.up("lg")]:{display:"inline"},[e.containerQueries.down("lg")]:{display:"none"}}}),children:[e(n,{value:l,animated:o})," ",e("span",{children:i})]})]});export{f as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useTheme as o,Stack as i}from"@mui/material";import{mergeSx as
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useTheme as o,Stack as i}from"@mui/material";import{mergeSx as n}from"merge-sx";import{useState as s,useEffect as m}from"react";import{Controller as a}from"react-hook-form";import{isValidPhoneNumber as l}from"react-phone-number-input";import c from"../../../Checkbox/Checkbox.js";import"../../../Checkbox/StyledCheckbox.js";import p from"../../../CheckboxGroup/CheckboxGroup.js";import f from"../../../CreatableAutocomplete/CreatableAutocomplete.js";import h from"../../../CustomField/CustomField.js";import u from"../../../Differential/Differential.js";import d from"../../../Html/Html.js";import x from"../../../InputLabel/InputLabel.js";import g from"../../../Likert/Likert.js";import j from"../../../NumberField/NumberField.js";import b from"../../../RadioGroup/RadioGroup.js";import S from"../../../Rank/Rank.js";import k from"../../../RichTextField/RichTextField.js";import v from"../../../Select/Select.js";import"../../../Select/SelectItem.js";import T from"../../../Slider/Slider.js";import C from"../../../StarRating/StarRating.js";import R from"../../../Switch/Switch.js";import w from"../../../Textarea/Textarea.js";import y from"../../../TextField/TextField.js";import I from"../StengthIndicator/StrengthIndicator.js";import F from"./components/InputWrapperHelperText/InputWrapperHelperText.js";const B={textfield:y,numberfield:j,textarea:w,creatableautocomplete:f,select:v,checkbox:c,checkboxGroup:p,switch:R,slider:T,starRating:C,differential:u,likert:g,radioGroup:b,ranking:S,richTextfield:k,customfield:h},G=(e,t)=>e.filter(e=>{if(e.includes("-value-")){const t=e.split("-value-")[1];return t&&t.length>0}return e!==t}).length,H=({fieldRef:c,name:p,fieldType:f,label:h,control:u,errors:g,labelProps:j,helperText:b,helpTextProps:S,validation:k,content:v,styleOverrides:T,defaultValue:C,onChange:R,watch:w,trigger:y,strengthIndicator:H,...L})=>{const{custom:N}=o(),$=void 0!==g&&Object.keys(g).length>0,[_,A]=s(0);m(()=>{H&&_>0&&y(p)},[_]);const D=k?.match?.field,O=w(D);return m(()=>{D&&y(p)},[O,D,y,p]),e(i,{sx:n(T?.sxInputStack,L?.hidden&&{display:"none!important"}),gap:N.margin.sm,children:["switch"!==f?h&&t(x,{...j,children:h}):null,"html"===f&&v?t(d,{children:v}):e(r,{children:[t(a,{name:p,control:u,render:e=>function({field:{ref:e,...r}}){return t(B[f],{...L,...r,inputRef:t=>{e(t),c&&(c.current=t)},..."switch"===f?{label:h}:{}})}(e),rules:{...k,validate:e=>{if(k&&"phone"in k)return l(`+${w("extension")}${e}`)||k.phone.message;if(k&&"score"in k)return _<=k.score.value?k.score.message:void 0;if(k&&"white_space"in k)return!e.match(/^\s*$/g)||k.white_space.message;if(k&&"match"in k&&k?.match?.field)switch(k?.match?.comparison){case"not_eq":return e!=w(k.match.field)||k.match.message;case"gt":return e>w(k.match.field)||k.match.message;case"lt":return e<w(k.match.field)||k.match.message;default:return e===w(k.match.field)||k.match.message}if(k&&"minSelections"in k){const t=e;if(!(k.selectionsBypass&&t.includes(k.selectionsBypass))){const e=L.other?.enabled?L.other?.name||"other-option":void 0;if(G(t,e)<k.minSelections.value)return k.minSelections.message}}if(k&&"maxSelections"in k){const t=e;if(!(k.selectionsBypass&&t.includes(k.selectionsBypass))){const e=L.other?.enabled?L.other?.name||"other-option":void 0;if(G(t,e)>k.maxSelections.value)return k.maxSelections.message}}}}}),H&&t(I,{value:w(p),onChange:A})]}),e(r,{children:[Boolean($)?t(F,{helperText:void 0,inputName:p,errors:g,showicon:!0}):null,Boolean(b)?t(F,{helperText:b,inputName:p,errors:void 0,...S}):null]})]})};export{H as default};
|
|
@@ -11,7 +11,10 @@ interface TestItemProps extends SurfaceProps {
|
|
|
11
11
|
status: TestStatusProps['status'];
|
|
12
12
|
menuItems?: MenuProps['menuItems'];
|
|
13
13
|
title: string;
|
|
14
|
-
tags?:
|
|
14
|
+
tags?: {
|
|
15
|
+
category: string;
|
|
16
|
+
selection: string;
|
|
17
|
+
}[];
|
|
15
18
|
stats?: {
|
|
16
19
|
progress?: {
|
|
17
20
|
percentage: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("@number-flow/react"),s=require("merge-sx"),a=require("react"),n=require("react-truncate-list"),o=require("../../BrandCore/Icon/Icon.js"),i=require("../../WebCore/IconButton/IconButton.js");require("../../BrandCore/primitiveVariables.js");var l=require("../../WebCore/Label/Label.js"),d=require("../../WebCore/Menu/Menu.js"),c=require("../../WebCore/ProgressBar/ProgressBar.js"),p=require("../../WebCore/Skeleton/Skeleton.js"),m=require("../../WebCore/Surface/Surface.js"),u=require("../../WebCore/Typography/Typography.js"),x=require("../TestStatus/TestStatus.js");function g(e){return e&&e.__esModule?e:{default:e}}var h=g(r);const j=({animated:r,label:s,primaryText:a,secondaryText:n})=>{const o=a.match(/\d{1,2}:\d{2}/),i=a.split(":"),l=!isNaN(Number(a)),d=n.includes("%")&&!isNaN(Number(n.replace("%","")));return e.jsxs(t.Stack,{sx:{background:e=>e.custom.palette.surface.default,minWidth:"92px",border:e=>`1px solid ${e.custom.palette.neutral[100]}`,borderRadius:1,padding:e=>`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`,color:e=>e.custom.palette.text.primary,flexShrink:0,height:"100%"},direction:{sm:"row",md:"row",lg:"column"},alignItems:"center",gap:{sm:1,md:1,lg:0},children:[e.jsx(u,{component:"p",sx:{width:"100%",textAlign:{md:"left",lg:"center"},fontSize:e=>e.custom.typography.body.sm},children:s}),e.jsx(u,{component:"h3",sx:{fontSize:e=>({sm:e.custom.typography.body.sm,md:e.custom.typography.body.md,lg:e.custom.typography.body.xxl}),fontWeight:500,flexShrink:0},monospaced:!0,children:e.jsx(e.Fragment,{children:o||l?e.jsx(e.Fragment,{children:o?e.jsxs(e.Fragment,{children:[e.jsx(h.default,{value:Number(i[0]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:r}),":",e.jsx(h.default,{value:Number(i[1]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:r})]}):e.jsx(h.default,{value:Number(a),animated:r})}):e.jsx(e.Fragment,{children:a})})}),e.jsx(u,{component:"p",sx:{color:e=>e.custom.palette.text.secondary,fontSize:e=>e.custom.typography.body.sm,flexShrink:0},monospaced:!0,children:d?e.jsxs(e.Fragment,{children:[e.jsx(h.default,{value:Number(n.replace("%","")),animated:r}),"%"]}):n})]})},y=({animated:r,iconName:a,label:n,value:i,slotProps:l})=>e.jsxs(t.Box,{display:"flex",alignItems:"center",gap:.5,children:[e.jsx(o.default,{name:a,...l?.icon,sx:s.mergeSx({color:e=>e.custom.palette.icon.secondary},l?.icon?.sx)}),e.jsxs(u,{monospaced:!0,component:"p",sx:e=>({fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.primary,"& > span":{color:e=>e.custom.palette.text.secondary,[e.breakpoints.up("lg")]:{display:"inline"},[e.breakpoints.down("lg")]:{display:"none"},[e.containerQueries.up("lg")]:{display:"inline"},[e.containerQueries.down("lg")]:{display:"none"}}}),children:[e.jsx(h.default,{value:i,animated:r})," ",e.jsx("span",{children:n})]})]});module.exports=({animated:r=!0,status:g,menuItems:h,title:f,tags:b,stats:S,user:w,slotProps:k,loading:v=!1,...C})=>{const[T,B]=a.useState(!1);return e.jsx(m,{variation:"raised",borderradius:"lg",...C,sx:s.mergeSx({padding:e=>e.spacing(e.custom.padding.md),border:e=>`1px solid ${e.custom.palette.stroke.light}`,width:"100%",cursor:"pointer","&:hover .TestItem__Menu":{opacity:1}},C.sx),children:e.jsxs(t.Stack,{component:"article",gap:2,children:[e.jsxs(t.Stack,{component:"header",gap:1,justifyContent:"space-between",children:[e.jsxs(t.Stack,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:1,children:[v?e.jsx(p,{sx:{width:90,height:32}}):e.jsx(x,{status:g,...k?.status}),!v&&Boolean(h?.length)&&e.jsx(d.default,{trigger:e.jsx(i,{icon:e.jsx(o.default,{name:"more-horizontal",size:16}),variation:"outlined",className:"TestItem__Menu",sx:{width:28,aspectRatio:1,borderRadius:"100% !important",transition:"opacity 0.3s ease",opacity:0,"&:focus":{background:e=>`${e.custom.palette.interaction.press} !important`,opacity:1}}}),bindOn:["toggle"],menuItems:h,width:128,offset:[0,8],placement:"bottom-end",...k?.menu})]}),v?e.jsx(p,{}):e.jsx(u,{component:"h1",weight:"bold",...k?.title,sx:s.mergeSx({fontSize:e=>e.custom.typography.body.xl},k?.title?.sx),children:f})]}),e.jsx(t.Box,{children:v?e.jsx(t.Box,{display:"flex",flexDirection:"row",gap:.5,children:[...new Array(3).fill(void 0)].map((t,r)=>e.jsx(p,{sx:{maxWidth:50}},`test-item-skeleton-${r}`))}):Boolean(b?.length)&&e.jsx(n.TruncatedList,{style:{display:"flex",flexWrap:"wrap",maxHeight:30,gap:"4px",listStyleType:"none",paddingInlineStart:0,margin:0,...T&&{maxHeight:"none"}},alwaysShowTruncator:T,renderTruncator:({hiddenItemsCount:t})=>t>0?e.jsx(l,{body:`+${t}`,weight:"light",onClick:e=>{e.stopPropagation(),B(!0)},...k?.tagsExpand,sx:s.mergeSx({background:e=>e.custom.palette.neutral[50]},k?.tagsExpand?.sx)}):e.jsx(i,{sizing:"sm",icon:e.jsx(o.default,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),B(!1)},...k?.tagsCollapse,sx:s.mergeSx({color:e=>e.custom.palette.icon.primary},k?.tagsCollapse?.sx)}),children:b.map(t=>e.jsx(l,{body:t,weight:"light",...k?.pill,sx:s.mergeSx({background:e=>e.custom.palette.neutral[50]},k?.pill?.sx)},t))})}),!v&&S?.progress&&e.jsx(m,{variation:"sunken",borderradius:"md",sx:{border:e=>`1px solid ${e.custom.palette.neutral[100]}`,padding:e=>e.spacing(e.custom.padding.md)},children:e.jsxs(t.Stack,{gap:2,children:[e.jsx(c,{variation:"determinate",value:S.progress.percentage}),e.jsxs(t.Box,{gap:{sm:.5,md:1},justifyContent:"stretch",sx:e=>({display:"grid",[e.breakpoints.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.breakpoints.down("lg")]:{gridTemplateColumns:"auto"},[e.containerQueries.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.containerQueries.down("lg")]:{gridTemplateColumns:"auto"}}),children:[e.jsx(t.Box,{flexBasis:0,flexGrow:1,children:e.jsx(j,{animated:r,label:"Completed",primaryText:S.progress.completed.toString(),secondaryText:`of ${S.progress.total}`})}),e.jsx(t.Box,{flexBasis:0,flexGrow:1,children:e.jsx(j,{animated:r,label:"Incomplete",primaryText:S.progress.incomplete.toString(),secondaryText:`${S.progress.incompletePercentage}%`})}),e.jsx(t.Box,{flexBasis:0,flexGrow:1,children:e.jsx(j,{animated:r,label:"Duration",primaryText:S.progress.averageDuration,secondaryText:"average"})})]})]})}),e.jsxs(t.Box,{component:"footer",display:"flex",flexDirection:"row",justifyContent:w?"space-between":"end",gap:1,children:[w&&e.jsx(t.Box,{display:"flex",alignItems:"center",gap:1,children:v?e.jsxs(e.Fragment,{children:[e.jsx(p,{sx:{borderRadius:"50%",width:24,aspectRatio:1,flexShrink:0}}),e.jsx(p,{sx:{width:100}})]}):e.jsx(e.Fragment,{children:e.jsx(u,{component:"p",clamp:1,sx:{fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.secondary},children:w.activityDescription})})}),!v&&"draft"!==g&&e.jsxs(t.Box,{display:"flex",alignItems:"center",gap:2,flexShrink:0,children:[e.jsx(y,{animated:r,iconName:"data-bar",label:"answers",value:S?.count?.answers??0}),e.jsx(y,{animated:r,iconName:"comment-filled",label:"comments",value:S?.count?.comments??0,slotProps:{icon:{size:20}}})]})]})]})})};
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@number-flow/react"),o=require("merge-sx"),a=require("react"),i=require("react-truncate-list"),s=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js");var n=require("../../WebCore/Typography/Typography.js");require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var l=require("../../WebCore/IconButton/IconButton.js");require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js");var u=require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),d=require("../../WebCore/Label/Label.js");require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx");var c=require("../../WebCore/Menu/Menu.js");require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js");var p=require("../../WebCore/Surface/Surface.js");require("../../WebCore/NavigationButton/NavigationButton.js"),require("material-ui-popup-state/hooks"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js");var m=require("../../WebCore/ProgressBar/ProgressBar.js");require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var x=require("../../WebCore/Skeleton/Skeleton.js");require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js");var g=require("../TestStatus/TestStatus.js");function b(e){return e&&e.__esModule?e:{default:e}}var j=b(t);const y=({animated:t,label:o,primaryText:a,secondaryText:i})=>{const s=a.match(/\d{1,2}:\d{2}/),l=a.split(":"),u=!isNaN(Number(a)),d=i.includes("%")&&!isNaN(Number(i.replace("%","")));return e.jsxs(r.Stack,{sx:{background:e=>e.custom.palette.surface.default,minWidth:"92px",border:e=>`1px solid ${e.custom.palette.neutral[100]}`,borderRadius:1,padding:e=>`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`,color:e=>e.custom.palette.text.primary,flexShrink:0,height:"100%"},direction:{sm:"row",md:"row",lg:"column"},alignItems:"center",gap:{sm:1,md:1,lg:0},children:[e.jsx(n,{component:"p",sx:{width:"100%",textAlign:{md:"left",lg:"center"},fontSize:e=>e.custom.typography.body.sm},children:o}),e.jsx(n,{component:"h3",sx:{fontSize:e=>({sm:e.custom.typography.body.sm,md:e.custom.typography.body.md,lg:e.custom.typography.body.xxl}),fontWeight:500,flexShrink:0},monospaced:!0,children:e.jsx(e.Fragment,{children:s||u?e.jsx(e.Fragment,{children:s?e.jsxs(e.Fragment,{children:[e.jsx(j.default,{value:Number(l[0]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:t}),":",e.jsx(j.default,{value:Number(l[1]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:t})]}):e.jsx(j.default,{value:Number(a),animated:t})}):e.jsx(e.Fragment,{children:a})})}),e.jsx(n,{component:"p",sx:{color:e=>e.custom.palette.text.secondary,fontSize:e=>e.custom.typography.body.sm,flexShrink:0},monospaced:!0,children:d?e.jsxs(e.Fragment,{children:[e.jsx(j.default,{value:Number(i.replace("%","")),animated:t}),"%"]}):i})]})},C=({animated:t,iconName:a,label:i,value:l,slotProps:u})=>e.jsxs(r.Box,{display:"flex",alignItems:"center",gap:.5,children:[e.jsx(s.default,{name:a,...u?.icon,sx:o.mergeSx({color:e=>e.custom.palette.icon.secondary},u?.icon?.sx)}),e.jsxs(n,{monospaced:!0,component:"p",sx:e=>({fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.primary,"& > span":{color:e=>e.custom.palette.text.secondary,[e.breakpoints.up("lg")]:{display:"inline"},[e.breakpoints.down("lg")]:{display:"none"},[e.containerQueries.up("lg")]:{display:"inline"},[e.containerQueries.down("lg")]:{display:"none"}}}),children:[e.jsx(j.default,{value:l,animated:t})," ",e.jsx("span",{children:i})]})]});module.exports=({animated:t=!0,status:b,menuItems:j,title:h,tags:q,stats:f,user:S,slotProps:W,loading:B=!1,...k})=>{const v=r.useTheme(),[I,w]=a.useState(!1);return e.jsx(p,{variation:"raised",borderradius:"lg",...k,sx:o.mergeSx({padding:e=>e.spacing(e.custom.padding.md),border:e=>`1px solid ${e.custom.palette.stroke.light}`,width:"100%",cursor:"pointer","&:hover .TestItem__Menu":{opacity:1}},k.sx),children:e.jsxs(r.Stack,{component:"article",gap:2,children:[e.jsxs(r.Stack,{component:"header",gap:1,justifyContent:"space-between",children:[e.jsxs(r.Stack,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:1,children:[B?e.jsx(x,{sx:{width:90,height:32}}):e.jsx(g,{status:b,...W?.status}),!B&&Boolean(j?.length)&&e.jsx(c.default,{trigger:e.jsx(l,{icon:e.jsx(s.default,{name:"more-horizontal",size:16}),variation:"outlined",className:"TestItem__Menu",sx:{width:28,aspectRatio:1,borderRadius:"100% !important",transition:"opacity 0.3s ease",opacity:0,"&:focus":{background:e=>`${e.custom.palette.interaction.press} !important`,opacity:1}}}),bindOn:["toggle"],menuItems:j,width:128,offset:[0,8],placement:"bottom-end",...W?.menu})]}),B?e.jsx(x,{}):e.jsx(n,{component:"h1",weight:"bold",...W?.title,sx:o.mergeSx({fontSize:e=>e.custom.typography.body.xl},W?.title?.sx),children:h})]}),e.jsx(r.Box,{children:B?e.jsx(r.Box,{display:"flex",flexDirection:"row",gap:.5,children:[...new Array(3).fill(void 0)].map((r,t)=>e.jsx(x,{sx:{maxWidth:50}},`test-item-skeleton-${t}`))}):Boolean(q?.length)&&e.jsx(i.TruncatedList,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:56,gap:v.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0,...I&&{maxHeight:"none"}},alwaysShowTruncator:I,renderTruncator:({hiddenItemsCount:r})=>r>0?e.jsx(d,{body:`+${r}`,weight:"light",onClick:e=>{e.stopPropagation(),w(!0)},...W?.tagsExpand,sx:o.mergeSx({background:e=>e.custom.palette.neutral[50]},W?.tagsExpand?.sx)}):e.jsx(l,{sizing:"sm",icon:e.jsx(s.default,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),w(!1)},...W?.tagsCollapse,sx:o.mergeSx({color:e=>e.custom.palette.icon.primary},W?.tagsCollapse?.sx)}),children:q.map(({category:r,selection:t})=>e.jsx(u,{keyString:r,valueString:t},r))})}),!B&&f?.progress&&e.jsx(p,{variation:"sunken",borderradius:"md",sx:{border:e=>`1px solid ${e.custom.palette.neutral[100]}`,padding:e=>e.spacing(e.custom.padding.md)},children:e.jsxs(r.Stack,{gap:2,children:[e.jsx(m,{variation:"determinate",value:f.progress.percentage}),e.jsxs(r.Box,{gap:{sm:.5,md:1},justifyContent:"stretch",sx:e=>({display:"grid",[e.breakpoints.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.breakpoints.down("lg")]:{gridTemplateColumns:"auto"},[e.containerQueries.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.containerQueries.down("lg")]:{gridTemplateColumns:"auto"}}),children:[e.jsx(r.Box,{flexBasis:0,flexGrow:1,children:e.jsx(y,{animated:t,label:"Completed",primaryText:f.progress.completed.toString(),secondaryText:`of ${f.progress.total}`})}),e.jsx(r.Box,{flexBasis:0,flexGrow:1,children:e.jsx(y,{animated:t,label:"Incomplete",primaryText:f.progress.incomplete.toString(),secondaryText:`${f.progress.incompletePercentage}%`})}),e.jsx(r.Box,{flexBasis:0,flexGrow:1,children:e.jsx(y,{animated:t,label:"Duration",primaryText:f.progress.averageDuration,secondaryText:"average"})})]})]})}),e.jsxs(r.Box,{component:"footer",display:"flex",flexDirection:"row",justifyContent:S?"space-between":"end",gap:1,children:[S&&e.jsx(r.Box,{display:"flex",alignItems:"center",gap:1,children:B?e.jsxs(e.Fragment,{children:[e.jsx(x,{sx:{borderRadius:"50%",width:24,aspectRatio:1,flexShrink:0}}),e.jsx(x,{sx:{width:100}})]}):e.jsx(e.Fragment,{children:e.jsx(n,{component:"p",clamp:1,sx:{fontSize:e=>e.custom.typography.body.xs,color:e=>e.custom.palette.text.secondary},children:S.activityDescription})})}),!B&&"draft"!==b&&e.jsxs(r.Box,{display:"flex",alignItems:"center",gap:2,flexShrink:0,children:[e.jsx(C,{animated:t,iconName:"data-bar",label:"answers",value:f?.count?.answers??0}),e.jsx(C,{animated:t,iconName:"comment-filled",label:"comments",value:f?.count?.comments??0,slotProps:{icon:{size:20}}})]})]})]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx"),i=require("react"),s=require("react-hook-form"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx"),i=require("react"),s=require("react-hook-form"),n=require("react-phone-number-input"),a=require("../../../Checkbox/Checkbox.js");require("../../../Checkbox/StyledCheckbox.js");var l=require("../../../CheckboxGroup/CheckboxGroup.js"),o=require("../../../CreatableAutocomplete/CreatableAutocomplete.js"),c=require("../../../CustomField/CustomField.js"),u=require("../../../Differential/Differential.js"),h=require("../../../Html/Html.js"),m=require("../../../InputLabel/InputLabel.js"),d=require("../../../Likert/Likert.js"),p=require("../../../NumberField/NumberField.js"),x=require("../../../RadioGroup/RadioGroup.js"),f=require("../../../Rank/Rank.js"),j=require("../../../RichTextField/RichTextField.js"),g=require("../../../Select/Select.js");require("../../../Select/SelectItem.js");var q=require("../../../Slider/Slider.js"),b=require("../../../StarRating/StarRating.js"),S=require("../../../Switch/Switch.js"),k=require("../../../Textarea/Textarea.js"),v=require("../../../TextField/TextField.js"),T=require("../StengthIndicator/StrengthIndicator.js"),C=require("./components/InputWrapperHelperText/InputWrapperHelperText.js");const R={textfield:v,numberfield:p,textarea:k,creatableautocomplete:o,select:g,checkbox:a,checkboxGroup:l,switch:S,slider:q,starRating:b,differential:u,likert:d,radioGroup:x,ranking:f,richTextfield:j,customfield:c},w=(e,r)=>e.filter(e=>{if(e.includes("-value-")){const r=e.split("-value-")[1];return r&&r.length>0}return e!==r}).length;module.exports=({fieldRef:a,name:l,fieldType:o,label:c,control:u,errors:d,labelProps:p,helperText:x,helpTextProps:f,validation:j,content:g,styleOverrides:q,defaultValue:b,onChange:S,watch:k,trigger:v,strengthIndicator:F,...y})=>{const{custom:I}=r.useTheme(),B=void 0!==d&&Object.keys(d).length>0,[G,N]=i.useState(0);i.useEffect(()=>{F&&G>0&&v(l)},[G]);const H=j?.match?.field,L=k(H);return i.useEffect(()=>{H&&v(l)},[L,H,v,l]),e.jsxs(r.Stack,{sx:t.mergeSx(q?.sxInputStack,y?.hidden&&{display:"none!important"}),gap:I.margin.sm,children:["switch"!==o?c&&e.jsx(m,{...p,children:c}):null,"html"===o&&g?e.jsx(h,{children:g}):e.jsxs(e.Fragment,{children:[e.jsx(s.Controller,{name:l,control:u,render:r=>function({field:{ref:r,...t}}){const i=R[o];return e.jsx(i,{...y,...t,inputRef:e=>{r(e),a&&(a.current=e)},..."switch"===o?{label:c}:{}})}(r),rules:{...j,validate:e=>{if(j&&"phone"in j)return n.isValidPhoneNumber(`+${k("extension")}${e}`)||j.phone.message;if(j&&"score"in j)return G<=j.score.value?j.score.message:void 0;if(j&&"white_space"in j)return!e.match(/^\s*$/g)||j.white_space.message;if(j&&"match"in j&&j?.match?.field)switch(j?.match?.comparison){case"not_eq":return e!=k(j.match.field)||j.match.message;case"gt":return e>k(j.match.field)||j.match.message;case"lt":return e<k(j.match.field)||j.match.message;default:return e===k(j.match.field)||j.match.message}if(j&&"minSelections"in j){const r=e;if(!(j.selectionsBypass&&r.includes(j.selectionsBypass))){const e=y.other?.enabled?y.other?.name||"other-option":void 0;if(w(r,e)<j.minSelections.value)return j.minSelections.message}}if(j&&"maxSelections"in j){const r=e;if(!(j.selectionsBypass&&r.includes(j.selectionsBypass))){const e=y.other?.enabled?y.other?.name||"other-option":void 0;if(w(r,e)>j.maxSelections.value)return j.maxSelections.message}}}}}),F&&e.jsx(T,{value:k(l),onChange:N})]}),e.jsxs(e.Fragment,{children:[Boolean(B)?e.jsx(C,{helperText:void 0,inputName:l,errors:d,showicon:!0}):null,Boolean(x)?e.jsx(C,{helperText:x,inputName:l,errors:void 0,...f}):null]})]})};
|