@useloops/design-system 1.4.561 → 1.4.563

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useTheme as o,ListItem as i,ListItemIcon as a,Stack as n,Box as l,ListItemText as s,formControlLabelClasses as c}from"@mui/material";import p from"@number-flow/react";import{mergeSx as m}from"merge-sx";import{useState as d,useRef as h,useEffect as x,useCallback as g}from"react";import y from"../../WebCore/Checkbox/Checkbox.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import u from"../../WebCore/Tooltip/Tooltip.js";import b from"../../WebCore/Typography/Typography.js";import f from"./_partials/StyledLinearProgress/StyledLinearProgress.js";import C from"./_partials/StyledListItemButton/StyledLisItemButton.js";import k from"./_partials/UnitText/UnitText.js";const T=({id:T,label:v,value:j,relativePercentage:w,respondentCount:B,tooltipContent:I,icon:P,hideIcon:S=!1,hideCheckbox:W=!1,hideUnitColumn1:L=!1,hideUnitColumn2:U=!1,animated:A=!0,checked:F=!1,disabled:_=!1,onChange:q,percentageSymbol:R=!1,compact:$,slotProps:M={}})=>{const z=o(),[D,E]=d(0),G=h(null),H=M.icon;x(()=>{const e=D,t=w||j,r=performance.now(),o=i=>{const a=i-r,n=Math.min(a/250,1);E(e+(t??0-e)*(n*(2-n))),n<1&&requestAnimationFrame(o)},i=requestAnimationFrame(o);return()=>cancelAnimationFrame(i)},[w,j]);const J=g(()=>{!_&&q&&q(!F)},[_,q,F]),K=L&&U,N=null!=j,O=null!=B;return e(i,{disablePadding:!0,sx:{mb:z.spacing(z.custom.margin.xs)},children:e(u,{message:I||v,followCursor:!0,placement:"bottom-start",slotProps:{wrapper:{sx:{width:"100%"}}},...M.tooltip,children:t(C,{id:T,role:void 0,onClick:J,dense:!0,disabled:_,sx:{display:"flex"},children:[!S&&P&&e(a,{...H,sx:m({minWidth:0,mr:z.custom.margin.xs,color:z.custom.palette.text.primary},H?.sx),children:P}),t(n,{direction:"row",width:1,gap:$?z.custom.margin.sm:z.custom.margin.md,alignItems:"center",children:[t(l,{sx:{display:"flex",position:"relative",width:"fill-available"},children:[!_&&e(f,{variant:"determinate",value:D,checked:F,...M.graphBar}),e(s,{disableTypography:!0,primary:e(b,{...M.graphBarTypography,component:"p",variation:"xs",noWrap:!0,sx:m(M.graphBarTypography?.sx,{color:(()=>{if(!F||_)return z.custom.palette.text.disabled;return("object"==typeof M.graphBarTypography?.sx&&null!==M.graphBarTypography?.sx&&"color"in M.graphBarTypography.sx?M.graphBarTypography.sx.color:void 0)||z.palette.text.primary})()}),children:v}),sx:{my:0,position:"absolute",display:"flex",alignItems:"center",inset:0,ml:1}})]}),!K&&t(l,{display:"flex",justifyContent:"space-between",alignItems:"center",gap:z.custom.margin.xs,children:[!L&&e(k,{weight:"bold",color:z.palette.text.primary,disabled:_,checked:F,...M?.unitText1,children:N?t(r,{children:[e(p,{value:j,animated:A}),""+(R?"%":"")]}):"-"}),!U&&e(k,{color:z.palette.text.secondary,disabled:_,checked:F,...M?.unitText2,children:O?e(p,{value:B,animated:A}):"-"})]}),!W&&e(l,{display:"flex",justifyContent:"space-between",alignItems:"center",children:e(y,{id:`${T}-checkbox`,variant:"secondary",checked:!_&&F,disabled:_,...M.checkbox,checkboxLabel:void 0,inputRef:G,sx:m(M.checkbox?.sx,{[`&.${c.root}`]:{marginRight:0}})})})]})]})})})};export{T as default};
1
+ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useTheme as o,ListItem as i,ListItemIcon as a,Stack as n,Box as l,ListItemText as s,formControlLabelClasses as c}from"@mui/material";import p from"@number-flow/react";import{mergeSx as m}from"merge-sx";import{useState as d,useRef as h,useEffect as x,useCallback as g}from"react";import y from"../../WebCore/Checkbox/Checkbox.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import u from"../../WebCore/Tooltip/Tooltip.js";import b from"../../WebCore/Typography/Typography.js";import f from"./_partials/StyledLinearProgress/StyledLinearProgress.js";import C from"./_partials/StyledListItemButton/StyledLisItemButton.js";import k from"./_partials/UnitText/UnitText.js";const T=({id:T,label:v,value:j=0,relativePercentage:w,respondentCount:B,tooltipContent:I,icon:P,hideIcon:S=!1,hideCheckbox:W=!1,hideUnitColumn1:L=!1,hideUnitColumn2:U=!1,animated:A=!0,checked:F=!1,disabled:_=!1,onChange:q,percentageSymbol:R=!1,compact:$,slotProps:M={}})=>{const z=o(),[D,E]=d(0),G=h(null),H=M.icon;x(()=>{const e=D,t=w||j,r=performance.now(),o=i=>{const a=i-r,n=Math.min(a/250,1);E(e+(t-e)*(n*(2-n))),n<1&&requestAnimationFrame(o)},i=requestAnimationFrame(o);return()=>cancelAnimationFrame(i)},[w,j]);const J=g(()=>{!_&&q&&q(!F)},[_,q,F]),K=L&&U,N=null!=j,O=null!=B;return e(i,{disablePadding:!0,sx:{mb:z.spacing(z.custom.margin.xs)},children:e(u,{message:I||v,followCursor:!0,placement:"bottom-start",slotProps:{wrapper:{sx:{width:"100%"}}},...M.tooltip,children:t(C,{id:T,role:void 0,onClick:J,dense:!0,disabled:_,sx:{display:"flex"},children:[!S&&P&&e(a,{...H,sx:m({minWidth:0,mr:z.custom.margin.xs,color:z.custom.palette.text.primary},H?.sx),children:P}),t(n,{direction:"row",width:1,gap:$?z.custom.margin.sm:z.custom.margin.md,alignItems:"center",children:[t(l,{sx:{display:"flex",position:"relative",width:"fill-available"},children:[!_&&e(f,{variant:"determinate",value:D,checked:F,...M.graphBar}),e(s,{disableTypography:!0,primary:e(b,{...M.graphBarTypography,component:"p",variation:"xs",noWrap:!0,sx:m(M.graphBarTypography?.sx,{color:(()=>{if(!F||_)return z.custom.palette.text.disabled;return("object"==typeof M.graphBarTypography?.sx&&null!==M.graphBarTypography?.sx&&"color"in M.graphBarTypography.sx?M.graphBarTypography.sx.color:void 0)||z.palette.text.primary})()}),children:v}),sx:{my:0,position:"absolute",display:"flex",alignItems:"center",inset:0,ml:1}})]}),!K&&t(l,{display:"flex",justifyContent:"space-between",alignItems:"center",gap:z.custom.margin.xs,children:[!L&&e(k,{weight:"bold",color:z.palette.text.primary,disabled:_,checked:F,...M?.unitText1,children:N?t(r,{children:[e(p,{value:j,animated:A}),""+(R?"%":"")]}):"-"}),!U&&e(k,{color:z.palette.text.secondary,disabled:_,checked:F,...M?.unitText2,children:O?e(p,{value:B,animated:A}):"-"})]}),!W&&e(l,{display:"flex",justifyContent:"space-between",alignItems:"center",children:e(y,{id:`${T}-checkbox`,variant:"secondary",checked:!_&&F,disabled:_,...M.checkbox,checkboxLabel:void 0,inputRef:G,sx:m(M.checkbox?.sx,{[`&.${c.root}`]:{marginRight:0}})})})]})]})})})};export{T as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import"../../../utils/formValidation/misc.js";import"@mui/material";import t from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import i from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/extension-underline";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{StyledTestStatus as a}from"./_partials/StyledBox/StyledBox.js";import{getStatusIconName as p,getStatusText as s}from"./helpers/index.js";const m=r(({status:r,sizing:m,...l},n)=>e(a,{ref:n,sizing:m,status:r,...l,children:[o(t,{name:p(r)}),o(i,{component:"p",variation:"sm",children:s(r)})]}));export{m as default};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import"@mui/material";import t 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 i from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/extension-underline";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{StyledTestStatus as a}from"./_partials/StyledBox/StyledBox.js";import{getStatusIconName as p,getStatusText as s}from"./helpers/index.js";const m=r(({status:r,sizing:m,...l},n)=>e(a,{ref:n,sizing:m,status:r,...l,children:[o(t,{name:p(r)}),o(i,{component:"p",variation:"sm",children:s(r)})]}));export{m as default};
@@ -1 +1 @@
1
- const e=(e,t)=>({..."draft"===t&&{background:e.custom.palette.interaction.none,border:`1px solid ${e.custom.palette.stroke.default}`,"& svg":{color:a(e,t)}},..."in-progress"===t&&{background:e.custom.palette.yellow[0],border:`1px solid ${e.custom.palette.yellow[100]}`,"& svg":{color:a(e,t)}},..."results-ready"===t&&{background:e.custom.palette.green[0],border:`1px solid ${e.custom.palette.green[100]}`,"& svg":{color:a(e,t)}}}),t=e=>{switch(e){case"draft":return"Draft";case"in-progress":return"In Progress";case"results-ready":return"Results Ready";default:return"Unknown Status"}},r=e=>{switch(e){case"draft":default:return"test-edit";case"in-progress":return"test-pending";case"results-ready":return"data-bar"}},s=(e,t,r)=>{switch(t){case"draft":return e.custom.palette.text.primary;case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}},a=(e,t,r=500)=>{switch(t){case"draft":return e.custom.palette.blue[r];case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}};export{a as getColorByStatus,r as getStatusIconName,e as getStatusStyling,t as getStatusText,s as getTextColorByStatus};
1
+ const e=(e,t)=>({..."draft"===t&&{background:e.custom.palette.interaction.none,border:`1px solid ${e.custom.palette.stroke.default}`,"& svg":{color:a(e,t)}},..."in-progress"===t&&{background:e.custom.palette.yellow[0],border:`1px solid ${e.custom.palette.yellow[100]}`,"& svg":{color:a(e,t)}},..."results-ready"===t&&{background:e.custom.palette.green[0],border:`1px solid ${e.custom.palette.green[100]}`,"& svg":{color:a(e,t)}}}),t=e=>{switch(e){case"draft":return"Draft";case"in-progress":return"In progress";case"results-ready":return"Results ready";default:return"Unknown status"}},r=e=>{switch(e){case"draft":default:return"test-edit";case"in-progress":return"test-pending";case"results-ready":return"data-bar"}},s=(e,t,r)=>{switch(t){case"draft":return e.custom.palette.text.primary;case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}},a=(e,t,r=500)=>{switch(t){case"draft":return e.custom.palette.blue[r];case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}};export{a as getColorByStatus,r as getStatusIconName,e as getStatusStyling,t as getStatusText,s as getTextColorByStatus};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@number-flow/react"),a=require("merge-sx"),i=require("react"),s=require("../../WebCore/Checkbox/Checkbox.js");require("../../WebCore/Checkbox/StyledCheckbox.js");var o=require("../../WebCore/Tooltip/Tooltip.js"),n=require("../../WebCore/Typography/Typography.js"),l=require("./_partials/StyledLinearProgress/StyledLinearProgress.js"),c=require("./_partials/StyledListItemButton/StyledLisItemButton.js"),d=require("./_partials/UnitText/UnitText.js");function x(e){return e&&e.__esModule?e:{default:e}}var p=x(t);module.exports=({id:t,label:x,value:m,relativePercentage:u,respondentCount:h,tooltipContent:g,icon:y,hideIcon:b=!1,hideCheckbox:j=!1,hideUnitColumn1:f=!1,hideUnitColumn2:C=!1,animated:k=!0,checked:T=!1,disabled:v=!1,onChange:q,percentageSymbol:B=!1,compact:w,slotProps:I={}})=>{const S=r.useTheme(),[L,P]=i.useState(0),W=i.useRef(null),_=I.icon;i.useEffect(()=>{const e=L,r=u||m,t=performance.now(),a=i=>{const s=i-t,o=Math.min(s/250,1);P(e+(r??0-e)*(o*(2-o))),o<1&&requestAnimationFrame(a)},i=requestAnimationFrame(a);return()=>cancelAnimationFrame(i)},[u,m]);const F=i.useCallback(()=>{!v&&q&&q(!T)},[v,q,T]),U=f&&C,A=null!=m,R=null!=h;return e.jsx(r.ListItem,{disablePadding:!0,sx:{mb:S.spacing(S.custom.margin.xs)},children:e.jsx(o,{message:g||x,followCursor:!0,placement:"bottom-start",slotProps:{wrapper:{sx:{width:"100%"}}},...I.tooltip,children:e.jsxs(c,{id:t,role:void 0,onClick:F,dense:!0,disabled:v,sx:{display:"flex"},children:[!b&&y&&e.jsx(r.ListItemIcon,{..._,sx:a.mergeSx({minWidth:0,mr:S.custom.margin.xs,color:S.custom.palette.text.primary},_?.sx),children:y}),e.jsxs(r.Stack,{direction:"row",width:1,gap:w?S.custom.margin.sm:S.custom.margin.md,alignItems:"center",children:[e.jsxs(r.Box,{sx:{display:"flex",position:"relative",width:"fill-available"},children:[!v&&e.jsx(l,{variant:"determinate",value:L,checked:T,...I.graphBar}),e.jsx(r.ListItemText,{disableTypography:!0,primary:e.jsx(n,{...I.graphBarTypography,component:"p",variation:"xs",noWrap:!0,sx:a.mergeSx(I.graphBarTypography?.sx,{color:(()=>{if(!T||v)return S.custom.palette.text.disabled;return("object"==typeof I.graphBarTypography?.sx&&null!==I.graphBarTypography?.sx&&"color"in I.graphBarTypography.sx?I.graphBarTypography.sx.color:void 0)||S.palette.text.primary})()}),children:x}),sx:{my:0,position:"absolute",display:"flex",alignItems:"center",inset:0,ml:1}})]}),!U&&e.jsxs(r.Box,{display:"flex",justifyContent:"space-between",alignItems:"center",gap:S.custom.margin.xs,children:[!f&&e.jsx(d,{weight:"bold",color:S.palette.text.primary,disabled:v,checked:T,...I?.unitText1,children:A?e.jsxs(e.Fragment,{children:[e.jsx(p.default,{value:m,animated:k}),""+(B?"%":"")]}):"-"}),!C&&e.jsx(d,{color:S.palette.text.secondary,disabled:v,checked:T,...I?.unitText2,children:R?e.jsx(p.default,{value:h,animated:k}):"-"})]}),!j&&e.jsx(r.Box,{display:"flex",justifyContent:"space-between",alignItems:"center",children:e.jsx(s,{id:`${t}-checkbox`,variant:"secondary",checked:!v&&T,disabled:v,...I.checkbox,checkboxLabel:void 0,inputRef:W,sx:a.mergeSx(I.checkbox?.sx,{[`&.${r.formControlLabelClasses.root}`]:{marginRight:0}})})})]})]})})})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@number-flow/react"),a=require("merge-sx"),i=require("react"),s=require("../../WebCore/Checkbox/Checkbox.js");require("../../WebCore/Checkbox/StyledCheckbox.js");var o=require("../../WebCore/Tooltip/Tooltip.js"),n=require("../../WebCore/Typography/Typography.js"),l=require("./_partials/StyledLinearProgress/StyledLinearProgress.js"),c=require("./_partials/StyledListItemButton/StyledLisItemButton.js"),d=require("./_partials/UnitText/UnitText.js");function x(e){return e&&e.__esModule?e:{default:e}}var p=x(t);module.exports=({id:t,label:x,value:m=0,relativePercentage:u,respondentCount:h,tooltipContent:g,icon:y,hideIcon:b=!1,hideCheckbox:j=!1,hideUnitColumn1:f=!1,hideUnitColumn2:C=!1,animated:k=!0,checked:T=!1,disabled:v=!1,onChange:q,percentageSymbol:B=!1,compact:w,slotProps:I={}})=>{const S=r.useTheme(),[L,P]=i.useState(0),W=i.useRef(null),_=I.icon;i.useEffect(()=>{const e=L,r=u||m,t=performance.now(),a=i=>{const s=i-t,o=Math.min(s/250,1);P(e+(r-e)*(o*(2-o))),o<1&&requestAnimationFrame(a)},i=requestAnimationFrame(a);return()=>cancelAnimationFrame(i)},[u,m]);const F=i.useCallback(()=>{!v&&q&&q(!T)},[v,q,T]),U=f&&C,A=null!=m,R=null!=h;return e.jsx(r.ListItem,{disablePadding:!0,sx:{mb:S.spacing(S.custom.margin.xs)},children:e.jsx(o,{message:g||x,followCursor:!0,placement:"bottom-start",slotProps:{wrapper:{sx:{width:"100%"}}},...I.tooltip,children:e.jsxs(c,{id:t,role:void 0,onClick:F,dense:!0,disabled:v,sx:{display:"flex"},children:[!b&&y&&e.jsx(r.ListItemIcon,{..._,sx:a.mergeSx({minWidth:0,mr:S.custom.margin.xs,color:S.custom.palette.text.primary},_?.sx),children:y}),e.jsxs(r.Stack,{direction:"row",width:1,gap:w?S.custom.margin.sm:S.custom.margin.md,alignItems:"center",children:[e.jsxs(r.Box,{sx:{display:"flex",position:"relative",width:"fill-available"},children:[!v&&e.jsx(l,{variant:"determinate",value:L,checked:T,...I.graphBar}),e.jsx(r.ListItemText,{disableTypography:!0,primary:e.jsx(n,{...I.graphBarTypography,component:"p",variation:"xs",noWrap:!0,sx:a.mergeSx(I.graphBarTypography?.sx,{color:(()=>{if(!T||v)return S.custom.palette.text.disabled;return("object"==typeof I.graphBarTypography?.sx&&null!==I.graphBarTypography?.sx&&"color"in I.graphBarTypography.sx?I.graphBarTypography.sx.color:void 0)||S.palette.text.primary})()}),children:x}),sx:{my:0,position:"absolute",display:"flex",alignItems:"center",inset:0,ml:1}})]}),!U&&e.jsxs(r.Box,{display:"flex",justifyContent:"space-between",alignItems:"center",gap:S.custom.margin.xs,children:[!f&&e.jsx(d,{weight:"bold",color:S.palette.text.primary,disabled:v,checked:T,...I?.unitText1,children:A?e.jsxs(e.Fragment,{children:[e.jsx(p.default,{value:m,animated:k}),""+(B?"%":"")]}):"-"}),!C&&e.jsx(d,{color:S.palette.text.secondary,disabled:v,checked:T,...I?.unitText2,children:R?e.jsx(p.default,{value:h,animated:k}):"-"})]}),!j&&e.jsx(r.Box,{display:"flex",justifyContent:"space-between",alignItems:"center",children:e.jsx(s,{id:`${t}-checkbox`,variant:"secondary",checked:!v&&T,disabled:v,...I.checkbox,checkboxLabel:void 0,inputRef:W,sx:a.mergeSx(I.checkbox?.sx,{[`&.${r.formControlLabelClasses.root}`]:{marginRight:0}})})})]})]})})})};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("react");require("../../../utils/formValidation/misc.js"),require("@mui/material");var o=require("../../BrandCore/Icon/Icon.js");require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js");var t=require("../../WebCore/Typography/Typography.js");require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/extension-underline"),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");var i=require("./_partials/StyledBox/StyledBox.js"),a=require("./helpers/index.js");const u=r.forwardRef(({status:r,sizing:u,...s},l)=>e.jsxs(i.StyledTestStatus,{ref:l,sizing:u,status:r,...s,children:[e.jsx(o.default,{name:a.getStatusIconName(r)}),e.jsx(t,{component:"p",variation:"sm",children:a.getStatusText(r)})]}));module.exports=u;
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("react");require("@mui/material");var o=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 t=require("../../WebCore/Typography/Typography.js");require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/extension-underline"),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");var i=require("./_partials/StyledBox/StyledBox.js"),a=require("./helpers/index.js");const u=r.forwardRef(({status:r,sizing:u,...s},l)=>e.jsxs(i.StyledTestStatus,{ref:l,sizing:u,status:r,...s,children:[e.jsx(o.default,{name:a.getStatusIconName(r)}),e.jsx(t,{component:"p",variation:"sm",children:a.getStatusText(r)})]}));module.exports=u;
@@ -1 +1 @@
1
- "use strict";const e=(e,t,r=500)=>{switch(t){case"draft":return e.custom.palette.blue[r];case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}};exports.getColorByStatus=e,exports.getStatusIconName=e=>{switch(e){case"draft":default:return"test-edit";case"in-progress":return"test-pending";case"results-ready":return"data-bar"}},exports.getStatusStyling=(t,r)=>({..."draft"===r&&{background:t.custom.palette.interaction.none,border:`1px solid ${t.custom.palette.stroke.default}`,"& svg":{color:e(t,r)}},..."in-progress"===r&&{background:t.custom.palette.yellow[0],border:`1px solid ${t.custom.palette.yellow[100]}`,"& svg":{color:e(t,r)}},..."results-ready"===r&&{background:t.custom.palette.green[0],border:`1px solid ${t.custom.palette.green[100]}`,"& svg":{color:e(t,r)}}}),exports.getStatusText=e=>{switch(e){case"draft":return"Draft";case"in-progress":return"In Progress";case"results-ready":return"Results Ready";default:return"Unknown Status"}},exports.getTextColorByStatus=(e,t,r)=>{switch(t){case"draft":return e.custom.palette.text.primary;case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}};
1
+ "use strict";const e=(e,t,r=500)=>{switch(t){case"draft":return e.custom.palette.blue[r];case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}};exports.getColorByStatus=e,exports.getStatusIconName=e=>{switch(e){case"draft":default:return"test-edit";case"in-progress":return"test-pending";case"results-ready":return"data-bar"}},exports.getStatusStyling=(t,r)=>({..."draft"===r&&{background:t.custom.palette.interaction.none,border:`1px solid ${t.custom.palette.stroke.default}`,"& svg":{color:e(t,r)}},..."in-progress"===r&&{background:t.custom.palette.yellow[0],border:`1px solid ${t.custom.palette.yellow[100]}`,"& svg":{color:e(t,r)}},..."results-ready"===r&&{background:t.custom.palette.green[0],border:`1px solid ${t.custom.palette.green[100]}`,"& svg":{color:e(t,r)}}}),exports.getStatusText=e=>{switch(e){case"draft":return"Draft";case"in-progress":return"In progress";case"results-ready":return"Results ready";default:return"Unknown status"}},exports.getTextColorByStatus=(e,t,r)=>{switch(t){case"draft":return e.custom.palette.text.primary;case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}};
@@ -1,4 +1,4 @@
1
- type StatusTextOutput = 'Draft' | 'In Progress' | 'Results Ready' | 'Unknown Status';
1
+ type StatusTextOutput = 'Draft' | 'In progress' | 'Results ready' | 'Unknown status';
2
2
  interface TestStatusProps {
3
3
  status: 'results-ready' | 'in-progress' | 'draft';
4
4
  sizing?: 'md' | 'sm' | 'xs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useloops/design-system",
3
- "version": "1.4.561",
3
+ "version": "1.4.563",
4
4
  "description": "The official React based Loops design system",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/esm/index.js",