@useloops/design-system 1.4.673 → 1.4.674

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.
Files changed (18) hide show
  1. package/dist/esm/systems/Platform/GraphBar/GraphBar.js +1 -1
  2. package/dist/esm/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js +1 -1
  3. package/dist/esm/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js +1 -1
  4. package/dist/esm/systems/Platform/SliderGraph/SliderGraph.js +1 -1
  5. package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js +1 -1
  6. package/dist/esm/systems/WebCore/EmojiWrapper/EmojiWrapper.js +1 -1
  7. package/dist/systems/Platform/GraphBar/GraphBar.d.ts +1 -0
  8. package/dist/systems/Platform/GraphBar/GraphBar.js +1 -1
  9. package/dist/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js +1 -1
  10. package/dist/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js +1 -1
  11. package/dist/systems/Platform/LikertGraph/types.d.ts +1 -0
  12. package/dist/systems/Platform/SliderGraph/SliderGraph.js +1 -1
  13. package/dist/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js +1 -1
  14. package/dist/systems/Platform/SliderGraph/types.d.ts +1 -0
  15. package/dist/systems/WebCore/EmojiWrapper/EmojiWrapper.d.ts +1 -0
  16. package/dist/systems/WebCore/EmojiWrapper/EmojiWrapper.js +1 -1
  17. package/dist/theme/theme.hooks.d.ts +1 -1
  18. package/package.json +1 -1
package/dist/esm/systems/Platform/GraphBar/GraphBar.js CHANGED
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useTheme as i,ListItem as o,ListItemIcon as a,Stack as n,Box as l,ListItemText as s,formControlLabelClasses as m}from"@mui/material";import c from"@number-flow/react";import{mergeSx as p}from"merge-sx";import{useState as d,useRef as h,useEffect as x,useCallback as u}from"react";import g from"../../WebCore/Checkbox/Checkbox.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import{Text as y}from"../../WebCore/Text/Text.js";import b from"../../WebCore/Tooltip/Tooltip.js";import f from"./_partials/StyledLinearProgress/StyledLinearProgress.js";import C from"./_partials/StyledListItemButton/StyledLisItemButton.js";import T from"./_partials/UnitText/UnitText.js";const k=({id:k,label:v,value:j=0,relativePercentage:w,respondentCount:B,tooltipContent:I,icon:P,hideIcon:S=!1,hideCheckbox:W=!1,hideUnitColumn1:F=!1,hideUnitColumn2:L=!1,animated:U=!0,checked:A=!1,disabled:_=!1,onChange:q,percentageSymbol:D=!1,compact:R,slotProps:$={}})=>{const z=i(),[M,E]=d(0),G=h(null),H=$.icon;x(()=>{const e=M,t=w||j,r=performance.now(),i=o=>{const a=o-r,n=Math.min(a/250,1);E(e+(t-e)*(n*(2-n))),n<1&&requestAnimationFrame(i)},o=requestAnimationFrame(i);return()=>cancelAnimationFrame(o)},[w,j]);const J=u(()=>{!_&&q&&q(!A)},[_,q,A]),K=F&&L,N=null!=j,O=null!=B;return e(o,{disablePadding:!0,sx:{mb:z.spacing(z.custom.margin.xs)},...$?.listItem,children:e(b,{message:I||v,followCursor:!0,placement:"bottom-start",slotProps:{wrapper:{sx:{width:"100%"}}},...$.tooltip,children:t(C,{id:k,role:void 0,onClick:J,dense:!0,disabled:_,sx:{display:"flex"},children:[!S&&P&&e(a,{...H,sx:p({minWidth:0,mr:z.custom.margin.xs,color:z.custom.palette.text.primary},H?.sx),children:P}),t(n,{direction:"row",width:1,gap:R?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:M,checked:A,...$.graphBar}),e(s,{disableTypography:!0,primary:e(y,{...$.graphBarTypography,size:"xs",noWrap:!0,sx:p($.graphBarTypography?.sx,{color:(()=>{if(!A||_)return z.custom.palette.text.disabled;return("object"==typeof $.graphBarTypography?.sx&&null!==$.graphBarTypography?.sx&&"color"in $.graphBarTypography.sx?$.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:[!F&&e(T,{bold:!0,color:z.palette.text.primary,disabled:_,checked:A,...$?.unitText1,children:N?t(r,{children:[e(c,{value:j,animated:U,...D&&{format:{minimumFractionDigits:1,maximumFractionDigits:1}}}),""+(D?"%":"")]}):"-"}),!L&&e(T,{color:z.palette.text.secondary,disabled:_,checked:A,...$?.unitText2,children:O?e(c,{value:B,animated:U}):"-"})]}),!W&&e(l,{display:"flex",justifyContent:"space-between",alignItems:"center",children:e(g,{id:`${k}-checkbox`,variant:"secondary",checked:!_&&A,disabled:_,...$.checkbox,checkboxLabel:void 0,inputRef:G,sx:p($.checkbox?.sx,{[`&.${m.root}`]:{marginRight:0}})})})]})]})})})};export{k as default};
1
+ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useTheme as i,ListItem as o,ListItemIcon as a,Stack as n,Box as l,ListItemText as s,formControlLabelClasses as m}from"@mui/material";import c from"@number-flow/react";import{mergeSx as p}from"merge-sx";import{useState as d,useRef as h,useEffect as x,useCallback as u}from"react";import g from"../../WebCore/Checkbox/Checkbox.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import{Text as y}from"../../WebCore/Text/Text.js";import b from"../../WebCore/Tooltip/Tooltip.js";import f from"./_partials/StyledLinearProgress/StyledLinearProgress.js";import C from"./_partials/StyledListItemButton/StyledLisItemButton.js";import T from"./_partials/UnitText/UnitText.js";const k=({id:k,label:v,value:j=0,relativePercentage:w,respondentCount:B,tooltipContent:I,icon:P,hideIcon:S=!1,hideCheckbox:W=!1,hideUnitColumn1:F=!1,hideUnitColumn2:L=!1,animated:U=!0,checked:A=!1,active:_,disabled:q=!1,onChange:D,percentageSymbol:R=!1,compact:$,slotProps:z={}})=>{const M=i(),E=_??A,[G,H]=d(0),J=h(null),K=z.icon;x(()=>{const e=G,t=w||j,r=performance.now(),i=o=>{const a=o-r,n=Math.min(a/250,1);H(e+(t-e)*(n*(2-n))),n<1&&requestAnimationFrame(i)},o=requestAnimationFrame(i);return()=>cancelAnimationFrame(o)},[w,j]);const N=u(()=>{!q&&D&&D(!A)},[q,D,A]),O=F&&L,Q=null!=j,V=null!=B;return e(o,{disablePadding:!0,sx:{mb:M.spacing(M.custom.margin.xs)},...z?.listItem,children:e(b,{message:I||v,followCursor:!0,placement:"bottom-start",slotProps:{wrapper:{sx:{width:"100%"}}},...z.tooltip,children:t(C,{id:k,role:void 0,onClick:N,dense:!0,disabled:q,sx:{display:"flex"},children:[!S&&P&&e(a,{...K,sx:p({minWidth:0,mr:M.custom.margin.xs,color:M.custom.palette.text.primary},K?.sx),children:P}),t(n,{direction:"row",width:1,gap:$?M.custom.margin.sm:M.custom.margin.md,alignItems:"center",children:[t(l,{sx:{display:"flex",position:"relative",width:"fill-available"},children:[!q&&e(f,{variant:"determinate",value:G,checked:E,...z.graphBar}),e(s,{disableTypography:!0,primary:e(y,{...z.graphBarTypography,size:"xs",noWrap:!0,sx:p(z.graphBarTypography?.sx,{color:(()=>{if(!E||q)return M.custom.palette.text.disabled;return("object"==typeof z.graphBarTypography?.sx&&null!==z.graphBarTypography?.sx&&"color"in z.graphBarTypography.sx?z.graphBarTypography.sx.color:void 0)||M.palette.text.primary})()}),children:v}),sx:{my:0,position:"absolute",display:"flex",alignItems:"center",inset:0,ml:1}})]}),!O&&t(l,{display:"flex",justifyContent:"space-between",alignItems:"center",gap:M.custom.margin.xs,children:[!F&&e(T,{bold:!0,color:M.palette.text.primary,disabled:q,checked:E,...z?.unitText1,children:Q?t(r,{children:[e(c,{value:j,animated:U,...R&&{format:{minimumFractionDigits:1,maximumFractionDigits:1}}}),""+(R?"%":"")]}):"-"}),!L&&e(T,{color:M.palette.text.secondary,disabled:q,checked:E,...z?.unitText2,children:V?e(c,{value:B,animated:U}):"-"})]}),!W&&e(l,{display:"flex",justifyContent:"space-between",alignItems:"center",children:e(g,{id:`${k}-checkbox`,variant:"secondary",checked:!q&&A,disabled:q,...z.checkbox,checkboxLabel:void 0,inputRef:J,sx:p(z.checkbox?.sx,{[`&.${m.root}`]:{marginRight:0}})})})]})]})})})};export{k as default};
package/dist/esm/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js CHANGED
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r,Stack as i,Box as a}from"@mui/material";import{mergeSx as s}from"merge-sx";import{useRef as p,useCallback as l}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import{Text as m}from"../../../../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"../../../../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 n from"../../../../WebCore/Checkbox/Checkbox.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/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import b from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.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 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/Typography/Typography.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as c}from"../../utils/getIndicatorColor.js";import{LikertActionControllerWrapper as C,SwatchIndicator as u,LikertGraphLabel as j}from"../StyledComponents.js";const W=({disabled:W,checked:h,label:B,toolTipContent:g,id:x,onChange:y,color:S,loading:I,slotProps:L={},hideCheckboxes:k,hideLabels:f,hideColorIndicators:T,disableTooltips:A,percentage:F,amount:R})=>{const w=r(),M=p(null),v=l(()=>{!W&&y&&y(x,!h)},[W,y,h]),G=k&&f&&T,P=0===F||0===R;return!G&&e(C,{disabled:W||I,onClick:P?void 0:v,zeroDataMode:P,children:e(b,{followCursor:!0,message:g,disableHoverListener:W||I||A||!g||G,...L?.actionsTooltip,slotProps:{wrapper:{sx:{width:"100%",height:"100%",padding:G?0:`${w.spacing(w.custom.margin.sm)} ${w.spacing(w.custom.margin.xs)}`,flexDirection:"column",display:"flex",alignItems:"center",justifyContent:"space-between",gap:w.spacing(w.custom.margin.md),cursor:P?"initial":"pointer",...L?.actionsTooltip?.slotProps?.wrapper?.sx}}},children:o(t,{children:[o(i,{gap:w.spacing(w.custom.margin.xs),sx:{width:1,alignItems:"center"},children:[!T&&e(u,{sx:{...L?.actionsSwatchIndicator?.sx},color:W||I?w.custom.palette.interaction.disabled:h?S:w.custom.palette.neutral[100]}),!f&&e(j,{children:I?e(d,{width:50,height:20}):e(m,{size:"sm",textAlign:"center",...L?.actionsLabel,disabled:P||W,sx:s({color:h?c(S,w):w.custom.palette.text.disabled},L?.actionsLabel?.sx),children:B})})]}),!k&&e(a,{children:I?e(d,{width:24,height:24}):e(n,{id:`${x}-checkbox`,variant:"secondary",checked:!P&&(!W&&h),disabled:P||W,checkboxLabel:void 0,inputRef:M,...L?.actionsCheckbox,sx:s({mr:0},L?.actionsCheckbox?.sx)})})]})})})};export{W as default};
1
+ import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r,Stack as i,Box as a}from"@mui/material";import{mergeSx as s}from"merge-sx";import{useRef as p,useCallback as l}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import{Text as m}from"../../../../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"../../../../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 n from"../../../../WebCore/Checkbox/Checkbox.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/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import b from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.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 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/Typography/Typography.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as c}from"../../utils/getIndicatorColor.js";import{LikertActionControllerWrapper as C,SwatchIndicator as u,LikertGraphLabel as j}from"../StyledComponents.js";const W=({disabled:W,checked:h,active:B,label:g,toolTipContent:x,id:y,onChange:S,color:I,loading:L,slotProps:k={},hideCheckboxes:f,hideLabels:T,hideColorIndicators:A,disableTooltips:F,percentage:R,amount:v})=>{const w=r(),M=p(null),G=B??h,P=l(()=>{!W&&S&&S(y,!h)},[W,S,h]),_=f&&T&&A,D=0===R||0===v;return!_&&e(C,{disabled:W||L,onClick:D?void 0:P,zeroDataMode:D,children:e(b,{followCursor:!0,message:x,disableHoverListener:W||L||F||!x||_,...k?.actionsTooltip,slotProps:{wrapper:{sx:{width:"100%",height:"100%",padding:_?0:`${w.spacing(w.custom.margin.sm)} ${w.spacing(w.custom.margin.xs)}`,flexDirection:"column",display:"flex",alignItems:"center",justifyContent:"space-between",gap:w.spacing(w.custom.margin.md),cursor:D?"initial":"pointer",...k?.actionsTooltip?.slotProps?.wrapper?.sx}}},children:o(t,{children:[o(i,{gap:w.spacing(w.custom.margin.xs),sx:{width:1,alignItems:"center"},children:[!A&&e(u,{sx:{...k?.actionsSwatchIndicator?.sx},color:W||L?w.custom.palette.interaction.disabled:G?I:w.custom.palette.neutral[100]}),!T&&e(j,{children:L?e(d,{width:50,height:20}):e(m,{size:"sm",textAlign:"center",...k?.actionsLabel,disabled:D||W,sx:s({color:G?c(I,w):w.custom.palette.text.disabled},k?.actionsLabel?.sx),children:g})})]}),!f&&e(a,{children:L?e(d,{width:24,height:24}):e(n,{id:`${y}-checkbox`,variant:"secondary",checked:!D&&(!W&&h),disabled:D||W,checkboxLabel:void 0,inputRef:M,...k?.actionsCheckbox,sx:s({mr:0},k?.actionsCheckbox?.sx)})})]})})})};export{W as default};
package/dist/esm/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js CHANGED
@@ -1 +1 @@
1
- import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useTheme as r,Box as i}from"@mui/material";import a from"@number-flow/react";import{mergeSx as s}from"merge-sx";import{useState as p,useEffect as n}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import{Text as l}from"../../../../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"../../../../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/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import m from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.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 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/Typography/Typography.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as b}from"../../utils/getIndicatorColor.js";import{motion as u}from"../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const c=({relativePercentage:c,amount:C,color:j,animateBars:W,disabled:y,loading:B,toolTipContent:h,hideAmount:g,disableTooltips:S,checked:f,hidePercentageSymbol:x,slotProps:I})=>{const L=r(),T=c&&c>8,[A,k]=p(0);return n(()=>{const e=B?20:c||0,o=W?A||0:e,t=performance.now(),r=i=>{const a=i-t,s=Math.min(a/250,1);k(o+(e-o)*(s*(2-s))),s<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[C,B]),e(i,{component:u.div,...I?.graphBar,sx:s({height:"100%",width:`${A}%`,background:y||!f?L.custom.palette.neutral[100]:B?L.custom.palette.interaction.none:j,borderRadius:L.spacing(L.custom.radius.sm),boxSizing:"border-box",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"},I?.graphBar?.sx),initial:{opacity:0},animate:{opacity:1},transition:{duration:.3,ease:"easeOut"},children:e(m,{message:h,placement:"top",disableHoverListener:!h||y||B||S,followCursor:!0,...I?.graphBarTooltip,slotProps:{wrapper:{sx:{width:1,height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...I?.graphBarTooltip?.slotProps?.wrapper?.sx}}},children:e(o,{children:B?e(d,{width:"100%",height:"100%",sx:{borderRadius:L.spacing(L.custom.radius.sm)}}):t(u.div,{style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},initial:{opacity:0},animate:{opacity:T?1:0},transition:{duration:.3,ease:"easeInOut",delay:T?.1:0},children:[e(u.div,{initial:{y:10,opacity:0},animate:{y:T?0:10,opacity:T?1:0},transition:{duration:.3,ease:"easeOut"},children:e(l,{monospaced:!0,size:"xs",bold:!0,sx:{whiteSpace:"nowrap",color:y||!f?L.custom.palette.text.disabled:b(j,L)},children:T?t(o,{children:[e(a,{value:c,animated:W}),x?"":"%"]}):null})}),e(u.div,{initial:{y:10,opacity:0},animate:{y:T?0:10,opacity:T?1:0},transition:{duration:.3,ease:"easeOut",delay:.05},children:!g&&e(l,{monospaced:!0,size:"xs",sx:{color:y||!f?L.custom.palette.text.disabled:b(j,L)},children:T?e(a,{value:C,animated:W}):null})})]})})})})};export{c as default};
1
+ import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useTheme as r,Box as i}from"@mui/material";import a from"@number-flow/react";import{mergeSx as s}from"merge-sx";import{useState as p,useEffect as n}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import{Text as l}from"../../../../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"../../../../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/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import m from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.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 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/Typography/Typography.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as b}from"../../utils/getIndicatorColor.js";import{motion as u}from"../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const c=({relativePercentage:c,amount:C,color:j,animateBars:W,disabled:y,loading:B,toolTipContent:h,hideAmount:g,disableTooltips:S,checked:f,active:x,hidePercentageSymbol:I,slotProps:L})=>{const T=r(),A=x??f,k=c&&c>8,[v,F]=p(0);return n(()=>{const e=B?20:c||0,o=W?v||0:e,t=performance.now(),r=i=>{const a=i-t,s=Math.min(a/250,1);F(o+(e-o)*(s*(2-s))),s<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[C,B]),e(i,{component:u.div,...L?.graphBar,sx:s({height:"100%",width:`${v}%`,background:y||!A?T.custom.palette.neutral[100]:B?T.custom.palette.interaction.none:j,borderRadius:T.spacing(T.custom.radius.sm),boxSizing:"border-box",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"},L?.graphBar?.sx),initial:{opacity:0},animate:{opacity:1},transition:{duration:.3,ease:"easeOut"},children:e(m,{message:h,placement:"top",disableHoverListener:!h||y||B||S,followCursor:!0,...L?.graphBarTooltip,slotProps:{wrapper:{sx:{width:1,height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...L?.graphBarTooltip?.slotProps?.wrapper?.sx}}},children:e(o,{children:B?e(d,{width:"100%",height:"100%",sx:{borderRadius:T.spacing(T.custom.radius.sm)}}):t(u.div,{style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},initial:{opacity:0},animate:{opacity:k?1:0},transition:{duration:.3,ease:"easeInOut",delay:k?.1:0},children:[e(u.div,{initial:{y:10,opacity:0},animate:{y:k?0:10,opacity:k?1:0},transition:{duration:.3,ease:"easeOut"},children:e(l,{monospaced:!0,size:"xs",bold:!0,sx:{whiteSpace:"nowrap",color:y||!A?T.custom.palette.text.disabled:b(j,T)},children:k?t(o,{children:[e(a,{value:c,animated:W}),I?"":"%"]}):null})}),e(u.div,{initial:{y:10,opacity:0},animate:{y:k?0:10,opacity:k?1:0},transition:{duration:.3,ease:"easeOut",delay:.05},children:!g&&e(l,{monospaced:!0,size:"xs",sx:{color:y||!A?T.custom.palette.text.disabled:b(j,T)},children:k?e(a,{value:C,animated:W}):null})})]})})})})};export{c as default};
package/dist/esm/systems/Platform/SliderGraph/SliderGraph.js CHANGED
@@ -1 +1 @@
1
- import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useMemo as r}from"react";import i from"./_partials/SliderGraphBar/SliderGraphBar.js";import t from"./_partials/SliderGraphYAxis/SliderGraphYAxis.js";import{SliderGraphWrapper as o,SliderGraphBarWrapper as n}from"./_partials/StyledComponents.js";const l=({rounding:l,tickInterval:s=10,data:d,loading:p,disabled:h,onChangeHandler:c,animateBars:m,slotProps:g,hideYAxis:b=!1,hideTopValueSection:u=!1,hideTopAmountValueSection:x=!1,hideTopPercentageValueSection:v=!1,showGraphLines:S=!1,hidePercentageSymbol:P=!1,hideLabels:k=!1,hideCheckboxes:C=!1,disableTooltips:T=!1,maxHeight:f=465,responsive:A=!1})=>{const V=r(()=>Math.ceil(d.reduce((e,{percentage:a})=>a>e?a:e,0)),[d]);return e(o,{...g?.root,maxHeight:f,responsive:A,children:[!b&&a(t,{graphMaxHeight:f,loading:p,yAxisMax:V,rounding:l,tickInterval:s,disabled:h,showGraphLines:S,hideLabel:k,hideCheckbox:C,responsive:A,slotProps:{root:g?.yAxis}}),a(n,{...g?.barsWrapper,maxHeight:f,responsive:A,children:d.map((e,r)=>{if(r>=11)return;const{percentage:t,label:o,value:n,checked:l,id:b,amount:S,hidePercentageSymbol:y,relativePercentage:G,onChange:H,tooltipContent:B}=e,L=y??P;return a(i,{totalBars:d.length,barIndex:r,graphMaxHeight:f,loading:p,label:o,value:n,amount:S,percentage:t,maxDataValue:V,hidePercentageSymbol:L,hideTopPercentageValueSection:v,hideTopAmountValueSection:x,checked:l,tickInterval:s,disabled:h||p,animateBar:m,hideTopValueSection:u,responsive:A,onChange:c?(e,a)=>c(e,a):H?(e,a)=>H({amount:S,percentage:t,name:o,relativePercentage:G},a):void 0,hideLabel:k,hideCheckbox:C,tooltipContent:B,disableTooltip:T,id:b,className:`slider-graph-bar-${r+1}`,slotProps:{barWrapper:{},checkbox:{},value:{},label:{},tooltip:{}},...g?.bar},r)})})]})};export{l as default};
1
+ import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useMemo as i}from"react";import r from"./_partials/SliderGraphBar/SliderGraphBar.js";import t from"./_partials/SliderGraphYAxis/SliderGraphYAxis.js";import{SliderGraphWrapper as o,SliderGraphBarWrapper as n}from"./_partials/StyledComponents.js";const l=({rounding:l,tickInterval:s=10,data:d,loading:p,disabled:h,onChangeHandler:c,animateBars:m,slotProps:g,hideYAxis:b=!1,hideTopValueSection:u=!1,hideTopAmountValueSection:x=!1,hideTopPercentageValueSection:v=!1,showGraphLines:S=!1,hidePercentageSymbol:P=!1,hideLabels:k=!1,hideCheckboxes:C=!1,disableTooltips:T=!1,maxHeight:f=465,responsive:A=!1})=>{const V=i(()=>Math.ceil(d.reduce((e,{percentage:a})=>a>e?a:e,0)),[d]);return e(o,{...g?.root,maxHeight:f,responsive:A,children:[!b&&a(t,{graphMaxHeight:f,loading:p,yAxisMax:V,rounding:l,tickInterval:s,disabled:h,showGraphLines:S,hideLabel:k,hideCheckbox:C,responsive:A,slotProps:{root:g?.yAxis}}),a(n,{...g?.barsWrapper,maxHeight:f,responsive:A,children:d.map((e,i)=>{if(i>=11)return;const{percentage:t,label:o,value:n,checked:l,active:b,id:S,amount:y,hidePercentageSymbol:G,relativePercentage:H,onChange:B,tooltipContent:L}=e,j=G??P;return a(r,{totalBars:d.length,barIndex:i,graphMaxHeight:f,loading:p,label:o,value:n,amount:y,percentage:t,maxDataValue:V,hidePercentageSymbol:j,hideTopPercentageValueSection:v,hideTopAmountValueSection:x,checked:l,active:b,tickInterval:s,disabled:h||p,animateBar:m,hideTopValueSection:u,responsive:A,onChange:c?(e,a)=>c(e,a):B?(e,a)=>B({amount:y,percentage:t,name:o,relativePercentage:H},a):void 0,hideLabel:k,hideCheckbox:C,tooltipContent:L,disableTooltip:T,id:S,className:`slider-graph-bar-${i+1}`,slotProps:{barWrapper:{},checkbox:{},value:{},label:{},tooltip:{}},...g?.bar},i)})})]})};export{l as default};
package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js CHANGED
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r}from"@mui/material";import i from"@mui/material/Box";import a from"@mui/material/Stack";import{mergeSx as s}from"merge-sx";import{useState as p,useRef as l,useEffect as m,useCallback as n,useMemo as b}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import{Text as d}from"../../../../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"../../../../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 c from"../../../../WebCore/Checkbox/Checkbox.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/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import C from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.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 u 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/Typography/Typography.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{heightBasedOnPercentage as h}from"../../utils/heightBasedOnPercentage.js";import{VeticalBarWrapper as j,VerticalBarValue as W,VerticalBar as x,VerticalBarActions as B,VerticalBarLabel as g}from"../StyledComponents.js";const S=({percentage:S,label:y,checked:k,totalBars:f,tooltipContent:L,hideTopValueSection:I,hideTopAmountValueSection:T,hideTopPercentageValueSection:A,hideLabel:v,hideCheckbox:w,hidePercentageSymbol:F,disableTooltip:R,animateBar:M,slotProps:P,tickInterval:G,amount:V,onChange:_,maxDataValue:N,disabled:D,loading:K,value:O,id:H,className:z,graphMaxHeight:E,responsive:q})=>{const U=r(),[$,J]=p(0),Q=l(null);m(()=>{const e=h(S,G,N,E,{hideLabel:v,hideCheckbox:w,hideTopValueSection:I}),o=M?$:e,t=performance.now(),r=i=>{const a=i-t,s=Math.min(a/250,1);J(o+(e-o)*(s*(2-s))),s<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[O]);const X=n(()=>{!D&&_&&_(H,!k)},[D,_,k]),Y=b(()=>f>6,[f]);return e(C,{message:L||null,disableHoverListener:R||!L,followCursor:!0,slotProps:{wrapper:{sx:{height:"fill-available",width:1,minWidth:0,...P?.tooltip?.slotProps?.wrapper?.sx}}},children:o(j,{maxHeight:E,disabled:D,...P?.barWrapper,id:H,className:z,onClick:X,responsive:q,children:[!I&&e(W,{...P?.value,children:K?e(u,{width:25,height:25,sx:{mb:1/3}}):o(a,{children:[!A&&e(i,{sx:{height:Y?18:20},children:o(d,{size:Y?"xxs":"sm",monospaced:!0,disabled:D||!k,align:"center",noWrap:!0,bold:!0,sx:{...Y&&{fontSize:10,lineHeight:"12px"},minWidth:0,px:.2},children:[S,!F&&e(i,{component:"span",children:"%"})]})}),!T&&e(i,{sx:{height:Y?18:20},children:e(d,{size:f>5?"xxs":"sm",monospaced:!0,secondary:!0,disabled:D||!k,align:"center",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%",minWidth:0,px:.2,height:22},children:V})})]})}),K?e(u,{width:"fill-available",height:$}):e(x,{checked:k,value:$,maxHeight:E,disabled:D,sx:s(P?.bar?.sx||{},{backgroundColor:D||!k?U.custom.palette.interaction.disabled:P?.bar?.sx?.backgroundColor||U.custom.palette.purple[500]})}),o(B,{children:[!v&&e(g,{...P?.label,children:K?e(u,{width:20,height:20}):e(d,{size:"xs",bold:!0,sx:{color:e=>D||!k?e.custom.palette.text.disabled:e.custom.palette.text.primary},children:y})}),!w&&e(t,{children:K?e(u,{width:24,height:24,sx:{borderRadius:.5}}):e(c,{id:`${H}-checkbox`,variant:"secondary",checked:!D&&k,disabled:D,checkboxLabel:void 0,inputRef:Q,onChange:X,...P?.checkbox,sx:s({mr:0,mt:1},P?.checkbox?.sx)})})]})]})})};export{S as default};
1
+ import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r}from"@mui/material";import i from"@mui/material/Box";import a from"@mui/material/Stack";import{mergeSx as s}from"merge-sx";import{useState as p,useRef as l,useEffect as m,useCallback as n,useMemo as b}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import{Text as d}from"../../../../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"../../../../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 c from"../../../../WebCore/Checkbox/Checkbox.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/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import C from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.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 u 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/Typography/Typography.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{heightBasedOnPercentage as h}from"../../utils/heightBasedOnPercentage.js";import{VeticalBarWrapper as j,VerticalBarValue as W,VerticalBar as x,VerticalBarActions as B,VerticalBarLabel as g}from"../StyledComponents.js";const S=({percentage:S,label:y,checked:k,active:f,totalBars:L,tooltipContent:I,hideTopValueSection:T,hideTopAmountValueSection:A,hideTopPercentageValueSection:v,hideLabel:w,hideCheckbox:F,hidePercentageSymbol:R,disableTooltip:M,animateBar:P,slotProps:G,tickInterval:V,amount:_,onChange:N,maxDataValue:D,disabled:K,loading:O,value:H,id:z,className:E,graphMaxHeight:q,responsive:U})=>{const $=r(),[J,Q]=p(0),X=l(null),Y=f??k;m(()=>{const e=h(S,V,D,q,{hideLabel:w,hideCheckbox:F,hideTopValueSection:T}),o=P?J:e,t=performance.now(),r=i=>{const a=i-t,s=Math.min(a/250,1);Q(o+(e-o)*(s*(2-s))),s<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[H]);const Z=n(()=>{!K&&N&&N(z,!k)},[K,N,k]),ee=b(()=>L>6,[L]);return e(C,{message:I||null,disableHoverListener:M||!I,followCursor:!0,slotProps:{wrapper:{sx:{height:"fill-available",width:1,minWidth:0,...G?.tooltip?.slotProps?.wrapper?.sx}}},children:o(j,{maxHeight:q,disabled:K,...G?.barWrapper,id:z,className:E,onClick:Z,responsive:U,children:[!T&&e(W,{...G?.value,children:O?e(u,{width:25,height:25,sx:{mb:1/3}}):o(a,{children:[!v&&e(i,{sx:{height:ee?18:20},children:o(d,{size:ee?"xxs":"sm",monospaced:!0,disabled:K||!Y,align:"center",noWrap:!0,bold:!0,sx:{...ee&&{fontSize:10,lineHeight:"12px"},minWidth:0,px:.2},children:[S,!R&&e(i,{component:"span",children:"%"})]})}),!A&&e(i,{sx:{height:ee?18:20},children:e(d,{size:L>5?"xxs":"sm",monospaced:!0,secondary:!0,disabled:K||!Y,align:"center",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%",minWidth:0,px:.2,height:22},children:_})})]})}),O?e(u,{width:"fill-available",height:J}):e(x,{checked:Y,value:J,maxHeight:q,disabled:K,sx:s(G?.bar?.sx||{},{backgroundColor:K||!Y?$.custom.palette.interaction.disabled:G?.bar?.sx?.backgroundColor||$.custom.palette.purple[500]})}),o(B,{children:[!w&&e(g,{...G?.label,children:O?e(u,{width:20,height:20}):e(d,{size:"xs",bold:!0,sx:{color:e=>K||!Y?e.custom.palette.text.disabled:e.custom.palette.text.primary},children:y})}),!F&&e(t,{children:O?e(u,{width:24,height:24,sx:{borderRadius:.5}}):e(c,{id:`${z}-checkbox`,variant:"secondary",checked:!K&&k,disabled:K,checkboxLabel:void 0,inputRef:X,onChange:Z,...G?.checkbox,sx:s({mr:0,mt:1},G?.checkbox?.sx)})})]})]})})};export{S as default};
package/dist/esm/systems/WebCore/EmojiWrapper/EmojiWrapper.js CHANGED
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{Box as i}from"@mui/material";import{mergeSx as r}from"merge-sx";const t=({checked:t,disabled:a,sx:l,children:o,...c})=>e(i,{sx:r({width:24,height:24,display:"flex",alignItems:"center",fontSize:24,color:"initial",filter:!a&&t?"grayscale(0)":"grayscale(1)",opacity:1},l),...c,children:o});export{t as default};
1
+ import{jsx as e}from"react/jsx-runtime";import{Box as i}from"@mui/material";import{mergeSx as r}from"merge-sx";const t=({checked:t,active:a,disabled:l,sx:c,children:o,...m})=>e(i,{sx:r({width:24,height:24,display:"flex",alignItems:"center",fontSize:24,color:"initial",filter:!l&&(a??t)?"grayscale(0)":"grayscale(1)",opacity:1},c),...m,children:o});export{t as default};
package/dist/systems/Platform/GraphBar/GraphBar.d.ts CHANGED
@@ -32,6 +32,7 @@ interface GraphBarProps {
32
32
  hideUnitColumn2?: boolean;
33
33
  animated?: boolean;
34
34
  checked?: boolean;
35
+ active?: boolean;
35
36
  disabled?: boolean;
36
37
  onChange?: (checked: boolean) => void;
37
38
  percentageSymbol?: boolean;
package/dist/systems/Platform/GraphBar/GraphBar.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("@number-flow/react"),i=require("merge-sx"),a=require("react"),s=require("../../WebCore/Checkbox/Checkbox.js");require("../../WebCore/Checkbox/StyledCheckbox.js");var o=require("../../WebCore/Text/Text.js"),n=require("../../WebCore/Tooltip/Tooltip.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 m=x(r);module.exports=({id:r,label:x,value:u=0,relativePercentage:p,respondentCount:h,tooltipContent:g,icon:b,hideIcon:y=!1,hideCheckbox:j=!1,hideUnitColumn1:f=!1,hideUnitColumn2:C=!1,animated:T=!0,checked:k=!1,disabled:v=!1,onChange:q,percentageSymbol:B=!1,compact:I,slotProps:S={}})=>{const w=t.useTheme(),[L,F]=a.useState(0),P=a.useRef(null),W=S.icon;a.useEffect(()=>{const e=L,t=p||u,r=performance.now(),i=a=>{const s=a-r,o=Math.min(s/250,1);F(e+(t-e)*(o*(2-o))),o<1&&requestAnimationFrame(i)},a=requestAnimationFrame(i);return()=>cancelAnimationFrame(a)},[p,u]);const _=a.useCallback(()=>{!v&&q&&q(!k)},[v,q,k]),U=f&&C,A=null!=u,R=null!=h;return e.jsx(t.ListItem,{disablePadding:!0,sx:{mb:w.spacing(w.custom.margin.xs)},...S?.listItem,children:e.jsx(n,{message:g||x,followCursor:!0,placement:"bottom-start",slotProps:{wrapper:{sx:{width:"100%"}}},...S.tooltip,children:e.jsxs(c,{id:r,role:void 0,onClick:_,dense:!0,disabled:v,sx:{display:"flex"},children:[!y&&b&&e.jsx(t.ListItemIcon,{...W,sx:i.mergeSx({minWidth:0,mr:w.custom.margin.xs,color:w.custom.palette.text.primary},W?.sx),children:b}),e.jsxs(t.Stack,{direction:"row",width:1,gap:I?w.custom.margin.sm:w.custom.margin.md,alignItems:"center",children:[e.jsxs(t.Box,{sx:{display:"flex",position:"relative",width:"fill-available"},children:[!v&&e.jsx(l,{variant:"determinate",value:L,checked:k,...S.graphBar}),e.jsx(t.ListItemText,{disableTypography:!0,primary:e.jsx(o.Text,{...S.graphBarTypography,size:"xs",noWrap:!0,sx:i.mergeSx(S.graphBarTypography?.sx,{color:(()=>{if(!k||v)return w.custom.palette.text.disabled;return("object"==typeof S.graphBarTypography?.sx&&null!==S.graphBarTypography?.sx&&"color"in S.graphBarTypography.sx?S.graphBarTypography.sx.color:void 0)||w.palette.text.primary})()}),children:x}),sx:{my:0,position:"absolute",display:"flex",alignItems:"center",inset:0,ml:1}})]}),!U&&e.jsxs(t.Box,{display:"flex",justifyContent:"space-between",alignItems:"center",gap:w.custom.margin.xs,children:[!f&&e.jsx(d,{bold:!0,color:w.palette.text.primary,disabled:v,checked:k,...S?.unitText1,children:A?e.jsxs(e.Fragment,{children:[e.jsx(m.default,{value:u,animated:T,...B&&{format:{minimumFractionDigits:1,maximumFractionDigits:1}}}),""+(B?"%":"")]}):"-"}),!C&&e.jsx(d,{color:w.palette.text.secondary,disabled:v,checked:k,...S?.unitText2,children:R?e.jsx(m.default,{value:h,animated:T}):"-"})]}),!j&&e.jsx(t.Box,{display:"flex",justifyContent:"space-between",alignItems:"center",children:e.jsx(s,{id:`${r}-checkbox`,variant:"secondary",checked:!v&&k,disabled:v,...S.checkbox,checkboxLabel:void 0,inputRef:P,sx:i.mergeSx(S.checkbox?.sx,{[`&.${t.formControlLabelClasses.root}`]:{marginRight:0}})})})]})]})})})};
1
+ "use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("@number-flow/react"),i=require("merge-sx"),a=require("react"),s=require("../../WebCore/Checkbox/Checkbox.js");require("../../WebCore/Checkbox/StyledCheckbox.js");var o=require("../../WebCore/Text/Text.js"),n=require("../../WebCore/Tooltip/Tooltip.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 m=x(r);module.exports=({id:r,label:x,value:u=0,relativePercentage:p,respondentCount:h,tooltipContent:g,icon:b,hideIcon:y=!1,hideCheckbox:j=!1,hideUnitColumn1:f=!1,hideUnitColumn2:C=!1,animated:T=!0,checked:k=!1,active:v,disabled:q=!1,onChange:B,percentageSymbol:I=!1,compact:S,slotProps:w={}})=>{const L=t.useTheme(),F=v??k,[P,W]=a.useState(0),_=a.useRef(null),U=w.icon;a.useEffect(()=>{const e=P,t=p||u,r=performance.now(),i=a=>{const s=a-r,o=Math.min(s/250,1);W(e+(t-e)*(o*(2-o))),o<1&&requestAnimationFrame(i)},a=requestAnimationFrame(i);return()=>cancelAnimationFrame(a)},[p,u]);const A=a.useCallback(()=>{!q&&B&&B(!k)},[q,B,k]),R=f&&C,D=null!=u,M=null!=h;return e.jsx(t.ListItem,{disablePadding:!0,sx:{mb:L.spacing(L.custom.margin.xs)},...w?.listItem,children:e.jsx(n,{message:g||x,followCursor:!0,placement:"bottom-start",slotProps:{wrapper:{sx:{width:"100%"}}},...w.tooltip,children:e.jsxs(c,{id:r,role:void 0,onClick:A,dense:!0,disabled:q,sx:{display:"flex"},children:[!y&&b&&e.jsx(t.ListItemIcon,{...U,sx:i.mergeSx({minWidth:0,mr:L.custom.margin.xs,color:L.custom.palette.text.primary},U?.sx),children:b}),e.jsxs(t.Stack,{direction:"row",width:1,gap:S?L.custom.margin.sm:L.custom.margin.md,alignItems:"center",children:[e.jsxs(t.Box,{sx:{display:"flex",position:"relative",width:"fill-available"},children:[!q&&e.jsx(l,{variant:"determinate",value:P,checked:F,...w.graphBar}),e.jsx(t.ListItemText,{disableTypography:!0,primary:e.jsx(o.Text,{...w.graphBarTypography,size:"xs",noWrap:!0,sx:i.mergeSx(w.graphBarTypography?.sx,{color:(()=>{if(!F||q)return L.custom.palette.text.disabled;return("object"==typeof w.graphBarTypography?.sx&&null!==w.graphBarTypography?.sx&&"color"in w.graphBarTypography.sx?w.graphBarTypography.sx.color:void 0)||L.palette.text.primary})()}),children:x}),sx:{my:0,position:"absolute",display:"flex",alignItems:"center",inset:0,ml:1}})]}),!R&&e.jsxs(t.Box,{display:"flex",justifyContent:"space-between",alignItems:"center",gap:L.custom.margin.xs,children:[!f&&e.jsx(d,{bold:!0,color:L.palette.text.primary,disabled:q,checked:F,...w?.unitText1,children:D?e.jsxs(e.Fragment,{children:[e.jsx(m.default,{value:u,animated:T,...I&&{format:{minimumFractionDigits:1,maximumFractionDigits:1}}}),""+(I?"%":"")]}):"-"}),!C&&e.jsx(d,{color:L.palette.text.secondary,disabled:q,checked:F,...w?.unitText2,children:M?e.jsx(m.default,{value:h,animated:T}):"-"})]}),!j&&e.jsx(t.Box,{display:"flex",justifyContent:"space-between",alignItems:"center",children:e.jsx(s,{id:`${r}-checkbox`,variant:"secondary",checked:!q&&k,disabled:q,...w.checkbox,checkboxLabel:void 0,inputRef:_,sx:i.mergeSx(w.checkbox?.sx,{[`&.${t.formControlLabelClasses.root}`]:{marginRight:0}})})})]})]})})})};
package/dist/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("merge-sx"),t=require("react");require("../../../../../utils/formValidation/misc.js"),require("../../../../BrandCore/Icon/Icon.js"),require("../../../../BrandCore/primitiveVariables.js"),require("../../../../WebCore/utils/typography.util.js"),require("../../../../WebCore/AnnualController/AnnualController.js"),require("../../../../WebCore/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("../../../../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("../../../../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");var a=require("../../../../WebCore/Checkbox/Checkbox.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/FormGenerator/FormGenerator.js"),require("../../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../../WebCore/IconButton/IconButton.js"),require("../../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../../WebCore/Image/Image.js"),require("../../../../WebCore/KbdGroup/Kbd.js"),require("../../../../WebCore/KbdGroup/KbdGroup.js"),require("../../../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../../../WebCore/Label/Label.js"),require("../../../../WebCore/Likert/LikertContainer.js"),require("../../../../WebCore/Likert/LikertLabel.js"),require("../../../../WebCore/Likert/LikertRadio.js"),require("../../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../../WebCore/Surface/Surface.js"),require("../../../../WebCore/Menu/MenuItem.js"),require("../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../../WebCore/Nudge/NudgeButton.js"),require("../../../../WebCore/NumberField/NumberField.js"),require("../../../../BrandCore/colorRamps.js"),require("../../../../BrandCore/semanticColor.js"),require("../../../../BrandCore/types.js"),require("../../../../BrandCore/typography.js"),require("../../../../WebCore/Progress/Progress.js");var s=require("../../../../WebCore/Tooltip/Tooltip.js");require("../../../../WebCore/Pill/StyledPill.js"),require("../../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../../WebCore/Radio/StyledRadio.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 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/Typography/Typography.js"),require("../../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../../WebCore/VideoModal/VideoModal.js");var l=require("../../utils/getIndicatorColor.js"),n=require("../StyledComponents.js");module.exports=({disabled:b,checked:d,label:c,toolTipContent:p,id:C,onChange:j,color:q,loading:W,slotProps:m={},hideCheckboxes:x,hideLabels:h,hideColorIndicators:g,disableTooltips:B,percentage:S,amount:y})=>{const k=r.useTheme(),L=t.useRef(null),I=t.useCallback(()=>{!b&&j&&j(C,!d)},[b,j,d]),T=x&&h&&g,A=0===S||0===y,f=b||W||B||!p;return!T&&e.jsx(n.LikertActionControllerWrapper,{disabled:b||W,onClick:A?void 0:I,zeroDataMode:A,children:e.jsx(s,{followCursor:!0,message:p,disableHoverListener:f||T,...m?.actionsTooltip,slotProps:{wrapper:{sx:{width:"100%",height:"100%",padding:T?0:`${k.spacing(k.custom.margin.sm)} ${k.spacing(k.custom.margin.xs)}`,flexDirection:"column",display:"flex",alignItems:"center",justifyContent:"space-between",gap:k.spacing(k.custom.margin.md),cursor:A?"initial":"pointer",...m?.actionsTooltip?.slotProps?.wrapper?.sx}}},children:e.jsxs(e.Fragment,{children:[e.jsxs(r.Stack,{gap:k.spacing(k.custom.margin.xs),sx:{width:1,alignItems:"center"},children:[!g&&e.jsx(n.SwatchIndicator,{sx:{...m?.actionsSwatchIndicator?.sx},color:b||W?k.custom.palette.interaction.disabled:d?q:k.custom.palette.neutral[100]}),!h&&e.jsx(n.LikertGraphLabel,{children:W?e.jsx(u,{width:50,height:20}):e.jsx(i.Text,{size:"sm",textAlign:"center",...m?.actionsLabel,disabled:A||b,sx:o.mergeSx({color:d?l.getTextColor(q,k):k.custom.palette.text.disabled},m?.actionsLabel?.sx),children:c})})]}),!x&&e.jsx(r.Box,{children:W?e.jsx(u,{width:24,height:24}):e.jsx(a,{id:`${C}-checkbox`,variant:"secondary",checked:!A&&(!b&&d),disabled:A||b,checkboxLabel:void 0,inputRef:L,...m?.actionsCheckbox,sx:o.mergeSx({mr:0},m?.actionsCheckbox?.sx)})})]})})})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("merge-sx"),t=require("react");require("../../../../../utils/formValidation/misc.js"),require("../../../../BrandCore/Icon/Icon.js"),require("../../../../BrandCore/primitiveVariables.js"),require("../../../../WebCore/utils/typography.util.js"),require("../../../../WebCore/AnnualController/AnnualController.js"),require("../../../../WebCore/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("../../../../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("../../../../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");var a=require("../../../../WebCore/Checkbox/Checkbox.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/FormGenerator/FormGenerator.js"),require("../../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../../WebCore/IconButton/IconButton.js"),require("../../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../../WebCore/Image/Image.js"),require("../../../../WebCore/KbdGroup/Kbd.js"),require("../../../../WebCore/KbdGroup/KbdGroup.js"),require("../../../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../../../WebCore/Label/Label.js"),require("../../../../WebCore/Likert/LikertContainer.js"),require("../../../../WebCore/Likert/LikertLabel.js"),require("../../../../WebCore/Likert/LikertRadio.js"),require("../../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../../WebCore/Surface/Surface.js"),require("../../../../WebCore/Menu/MenuItem.js"),require("../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../../WebCore/Nudge/NudgeButton.js"),require("../../../../WebCore/NumberField/NumberField.js"),require("../../../../BrandCore/colorRamps.js"),require("../../../../BrandCore/semanticColor.js"),require("../../../../BrandCore/types.js"),require("../../../../BrandCore/typography.js"),require("../../../../WebCore/Progress/Progress.js");var s=require("../../../../WebCore/Tooltip/Tooltip.js");require("../../../../WebCore/Pill/StyledPill.js"),require("../../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../../WebCore/Radio/StyledRadio.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 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/Typography/Typography.js"),require("../../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../../WebCore/VideoModal/VideoModal.js");var l=require("../../utils/getIndicatorColor.js"),n=require("../StyledComponents.js");module.exports=({disabled:b,checked:d,active:c,label:p,toolTipContent:C,id:j,onChange:q,color:W,loading:m,slotProps:x={},hideCheckboxes:h,hideLabels:g,hideColorIndicators:B,disableTooltips:S,percentage:y,amount:k})=>{const L=r.useTheme(),I=t.useRef(null),T=c??d,A=t.useCallback(()=>{!b&&q&&q(j,!d)},[b,q,d]),v=h&&g&&B,f=0===y||0===k,F=b||m||S||!C;return!v&&e.jsx(n.LikertActionControllerWrapper,{disabled:b||m,onClick:f?void 0:A,zeroDataMode:f,children:e.jsx(s,{followCursor:!0,message:C,disableHoverListener:F||v,...x?.actionsTooltip,slotProps:{wrapper:{sx:{width:"100%",height:"100%",padding:v?0:`${L.spacing(L.custom.margin.sm)} ${L.spacing(L.custom.margin.xs)}`,flexDirection:"column",display:"flex",alignItems:"center",justifyContent:"space-between",gap:L.spacing(L.custom.margin.md),cursor:f?"initial":"pointer",...x?.actionsTooltip?.slotProps?.wrapper?.sx}}},children:e.jsxs(e.Fragment,{children:[e.jsxs(r.Stack,{gap:L.spacing(L.custom.margin.xs),sx:{width:1,alignItems:"center"},children:[!B&&e.jsx(n.SwatchIndicator,{sx:{...x?.actionsSwatchIndicator?.sx},color:b||m?L.custom.palette.interaction.disabled:T?W:L.custom.palette.neutral[100]}),!g&&e.jsx(n.LikertGraphLabel,{children:m?e.jsx(u,{width:50,height:20}):e.jsx(i.Text,{size:"sm",textAlign:"center",...x?.actionsLabel,disabled:f||b,sx:o.mergeSx({color:T?l.getTextColor(W,L):L.custom.palette.text.disabled},x?.actionsLabel?.sx),children:p})})]}),!h&&e.jsx(r.Box,{children:m?e.jsx(u,{width:24,height:24}):e.jsx(a,{id:`${j}-checkbox`,variant:"secondary",checked:!f&&(!b&&d),disabled:f||b,checkboxLabel:void 0,inputRef:I,...x?.actionsCheckbox,sx:o.mergeSx({mr:0},x?.actionsCheckbox?.sx)})})]})})})};
package/dist/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@number-flow/react"),o=require("merge-sx"),i=require("react");require("../../../../../utils/formValidation/misc.js"),require("../../../../BrandCore/Icon/Icon.js"),require("../../../../BrandCore/primitiveVariables.js"),require("../../../../WebCore/utils/typography.util.js"),require("../../../../WebCore/AnnualController/AnnualController.js"),require("../../../../WebCore/SelectItem/SelectItem.js"),require("../../../../WebCore/Accordion/Accordion.js"),require("../../../../WebCore/Animations/FadeIn.js");var a=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("../../../../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/FormGenerator/FormGenerator.js"),require("../../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../../WebCore/IconButton/IconButton.js"),require("../../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../../WebCore/Image/Image.js"),require("../../../../WebCore/KbdGroup/Kbd.js"),require("../../../../WebCore/KbdGroup/KbdGroup.js"),require("../../../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../../../WebCore/Label/Label.js"),require("../../../../WebCore/Likert/LikertContainer.js"),require("../../../../WebCore/Likert/LikertLabel.js"),require("../../../../WebCore/Likert/LikertRadio.js"),require("../../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../../WebCore/Surface/Surface.js"),require("../../../../WebCore/Menu/MenuItem.js"),require("../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../../WebCore/Nudge/NudgeButton.js"),require("../../../../WebCore/NumberField/NumberField.js"),require("../../../../BrandCore/colorRamps.js"),require("../../../../BrandCore/semanticColor.js"),require("../../../../BrandCore/types.js"),require("../../../../BrandCore/typography.js"),require("../../../../WebCore/Progress/Progress.js");var s=require("../../../../WebCore/Tooltip/Tooltip.js");require("../../../../WebCore/Pill/StyledPill.js"),require("../../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../../WebCore/Radio/StyledRadio.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 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/Typography/Typography.js"),require("../../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../../WebCore/VideoModal/VideoModal.js");var n=require("../../utils/getIndicatorColor.js"),l=require("../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js");function d(e){return e&&e.__esModule?e:{default:e}}var p=d(t);module.exports=({relativePercentage:t,amount:d,color:b,animateBars:c,disabled:C,loading:m,toolTipContent:j,hideAmount:q,disableTooltips:W,checked:y,hidePercentageSymbol:x,slotProps:B})=>{const h=r.useTheme(),g=t&&t>8,[S,f]=i.useState(0);return i.useEffect(()=>{const e=m?20:t||0,r=c?S||0:e,o=performance.now(),i=t=>{const a=t-o,s=Math.min(a/250,1);f(r+(e-r)*(s*(2-s))),s<1&&requestAnimationFrame(i)},a=requestAnimationFrame(i);return()=>cancelAnimationFrame(a)},[d,m]),e.jsx(r.Box,{component:l.motion.div,...B?.graphBar,sx:o.mergeSx({height:"100%",width:`${S}%`,background:C||!y?h.custom.palette.neutral[100]:m?h.custom.palette.interaction.none:b,borderRadius:h.spacing(h.custom.radius.sm),boxSizing:"border-box",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"},B?.graphBar?.sx),initial:{opacity:0},animate:{opacity:1},transition:{duration:.3,ease:"easeOut"},children:e.jsx(s,{message:j,placement:"top",disableHoverListener:!j||C||m||W,followCursor:!0,...B?.graphBarTooltip,slotProps:{wrapper:{sx:{width:1,height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...B?.graphBarTooltip?.slotProps?.wrapper?.sx}}},children:e.jsx(e.Fragment,{children:m?e.jsx(u,{width:"100%",height:"100%",sx:{borderRadius:h.spacing(h.custom.radius.sm)}}):e.jsxs(l.motion.div,{style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},initial:{opacity:0},animate:{opacity:g?1:0},transition:{duration:.3,ease:"easeInOut",delay:g?.1:0},children:[e.jsx(l.motion.div,{initial:{y:10,opacity:0},animate:{y:g?0:10,opacity:g?1:0},transition:{duration:.3,ease:"easeOut"},children:e.jsx(a.Text,{monospaced:!0,size:"xs",bold:!0,sx:{whiteSpace:"nowrap",color:C||!y?h.custom.palette.text.disabled:n.getTextColor(b,h)},children:g?e.jsxs(e.Fragment,{children:[e.jsx(p.default,{value:t,animated:c}),x?"":"%"]}):null})}),e.jsx(l.motion.div,{initial:{y:10,opacity:0},animate:{y:g?0:10,opacity:g?1:0},transition:{duration:.3,ease:"easeOut",delay:.05},children:!q&&e.jsx(a.Text,{monospaced:!0,size:"xs",sx:{color:C||!y?h.custom.palette.text.disabled:n.getTextColor(b,h)},children:g?e.jsx(p.default,{value:d,animated:c}):null})})]})})})})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@number-flow/react"),o=require("merge-sx"),i=require("react");require("../../../../../utils/formValidation/misc.js"),require("../../../../BrandCore/Icon/Icon.js"),require("../../../../BrandCore/primitiveVariables.js"),require("../../../../WebCore/utils/typography.util.js"),require("../../../../WebCore/AnnualController/AnnualController.js"),require("../../../../WebCore/SelectItem/SelectItem.js"),require("../../../../WebCore/Accordion/Accordion.js"),require("../../../../WebCore/Animations/FadeIn.js");var a=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("../../../../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/FormGenerator/FormGenerator.js"),require("../../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../../WebCore/IconButton/IconButton.js"),require("../../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../../WebCore/Image/Image.js"),require("../../../../WebCore/KbdGroup/Kbd.js"),require("../../../../WebCore/KbdGroup/KbdGroup.js"),require("../../../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../../../WebCore/Label/Label.js"),require("../../../../WebCore/Likert/LikertContainer.js"),require("../../../../WebCore/Likert/LikertLabel.js"),require("../../../../WebCore/Likert/LikertRadio.js"),require("../../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../../WebCore/Surface/Surface.js"),require("../../../../WebCore/Menu/MenuItem.js"),require("../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../../WebCore/Nudge/NudgeButton.js"),require("../../../../WebCore/NumberField/NumberField.js"),require("../../../../BrandCore/colorRamps.js"),require("../../../../BrandCore/semanticColor.js"),require("../../../../BrandCore/types.js"),require("../../../../BrandCore/typography.js"),require("../../../../WebCore/Progress/Progress.js");var s=require("../../../../WebCore/Tooltip/Tooltip.js");require("../../../../WebCore/Pill/StyledPill.js"),require("../../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../../WebCore/Radio/StyledRadio.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 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/Typography/Typography.js"),require("../../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../../WebCore/VideoModal/VideoModal.js");var n=require("../../utils/getIndicatorColor.js"),l=require("../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js");function d(e){return e&&e.__esModule?e:{default:e}}var p=d(t);module.exports=({relativePercentage:t,amount:d,color:b,animateBars:c,disabled:C,loading:m,toolTipContent:j,hideAmount:q,disableTooltips:W,checked:y,active:x,hidePercentageSymbol:B,slotProps:h})=>{const g=r.useTheme(),S=x??y,f=t&&t>8,[I,T]=i.useState(0);return i.useEffect(()=>{const e=m?20:t||0,r=c?I||0:e,o=performance.now(),i=t=>{const a=t-o,s=Math.min(a/250,1);T(r+(e-r)*(s*(2-s))),s<1&&requestAnimationFrame(i)},a=requestAnimationFrame(i);return()=>cancelAnimationFrame(a)},[d,m]),e.jsx(r.Box,{component:l.motion.div,...h?.graphBar,sx:o.mergeSx({height:"100%",width:`${I}%`,background:C||!S?g.custom.palette.neutral[100]:m?g.custom.palette.interaction.none:b,borderRadius:g.spacing(g.custom.radius.sm),boxSizing:"border-box",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"},h?.graphBar?.sx),initial:{opacity:0},animate:{opacity:1},transition:{duration:.3,ease:"easeOut"},children:e.jsx(s,{message:j,placement:"top",disableHoverListener:!j||C||m||W,followCursor:!0,...h?.graphBarTooltip,slotProps:{wrapper:{sx:{width:1,height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...h?.graphBarTooltip?.slotProps?.wrapper?.sx}}},children:e.jsx(e.Fragment,{children:m?e.jsx(u,{width:"100%",height:"100%",sx:{borderRadius:g.spacing(g.custom.radius.sm)}}):e.jsxs(l.motion.div,{style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},initial:{opacity:0},animate:{opacity:f?1:0},transition:{duration:.3,ease:"easeInOut",delay:f?.1:0},children:[e.jsx(l.motion.div,{initial:{y:10,opacity:0},animate:{y:f?0:10,opacity:f?1:0},transition:{duration:.3,ease:"easeOut"},children:e.jsx(a.Text,{monospaced:!0,size:"xs",bold:!0,sx:{whiteSpace:"nowrap",color:C||!S?g.custom.palette.text.disabled:n.getTextColor(b,g)},children:f?e.jsxs(e.Fragment,{children:[e.jsx(p.default,{value:t,animated:c}),B?"":"%"]}):null})}),e.jsx(l.motion.div,{initial:{y:10,opacity:0},animate:{y:f?0:10,opacity:f?1:0},transition:{duration:.3,ease:"easeOut",delay:.05},children:!q&&e.jsx(a.Text,{monospaced:!0,size:"xs",sx:{color:C||!S?g.custom.palette.text.disabled:n.getTextColor(b,g)},children:f?e.jsx(p.default,{value:d,animated:c}):null})})]})})})})};
package/dist/systems/Platform/LikertGraph/types.d.ts CHANGED
@@ -35,6 +35,7 @@ interface LikertGraphBarProps extends CommonComponentProps, AddedOptions {
35
35
  relativePercentage: number;
36
36
  percentage: number;
37
37
  checked: boolean;
38
+ active?: boolean;
38
39
  color: string;
39
40
  className?: string;
40
41
  toolTipContent?: ReactNode | null;
package/dist/systems/Platform/SliderGraph/SliderGraph.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),a=require("react"),r=require("./_partials/SliderGraphBar/SliderGraphBar.js"),i=require("./_partials/SliderGraphYAxis/SliderGraphYAxis.js"),t=require("./_partials/StyledComponents.js");module.exports=({rounding:o,tickInterval:n=10,data:l,loading:s,disabled:d,onChangeHandler:p,animateBars:h,slotProps:c,hideYAxis:u=!1,hideTopValueSection:g=!1,hideTopAmountValueSection:b=!1,hideTopPercentageValueSection:x=!1,showGraphLines:m=!1,hidePercentageSymbol:S=!1,hideLabels:v=!1,hideCheckboxes:P=!1,disableTooltips:k=!1,maxHeight:C=465,responsive:j=!1})=>{const G=a.useMemo(()=>Math.ceil(l.reduce((e,{percentage:a})=>a>e?a:e,0)),[l]);return e.jsxs(t.SliderGraphWrapper,{...c?.root,maxHeight:C,responsive:j,children:[!u&&e.jsx(i,{graphMaxHeight:C,loading:s,yAxisMax:G,rounding:o,tickInterval:n,disabled:d,showGraphLines:m,hideLabel:v,hideCheckbox:P,responsive:j,slotProps:{root:c?.yAxis}}),e.jsx(t.SliderGraphBarWrapper,{...c?.barsWrapper,maxHeight:C,responsive:j,children:l.map((a,i)=>{if(i>=11)return;const{percentage:t,label:o,value:u,checked:m,id:T,amount:A,hidePercentageSymbol:V,relativePercentage:y,onChange:B,tooltipContent:H}=a,q=V??S;return e.jsx(r,{totalBars:l.length,barIndex:i,graphMaxHeight:C,loading:s,label:o,value:u,amount:A,percentage:t,maxDataValue:G,hidePercentageSymbol:q,hideTopPercentageValueSection:x,hideTopAmountValueSection:b,checked:m,tickInterval:n,disabled:d||s,animateBar:h,hideTopValueSection:g,responsive:j,onChange:p?(e,a)=>p(e,a):B?(e,a)=>B({amount:A,percentage:t,name:o,relativePercentage:y},a):void 0,hideLabel:v,hideCheckbox:P,tooltipContent:H,disableTooltip:k,id:T,className:`slider-graph-bar-${i+1}`,slotProps:{barWrapper:{},checkbox:{},value:{},label:{},tooltip:{}},...c?.bar},i)})})]})};
1
+ "use strict";var e=require("react/jsx-runtime"),a=require("react"),r=require("./_partials/SliderGraphBar/SliderGraphBar.js"),i=require("./_partials/SliderGraphYAxis/SliderGraphYAxis.js"),t=require("./_partials/StyledComponents.js");module.exports=({rounding:o,tickInterval:n=10,data:l,loading:s,disabled:d,onChangeHandler:p,animateBars:h,slotProps:c,hideYAxis:u=!1,hideTopValueSection:g=!1,hideTopAmountValueSection:b=!1,hideTopPercentageValueSection:x=!1,showGraphLines:m=!1,hidePercentageSymbol:v=!1,hideLabels:S=!1,hideCheckboxes:P=!1,disableTooltips:k=!1,maxHeight:C=465,responsive:j=!1})=>{const G=a.useMemo(()=>Math.ceil(l.reduce((e,{percentage:a})=>a>e?a:e,0)),[l]);return e.jsxs(t.SliderGraphWrapper,{...c?.root,maxHeight:C,responsive:j,children:[!u&&e.jsx(i,{graphMaxHeight:C,loading:s,yAxisMax:G,rounding:o,tickInterval:n,disabled:d,showGraphLines:m,hideLabel:S,hideCheckbox:P,responsive:j,slotProps:{root:c?.yAxis}}),e.jsx(t.SliderGraphBarWrapper,{...c?.barsWrapper,maxHeight:C,responsive:j,children:l.map((a,i)=>{if(i>=11)return;const{percentage:t,label:o,value:u,checked:m,active:T,id:A,amount:V,hidePercentageSymbol:y,relativePercentage:B,onChange:H,tooltipContent:q}=a,L=y??v;return e.jsx(r,{totalBars:l.length,barIndex:i,graphMaxHeight:C,loading:s,label:o,value:u,amount:V,percentage:t,maxDataValue:G,hidePercentageSymbol:L,hideTopPercentageValueSection:x,hideTopAmountValueSection:b,checked:m,active:T,tickInterval:n,disabled:d||s,animateBar:h,hideTopValueSection:g,responsive:j,onChange:p?(e,a)=>p(e,a):H?(e,a)=>H({amount:V,percentage:t,name:o,relativePercentage:B},a):void 0,hideLabel:S,hideCheckbox:P,tooltipContent:q,disableTooltip:k,id:A,className:`slider-graph-bar-${i+1}`,slotProps:{barWrapper:{},checkbox:{},value:{},label:{},tooltip:{}},...c?.bar},i)})})]})};
package/dist/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("@mui/material/Box"),t=require("@mui/material/Stack"),o=require("merge-sx"),a=require("react");require("../../../../../utils/formValidation/misc.js"),require("../../../../BrandCore/Icon/Icon.js"),require("../../../../BrandCore/primitiveVariables.js"),require("../../../../WebCore/utils/typography.util.js"),require("../../../../WebCore/AnnualController/AnnualController.js"),require("../../../../WebCore/SelectItem/SelectItem.js"),require("../../../../WebCore/Accordion/Accordion.js"),require("../../../../WebCore/Animations/FadeIn.js");var s=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("../../../../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");var l=require("../../../../WebCore/Checkbox/Checkbox.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/FormGenerator/FormGenerator.js"),require("../../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../../WebCore/IconButton/IconButton.js"),require("../../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../../WebCore/Image/Image.js"),require("../../../../WebCore/KbdGroup/Kbd.js"),require("../../../../WebCore/KbdGroup/KbdGroup.js"),require("../../../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../../../WebCore/Label/Label.js"),require("../../../../WebCore/Likert/LikertContainer.js"),require("../../../../WebCore/Likert/LikertLabel.js"),require("../../../../WebCore/Likert/LikertRadio.js"),require("../../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../../WebCore/Surface/Surface.js"),require("../../../../WebCore/Menu/MenuItem.js"),require("../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../../WebCore/Nudge/NudgeButton.js"),require("../../../../WebCore/NumberField/NumberField.js"),require("../../../../BrandCore/colorRamps.js"),require("../../../../BrandCore/semanticColor.js"),require("../../../../BrandCore/types.js"),require("../../../../BrandCore/typography.js"),require("../../../../WebCore/Progress/Progress.js");var u=require("../../../../WebCore/Tooltip/Tooltip.js");require("../../../../WebCore/Pill/StyledPill.js"),require("../../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../../WebCore/Radio/StyledRadio.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 n=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/Typography/Typography.js"),require("../../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../../WebCore/VideoModal/VideoModal.js");var d=require("../../utils/heightBasedOnPercentage.js"),b=require("../StyledComponents.js");function c(e){return e&&e.__esModule?e:{default:e}}var p=c(i),C=c(t);module.exports=({percentage:i,label:t,checked:c,totalBars:j,tooltipContent:q,hideTopValueSection:m,hideTopAmountValueSection:h,hideTopPercentageValueSection:W,hideLabel:x,hideCheckbox:B,hidePercentageSymbol:g,disableTooltip:S,animateBar:y,slotProps:k,tickInterval:L,amount:T,onChange:f,maxDataValue:v,disabled:I,loading:A,value:w,id:F,className:V,graphMaxHeight:M,responsive:R})=>{const P=r.useTheme(),[G,_]=a.useState(0),N=a.useRef(null);a.useEffect(()=>{const e=d.heightBasedOnPercentage(i,L,v,M,{hideLabel:x,hideCheckbox:B,hideTopValueSection:m}),r=y?G:e,t=performance.now(),o=i=>{const a=i-t,s=Math.min(a/250,1);_(r+(e-r)*(s*(2-s))),s<1&&requestAnimationFrame(o)},a=requestAnimationFrame(o);return()=>cancelAnimationFrame(a)},[w]);const O=a.useCallback(()=>{!I&&f&&f(F,!c)},[I,f,c]),D=a.useMemo(()=>j>6,[j]);return e.jsx(u,{message:q||null,disableHoverListener:S||!q,followCursor:!0,slotProps:{wrapper:{sx:{height:"fill-available",width:1,minWidth:0,...k?.tooltip?.slotProps?.wrapper?.sx}}},children:e.jsxs(b.VeticalBarWrapper,{maxHeight:M,disabled:I,...k?.barWrapper,id:F,className:V,onClick:O,responsive:R,children:[!m&&e.jsx(b.VerticalBarValue,{...k?.value,children:A?e.jsx(n,{width:25,height:25,sx:{mb:1/3}}):e.jsxs(C.default,{children:[!W&&e.jsx(p.default,{sx:{height:D?18:20},children:e.jsxs(s.Text,{size:D?"xxs":"sm",monospaced:!0,disabled:I||!c,align:"center",noWrap:!0,bold:!0,sx:{...D&&{fontSize:10,lineHeight:"12px"},minWidth:0,px:.2},children:[i,!g&&e.jsx(p.default,{component:"span",children:"%"})]})}),!h&&e.jsx(p.default,{sx:{height:D?18:20},children:e.jsx(s.Text,{size:j>5?"xxs":"sm",monospaced:!0,secondary:!0,disabled:I||!c,align:"center",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%",minWidth:0,px:.2,height:22},children:T})})]})}),A?e.jsx(n,{width:"fill-available",height:G}):e.jsx(b.VerticalBar,{checked:c,value:G,maxHeight:M,disabled:I,sx:o.mergeSx(k?.bar?.sx||{},{backgroundColor:I||!c?P.custom.palette.interaction.disabled:k?.bar?.sx?.backgroundColor||P.custom.palette.purple[500]})}),e.jsxs(b.VerticalBarActions,{children:[!x&&e.jsx(b.VerticalBarLabel,{...k?.label,children:A?e.jsx(n,{width:20,height:20}):e.jsx(s.Text,{size:"xs",bold:!0,sx:{color:e=>I||!c?e.custom.palette.text.disabled:e.custom.palette.text.primary},children:t})}),!B&&e.jsx(e.Fragment,{children:A?e.jsx(n,{width:24,height:24,sx:{borderRadius:.5}}):e.jsx(l,{id:`${F}-checkbox`,variant:"secondary",checked:!I&&c,disabled:I,checkboxLabel:void 0,inputRef:N,onChange:O,...k?.checkbox,sx:o.mergeSx({mr:0,mt:1},k?.checkbox?.sx)})})]})]})})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("@mui/material/Box"),t=require("@mui/material/Stack"),o=require("merge-sx"),a=require("react");require("../../../../../utils/formValidation/misc.js"),require("../../../../BrandCore/Icon/Icon.js"),require("../../../../BrandCore/primitiveVariables.js"),require("../../../../WebCore/utils/typography.util.js"),require("../../../../WebCore/AnnualController/AnnualController.js"),require("../../../../WebCore/SelectItem/SelectItem.js"),require("../../../../WebCore/Accordion/Accordion.js"),require("../../../../WebCore/Animations/FadeIn.js");var s=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("../../../../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");var l=require("../../../../WebCore/Checkbox/Checkbox.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/FormGenerator/FormGenerator.js"),require("../../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../../WebCore/IconButton/IconButton.js"),require("../../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../../WebCore/Image/Image.js"),require("../../../../WebCore/KbdGroup/Kbd.js"),require("../../../../WebCore/KbdGroup/KbdGroup.js"),require("../../../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../../../WebCore/Label/Label.js"),require("../../../../WebCore/Likert/LikertContainer.js"),require("../../../../WebCore/Likert/LikertLabel.js"),require("../../../../WebCore/Likert/LikertRadio.js"),require("../../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../../WebCore/Surface/Surface.js"),require("../../../../WebCore/Menu/MenuItem.js"),require("../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../../WebCore/Nudge/NudgeButton.js"),require("../../../../WebCore/NumberField/NumberField.js"),require("../../../../BrandCore/colorRamps.js"),require("../../../../BrandCore/semanticColor.js"),require("../../../../BrandCore/types.js"),require("../../../../BrandCore/typography.js"),require("../../../../WebCore/Progress/Progress.js");var u=require("../../../../WebCore/Tooltip/Tooltip.js");require("../../../../WebCore/Pill/StyledPill.js"),require("../../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../../WebCore/Radio/StyledRadio.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 n=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/Typography/Typography.js"),require("../../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../../WebCore/VideoModal/VideoModal.js");var d=require("../../utils/heightBasedOnPercentage.js"),b=require("../StyledComponents.js");function c(e){return e&&e.__esModule?e:{default:e}}var p=c(i),C=c(t);module.exports=({percentage:i,label:t,checked:c,active:j,totalBars:q,tooltipContent:m,hideTopValueSection:h,hideTopAmountValueSection:W,hideTopPercentageValueSection:x,hideLabel:B,hideCheckbox:g,hidePercentageSymbol:S,disableTooltip:y,animateBar:k,slotProps:L,tickInterval:T,amount:f,onChange:v,maxDataValue:I,disabled:A,loading:w,value:F,id:V,className:M,graphMaxHeight:R,responsive:P})=>{const G=r.useTheme(),[_,N]=a.useState(0),O=a.useRef(null),D=j??c;a.useEffect(()=>{const e=d.heightBasedOnPercentage(i,T,I,R,{hideLabel:B,hideCheckbox:g,hideTopValueSection:h}),r=k?_:e,t=performance.now(),o=i=>{const a=i-t,s=Math.min(a/250,1);N(r+(e-r)*(s*(2-s))),s<1&&requestAnimationFrame(o)},a=requestAnimationFrame(o);return()=>cancelAnimationFrame(a)},[F]);const K=a.useCallback(()=>{!A&&v&&v(V,!c)},[A,v,c]),H=a.useMemo(()=>q>6,[q]);return e.jsx(u,{message:m||null,disableHoverListener:y||!m,followCursor:!0,slotProps:{wrapper:{sx:{height:"fill-available",width:1,minWidth:0,...L?.tooltip?.slotProps?.wrapper?.sx}}},children:e.jsxs(b.VeticalBarWrapper,{maxHeight:R,disabled:A,...L?.barWrapper,id:V,className:M,onClick:K,responsive:P,children:[!h&&e.jsx(b.VerticalBarValue,{...L?.value,children:w?e.jsx(n,{width:25,height:25,sx:{mb:1/3}}):e.jsxs(C.default,{children:[!x&&e.jsx(p.default,{sx:{height:H?18:20},children:e.jsxs(s.Text,{size:H?"xxs":"sm",monospaced:!0,disabled:A||!D,align:"center",noWrap:!0,bold:!0,sx:{...H&&{fontSize:10,lineHeight:"12px"},minWidth:0,px:.2},children:[i,!S&&e.jsx(p.default,{component:"span",children:"%"})]})}),!W&&e.jsx(p.default,{sx:{height:H?18:20},children:e.jsx(s.Text,{size:q>5?"xxs":"sm",monospaced:!0,secondary:!0,disabled:A||!D,align:"center",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%",minWidth:0,px:.2,height:22},children:f})})]})}),w?e.jsx(n,{width:"fill-available",height:_}):e.jsx(b.VerticalBar,{checked:D,value:_,maxHeight:R,disabled:A,sx:o.mergeSx(L?.bar?.sx||{},{backgroundColor:A||!D?G.custom.palette.interaction.disabled:L?.bar?.sx?.backgroundColor||G.custom.palette.purple[500]})}),e.jsxs(b.VerticalBarActions,{children:[!B&&e.jsx(b.VerticalBarLabel,{...L?.label,children:w?e.jsx(n,{width:20,height:20}):e.jsx(s.Text,{size:"xs",bold:!0,sx:{color:e=>A||!D?e.custom.palette.text.disabled:e.custom.palette.text.primary},children:t})}),!g&&e.jsx(e.Fragment,{children:w?e.jsx(n,{width:24,height:24,sx:{borderRadius:.5}}):e.jsx(l,{id:`${V}-checkbox`,variant:"secondary",checked:!A&&c,disabled:A,checkboxLabel:void 0,inputRef:O,onChange:K,...L?.checkbox,sx:o.mergeSx({mr:0,mt:1},L?.checkbox?.sx)})})]})]})})};
package/dist/systems/Platform/SliderGraph/types.d.ts CHANGED
@@ -63,6 +63,7 @@ interface SliderGraphBarProps extends CommonComponentProps {
63
63
  tickInterval: TickInterval;
64
64
  percentage: number;
65
65
  checked: boolean;
66
+ active?: boolean;
66
67
  maxDataValue: number;
67
68
  totalBars: number;
68
69
  barIndex: number;
package/dist/systems/WebCore/EmojiWrapper/EmojiWrapper.d.ts CHANGED
@@ -3,6 +3,7 @@ import { ReactNode, FunctionComponent } from 'react';
3
3
 
4
4
  interface EmojiWrapperProps extends BoxProps {
5
5
  checked?: boolean;
6
+ active?: boolean;
6
7
  disabled?: boolean;
7
8
  children: ReactNode;
8
9
  }
package/dist/systems/WebCore/EmojiWrapper/EmojiWrapper.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("merge-sx");module.exports=({checked:t,disabled:a,sx:l,children:s,...c})=>e.jsx(r.Box,{sx:i.mergeSx({width:24,height:24,display:"flex",alignItems:"center",fontSize:24,color:"initial",filter:!a&&t?"grayscale(0)":"grayscale(1)",opacity:1},l),...c,children:s});
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("merge-sx");module.exports=({checked:t,active:a,disabled:s,sx:c,children:l,...n})=>{const x=a??t;return e.jsx(r.Box,{sx:i.mergeSx({width:24,height:24,display:"flex",alignItems:"center",fontSize:24,color:"initial",filter:!s&&x?"grayscale(0)":"grayscale(1)",opacity:1},c),...n,children:l})};
package/dist/theme/theme.hooks.d.ts CHANGED
@@ -4,7 +4,7 @@ import { PaletteMode, Direction } from '@mui/material';
4
4
  import { ScreenSize, CustomTheme } from './types.js';
5
5
 
6
6
  declare const useThemeBuilder: (initialMode?: PaletteMode, initialScreenSize?: ScreenSize, initialDirection?: Direction) => {
7
- breakpoint: "" | "sm" | "md" | "lg" | "xl";
7
+ breakpoint: "" | "sm" | "lg" | "md" | "xl";
8
8
  custom: CustomTheme;
9
9
  gridOverlayVisible: boolean;
10
10
  mode: PaletteMode;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useloops/design-system",
3
- "version": "1.4.673",
3
+ "version": "1.4.674",
4
4
  "description": "The official React based Loops design system",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/esm/index.js",