@useloops/design-system 1.4.618 → 1.4.619

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import{jsx as e,jsxs as 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/Accordion/Accordion.js";import m from"../../../../WebCore/Typography/Typography.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import n from"../../../../WebCore/Checkbox/Checkbox.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.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/utils/autocomplete.styles.js";import"../../../../WebCore/Select/AutocompleteListbox.js";import"../../../../WebCore/Select/StyledAutocomplete.js";import"../../../../WebCore/Select/SelectItem.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import c from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import{getTextColor as C}from"../../utils/getIndicatorColor.js";import{LikertActionControllerWrapper as d,SwatchIndicator as u,LikertGraphLabel as j}from"../StyledComponents.js";const W=({disabled:W,checked:h,label:g,toolTipContent:B,id:y,onChange:S,color:x,loading:L,slotProps:k={},hideCheckboxes:f,hideLabels:I,hideColorIndicators:T,disableTooltips:R})=>{const w=r(),A=p(null),v=l(()=>{!W&&S&&S(y,!h)},[W,S,h]),M=f&&I&&T;return!M&&e(d,{disabled:W||L,onClick:v,children:e(b,{followCursor:!0,message:B,disableHoverListener:W||L||R||!B||M,...k?.actionsTooltip,slotProps:{wrapper:{sx:{width:"100%",height:"100%",padding:M?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),...k?.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:{...k?.actionsSwatchIndicator?.sx},color:W||L?w.custom.palette.interaction.disabled:h?x:w.custom.palette.neutral[100]}),!I&&e(j,{children:L?e(c,{width:50,height:20}):e(m,{variation:"sm",component:"p",textAlign:"center",...k?.actionsLabel,sx:s({color:W||!h?w.custom.palette.text.disabled:C(x,w)},k?.actionsLabel?.sx),children:g})})]}),!f&&e(a,{children:L?e(c,{width:24,height:24}):e(n,{id:`${y}-checkbox`,variant:"secondary",checked:!W&&h,disabled:W,checkboxLabel:void 0,inputRef:A,...k?.actionsCheckbox,sx:s({mr:0},k?.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/Accordion/Accordion.js";import n from"../../../../WebCore/Typography/Typography.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import m from"../../../../WebCore/Checkbox/Checkbox.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.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/utils/autocomplete.styles.js";import"../../../../WebCore/Select/AutocompleteListbox.js";import"../../../../WebCore/Select/StyledAutocomplete.js";import"../../../../WebCore/Select/SelectItem.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import c from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import{getTextColor as d}from"../../utils/getIndicatorColor.js";import{LikertActionControllerWrapper as C,SwatchIndicator as u,LikertGraphLabel as j}from"../StyledComponents.js";const W=({disabled:W,checked:h,label:g,toolTipContent:B,id:y,onChange:S,color:x,loading:L,slotProps:k={},hideCheckboxes:f,hideLabels:I,hideColorIndicators:T,disableTooltips:R,percentage:v,amount:w})=>{const A=r(),M=p(null),P=l(()=>{!W&&S&&S(y,!h)},[W,S,h]),G=f&&I&&T,D=0===v||0===w;return!G&&e(C,{disabled:W||L,onClick:D?void 0:P,zeroDataMode:D,children:e(b,{followCursor:!0,message:B,disableHoverListener:W||L||R||!B||G,...k?.actionsTooltip,slotProps:{wrapper:{sx:{width:"100%",height:"100%",padding:G?0:`${A.spacing(A.custom.margin.sm)} ${A.spacing(A.custom.margin.xs)}`,flexDirection:"column",display:"flex",alignItems:"center",justifyContent:"space-between",gap:A.spacing(A.custom.margin.md),cursor:D?"initial":"pointer",...k?.actionsTooltip?.slotProps?.wrapper?.sx}}},children:o(t,{children:[o(i,{gap:A.spacing(A.custom.margin.xs),sx:{width:1,alignItems:"center"},children:[!T&&e(u,{sx:{...k?.actionsSwatchIndicator?.sx},color:W||L?A.custom.palette.interaction.disabled:h?x:A.custom.palette.neutral[100]}),!I&&e(j,{children:L?e(c,{width:50,height:20}):e(n,{variation:"sm",component:"p",textAlign:"center",...k?.actionsLabel,disabled:D||W,sx:s({color:h?d(x,A):A.custom.palette.text.disabled},k?.actionsLabel?.sx),children:g})})]}),!f&&e(a,{children:L?e(c,{width:24,height:24}):e(m,{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};
@@ -1 +1 @@
1
- import{styled as e,Box as t,ListItemButton as o,formControlLabelClasses as i,checkboxClasses as a}from"@mui/material";const r=e(t)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.md),width:"100%",minWidth:440,maxWidth:500,boxSizing:"border-box"})),n=e(t)(({theme:e})=>({display:"flex",alignItems:"center",height:56,width:"100%"})),s=e(t)(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",width:"100%",gap:e.spacing(e.custom.margin.xs)})),c=e(o)(({theme:e})=>({borderRadius:e.spacing(e.custom.radius.md),padding:0,backgroundColor:e.custom.palette.interaction.none,height:"100%",display:"flex",flexGrow:1,flexBasis:0,flexDirection:"column",alignItems:"center",justifyContent:"space-between","&:hover":{backgroundColor:e.custom.palette.interaction.hover,[`& .${i.root}`]:{[`& .${a.root}`]:{backgroundColor:e.custom.palette.blue[0]}}},"&:active":{backgroundColor:e.custom.palette.interaction.press},"&.Mui-selected":{backgroundColor:e.custom.palette.interaction.press},"&.Mui-disabled":{opacity:1}})),l=e(t)(({theme:e,color:t})=>({width:24,aspectRatio:"1",borderRadius:"100%",backgroundColor:t})),d=e(t)(({theme:e})=>({height:36,display:"flex",alignItems:"center",justifyContent:"center"}));e(t)(({theme:e,color:t,animateBars:o})=>({flex:1,backgroundColor:t,borderRadius:e.spacing(e.custom.radius.sm),transition:o?"height 1s ease-in-out":void 0,height:"100%"}));export{c as LikertActionControllerWrapper,s as LikertGraphActionsControllerContainer,n as LikertGraphBarContainer,r as LikertGraphContainer,d as LikertGraphLabel,l as SwatchIndicator};
1
+ import{styled as e,Box as t,ListItemButton as o,listItemButtonClasses as i}from"@mui/material";const n=e(t)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.md),width:"100%",minWidth:440,maxWidth:500,boxSizing:"border-box"})),a=e(t)(({theme:e})=>({display:"flex",alignItems:"center",height:56,width:"100%"})),r=e(t)(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",width:"100%",gap:e.spacing(e.custom.margin.xs)})),s=e(o)(({theme:e,zeroDataMode:t})=>({[`&.${i.root}`]:{cursor:t?"none":"pointer"},borderRadius:e.spacing(e.custom.radius.md),padding:0,backgroundColor:e.custom.palette.interaction.none,height:"100%",display:"flex",flexGrow:1,flexBasis:0,flexDirection:"column",alignItems:"center",justifyContent:"space-between","&:hover":{backgroundColor:t?e.custom.palette.interaction.none:e.custom.palette.interaction.hover},"&:active":{backgroundColor:t?e.custom.palette.interaction.none:e.custom.palette.interaction.press},"&.Mui-selected":{backgroundColor:t?e.custom.palette.interaction.none:e.custom.palette.interaction.press},"&.Mui-disabled":{opacity:1}})),c=e(t)(({theme:e,color:t})=>({width:24,aspectRatio:"1",borderRadius:"100%",backgroundColor:t})),l=e(t)(({theme:e})=>({height:36,display:"flex",alignItems:"center",justifyContent:"center"}));e(t)(({theme:e,color:t,animateBars:o})=>({flex:1,backgroundColor:t,borderRadius:e.spacing(e.custom.radius.sm),transition:o?"height 1s ease-in-out":void 0,height:"100%"}));export{s as LikertActionControllerWrapper,r as LikertGraphActionsControllerContainer,a as LikertGraphBarContainer,n as LikertGraphContainer,l as LikertGraphLabel,c as SwatchIndicator};
@@ -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/Accordion/Accordion.js");var i=require("../../../../WebCore/Typography/Typography.js");require("../../../../WebCore/Badge/Badge.js"),require("../../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../../WebCore/Button/Button.js"),require("../../../../WebCore/ButtonBase/ButtonBase.js");var a=require("../../../../WebCore/Checkbox/Checkbox.js");require("../../../../WebCore/Checkbox/StyledCheckbox.js"),require("../../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../../WebCore/Differential/DifferentialContainer.js"),require("../../../../WebCore/Differential/DifferentialRadio.js"),require("../../../../WebCore/DropdownMenu/StyledMenu.js"),require("../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../../WebCore/IconButton/IconButton.js"),require("../../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../../WebCore/Image/Image.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/utils/autocomplete.styles.js"),require("../../../../WebCore/Select/AutocompleteListbox.js"),require("../../../../WebCore/Select/StyledAutocomplete.js"),require("../../../../WebCore/Select/SelectItem.js"),require("../../../../WebCore/Select/StyledSelect.js"),require("../../../../WebCore/RankItem/RankItemContainer.js"),require("../../../../WebCore/RankItem/RankItemLabel.js"),require("../../../../WebCore/SortableList/SortableList.js"),require("../../../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../../WebCore/RichTextField/StyledRichTextEditor.js");var u=require("../../../../WebCore/Skeleton/Skeleton.js");require("../../../../WebCore/Slider/StyledSlider.js"),require("../../../../WebCore/StarRating/StarRating.js"),require("../../../../WebCore/Switch/StyledSwitch.js"),require("../../../../WebCore/Textarea/Textarea.js"),require("../../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../../WebCore/TrialCard/TrialPill.js"),require("../../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../../WebCore/VideoModal/VideoModal.js"),require("../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../../../WebCore/ButtonTabGroup/_partials/TabButton.js");var l=require("../../utils/getIndicatorColor.js"),n=require("../StyledComponents.js");module.exports=({disabled:b,checked:c,label:C,toolTipContent:d,id:p,onChange:j,color:q,loading:W,slotProps:m={},hideCheckboxes:x,hideLabels:h,hideColorIndicators:g,disableTooltips:B})=>{const S=r.useTheme(),y=t.useRef(null),k=t.useCallback(()=>{!b&&j&&j(p,!c)},[b,j,c]),L=x&&h&&g,I=b||W||B||!d;return!L&&e.jsx(n.LikertActionControllerWrapper,{disabled:b||W,onClick:k,children:e.jsx(s,{followCursor:!0,message:d,disableHoverListener:I||L,...m?.actionsTooltip,slotProps:{wrapper:{sx:{width:"100%",height:"100%",padding:L?0:`${S.spacing(S.custom.margin.sm)} ${S.spacing(S.custom.margin.xs)}`,flexDirection:"column",display:"flex",alignItems:"center",justifyContent:"space-between",gap:S.spacing(S.custom.margin.md),...m?.actionsTooltip?.slotProps?.wrapper?.sx}}},children:e.jsxs(e.Fragment,{children:[e.jsxs(r.Stack,{gap:S.spacing(S.custom.margin.xs),sx:{width:1,alignItems:"center"},children:[!g&&e.jsx(n.SwatchIndicator,{sx:{...m?.actionsSwatchIndicator?.sx},color:b||W?S.custom.palette.interaction.disabled:c?q:S.custom.palette.neutral[100]}),!h&&e.jsx(n.LikertGraphLabel,{children:W?e.jsx(u,{width:50,height:20}):e.jsx(i,{variation:"sm",component:"p",textAlign:"center",...m?.actionsLabel,sx:o.mergeSx({color:b||!c?S.custom.palette.text.disabled:l.getTextColor(q,S)},m?.actionsLabel?.sx),children:C})})]}),!x&&e.jsx(r.Box,{children:W?e.jsx(u,{width:24,height:24}):e.jsx(a,{id:`${p}-checkbox`,variant:"secondary",checked:!b&&c,disabled:b,checkboxLabel:void 0,inputRef:y,...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/Accordion/Accordion.js");var i=require("../../../../WebCore/Typography/Typography.js");require("../../../../WebCore/Badge/Badge.js"),require("../../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../../WebCore/Button/Button.js"),require("../../../../WebCore/ButtonBase/ButtonBase.js");var a=require("../../../../WebCore/Checkbox/Checkbox.js");require("../../../../WebCore/Checkbox/StyledCheckbox.js"),require("../../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../../WebCore/Differential/DifferentialContainer.js"),require("../../../../WebCore/Differential/DifferentialRadio.js"),require("../../../../WebCore/DropdownMenu/StyledMenu.js"),require("../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../../WebCore/IconButton/IconButton.js"),require("../../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../../WebCore/Image/Image.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/utils/autocomplete.styles.js"),require("../../../../WebCore/Select/AutocompleteListbox.js"),require("../../../../WebCore/Select/StyledAutocomplete.js"),require("../../../../WebCore/Select/SelectItem.js"),require("../../../../WebCore/Select/StyledSelect.js"),require("../../../../WebCore/RankItem/RankItemContainer.js"),require("../../../../WebCore/RankItem/RankItemLabel.js"),require("../../../../WebCore/SortableList/SortableList.js"),require("../../../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../../WebCore/RichTextField/StyledRichTextEditor.js");var u=require("../../../../WebCore/Skeleton/Skeleton.js");require("../../../../WebCore/Slider/StyledSlider.js"),require("../../../../WebCore/StarRating/StarRating.js"),require("../../../../WebCore/Switch/StyledSwitch.js"),require("../../../../WebCore/Textarea/Textarea.js"),require("../../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../../WebCore/TrialCard/TrialPill.js"),require("../../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../../WebCore/VideoModal/VideoModal.js"),require("../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../../../WebCore/ButtonTabGroup/_partials/TabButton.js");var l=require("../../utils/getIndicatorColor.js"),n=require("../StyledComponents.js");module.exports=({disabled:b,checked:c,label:d,toolTipContent:C,id:p,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(p,!c)},[b,j,c]),T=x&&h&&g,v=0===S||0===y,f=b||W||B||!C;return!T&&e.jsx(n.LikertActionControllerWrapper,{disabled:b||W,onClick:v?void 0:I,zeroDataMode:v,children:e.jsx(s,{followCursor:!0,message:C,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:v?"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:c?q:k.custom.palette.neutral[100]}),!h&&e.jsx(n.LikertGraphLabel,{children:W?e.jsx(u,{width:50,height:20}):e.jsx(i,{variation:"sm",component:"p",textAlign:"center",...m?.actionsLabel,disabled:v||b,sx:o.mergeSx({color:c?l.getTextColor(q,k):k.custom.palette.text.disabled},m?.actionsLabel?.sx),children:d})})]}),!x&&e.jsx(r.Box,{children:W?e.jsx(u,{width:24,height:24}):e.jsx(a,{id:`${p}-checkbox`,variant:"secondary",checked:!v&&(!b&&c),disabled:v||b,checkboxLabel:void 0,inputRef:L,...m?.actionsCheckbox,sx:o.mergeSx({mr:0},m?.actionsCheckbox?.sx)})})]})})})};
@@ -1 +1 @@
1
- "use strict";var e=require("@mui/material");const t=e.styled(e.Box)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.md),width:"100%",minWidth:440,maxWidth:500,boxSizing:"border-box"})),o=e.styled(e.Box)(({theme:e})=>({display:"flex",alignItems:"center",height:56,width:"100%"})),r=e.styled(e.Box)(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",width:"100%",gap:e.spacing(e.custom.margin.xs)})),i=e.styled(e.ListItemButton)(({theme:t})=>({borderRadius:t.spacing(t.custom.radius.md),padding:0,backgroundColor:t.custom.palette.interaction.none,height:"100%",display:"flex",flexGrow:1,flexBasis:0,flexDirection:"column",alignItems:"center",justifyContent:"space-between","&:hover":{backgroundColor:t.custom.palette.interaction.hover,[`& .${e.formControlLabelClasses.root}`]:{[`& .${e.checkboxClasses.root}`]:{backgroundColor:t.custom.palette.blue[0]}}},"&:active":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-selected":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-disabled":{opacity:1}})),a=e.styled(e.Box)(({theme:e,color:t})=>({width:24,aspectRatio:"1",borderRadius:"100%",backgroundColor:t})),s=e.styled(e.Box)(({theme:e})=>({height:36,display:"flex",alignItems:"center",justifyContent:"center"}));e.styled(e.Box)(({theme:e,color:t,animateBars:o})=>({flex:1,backgroundColor:t,borderRadius:e.spacing(e.custom.radius.sm),transition:o?"height 1s ease-in-out":void 0,height:"100%"})),exports.LikertActionControllerWrapper=i,exports.LikertGraphActionsControllerContainer=r,exports.LikertGraphBarContainer=o,exports.LikertGraphContainer=t,exports.LikertGraphLabel=s,exports.SwatchIndicator=a;
1
+ "use strict";var e=require("@mui/material");const t=e.styled(e.Box)(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.md),width:"100%",minWidth:440,maxWidth:500,boxSizing:"border-box"})),o=e.styled(e.Box)(({theme:e})=>({display:"flex",alignItems:"center",height:56,width:"100%"})),i=e.styled(e.Box)(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",width:"100%",gap:e.spacing(e.custom.margin.xs)})),r=e.styled(e.ListItemButton)(({theme:t,zeroDataMode:o})=>({[`&.${e.listItemButtonClasses.root}`]:{cursor:o?"none":"pointer"},borderRadius:t.spacing(t.custom.radius.md),padding:0,backgroundColor:t.custom.palette.interaction.none,height:"100%",display:"flex",flexGrow:1,flexBasis:0,flexDirection:"column",alignItems:"center",justifyContent:"space-between","&:hover":{backgroundColor:o?t.custom.palette.interaction.none:t.custom.palette.interaction.hover},"&:active":{backgroundColor:o?t.custom.palette.interaction.none:t.custom.palette.interaction.press},"&.Mui-selected":{backgroundColor:o?t.custom.palette.interaction.none:t.custom.palette.interaction.press},"&.Mui-disabled":{opacity:1}})),n=e.styled(e.Box)(({theme:e,color:t})=>({width:24,aspectRatio:"1",borderRadius:"100%",backgroundColor:t})),a=e.styled(e.Box)(({theme:e})=>({height:36,display:"flex",alignItems:"center",justifyContent:"center"}));e.styled(e.Box)(({theme:e,color:t,animateBars:o})=>({flex:1,backgroundColor:t,borderRadius:e.spacing(e.custom.radius.sm),transition:o?"height 1s ease-in-out":void 0,height:"100%"})),exports.LikertActionControllerWrapper=r,exports.LikertGraphActionsControllerContainer=i,exports.LikertGraphBarContainer=o,exports.LikertGraphContainer=t,exports.LikertGraphLabel=a,exports.SwatchIndicator=n;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useloops/design-system",
3
- "version": "1.4.618",
3
+ "version": "1.4.619",
4
4
  "description": "The official React based Loops design system",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/esm/index.js",