@useloops/design-system 1.4.598 → 1.4.600
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/systems/Platform/AISummary/AISummary.js +1 -1
- package/dist/esm/systems/Platform/GraphBar/_partials/UnitText/UnitText.js +1 -1
- package/dist/esm/systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js +1 -1
- package/dist/systems/Platform/AISummary/AISummary.js +1 -1
- package/dist/systems/Platform/GraphBar/_partials/UnitText/UnitText.js +1 -1
- package/dist/systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.d.ts +1 -0
- package/dist/systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useTheme as r,Box as i,Stack as a}from"@mui/material";import{mergeSx as n}from"merge-sx";import{forwardRef as s,useId as p,useState as l,useEffect as m}from"react";import d from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import c from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import b from"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import u from"../../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 C from"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import g from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"material-ui-popup-state/hooks";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import j from"../../WebCore/Progress/Progress.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 W 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";const h=s(({heading:s,body:h,bodyLineClamp:y=6,attribution:x,menuItems:f,onStartChatClick:
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useTheme as r,Box as i,Stack as a}from"@mui/material";import{mergeSx as n}from"merge-sx";import{forwardRef as s,useId as p,useState as l,useEffect as m}from"react";import d from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import c from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import b from"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import u from"../../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 C from"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import g from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"material-ui-popup-state/hooks";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import j from"../../WebCore/Progress/Progress.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 W 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";const h=s(({heading:s,body:h,bodyLineClamp:y=6,attribution:x,menuItems:f,onStartChatClick:k,onRetryClick:S,loading:B,loadingMessage:I="",error:L,slotProps:v,sx:w},R)=>{const M=r(),T=`gradient-${p()}`,[A,P]=l(y);return m(()=>{P(y)},[y]),e(i,{ref:R,sx:n({boxShadow:M.custom.elevation.aiSummary,borderRadius:"8px",background:`linear-gradient(-18deg, ${M.custom.palette.purple[600]} 0%, ${M.custom.palette.blue[400]} 100%)`,padding:"1px"},w),children:t(a,{sx:{padding:M.spacing(M.custom.padding.md),gap:M.spacing(M.custom.padding.sm),borderRadius:"7px",background:`linear-gradient(-25deg, ${M.custom.palette.purple[0]} 0%, ${M.custom.palette.blue[0]} 100%)`},children:[(s?.length||f?.length)&&e(a,{direction:"row",alignItems:"flex-start",justifyContent:"space-between",gap:M.spacing(M.custom.padding.md),children:B?I?.length?t(a,{direction:"row",alignItems:"center",gap:1,children:[e(j,{sizing:"sm",sx:{position:"static",color:M.custom.palette.neutral[400]}}),t(a,{direction:"row",alignItems:"center",gap:1,sx:{alignItems:"center"},children:[e(c,{component:"p",variation:"sm",className:L?"ellipsis-loading":void 0,children:I}),L&&void 0!==S&&e(c,{component:"p",variation:"sm",onClick:S,children:"Refresh",...v?.retry,sx:n({textDecoration:"underline",cursor:"pointer"},v?.retry?.sx)})]})]}):e(W,{...v?.skeleton}):t(o,{children:[e(c,{component:"p",variation:"sm",fontWeight:500,color:M.custom.palette.text.primary,...v?.heading,children:s}),f?.length&&e(g,{trigger:e(u,{icon:e(d,{name:"more-horizontal",color:M.custom.palette.icon.primary}),sizing:"sm"}),placement:"bottom-end",offset:[0,8],width:165,menuItems:f,...v?.menu})]})}),B&&t(o,{children:[e(W,{...v?.skeleton}),e(W,{...v?.skeleton}),e(W,{...v?.skeleton}),e(W,{...v?.skeleton}),e(W,{...v?.skeleton}),e(W,{...v?.skeleton})]}),!B&&h?.length&&e(b,{variation:"sm",color:M.custom.palette.text.primary,clamp:A,slotProps:{gradientBox:{background:M.custom.palette.purple[0]}},onShowMoreClick:()=>{P(void 0)},onShowLessClick:()=>{P(y)},...v?.expandableTypographyClamp,backgroundColorOverride:M.custom.palette.purple[0],children:h}),(x?.length||void 0!==k)&&t(a,{direction:"row",alignItems:"center",justifyContent:"space-between",pt:M.spacing(M.custom.padding.xs),gap:M.spacing(M.custom.padding.md),children:[x?.length&&t(a,{direction:"row",alignItems:"center",gap:M.spacing(M.custom.padding.xs),children:[e("svg",{style:{width:0,height:0,position:"absolute"},children:e("defs",{children:t("linearGradient",{id:T,gradientTransform:"rotate(-18)",children:[e("stop",{offset:"0%",stopColor:M.custom.palette.purple[600]}),e("stop",{offset:"100%",stopColor:M.custom.palette.blue[400]})]})})}),e(d,{name:"ai",size:20,...v?.attributionIcon,sx:n({"& *":{fill:`url(#${T})`}},v?.attributionIcon?.sx)}),e(c,{component:"p",variation:"xs",fontWeight:500,...v?.attribution,sx:n({background:`linear-gradient(-18deg, ${M.custom.palette.purple[600]} 0%, ${M.custom.palette.blue[400]} 100%)`,backgroundClip:"text","-webkit-background-clip":"text","-webkit-text-fill-color":"transparent"},v?.attribution?.sx),children:x})]}),void 0!==k&&e(C,{text:"Start Chat",onClick:k,loading:B,disabled:B,slotProps:{button:{sx:{...v?.startChatButton?.sx}}}})]})]})})});export{h as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{mergeSx as o}from"merge-sx";import"../../../../../utils/formValidation/misc.js";import"@mui/material";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 r from"../../../../WebCore/Typography/Typography.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"react";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"../../../../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"../../../../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";const t=({sx:t,color:i,checked:a,disabled:p,...
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{mergeSx as o}from"merge-sx";import"../../../../../utils/formValidation/misc.js";import"@mui/material";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 r from"../../../../WebCore/Typography/Typography.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"react";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"../../../../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"../../../../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";const t=({sx:t,color:i,checked:a,disabled:p,...s})=>e(r,{monospaced:!0,component:"p",variation:"xs",sx:o({width:"max-content",textAlign:"right",color:e=>a&&!p?i:e.custom.palette.text.disabled},t),...s});export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{styled as t,Box as r,useTheme as s}from"@mui/material";import{useRef as i,useState as n,useEffect as a}from"react";import{usePrevious as l}from"../../../utils/usePrevious.js";import
|
|
1
|
+
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{styled as t,Box as r,useTheme as s}from"@mui/material";import{useRef as i,useState as n,useEffect as a}from"react";import{usePrevious as l}from"../../../utils/usePrevious.js";import c from"../Typography/Typography.js";import d from"./components/ExpandCollapseButton/ExpandCollapseButton.js";import p from"./components/GradientShim/GradientShim.js";import{createShimGradient as m}from"./helpers/shimUtils.js";const u=t(r)(()=>({position:"absolute",bottom:0,right:0,display:"flex",alignItems:"center",overflow:"hidden"})),h=({onShowMoreClick:t,onShowLessClick:h,disabled:x,backgroundColorOverride:f,dimmed:g,sizing:b="sm",slotProps:w,...y})=>{const v=s(),B=i(null),[C,k]=n(!1),j=l(C),z=()=>{if(!B.current)return;const{scrollHeight:o,clientHeight:e}=B.current;k(o>e)};return a(()=>{if(B.current){z();new ResizeObserver(z).observe(B.current)}return()=>{}},[y.children]),o(r,{sx:{position:"relative"},id:"ExpandableTypography",children:[e(c,{ref:B,component:"p",clamp:2,sx:{color:x||g?v.custom.palette.text.disabled:v.custom.palette.text.primary},...y}),void 0!==t&&C&&o(u,{className:"ExpandableTypography__show-more-container",children:[e(p,{...w?.gradientBox,sizing:b}),e(r,{className:"ExpandableTypography__show-more-button",sx:{backgroundColor:f??v.custom.palette.surface.default,boxShadow:m(f??v.custom.palette.surface.default),...w?.showMoreButton?.sx},children:e(d,{sizing:b,disabled:x,onClick:x?void 0:t,...w?.showMoreButton,children:"More"})})]}),void 0!==h&&j&&!C&&o(u,{children:[e(p,{...w?.gradientBox,sx:w?.gradientBox?.sx,sizing:b}),e(r,{className:"ExpandableTypography__show-more-button",sx:{backgroundColor:f??v.custom.palette.surface.default,boxShadow:m(f??v.custom.palette.surface.default),...w?.showLessButton?.sx},children:e(d,{sizing:b,onClick:x?void 0:h,...w?.showLessButton,sx:w?.showLessButton?.sx,children:"Less"})})]})]})};export{h as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx"),o=require("react"),i=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js");var a=require("../../WebCore/Typography/Typography.js");require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js");var s=require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js");require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var n=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");var l=require("../../WebCore/LoopsAiButton/LoopsAiButton.js");require("markdown-to-jsx");var u=require("../../WebCore/Menu/Menu.js");require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("material-ui-popup-state/hooks"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var d=require("../../WebCore/Progress/Progress.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 c=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");const p=o.forwardRef(({heading:p,body:b,bodyLineClamp:m=6,attribution:j,menuItems:C,onStartChatClick:g,onRetryClick:x,loading:q,loadingMessage:W="",error:h,slotProps:S,sx:
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx"),o=require("react"),i=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js");var a=require("../../WebCore/Typography/Typography.js");require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js");var s=require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js");require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var n=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");var l=require("../../WebCore/LoopsAiButton/LoopsAiButton.js");require("markdown-to-jsx");var u=require("../../WebCore/Menu/Menu.js");require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("material-ui-popup-state/hooks"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var d=require("../../WebCore/Progress/Progress.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 c=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");const p=o.forwardRef(({heading:p,body:b,bodyLineClamp:m=6,attribution:j,menuItems:C,onStartChatClick:g,onRetryClick:x,loading:q,loadingMessage:W="",error:h,slotProps:S,sx:k},y)=>{const B=r.useTheme(),f=`gradient-${o.useId()}`,[I,v]=o.useState(m);return o.useEffect(()=>{v(m)},[m]),e.jsx(r.Box,{ref:y,sx:t.mergeSx({boxShadow:B.custom.elevation.aiSummary,borderRadius:"8px",background:`linear-gradient(-18deg, ${B.custom.palette.purple[600]} 0%, ${B.custom.palette.blue[400]} 100%)`,padding:"1px"},k),children:e.jsxs(r.Stack,{sx:{padding:B.spacing(B.custom.padding.md),gap:B.spacing(B.custom.padding.sm),borderRadius:"7px",background:`linear-gradient(-25deg, ${B.custom.palette.purple[0]} 0%, ${B.custom.palette.blue[0]} 100%)`},children:[(p?.length||C?.length)&&e.jsx(r.Stack,{direction:"row",alignItems:"flex-start",justifyContent:"space-between",gap:B.spacing(B.custom.padding.md),children:q?W?.length?e.jsxs(r.Stack,{direction:"row",alignItems:"center",gap:1,children:[e.jsx(d,{sizing:"sm",sx:{position:"static",color:B.custom.palette.neutral[400]}}),e.jsxs(r.Stack,{direction:"row",alignItems:"center",gap:1,sx:{alignItems:"center"},children:[e.jsx(a,{component:"p",variation:"sm",className:h?"ellipsis-loading":void 0,children:W}),h&&void 0!==x&&e.jsx(a,{component:"p",variation:"sm",onClick:x,children:"Refresh",...S?.retry,sx:t.mergeSx({textDecoration:"underline",cursor:"pointer"},S?.retry?.sx)})]})]}):e.jsx(c,{...S?.skeleton}):e.jsxs(e.Fragment,{children:[e.jsx(a,{component:"p",variation:"sm",fontWeight:500,color:B.custom.palette.text.primary,...S?.heading,children:p}),C?.length&&e.jsx(u.default,{trigger:e.jsx(n,{icon:e.jsx(i.default,{name:"more-horizontal",color:B.custom.palette.icon.primary}),sizing:"sm"}),placement:"bottom-end",offset:[0,8],width:165,menuItems:C,...S?.menu})]})}),q&&e.jsxs(e.Fragment,{children:[e.jsx(c,{...S?.skeleton}),e.jsx(c,{...S?.skeleton}),e.jsx(c,{...S?.skeleton}),e.jsx(c,{...S?.skeleton}),e.jsx(c,{...S?.skeleton}),e.jsx(c,{...S?.skeleton})]}),!q&&b?.length&&e.jsx(s,{variation:"sm",color:B.custom.palette.text.primary,clamp:I,slotProps:{gradientBox:{background:B.custom.palette.purple[0]}},onShowMoreClick:()=>{v(void 0)},onShowLessClick:()=>{v(m)},...S?.expandableTypographyClamp,backgroundColorOverride:B.custom.palette.purple[0],children:b}),(j?.length||void 0!==g)&&e.jsxs(r.Stack,{direction:"row",alignItems:"center",justifyContent:"space-between",pt:B.spacing(B.custom.padding.xs),gap:B.spacing(B.custom.padding.md),children:[j?.length&&e.jsxs(r.Stack,{direction:"row",alignItems:"center",gap:B.spacing(B.custom.padding.xs),children:[e.jsx("svg",{style:{width:0,height:0,position:"absolute"},children:e.jsx("defs",{children:e.jsxs("linearGradient",{id:f,gradientTransform:"rotate(-18)",children:[e.jsx("stop",{offset:"0%",stopColor:B.custom.palette.purple[600]}),e.jsx("stop",{offset:"100%",stopColor:B.custom.palette.blue[400]})]})})}),e.jsx(i.default,{name:"ai",size:20,...S?.attributionIcon,sx:t.mergeSx({"& *":{fill:`url(#${f})`}},S?.attributionIcon?.sx)}),e.jsx(a,{component:"p",variation:"xs",fontWeight:500,...S?.attribution,sx:t.mergeSx({background:`linear-gradient(-18deg, ${B.custom.palette.purple[600]} 0%, ${B.custom.palette.blue[400]} 100%)`,backgroundClip:"text","-webkit-background-clip":"text","-webkit-text-fill-color":"transparent"},S?.attribution?.sx),children:j})]}),void 0!==g&&e.jsx(l,{text:"Start Chat",onClick:g,loading:q,disabled:q,slotProps:{button:{sx:{...S?.startChatButton?.sx}}}})]})]})})});module.exports=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("merge-sx");require("../../../../../utils/formValidation/misc.js"),require("@mui/material"),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 o=require("../../../../WebCore/Typography/Typography.js");require("../../../../WebCore/Badge/Badge.js"),require("../../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../../WebCore/Button/Button.js"),require("../../../../WebCore/ButtonBase/ButtonBase.js"),require("../../../../WebCore/Checkbox/StyledCheckbox.js"),require("react"),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"),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"),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");module.exports=({sx:
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("merge-sx");require("../../../../../utils/formValidation/misc.js"),require("@mui/material"),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 o=require("../../../../WebCore/Typography/Typography.js");require("../../../../WebCore/Badge/Badge.js"),require("../../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../../WebCore/Button/Button.js"),require("../../../../WebCore/ButtonBase/ButtonBase.js"),require("../../../../WebCore/Checkbox/StyledCheckbox.js"),require("react"),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"),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"),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");module.exports=({sx:t,color:i,checked:a,disabled:u,...s})=>e.jsx(o,{monospaced:!0,component:"p",variation:"xs",sx:r.mergeSx({width:"max-content",textAlign:"right",color:e=>a&&!u?i:e.custom.palette.text.disabled},t),...s});
|
|
@@ -10,6 +10,7 @@ interface ExpandableTypographyClampProps extends Partial<TypographyProps> {
|
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
dimmed?: boolean;
|
|
12
12
|
sizing?: ButtonSizing;
|
|
13
|
+
backgroundColorOverride?: string;
|
|
13
14
|
slotProps?: {
|
|
14
15
|
gradientBox?: {
|
|
15
16
|
background?: string | ((theme: Theme) => string);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),s=require("@mui/material"),o=require("react"),r=require("../../../utils/usePrevious.js"),t=require("../Typography/Typography.js"),i=require("./components/ExpandCollapseButton/ExpandCollapseButton.js"),n=require("./components/GradientShim/GradientShim.js"),a=require("./helpers/shimUtils.js");const l=s.styled(s.Box)(()=>({position:"absolute",bottom:0,right:0,display:"flex",alignItems:"center",overflow:"hidden"}));module.exports=({onShowMoreClick:u,onShowLessClick:c,disabled:d,
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),s=require("@mui/material"),o=require("react"),r=require("../../../utils/usePrevious.js"),t=require("../Typography/Typography.js"),i=require("./components/ExpandCollapseButton/ExpandCollapseButton.js"),n=require("./components/GradientShim/GradientShim.js"),a=require("./helpers/shimUtils.js");const l=s.styled(s.Box)(()=>({position:"absolute",bottom:0,right:0,display:"flex",alignItems:"center",overflow:"hidden"}));module.exports=({onShowMoreClick:u,onShowLessClick:c,disabled:d,backgroundColorOverride:x,dimmed:p,sizing:h="sm",slotProps:m,...g})=>{const b=s.useTheme(),f=o.useRef(null),[j,y]=o.useState(!1),w=r.usePrevious(j),B=()=>{if(!f.current)return;const{scrollHeight:e,clientHeight:s}=f.current;y(e>s)};return o.useEffect(()=>{if(f.current){B();new ResizeObserver(B).observe(f.current)}return()=>{}},[g.children]),e.jsxs(s.Box,{sx:{position:"relative"},id:"ExpandableTypography",children:[e.jsx(t,{ref:f,component:"p",clamp:2,sx:{color:d||p?b.custom.palette.text.disabled:b.custom.palette.text.primary},...g}),void 0!==u&&j&&e.jsxs(l,{className:"ExpandableTypography__show-more-container",children:[e.jsx(n,{...m?.gradientBox,sizing:h}),e.jsx(s.Box,{className:"ExpandableTypography__show-more-button",sx:{backgroundColor:x??b.custom.palette.surface.default,boxShadow:a.createShimGradient(x??b.custom.palette.surface.default),...m?.showMoreButton?.sx},children:e.jsx(i,{sizing:h,disabled:d,onClick:d?void 0:u,...m?.showMoreButton,children:"More"})})]}),void 0!==c&&w&&!j&&e.jsxs(l,{children:[e.jsx(n,{...m?.gradientBox,sx:m?.gradientBox?.sx,sizing:h}),e.jsx(s.Box,{className:"ExpandableTypography__show-more-button",sx:{backgroundColor:x??b.custom.palette.surface.default,boxShadow:a.createShimGradient(x??b.custom.palette.surface.default),...m?.showLessButton?.sx},children:e.jsx(i,{sizing:h,onClick:d?void 0:c,...m?.showLessButton,sx:m?.showLessButton?.sx,children:"Less"})})]})]})};
|