@foodpilot/foods 2.27.0 → 2.28.0
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/components/Accordion/index.js +1 -0
- package/dist/components/ActionPlan/index.js +1 -0
- package/dist/components/Badge/index.js +1 -0
- package/dist/components/Banner/index.js +1 -0
- package/dist/components/Box/ContextualContentBox.js +3 -3
- package/dist/components/Box/index.js +1 -0
- package/dist/components/Button/index.js +1 -0
- package/dist/components/CMS/index.js +1 -0
- package/dist/components/Cards/ScoreCard/ScoreCard.js +4 -4
- package/dist/components/Cards/ScoreOverviewCard/ScoreOverviewCard.js +3 -3
- package/dist/components/Cards/TrajectoryCards/components/Step.js +3 -3
- package/dist/components/Cards/index.js +1 -0
- package/dist/components/Chart/DoughnutChart/DoughnutTooltip.js +2 -2
- package/dist/components/Chart/EvolutionChart/TooltipItem.js +4 -4
- package/dist/components/Chart/HorizontalGauge/components/GaugeStatistics.js +4 -4
- package/dist/components/Chart/PolymorphicChart/charts/PolymorphicCumulativeChart.js +4 -4
- package/dist/components/Chart/ScatterPlot/ScatterPlotTooltip.js +3 -3
- package/dist/components/Chart/ScoreDistribution/ScoreDistributionRow.js +3 -3
- package/dist/components/Chart/TrajectoryChart/TrajectoryLegend/LegendBlockComponent.js +2 -2
- package/dist/components/Chart/TrajectoryChart/TrajectoryTooltip.js +3 -3
- package/dist/components/Chart/index.js +1 -0
- package/dist/components/Chart/shared/ChartTooltip.js +3 -3
- package/dist/components/Checkbox/index.js +1 -0
- package/dist/components/ComparisonBlock/index.js +1 -0
- package/dist/components/CustomTypography/index.js +1 -0
- package/dist/components/Field/TextField.js +2 -2
- package/dist/components/Field/index.js +1 -0
- package/dist/components/Filter/index.js +1 -0
- package/dist/components/Form/FoodsFormBase/FormTopBar/ActionButtons.js +2 -2
- package/dist/components/Form/FoodsFormBase/FormTopBar/SavingCloudStatus.js +2 -2
- package/dist/components/Form/FormPropertyBox.js +4 -4
- package/dist/components/Form/FormUnit.js +3 -3
- package/dist/components/Form/index.js +1 -0
- package/dist/components/Grid/index.js +1 -0
- package/dist/components/Input/Pills/Pills.js +2 -2
- package/dist/components/Input/index.js +1 -0
- package/dist/components/Layout/BlockList/Blocks/Container/BlockItemContainer.js +3 -3
- package/dist/components/Layout/BlockList/Blocks/InnerInfoBlocks/EmptyForm.js +3 -3
- package/dist/components/Layout/BlockList/Blocks/InnerInfoBlocks/SuggestionBlock.js +3 -3
- package/dist/components/Layout/BlockList/Blocks/InnerInputBlocks/CheckboxBlock.js +2 -2
- package/dist/components/Layout/InfoHeaderWithIllustration.js +3 -3
- package/dist/components/Layout/index.js +1 -0
- package/dist/components/Navigation/Breadcrumbs/BreadcrumbItem.js +3 -3
- package/dist/components/Navigation/index.js +1 -0
- package/dist/components/Number/index.js +1 -0
- package/dist/components/Pagination/index.js +1 -0
- package/dist/components/Popover/index.js +1 -0
- package/dist/components/Progress/index.js +1 -0
- package/dist/components/ProgressCard/ProgressCard.js +2 -2
- package/dist/components/ProgressCard/index.js +1 -0
- package/dist/components/Radio/index.js +1 -0
- package/dist/components/RichTextEditor/index.js +1 -0
- package/dist/components/Search/index.js +1 -0
- package/dist/components/Select/FoodsSelect/Select.js +2 -2
- package/dist/components/Select/ScoreSelect/ScoreSelect.js +2 -2
- package/dist/components/Select/index.js +1 -0
- package/dist/components/Tabs/ButtonTabs.js +3 -3
- package/dist/components/Tabs/index.js +1 -0
- package/dist/components/Tags/index.js +1 -0
- package/dist/components/Text/index.js +1 -0
- package/dist/components/Textarea/index.js +1 -0
- package/dist/components/ToggleSwitch/index.js +1 -0
- package/dist/components/Tooltip/index.js +1 -0
- package/dist/components/Treeview/index.js +1 -0
- package/dist/components/UnitConverterPanel/index.js +1 -0
- package/package.json +11 -6
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{FormAccordion as o}from"./FormAccordion.js";import{AccordionProduct as r}from"./ProductAccordion.js";import{GenericAccordion as c}from"./GenericAccordion.js";export{r as AccordionProduct,o as FormAccordion,c as GenericAccordion};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ActionPlanNetImpactBody as o}from"./ActionPlanNetImpactBody.js";import{ActionPlanIndicatorBreakdownPopover as r}from"./ActionPlanIndicatorBreakdownPopover.js";export{r as ActionPlanIndicatorBreakdownPopover,o as ActionPlanNetImpactBody};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Badge as o}from"./Badge.js";import{FoodsBadge as r}from"./FoodsBadge.js";import{ComingSoonBadge as m}from"./ComingSoonBadge.js";import{ScoreContainer as e}from"./ScoreContainer.js";export{o as Badge,m as ComingSoonBadge,r as FoodsBadge,e as ScoreContainer};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Banner as r}from"./Banner.js";export{r as Banner};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{jsx as i,jsxs as e}from"react/jsx-runtime";import{useTheme as t,Stack as r,Box as o,Typography as n}from"@mui/material";import a from"../../assets/contextual-content-box-bg.svg.js";
|
|
2
|
-
return i(
|
|
3
|
-
/* @__PURE__ */i(o,{position:"absolute",sx:{inset:0,color:l.custom.grey[200],objectFit:"cover",zIndex:0},children:/* @__PURE__ */i(
|
|
1
|
+
import{jsx as i,jsxs as e}from"react/jsx-runtime";import{useTheme as t,Stack as r,Box as o,Typography as n}from"@mui/material";import{WhiteBox as a}from"./WhiteBox.js";import p from"../../assets/contextual-content-box-bg.svg.js";const c=c=>{const{size:s="big"}=c,l=t();/* @__PURE__ */
|
|
2
|
+
return i(a,{borderRadius:"12px",padding:"12px",children:/* @__PURE__ */e(r,{bgcolor:l.palette.primary[50],borderRadius:"4px",padding:"big"===s?"36px":"32px",gap:"32px",position:"relative",overflow:"hidden",children:[
|
|
3
|
+
/* @__PURE__ */i(o,{position:"absolute",sx:{inset:0,color:l.custom.grey[200],objectFit:"cover",zIndex:0},children:/* @__PURE__ */i(p,{})}),
|
|
4
4
|
/* @__PURE__ */e(r,{flex:1,gap:"big"===s?"12px":"16px",position:"relative",children:[c.title&&/* @__PURE__ */i(n,{variant:"h4",children:c.title}),
|
|
5
5
|
/* @__PURE__ */i(n,{variant:"caption",children:c.children})]}),c.cta&&/* @__PURE__ */i(r,{direction:"row",alignItems:"center",gap:"24px",sx:{maxHeight:"big"===c.size?"100%":"20px"},children:c.cta})]})})};export{c as ContextualContentBox};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{AdditionalContentBox as o}from"./AdditionalContentBox.js";import{CategoryBox as r}from"./CategoryBox.js";import{ContextualContentBox as t}from"./ContextualContentBox.js";import{DottedBox as m}from"./DottedBox.js";import{HelperBox as i}from"./HelperBox.js";import{InfoBox as p}from"./InfoBox.js";import{LineGroupBox as e}from"./LineGroupBox.js";import{QuoteBox as f}from"./QuoteBox.js";import{SectionBox as x}from"./SectionBox.js";import{SolidGreyBox as j}from"./SolidGreyBox.js";import{WarningBox as s}from"./WarningBox.js";import{WhiteBox as B}from"./WhiteBox.js";import{WhiteGrid as n}from"./WhiteGrid.js";export{o as AdditionalContentBox,r as CategoryBox,t as ContextualContentBox,m as DottedBox,i as HelperBox,p as InfoBox,e as LineGroupBox,f as QuoteBox,x as SectionBox,j as SolidGreyBox,s as WarningBox,B as WhiteBox,n as WhiteGrid};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{CustomToggleButton as o,TertiaryToggleButton as t}from"./TertiaryToggleButton.js";import{CustomToggleButtonNodeTitle as r,TertiaryToggleButtonNodeTitle as m}from"./TertiaryToggleButtonNodeTitle.js";import{FoodsToggleButton as e}from"./FoodsToggleButton.js";import{FoodsIconButton as i}from"./FoodsIconButton.js";import{FoodsDeleteButton as s}from"./FoodsDeleteButton.js";import{Button as p}from"@mui/material";export{p as Button,o as CustomToggleButton,r as CustomToggleButtonNodeTitle,s as FoodsDeleteButton,i as FoodsIconButton,e as FoodsToggleButton,t as TertiaryToggleButton,m as TertiaryToggleButtonNodeTitle};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Article as o}from"./ArticleBlock/Article.js";import{ArticlesBox as r}from"./ArticleBlock/ArticlesBox.js";import{HeroBlock as c}from"./HeroBlock/HeroBlock.js";import{IndicatorBlock as t}from"./IndicatorBlock/IndicatorBlock.js";import{LightIndicatorBlock as i}from"./IndicatorBlock/LightIndicatorBlock.js";export{o as Article,r as ArticlesBox,c as HeroBlock,t as IndicatorBlock,i as LightIndicatorBlock};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useTheme as i,Box as r,Stack as t,Button as n}from"@mui/material";import{
|
|
2
|
-
return o(
|
|
1
|
+
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useTheme as i,Box as r,Stack as t,Button as n}from"@mui/material";import{WhiteBox as d}from"../../Box/WhiteBox.js";import{FoodsIcon as a}from"../../Icons/FoodsIcon.js";import{ScoreCardHeader as s}from"./Header/ScoreCardHeader.js";import{ComingSoonBadge as c}from"../../Badge/ComingSoonBadge.js";const l=l=>{const{header:p,children:m,seeMoreText:x="Voir plus de détail",soonAvailableText:g,disableFooter:h=!1}=l,f=i();/* @__PURE__ */
|
|
2
|
+
return o(d,{sx:{boxSizing:"border-box",display:"flex",flex:"0 0 calc(33.33% - 14px)",flexDirection:"column",height:"100%",minWidth:0},children:[
|
|
3
3
|
/* @__PURE__ */o(r,{sx:{display:"flex",flex:1,flexDirection:"column",minHeight:0},children:[
|
|
4
|
-
/* @__PURE__ */e(t,{sx:{..."secondary"===p.variant&&{backgroundColor:f.custom.grey[200],borderTopLeftRadius:f.spacing(2),borderTopRightRadius:f.spacing(2),borderBottom:`1px solid ${f.custom.grey[500]}`}},children:/* @__PURE__ */e(
|
|
4
|
+
/* @__PURE__ */e(t,{sx:{..."secondary"===p.variant&&{backgroundColor:f.custom.grey[200],borderTopLeftRadius:f.spacing(2),borderTopRightRadius:f.spacing(2),borderBottom:`1px solid ${f.custom.grey[500]}`}},children:/* @__PURE__ */e(s,{...p})}),
|
|
5
5
|
/* @__PURE__ */e(t,{padding:{xs:"16px",md:"28px 32px"},paddingBottom:{xs:"16px",md:"37px"},gap:"40px",children:m})]}),!1===h&&/* @__PURE__ */o(t,{direction:"row",alignItems:"center",gap:f.spacing(3.5),padding:f.spacing(3.5,4),borderTop:`1px solid ${f.custom.grey[500]}`,children:[
|
|
6
|
-
/* @__PURE__ */e(n,{variant:"ternary",endIcon:/* @__PURE__ */e(
|
|
6
|
+
/* @__PURE__ */e(n,{variant:"ternary",endIcon:/* @__PURE__ */e(a,{size:2,icon:"arrowRight"}),disabled:void 0===l.moreDetailAction,onClick:l.moreDetailAction,sx:{width:"100%",justifyContent:"space-between",fontWeight:700},children:x}),void 0!==g&&/* @__PURE__ */e(c,{soonAvailableText:g})]})]})};export{l as ScoreCard};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useTheme as o,Stack as r,ButtonBase as t,Box as n,Typography as a,CircularProgress as s}from"@mui/material";import{FoodsIcon as c}from"../../Icons/FoodsIcon.js";import{
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useTheme as o,Stack as r,ButtonBase as t,Box as n,Typography as a,CircularProgress as s}from"@mui/material";import{FoodsIcon as c}from"../../Icons/FoodsIcon.js";import{FoodsIconButton as d}from"../../Button/FoodsIconButton.js";import{FoodsTags as l}from"../../Tags/FoodsTags.js";const p=p=>{const u=o(),g=u.custom.grey[100],m=p.selected?g:u.custom.grey[2800],h=p.selected?g:u.custom.grey[2500],b=p.selected?u.palette.primary[50]:u.custom.grey[2e3],v=u.custom.strokes.containerDivider;/* @__PURE__ */
|
|
2
2
|
return e(r,{sx:{backgroundColor:p.selected?u.palette.primary[800]:u.custom.grey[100],borderBottomLeftRadius:u.spacing(1.5),borderBottomRightRadius:u.spacing(1.5),borderTopLeftRadius:u.spacing(1.5),borderTopRightRadius:u.spacing(1.5),boxShadow:p.selected?u.custom.shadows.hard:u.custom.shadows.grey,boxSizing:"border-box",flexShrink:0,height:p.selected?u.custom.scoreOverviewCard.heights.selected:u.custom.scoreOverviewCard.heights.inactive,isolation:"isolate",overflow:"hidden",position:"relative",width:u.custom.scoreOverviewCard.width},children:[
|
|
3
3
|
/* @__PURE__ */i(t,{"aria-label":p.selectionLabel,"aria-pressed":p.selected,disabled:p.disabled,onClick:p.onSelect,sx:{backgroundColor:"transparent",borderRadius:"inherit",inset:0,position:"absolute",zIndex:2,"&.Mui-focusVisible":{outline:"auto"}}}),
|
|
4
4
|
/* @__PURE__ */e(r,{sx:{boxSizing:"border-box",gap:u.spacing(3),height:"100%",padding:u.spacing(3),pointerEvents:"none",position:"relative",width:"100%",zIndex:"auto"},children:[
|
|
5
5
|
/* @__PURE__ */e(r,{sx:{gap:u.spacing(1),minWidth:0},children:[
|
|
6
6
|
/* @__PURE__ */e(r,{direction:"row",alignItems:"flex-start",justifyContent:"space-between",children:[
|
|
7
|
-
/* @__PURE__ */i(n,{"aria-hidden":!0,sx:{alignItems:"center",backgroundColor:u.palette.primary[50],borderRadius:u.spacing(1.5),color:u.palette.primary[600],display:"flex",height:u.custom.scoreOverviewCard.icon.containerSize,justifyContent:"center",padding:u.spacing(.5),width:u.custom.scoreOverviewCard.icon.containerSize},children:/* @__PURE__ */i(c,{icon:p.icon,size:u.custom.scoreOverviewCard.icon.glyphSize})}),p.level&&/* @__PURE__ */i(
|
|
7
|
+
/* @__PURE__ */i(n,{"aria-hidden":!0,sx:{alignItems:"center",backgroundColor:u.palette.primary[50],borderRadius:u.spacing(1.5),color:u.palette.primary[600],display:"flex",height:u.custom.scoreOverviewCard.icon.containerSize,justifyContent:"center",padding:u.spacing(.5),width:u.custom.scoreOverviewCard.icon.containerSize},children:/* @__PURE__ */i(c,{icon:p.icon,size:u.custom.scoreOverviewCard.icon.glyphSize})}),p.level&&/* @__PURE__ */i(l,{size:"display",label:p.level.label,endIcon:"information",colors:p.level.colors,sx:{"& .MuiButton-endIcon":{padding:0},borderWidth:0,paddingInlineEnd:u.spacing(.5),pointerEvents:"auto",position:"relative",zIndex:3}})]}),
|
|
8
8
|
/* @__PURE__ */e(r,{sx:{minWidth:0},children:[
|
|
9
9
|
/* @__PURE__ */i(a,{component:"h3",noWrap:!0,title:p.title,variant:"big-semibold",sx:{color:m},children:p.title}),
|
|
10
10
|
/* @__PURE__ */e(r,{direction:"row",alignItems:"center",sx:{gap:u.spacing(.5),minWidth:0},children:[
|
|
11
|
-
/* @__PURE__ */i(a,{noWrap:!0,title:p.variationLabel,variant:"body-regular",sx:{color:h,minWidth:0},children:p.variationLabel}),p.variationAction&&/* @__PURE__ */i(
|
|
11
|
+
/* @__PURE__ */i(a,{noWrap:!0,title:p.variationLabel,variant:"body-regular",sx:{color:h,minWidth:0},children:p.variationLabel}),p.variationAction&&/* @__PURE__ */i(d,{size:"xs",icon:"arrowDownShort",buttonProps:{"aria-controls":p.variationAction.open?p.variationAction.controls:void 0,"aria-expanded":p.variationAction.open,"aria-haspopup":"menu","aria-label":p.variationAction.ariaLabel,disabled:p.disabled,onClick:p.variationAction.onOpen,sx:{color:h,pointerEvents:"auto",position:"relative",zIndex:3}}})]})]})]}),
|
|
12
12
|
/* @__PURE__ */e(r,{direction:"row",alignItems:"baseline",sx:{gap:u.spacing(1),minWidth:0},children:[p.isLoading?/* @__PURE__ */i(s,{color:"inherit",size:u.spacing(3),sx:{color:m}}):null===p.value?/* @__PURE__ */i(n,{role:"img","aria-label":p.emptyLabel,sx:{alignItems:"center",backgroundColor:u.custom.grey[400],borderRadius:u.spacing(.5),color:u.custom.grey[1400],display:"flex",flexShrink:0,height:u.custom.scoreValue.emptyIndicator.size,justifyContent:"center",width:u.custom.scoreValue.emptyIndicator.size},children:/* @__PURE__ */i(c,{icon:"empty",size:u.custom.scoreValue.emptyIndicator.iconSize})}):/* @__PURE__ */i(a,{variant:"number-big",sx:{color:m},children:p.value}),
|
|
13
13
|
/* @__PURE__ */i(a,{variant:"big-regular",noWrap:!0,sx:{color:b},children:p.unit}),p.valueAdornment]})]}),!1===p.selected&&/* @__PURE__ */i(n,{"aria-hidden":!0,sx:{borderColor:v.color,borderRadius:"inherit",borderStyle:v.style,borderWidth:v.width,boxSizing:"border-box",inset:0,pointerEvents:"none",position:"absolute",zIndex:4}})]})};export{p as ScoreOverviewCard};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useTheme as o,Box as t,Typography as i}from"@mui/material";import{
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useTheme as o,Box as t,Typography as i}from"@mui/material";import{FoodsBadge as l}from"../../../Badge/FoodsBadge.js";import{FlexibleTypography as n}from"../../../../innerComponents/FlexibleTypography.js";const a=a=>{const s=o(),{step:c,extra:x={},orientation:d="horizontal",valueFormatterFn:p}=a,{value:m,unit:u,label:f}=c;/* @__PURE__ */
|
|
2
2
|
return e(t,{sx:{width:"100%",display:"flex",flexDirection:"column",gap:"4px",...x},children:[
|
|
3
|
-
/* @__PURE__ */r(t,{sx:{display:"flex",flexDirection:"column"},children:/* @__PURE__ */r(
|
|
4
|
-
/* @__PURE__ */e(t,{sx:{display:"flex",flexDirection:"row",justifyContent:"horizontal"===d?"center":"flex-start",alignItems:"baseline",gap:"8px",zIndex:2},children:[null===m?/* @__PURE__ */r(
|
|
3
|
+
/* @__PURE__ */r(t,{sx:{display:"flex",flexDirection:"column"},children:/* @__PURE__ */r(n,{text:f,defaultVariant:"body-bold",typographyProps:{textAlign:"vertical"===d?"left":"center"}})}),
|
|
4
|
+
/* @__PURE__ */e(t,{sx:{display:"flex",flexDirection:"row",justifyContent:"horizontal"===d?"center":"flex-start",alignItems:"baseline",gap:"8px",zIndex:2},children:[null===m?/* @__PURE__ */r(l,{size:4,icon:"empty",boxProps:{sx:{borderRadius:"3px",backgroundColor:s.custom.grey[400],color:s.custom.grey[1400]}}}):/* @__PURE__ */r(i,{variant:"h2",children:(y=m,p?p(y):y.toLocaleString())}),
|
|
5
5
|
/* @__PURE__ */r(i,{variant:"body-medium",sx:{color:"#A3A2A0"},children:u})]}),a.children]});var y};export{a as Step};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{TrajectoryCards as r}from"./TrajectoryCards/TrajectoryCards.js";import{ScoreCard as e}from"./ScoreCard/ScoreCard.js";import{ScoreCardHeader as o}from"./ScoreCard/Header/ScoreCardHeader.js";import{ValueSwitcher as a}from"./ScoreCard/Header/ValueSwitcher/ValueSwitcher.js";import{SeeMoreCard as d}from"./SeeMoreCard/SeeMoreCard.js";import{SelectionCard as t}from"./SelectionCard/SelectionCard.js";import{SelectionCardGroup as m}from"./SelectionCard/SelectionCardGroup.js";import{DoughnutCard as i}from"./DoughnutCard/DoughnutCard.js";import{ScoreOverviewCard as C}from"./ScoreOverviewCard/ScoreOverviewCard.js";export{i as DoughnutCard,e as ScoreCard,o as ScoreCardHeader,C as ScoreOverviewCard,d as SeeMoreCard,t as SelectionCard,m as SelectionCardGroup,r as TrajectoryCards,a as ValueSwitcher};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useTheme as e,Stack as n,Box as o,Typography as r}from"@mui/material";import{
|
|
1
|
+
import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useTheme as e,Stack as n,Box as o,Typography as r}from"@mui/material";import{FoodsTooltip as a}from"../../Tooltip/FoodsTooltip.js";import{calculateTooltipPosition as l,getTooltipContainerStyles as d}from"../shared/tooltipPositioning.js";const c=c=>{const{active:s,payload:p,formatter:m,unit:h,coordinate:x,icons:g}=c,u=e();if(!(s&&p&&p.length&&x))return null;const f=p[0],y=m?m(f.value):u.numbers.valueFormatterFn(f.value),v=/* @__PURE__ */i(n,{direction:"column",alignItems:"flex-start",justifyContent:"center",spacing:u.spacing(1),children:[
|
|
2
2
|
/* @__PURE__ */i(n,{direction:"row",alignItems:"center",spacing:u.spacing(1),children:[g&&f.payload&&void 0!==f.payload.index&&g[f.payload.index]?/* @__PURE__ */t(o,{minWidth:"24px",width:"24px",height:"24px",sx:{background:f.payload.color||"#ccc",padding:"4px",color:"#fff",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"3px"},children:g[f.payload.index]}):/* @__PURE__ */t(o,{sx:{width:"12px",height:"12px",borderRadius:"3px",backgroundColor:f.payload.color}}),
|
|
3
3
|
/* @__PURE__ */t(r,{variant:"h6",children:f.name})]}),
|
|
4
4
|
/* @__PURE__ */i(n,{direction:"row",alignItems:"baseline",spacing:.5,children:[
|
|
5
5
|
/* @__PURE__ */t(r,{variant:"number-inter",sx:{p:0,m:0,lineHeight:u.spacing(4)},children:y}),
|
|
6
|
-
/* @__PURE__ */t(r,{variant:"small-bold",color:u.custom.grey[1400],children:h})]})]}),b=(i=>{if(void 0===i)return"top";const t=(i%360+360)%360;return t>=315||t<45?"right":t>=45&&t<135?"top":t>=135&&t<225?"left":"bottom"})(x.angle),w=
|
|
6
|
+
/* @__PURE__ */t(r,{variant:"small-bold",color:u.custom.grey[1400],children:h})]})]}),b=(i=>{if(void 0===i)return"top";const t=(i%360+360)%360;return t>=315||t<45?"right":t>=45&&t<135?"top":t>=135&&t<225?"left":"bottom"})(x.angle),w=l({coordinate:{x:x.x,y:x.y},placement:b});return f.name&&/* @__PURE__ */t(o,{sx:w,children:/* @__PURE__ */t(a,{width:"max-content",title:v,placement:b,arrow:!0,open:!0,sx:d(),children:/* @__PURE__ */t("div",{style:{width:1,height:1,visibility:"hidden",pointerEvents:"none"}})})})};export{c as DoughnutTooltip};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as t,Box as i,Stack as r,Typography as n}from"@mui/material";import{
|
|
2
|
-
return e(i,{sx:{...j,zIndex:w},children:/* @__PURE__ */e(
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as t,Box as i,Stack as r,Typography as n}from"@mui/material";import{FoodsTooltip as s}from"../../Tooltip/FoodsTooltip.js";import{FoodsIcon as a}from"../../Icons/FoodsIcon.js";import{calculateTooltipPosition as c,getTooltipContainerStyles as p}from"../shared/tooltipPositioning.js";const d={x:0,y:-5},l=l=>{const{x:m,y:g,value:h,unit:u,formatValue:x,showDelta:f,deltaProps:I,zIndex:w=1e3}=l,y=t(),v=I?.isPositive?y.custom.green[500]:y.custom.red[500],b=I?.isPositive?y.custom.green[100]:y.custom.red[100],j=c({coordinate:{x:m,y:g},placement:"top",offset:d});/* @__PURE__ */
|
|
2
|
+
return e(i,{sx:{...j,zIndex:w},children:/* @__PURE__ */e(s,{width:"unset",padding:y.spacing(.5,1),popperZIndex:w,title:/* @__PURE__ */o(r,{direction:"row",alignItems:"center",spacing:1,children:[
|
|
3
3
|
/* @__PURE__ */o(n,{variant:"h6",sx:{fontWeight:700,color:y.custom.grey[2800]},children:[x(h),u?` ${u}`:""]}),f&&I&&I.percentageChange>0&&/* @__PURE__ */o(r,{direction:"row",alignItems:"center",spacing:y.spacing(1),sx:{color:v,fontWeight:600},children:[
|
|
4
|
-
/* @__PURE__ */e(i,{sx:{borderRadius:y.spacing(1),display:"flex",alignItems:"center",justifyContent:"center",width:y.spacing(2),height:y.spacing(2),border:`1px solid ${v}`,backgroundColor:b},children:/* @__PURE__ */e(
|
|
5
|
-
/* @__PURE__ */e(n,{variant:"body2",sx:{fontWeight:600},children:Intl.NumberFormat(I.language,{style:"percent",maximumFractionDigits:I.precision}).format(I.percentageChange/100)})]})]}),placement:"top",open:!0,arrow:!0,sx:
|
|
4
|
+
/* @__PURE__ */e(i,{sx:{borderRadius:y.spacing(1),display:"flex",alignItems:"center",justifyContent:"center",width:y.spacing(2),height:y.spacing(2),border:`1px solid ${v}`,backgroundColor:b},children:/* @__PURE__ */e(a,{icon:I.isIncrease?"arrowUpRight":"arrowDownRight",size:1,color:v})}),
|
|
5
|
+
/* @__PURE__ */e(n,{variant:"body2",sx:{fontWeight:600},children:Intl.NumberFormat(I.language,{style:"percent",maximumFractionDigits:I.precision}).format(I.percentageChange/100)})]})]}),placement:"top",open:!0,arrow:!0,sx:p(),children:/* @__PURE__ */e("div",{})})})};export{l as TooltipItem};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as e,Fragment as a,jsxs as t}from"react/jsx-runtime";import{useRef as n,useState as r,useMemo as i,useCallback as o,useLayoutEffect as m}from"react";import{useTheme as s,Typography as l,Box as c,Stack as u}from"@mui/material";import{
|
|
2
|
-
/* @__PURE__ */e(c,{component:"span","aria-hidden":"true","data-testid":`horizontal-gauge-statistic-${a}-caret`,sx:{backgroundColor:G.custom.grey[500],borderBottom:n?0:`1px solid ${G.custom.grey[600]}`,borderLeft:n?0:`1px solid ${G.custom.grey[600]}`,borderRight:n?`1px solid ${G.custom.grey[600]}`:0,borderTop:n?`1px solid ${G.custom.grey[600]}`:0,boxSizing:"border-box",height:G.spacing(
|
|
3
|
-
/* @__PURE__ */e(
|
|
4
|
-
return e(u,{ref:e=>{j.current[a]=e},"data-testid":`horizontal-gauge-statistic-${a}`,"data-anchor":F[a].anchor,"data-lane":F[a].lane,sx:{alignItems:"center",flexDirection:"row",position:"absolute",left:X[a].x,top:L-
|
|
1
|
+
import{jsx as e,Fragment as a,jsxs as t}from"react/jsx-runtime";import{useRef as n,useState as r,useMemo as i,useCallback as o,useLayoutEffect as m}from"react";import{useTheme as s,Typography as l,Box as c,Stack as u}from"@mui/material";import{FoodsTags as d}from"../../../Tags/FoodsTags.js";import{GAUGE_CONSTANTS as p}from"../constants.js";import{formatValue as T}from"../utils/formatters.js";import{INITIAL_STATISTIC_LAYOUT as x,getFittingAnchor as g,assignStatisticLanes as h}from"../utils/statisticLayout.js";const b=b=>{const{minValue:I,medianValue:S,maxValue:f,labelMinimum:A,labelMedian:_,labelMaximum:C,labelPositions:v,showMedian:y,height:L,animated:E,precision:O=0,valueFormatter:N,onLaneCountChange:U,onMedianLaneChange:w}=b,G=s(),j=n({minimum:null,median:null,maximum:null}),[F,$]=r(x),z=Number.parseFloat(G.spacing(p.LAYOUT.STATISTIC_LANE_SPACING_UNITS)),M=Number.parseFloat(G.spacing(p.LAYOUT.STATISTIC_COLLISION_GAP_UNITS)),R=v.min.x,Y=v.max.x,P=R+(Y-R)/2,V=i(()=>({minimum:N?N(I,O):T(I,O),median:N?N(S,O):T(S,O),maximum:N?N(f,O):T(f,O)}),[f,S,I,O,N]),B=i(()=>({minimum:A,median:_,maximum:C}),[C,_,A]),X=i(()=>({minimum:v.min,median:v.median,maximum:v.max}),[v.max,v.median,v.min]),k=i(()=>y?["minimum","median","maximum"]:["minimum","maximum"],[y]),D=o(()=>{const e=k.map(e=>{const a=j.current[e]?.getBoundingClientRect().width??0,t="median"===e?g(X[e],a,R,Y):X[e].anchor;return{id:e,x:X[e].x,width:a,anchor:t}}),a=h(e,M),t=k.reduce((t,n)=>(t[n]={anchor:e.find(e=>e.id===n)?.anchor??X[n].anchor,lane:a[n]},t),{...x}),n=Math.max(...Object.values(a))+1;$(e=>k.every(a=>e[a].anchor===t[a].anchor&&e[a].lane===t[a].lane)?e:t),U(n),w(y?a.median:0)},[M,Y,R,U,w,X,y,k]);return m(()=>{if(D(),"undefined"==typeof ResizeObserver)return;const e=new ResizeObserver(D);return Object.values(j.current).forEach(a=>a&&e.observe(a)),()=>e.disconnect()},[D]),/* @__PURE__ */e(a,{children:k.map(a=>{const n=X[a].x>P,r=/* @__PURE__ */e(l,{variant:"small-bold",color:G.custom.grey[2800],sx:{..."minimum"===a&&{mr:"-0.5px",transform:"translateX(-0.5px)"},..."maximum"===a&&{ml:"-0.5px",transform:"translateX(0.5px)"}},children:V[a]},"value"),i=Boolean(B[a].trim())&&/* @__PURE__ */t(c,{component:"span",sx:{display:"inline-flex",position:"relative"},children:[
|
|
2
|
+
/* @__PURE__ */e(c,{component:"span","aria-hidden":"true","data-testid":`horizontal-gauge-statistic-${a}-caret`,sx:{backgroundColor:G.custom.grey[500],borderBottom:n?0:`1px solid ${G.custom.grey[600]}`,borderLeft:n?0:`1px solid ${G.custom.grey[600]}`,borderRight:n?`1px solid ${G.custom.grey[600]}`:0,borderTop:n?`1px solid ${G.custom.grey[600]}`:0,boxSizing:"border-box",height:G.spacing(p.LAYOUT.STATISTIC_TAG_CARET_SIZE_UNITS),left:n?"auto":0,pointerEvents:"none",position:"absolute",right:n?0:"auto",top:"50%",transform:n?"translate(50%, -50%) rotate(45deg)":"translate(-50%, -50%) rotate(45deg)",width:G.spacing(p.LAYOUT.STATISTIC_TAG_CARET_SIZE_UNITS),zIndex:1}}),
|
|
3
|
+
/* @__PURE__ */e(d,{variant:"tags-grey",label:B[a],sx:{backgroundColor:G.custom.grey[500],borderColor:G.custom.grey[600],px:.625,pointerEvents:"none"}})]},"tag");/* @__PURE__ */
|
|
4
|
+
return e(u,{ref:e=>{j.current[a]=e},"data-testid":`horizontal-gauge-statistic-${a}`,"data-anchor":F[a].anchor,"data-lane":F[a].lane,sx:{alignItems:"center",flexDirection:"row",position:"absolute",left:X[a].x,top:L-p.LEGEND_HEIGHT+Number.parseFloat(G.spacing(p.LAYOUT.STATISTIC_TOP_OFFSET_UNITS))+F[a].lane*z,transform:`translateX(${o=F[a].anchor,"start"===o?"0":"end"===o?"-100%":"-50%"})`,gap:G.spacing(p.LAYOUT.STATISTIC_VALUE_TAG_GAP_UNITS),opacity:1,transition:E?G.transitions.create(["transform","opacity"]):"none",whiteSpace:"nowrap",pointerEvents:"none"},children:n?[i,r]:[r,i]},a);var o})})};export{b as GaugeStatistics};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useTheme as i,Box as t,TableContainer as d,Table as o,TableBody as n,TableRow as a,TableCell as s,Skeleton as l,Stack as h,Typography as c}from"@mui/material";import{LegendValueBadge as p}from"../../Legend/LegendValueBadge.js";import{
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useTheme as i,Box as t,TableContainer as d,Table as o,TableBody as n,TableRow as a,TableCell as s,Skeleton as l,Stack as h,Typography as c}from"@mui/material";import{LegendValueBadge as p}from"../../Legend/LegendValueBadge.js";import{FoodsTooltip as g}from"../../../Tooltip/FoodsTooltip.js";import{FoodsIcon as u}from"../../../Icons/FoodsIcon.js";import{FoodsBadge as m}from"../../../Badge/FoodsBadge.js";const x=x=>{const b=i(),{data:v,valuesFormatterFn:f=(e,r)=>b.numbers.valueFormatterFn(e,r),showTooltip:w,isLoading:R,onLegendAction:k}=x;if(R){const i=Math.max(8,v?.length||12);/* @__PURE__ */
|
|
2
2
|
return e(t,{position:"relative",width:"100%",sx:{border:`1px solid ${b.palette.divider}`,borderRadius:b.shape.borderRadius},children:/* @__PURE__ */e(d,{sx:{borderRadius:b.shape.borderRadius,backgroundColor:b.palette.background.paper},children:/* @__PURE__ */e(o,{children:/* @__PURE__ */e(n,{children:Array.from({length:i}).map((i,t)=>/* @__PURE__ */r(a,{sx:{"&:last-child td, &:last-child th":{borderBottom:0}},children:[
|
|
3
3
|
/* @__PURE__ */e(s,{width:"50%",sx:{padding:b.spacing(2),borderBottom:`1px solid ${b.palette.divider}`},children:/* @__PURE__ */e(l,{variant:"rounded",sx:{maxWidth:"300px"},width:"100%",height:18})}),
|
|
4
4
|
/* @__PURE__ */e(s,{align:"right",sx:{padding:b.spacing(2),borderBottom:`1px solid ${b.palette.divider}`},children:/* @__PURE__ */r(h,{width:"50%",direction:"row",alignItems:"center",spacing:3,justifyContent:"flex-end",sx:{width:"100%"},children:[
|
|
@@ -6,11 +6,11 @@ return e(t,{position:"relative",width:"100%",sx:{border:`1px solid ${b.palette.d
|
|
|
6
6
|
/* @__PURE__ */e(l,{variant:"rounded",width:"100%",sx:{maxWidth:"215px"},height:12}),
|
|
7
7
|
/* @__PURE__ */e(l,{variant:"rounded",width:16,height:16})]})})]},`sk-row-${t}`))})})})})}if(0===(v?.length??0)||v.every(e=>0===Number(e.value)))/* @__PURE__ */
|
|
8
8
|
return e(t,{position:"relative",width:"100%",sx:{border:`1px solid ${b.palette.divider}`,borderRadius:b.shape.borderRadius,backgroundColor:b.palette.background.paper},children:/* @__PURE__ */e(d,{sx:{borderRadius:b.shape.borderRadius},children:/* @__PURE__ */e(o,{children:/* @__PURE__ */e(n,{children:/* @__PURE__ */r(a,{sx:{backgroundColor:b.palette.background.paper,"&:last-child td, &:last-child th":{borderBottom:0}},children:[
|
|
9
|
-
/* @__PURE__ */e(s,{sx:{padding:b.spacing(2),borderBottom:0},children:/* @__PURE__ */e(h,{direction:"row",alignItems:"center",spacing:2,children:/* @__PURE__ */e(
|
|
9
|
+
/* @__PURE__ */e(s,{sx:{padding:b.spacing(2),borderBottom:0},children:/* @__PURE__ */e(h,{direction:"row",alignItems:"center",spacing:2,children:/* @__PURE__ */e(m,{size:4,icon:"empty",boxProps:{sx:{borderRadius:"3px",backgroundColor:b.custom.grey[400],color:b.custom.grey[1400]}}})})}),
|
|
10
10
|
/* @__PURE__ */e(s,{align:"right",sx:{padding:b.spacing(2),color:b.palette.text.secondary,borderBottom:0},children:"—"})]})})})})});const y=v.reduce((e,r)=>Math.max(e,Number(r.value)||0),0);/* @__PURE__ */
|
|
11
|
-
return e(t,{position:"relative",width:"100%",sx:{border:`1px solid ${b.palette.divider}`,borderRadius:b.shape.borderRadius,backgroundColor:b.palette.background.paper},children:/* @__PURE__ */e(d,{sx:{borderRadius:b.shape.borderRadius},children:/* @__PURE__ */e(o,{children:/* @__PURE__ */e(n,{children:v.map((i,d)=>{const o=Number(i.value)||0,n=y>0?o/y*100:0,l=`${f(o,1)} %`,
|
|
11
|
+
return e(t,{position:"relative",width:"100%",sx:{border:`1px solid ${b.palette.divider}`,borderRadius:b.shape.borderRadius,backgroundColor:b.palette.background.paper},children:/* @__PURE__ */e(d,{sx:{borderRadius:b.shape.borderRadius},children:/* @__PURE__ */e(o,{children:/* @__PURE__ */e(n,{children:v.map((i,d)=>{const o=Number(i.value)||0,n=y>0?o/y*100:0,l=`${f(o,1)} %`,m=x.descriptions?.[d];/* @__PURE__ */
|
|
12
12
|
return r(a,{sx:{backgroundColor:"transparent","&:last-child td, &:last-child th":{borderBottom:0}},children:[
|
|
13
13
|
/* @__PURE__ */e(s,{sx:{padding:b.spacing(2),borderBottom:`1px solid ${b.palette.divider}`},children:/* @__PURE__ */e(c,{variant:"body2",sx:{fontWeight:600},children:i.name||`Item ${d+1}`})}),
|
|
14
14
|
/* @__PURE__ */e(s,{align:"right",sx:{padding:b.spacing(2),borderBottom:`1px solid ${b.palette.divider}`},children:/* @__PURE__ */r(h,{direction:"row",alignItems:"center",spacing:3,justifyContent:"flex-end",sx:{width:"100%"},children:[
|
|
15
15
|
/* @__PURE__ */e(p,{children:l}),
|
|
16
|
-
/* @__PURE__ */e(t,{onClick:()=>k?.(d),sx:{position:"relative",flex:1,minWidth:120,height:12,borderRadius:1.5,cursor:k?"pointer":"default"},children:/* @__PURE__ */e(t,{sx:{position:"absolute",top:0,left:0,height:"100%",width:`${Math.max(0,Math.min(n,100))}%`,borderRadius:1.5,backgroundColor:b.palette.primary.main}})}),
|
|
16
|
+
/* @__PURE__ */e(t,{onClick:()=>k?.(d),sx:{position:"relative",flex:1,minWidth:120,height:12,borderRadius:1.5,cursor:k?"pointer":"default"},children:/* @__PURE__ */e(t,{sx:{position:"absolute",top:0,left:0,height:"100%",width:`${Math.max(0,Math.min(n,100))}%`,borderRadius:1.5,backgroundColor:b.palette.primary.main}})}),m&&w&&/* @__PURE__ */e(g,{title:m,placement:"top",popperZIndex:2e3,width:"unset",sx:{maxWidth:"300px"},children:/* @__PURE__ */e(t,{sx:{width:16,height:16,color:b.palette.text.secondary,display:"flex",alignItems:"center",justifyContent:"center"},children:/* @__PURE__ */e(u,{size:2,icon:"information"})})})]})})]},`row-${i.index??d}`)})})})})})};export{x as PolymorphicCumulativeChart};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as t,jsx as n}from"react/jsx-runtime";import{useTheme as i,Stack as o,Typography as e,Box as r,Link as a,Button as s}from"@mui/material";import{calculateTooltipPosition as
|
|
1
|
+
import{jsxs as t,jsx as n}from"react/jsx-runtime";import{useTheme as i,Stack as o,Typography as e,Box as r,Link as a,Button as s}from"@mui/material";import{FoodsTooltip as l}from"../../Tooltip/FoodsTooltip.js";import{calculateTooltipPosition as c,getTooltipContainerStyles as p}from"../shared/tooltipPositioning.js";import{forwardRef as d}from"react";import{FoodsIcon as g}from"../../Icons/FoodsIcon.js";const h={x:0,y:-5},u=d((d,u)=>{const m=i(),{point:b,coordinate:x,valueFormatterFn:f=m.numbers.valueFormatterFn,precision:y,unit:v,xUnit:C,yUnit:w,textOptions:I,showSeriesInTooltip:k=!0,tooltipOptions:j,onTooltipEnter:z,onTooltipLeave:F,handleDismissTooltip:H}=d,T=b.seriesName,E=w??v,P=C??v,$=I?.for??"for",L=I?.closeTooltip??"Close tooltip",M=()=>/* @__PURE__ */n(r,{component:"button",type:"button","aria-label":L,onClick:()=>H?.(),sx:{backgroundColor:"transparent",border:0,color:"inherit",cursor:"pointer",display:"flex",font:"inherit",alignItems:"center",justifyContent:"center",padding:m.spacing(.25),height:m.spacing(2.75),width:m.spacing(2.75),position:"absolute",top:m.spacing(-1),right:m.spacing(-1.5),borderRadius:"50%","&:hover":{color:m.palette.common.white,backgroundColor:"text.secondary",boxShadow:"0px 0px 4px rgba(0, 0, 0, 0.1)"},"&:focus-visible":{outline:`${m.spacing(.25)} solid ${m.palette.text.primary}`,outlineOffset:m.spacing(.25)}},children:/* @__PURE__ */n(r,{sx:{display:"flex",transform:"rotate(45deg)"},children:/* @__PURE__ */n(g,{icon:"plus",size:2})})}),O=/* @__PURE__ */t(o,{direction:"column",spacing:m.spacing(.5),pb:m.spacing(.25),onClick:t=>t.stopPropagation(),onMouseLeave:()=>F?.(),sx:{pointerEvents:"auto",position:"relative"},children:[
|
|
2
2
|
/* @__PURE__ */t(o,{direction:"row",alignItems:"center",justifyContent:"space-between",spacing:m.spacing(1),useFlexGap:!0,pr:m.spacing(2),children:[
|
|
3
3
|
/* @__PURE__ */n(e,{variant:"h4",lineHeight:m.spacing(2),children:b.label}),
|
|
4
4
|
/* @__PURE__ */n(M,{})]}),
|
|
@@ -9,5 +9,5 @@ import{jsxs as t,jsx as n}from"react/jsx-runtime";import{useTheme as i,Stack as
|
|
|
9
9
|
/* @__PURE__ */n(e,{variant:"number-small",lineHeight:m.spacing(2),color:"text.primary",children:f(b.x,y)}),
|
|
10
10
|
/* @__PURE__ */n(e,{variant:"body2",lineHeight:m.spacing(2),color:"text.secondary",children:P?` ${P}`:""})]}),b.additionalContent&&/* @__PURE__ */n(r,{sx:{pt:m.spacing(2)},children:b.additionalContent}),T&&k&&/* @__PURE__ */n(o,{direction:"row",alignItems:"flex-end",justifyContent:"flex-end",spacing:m.spacing(1),pt:m.spacing(2),children:/* @__PURE__ */t(o,{direction:"row",alignItems:"center",spacing:m.spacing(1),children:[
|
|
11
11
|
/* @__PURE__ */n(r,{sx:{width:m.spacing(1.5),height:m.spacing(1.5),borderRadius:"50%",backgroundColor:b.seriesColor}}),
|
|
12
|
-
/* @__PURE__ */n(e,{variant:"body2",lineHeight:m.spacing(2),color:"text.secondary",fontWeight:500,children:T})]})}),j?.button?j.button.href?/* @__PURE__ */n(a,{href:j.button.href,target:"_blank",rel:"noopener noreferrer",children:/* @__PURE__ */n(s,{sx:{color:m.palette.text.primary,mt:m.spacing(2)},variant:j?.button?.variant,size:j?.button?.size,startIcon:j?.button?.startIcon,onClick:t=>{t.stopPropagation(),j?.button?.onClick?.()},children:j.button.text})}):/* @__PURE__ */n(s,{sx:{mt:m.spacing(2)},variant:j?.button?.variant,size:j?.button?.size,startIcon:j?.button?.startIcon,onClick:t=>{t.stopPropagation(),j?.button?.onClick?.()},children:j?.button?.text}):null]}),R=
|
|
13
|
-
return n(r,{ref:u,style:{position:"absolute",...R,zIndex:m.zIndex.tooltip,pointerEvents:"auto"},onMouseEnter:z,onMouseLeave:F,children:/* @__PURE__ */n(
|
|
12
|
+
/* @__PURE__ */n(e,{variant:"body2",lineHeight:m.spacing(2),color:"text.secondary",fontWeight:500,children:T})]})}),j?.button?j.button.href?/* @__PURE__ */n(a,{href:j.button.href,target:"_blank",rel:"noopener noreferrer",children:/* @__PURE__ */n(s,{sx:{color:m.palette.text.primary,mt:m.spacing(2)},variant:j?.button?.variant,size:j?.button?.size,startIcon:j?.button?.startIcon,onClick:t=>{t.stopPropagation(),j?.button?.onClick?.()},children:j.button.text})}):/* @__PURE__ */n(s,{sx:{mt:m.spacing(2)},variant:j?.button?.variant,size:j?.button?.size,startIcon:j?.button?.startIcon,onClick:t=>{t.stopPropagation(),j?.button?.onClick?.()},children:j?.button?.text}):null]}),R=c({coordinate:{x:x.xValue,y:x.yValue},placement:"top",offset:h});/* @__PURE__ */
|
|
13
|
+
return n(r,{ref:u,style:{position:"absolute",...R,zIndex:m.zIndex.tooltip,pointerEvents:"auto"},onMouseEnter:z,onMouseLeave:F,children:/* @__PURE__ */n(l,{width:"inherit",title:O,placement:"top",arrow:!0,open:!0,sx:{...p()},children:/* @__PURE__ */n("div",{style:{width:1,height:1,visibility:"hidden",pointerEvents:"none"}})})})});export{u as ScatterPlotTooltip};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useTheme as e,Stack as a,Box as o,Typography as r}from"@mui/material";import{useState as n}from"react";import{FoodsIcon as s}from"../../Icons/FoodsIcon.js";import{
|
|
1
|
+
import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useTheme as e,Stack as a,Box as o,Typography as r}from"@mui/material";import{useState as n}from"react";import{FoodsIcon as s}from"../../Icons/FoodsIcon.js";import{FoodsIconButton as c}from"../../Button/FoodsIconButton.js";import{getScoreDistributionScale as d}from"./scoreDistributionScale.js";const l=({depth:m=0,getCollapseLabel:u,getExpandLabel:h,item:p,isLast:g,mode:b,scale:x})=>{const v=e(),[f,z]=n(!1),w="unavailable"===p.state||null===p.value,W=p.value??0,k=W<0,y=w?void 0:`${p.label} ${p.formattedValue}${"%"===p.unit?"":" "}${p.unit}`,I=p.children.length>0,S=x.range>0?Math.min(100,Math.abs(W)/x.range*100):0,B=k||0===W&&x.range>0&&!x.hasPositiveValue,C=((i,t)=>{switch(i){case"dataviz-1":return t.custom.dataviz.colors[1];case"dataviz-2":return t.custom.dataviz.colors[2];case"dataviz-3":return t.custom.dataviz.colors[3];case"dataviz-4":return t.custom.dataviz.colors[4];case"dataviz-5":return t.custom.dataviz.colors[5];case"dataviz-6":return t.custom.dataviz.colors[6];case"dataviz-7":return t.custom.dataviz.colors[7];case"dataviz-9":return t.custom.dataviz.extra[9];case"dataviz-13":return t.custom.dataviz.extra[13];case"green":return{main:t.custom.green[600],variant:{100:t.custom.status.green.surface}};default:return null}})(p.iconTone,v),D=((i,t)=>({lifecycle:t.custom.scoreDetail.lifecycleBreakdownWidth,subscores:t.custom.scoreDetail.subscoreBreakdownWidth,impacts:t.custom.scoreDetail.impactBreakdownWidth}[i]))(b,v),$=`calc(${D} - ${v.custom.scoreDetail.barWidth} - ${v.spacing(2)})`;/* @__PURE__ */
|
|
2
2
|
return i(a,{gap:f?v.spacing(0===m?2:1):0,sx:{paddingBottom:0!==m||g?0:v.spacing(2),position:"relative"},children:[
|
|
3
3
|
/* @__PURE__ */i(a,{direction:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},flexWrap:"wrap",gap:v.spacing(2),children:[
|
|
4
|
-
/* @__PURE__ */i(a,{direction:"row",alignItems:"center",gap:v.spacing(1.5),minWidth:0,sx:{boxSizing:"border-box",flexBasis:{xs:"auto",md:v.custom.scoreDetail.summaryWidth},flexGrow:{xs:0,md:1},paddingInlineStart:m>0?v.spacing(4):0,width:{xs:"100%",md:"auto"}},children:[I?/* @__PURE__ */t(
|
|
4
|
+
/* @__PURE__ */i(a,{direction:"row",alignItems:"center",gap:v.spacing(1.5),minWidth:0,sx:{boxSizing:"border-box",flexBasis:{xs:"auto",md:v.custom.scoreDetail.summaryWidth},flexGrow:{xs:0,md:1},paddingInlineStart:m>0?v.spacing(4):0,width:{xs:"100%",md:"auto"}},children:[I?/* @__PURE__ */t(c,{size:"xs",icon:f?"arrowDownShort":"arrowRightShort",buttonProps:{"aria-expanded":f,"aria-label":f?u(p):h(p),onClick:()=>z(i=>!i)}}):"lifecycle"===b&&p.icon?/* @__PURE__ */t(o,{"aria-hidden":!0,sx:{flexShrink:0,height:v.spacing(3),width:v.spacing(3)}}):null,p.icon&&/* @__PURE__ */t(o,{sx:{alignItems:"center",backgroundColor:C?.variant[100],borderRadius:v.spacing(.5),color:C?.main,display:"flex",flexShrink:0,height:v.spacing(3),justifyContent:"center",width:v.spacing(3)},children:/* @__PURE__ */t(s,{icon:p.icon,size:1})}),
|
|
5
5
|
/* @__PURE__ */t(r,{variant:"body-semibold",noWrap:0===m||"lifecycle"!==b,children:p.label})]}),(!w||p.information)&&/* @__PURE__ */i(a,{direction:"row",alignItems:"center",gap:p.information?v.spacing(2):0,flexShrink:0,minWidth:0,sx:{maxWidth:"100%"},children:[!w&&/* @__PURE__ */i(a,{direction:"row",alignItems:"center",gap:v.spacing(2),flexShrink:1,minWidth:0,sx:{maxWidth:"100%",width:D},children:[
|
|
6
6
|
/* @__PURE__ */t(o,{role:"progressbar","aria-label":y,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":S,sx:{backgroundColor:"inherit",borderRadius:0,flexShrink:1,height:v.spacing(2),maxWidth:"100%",position:"relative",width:v.custom.scoreDetail.barWidth},children:/* @__PURE__ */t(o,{"aria-hidden":!0,sx:{backgroundColor:k?v.custom.green[600]:v.palette.primary[600],borderBottomLeftRadius:k?v.spacing(.5):0,borderBottomRightRadius:k?0:v.spacing(.5),borderTopLeftRadius:k?v.spacing(.5):0,borderTopRightRadius:k?0:v.spacing(.5),height:"100%",insetInlineEnd:B?100-x.zeroPosition+"%":void 0,insetInlineStart:B?void 0:`${x.zeroPosition}%`,maxWidth:"100%",minWidth:v.custom.barChart.zeroValueWidth,position:"absolute",width:0===W?v.custom.barChart.zeroValueWidth:`${S}%`}})}),
|
|
7
7
|
/* @__PURE__ */i(a,{"data-testid":`score-distribution-value-${p.id}`,direction:"row",alignItems:"baseline",gap:v.spacing(.5),justifyContent:"flex-end",sx:{color:k?v.custom.green[700]:v.custom.grey[2800],flexShrink:0,minWidth:"max-content",width:$},children:[
|
|
8
8
|
/* @__PURE__ */t(r,{variant:"body-semibold",children:p.formattedValue}),
|
|
9
|
-
/* @__PURE__ */t(r,{variant:"body-regular",children:p.unit})]})]}),p.information&&/* @__PURE__ */t(
|
|
9
|
+
/* @__PURE__ */t(r,{variant:"body-regular",children:p.unit})]})]}),p.information&&/* @__PURE__ */t(c,{size:"xs",icon:"information",buttonProps:{"aria-label":p.information.label},tooltip:{text:p.information.tooltip,props:{describeChild:!0}}})]})]}),f&&/* @__PURE__ */t(a,{gap:v.spacing(1),children:p.children.map((i,e)=>/* @__PURE__ */t(l,{depth:m+1,getCollapseLabel:u,getExpandLabel:h,item:i,isLast:e===p.children.length-1,mode:b,scale:d(p.children)},i.id))}),0===m&&!g&&/* @__PURE__ */t(o,{"aria-hidden":!0,sx:{borderBottomColor:v.custom.strokes.containerDivider.color,borderBottomStyle:v.custom.strokes.containerDivider.style,borderBottomWidth:v.custom.strokes.containerDivider.width,bottom:0,insetInline:0,pointerEvents:"none",position:"absolute"}})]})};export{l as ScoreDistributionRow};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useTheme as t,Box as a,Stack as n,Typography as r,Link as o}from"@mui/material";import{FoodsIcon as l}from"../../../Icons/FoodsIcon.js";import{
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useTheme as t,Box as a,Stack as n,Typography as r,Link as o}from"@mui/material";import{FoodsIcon as l}from"../../../Icons/FoodsIcon.js";import{FoodsTags as s}from"../../../Tags/FoodsTags.js";import{ComparisonBlock as c}from"../../../ComparisonBlock/ComparisonBlock.js";const d=d=>{const{block:p,improvement:g,textOptions:m}=d,h=t();/* @__PURE__ */
|
|
2
2
|
return e(a,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",padding:h.spacing(2,3),border:`1px solid ${h.palette.divider}`,backgroundColor:h.palette.background.paper,borderRadius:h.spacing(1),height:"100%",position:"relative"},children:[
|
|
3
3
|
/* @__PURE__ */e(n,{direction:"row",alignItems:"flex-start",justifyContent:"flex-start",spacing:h.spacing(2),minHeight:h.spacing(4),sx:{width:"100%"},children:[
|
|
4
4
|
/* @__PURE__ */e(n,{direction:"row",alignItems:"flex-start",spacing:1.5,children:[p.isLine?/* @__PURE__ */i(a,{sx:{width:h.spacing(2),transform:`translateY(${h.spacing(1)})`,height:h.spacing(.25),backgroundColor:p.color}}):/* @__PURE__ */i(a,{sx:{minWidth:h.spacing(2),transform:`translateY(${h.spacing(.25)})`,height:h.spacing(2),backgroundColor:p.color,borderRadius:h.spacing(.5)}}),
|
|
5
5
|
/* @__PURE__ */i(r,{variant:"body2",sx:{fontWeight:h.typography.fontWeightBold},children:p.label})]}),
|
|
6
|
-
/* @__PURE__ */i(n,{children:p.complete&&/* @__PURE__ */i(
|
|
6
|
+
/* @__PURE__ */i(n,{children:p.complete&&/* @__PURE__ */i(s,{startIcon:"circleCheck",variant:"tags-green",label:m.complete||"",disabled:!0})})]}),p.dataPoints&&p.dataPoints.length>0&&/* @__PURE__ */i(n,{spacing:2,sx:{mt:p.dataPoints[0].startValue&&p.dataPoints[0].endValue?h.spacing(1):0},children:p.dataPoints.map((t,a)=>/* @__PURE__ */e(n,{direction:"row",alignItems:"center",spacing:.5,children:[!!t.startValue&&!!t.endValue&&/* @__PURE__ */i(c,{currentValue:t.endValue,comparedTo:{value:t.startValue,label:t.label},improvement:g,layout:{direction:"horizontal",size:"M"},mode:"difference",disableText:!0}),
|
|
7
7
|
/* @__PURE__ */i(n,{direction:"column",alignItems:"flex-start",spacing:1,children:t.label&&/* @__PURE__ */i(r,{variant:"small",children:t.label})})]},`${p.key}-${a}`))}),
|
|
8
8
|
/* @__PURE__ */i(a,{children:p.dataPoints&&p.dataPoints.map((t,a)=>t.link&&/* @__PURE__ */i(o,{href:t.link.url,target:"_blank",rel:"noopener noreferrer",sx:{display:"flex",alignItems:"center",textDecoration:"none",gap:h.spacing(1),cursor:"pointer"},children:/* @__PURE__ */e(n,{direction:"row",alignItems:"center",spacing:h.spacing(1),color:h.palette.primary.main,mt:h.spacing(2),sx:{"&:hover":{opacity:.8}},children:[
|
|
9
9
|
/* @__PURE__ */i(l,{icon:t.link.icon,size:1}),
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useTheme as o,Stack as n,Typography as a,Box as i}from"@mui/material";import{
|
|
2
|
-
/* @__PURE__ */e(a,{variant:"h4",children:A}),D.map((t,o)=>{const n=t.color,a="string"==typeof n?n:"transparent",i=(t=>{if("string"==typeof t.name)return t.name;const e=t.dataKey;return{goal:y,initial:f,withoutActionPlan:h,withActionPlan:v}[e]||""})(t);return i&&null!==t.value&&void 0!==t.value?/* @__PURE__ */e(
|
|
3
|
-
return e(i,{sx:I,children:/* @__PURE__ */e(
|
|
1
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useTheme as o,Stack as n,Typography as a,Box as i}from"@mui/material";import{FoodsTooltip as r}from"../../Tooltip/FoodsTooltip.js";import{TrajectoryTooltipItem as l}from"./TrajectoryTooltipItem.js";import{computeInterpolatedValueForLabel as u}from"./trajectoryTooltipUtils.js";import{calculateTooltipPosition as m,getTooltipContainerStyles as s}from"../shared/tooltipPositioning.js";const p=p=>{const c=o(),{tooltipProps:d,unit:g,goalName:y,initialName:f,withoutActionPlanName:h,withActionPlanName:v,valueFormatterFn:b=c.numbers.valueFormatterFn,language:w,precision:j,barTopY:F,goalData:K,labels:x,goalColor:P}=p,{active:T,label:A,coordinate:N,payload:S=[]}=d;if(!T||0===S.length||!N)return null;const Y=/* @__PURE__ */new Set,$=S.filter(t=>{if(null===t.value||void 0===t.value)return!1;const e=t.dataKey;if("string"==typeof e||"number"==typeof e){if(Y.has(e))return!1;Y.add(e)}return!0}),C=u(x,K,A);if(0===$.length&&"number"!=typeof C)return null;const D=$.some(t=>"goal"===t.dataKey)||"number"!=typeof C?$:[...$,{dataKey:"goal",value:C,color:P}],E=/* @__PURE__ */t(n,{direction:"column",spacing:c.spacing(.5),children:[
|
|
2
|
+
/* @__PURE__ */e(a,{variant:"h4",children:A}),D.map((t,o)=>{const n=t.color,a="string"==typeof n?n:"transparent",i=(t=>{if("string"==typeof t.name)return t.name;const e=t.dataKey;return{goal:y,initial:f,withoutActionPlan:h,withActionPlan:v}[e]||""})(t);return i&&null!==t.value&&void 0!==t.value?/* @__PURE__ */e(l,{label:i,value:t.value,color:a,dataKey:String(t.dataKey),unit:g,language:w,precision:j,valueFormatterFn:b},`${String(t.dataKey??o)}-${o}`):null})]}),I=m({coordinate:{x:N.x,y:N.y},customY:F,placement:"top"});/* @__PURE__ */
|
|
3
|
+
return e(i,{sx:I,children:/* @__PURE__ */e(r,{width:"inherit",title:E,placement:"top",arrow:!0,open:!0,sx:s(),children:/* @__PURE__ */e("div",{style:{width:1,height:1,visibility:"hidden",pointerEvents:"none"}})})})};export{p as TrajectoryTooltip};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{DoughnutChart as r}from"./DoughnutChart/DoughnutChart.js";import{ScatterPlot as o}from"./ScatterPlot/ScatterPlot.js";import{EvolutionChart as t}from"./EvolutionChart/EvolutionChart.js";import{WaterfallChart as a}from"./WaterfallChart/WaterfallChart.js";import{HorizontalGaugeChart as m}from"./HorizontalGauge/HorizontalGaugeChart.js";import{TrajectoryChart as i}from"./TrajectoryChart/TrajectoryChart.js";import{BreakdownTable as s}from"./BreakdownTable/BreakdownTable.js";import{ComparisonLabel as p}from"./HistogramComparisonChart/ComparisonLabel.js";import{CustomizedAxisTick as C}from"./HistogramComparisonChart/CustomizedAxisTick.js";import{HistogramComparisonChart as h}from"./HistogramComparisonChart/HistogramComparisonChart.js";import{PolymorphicChart as e}from"./PolymorphicChart/PolymorphicChart.js";import{PolymorphicChartRenderer as l}from"./PolymorphicChart/PolymorphicChartRenderer.js";import{ScoreDistribution as n}from"./ScoreDistribution/ScoreDistribution.js";import{ValueLabel as f}from"./HistogramComparisonChart/ValueLabel.js";export{s as BreakdownTable,p as ComparisonLabel,C as CustomizedAxisTick,r as DoughnutChart,t as EvolutionChart,h as HistogramComparisonChart,m as HorizontalGaugeChart,e as PolymorphicChart,l as PolymorphicChartRenderer,o as ScatterPlot,n as ScoreDistribution,i as TrajectoryChart,f as ValueLabel,a as WaterfallChart};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{jsxs as t,jsx as i}from"react/jsx-runtime";import{useTheme as e,Stack as n,Box as o,Typography as r}from"@mui/material";import{
|
|
1
|
+
import{jsxs as t,jsx as i}from"react/jsx-runtime";import{useTheme as e,Stack as n,Box as o,Typography as r}from"@mui/material";import{FoodsTooltip as a}from"../../Tooltip/FoodsTooltip.js";import{calculateTooltipPosition as s,getTooltipContainerStyles as l}from"./tooltipPositioning.js";const p=p=>{const{active:c,hoveredIndex:d,data:h,coordinate:m,formatter:x,precision:u=0,unit:g,icons:v,showSwatch:f=!0}=p,w=e();if(!c||null===d||!m||!h[d])return null;const b=h[d],y=x?x(b.value,u):w.numbers.valueFormatterFn(b.value,u),I=/* @__PURE__ */t(n,{sx:{pointerEvents:"none"},direction:"column",alignItems:"flex-start",justifyContent:"center",spacing:w.spacing(1),children:[
|
|
2
2
|
/* @__PURE__ */t(n,{direction:"row",alignItems:"center",spacing:w.spacing(1),children:[f&&(v&&void 0!==d&&v[d]?/* @__PURE__ */i(o,{"data-testid":"chart-tooltip-swatch",minWidth:"24px",width:"24px",height:"24px",sx:{background:b.color,padding:"4px",color:"#fff",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"3px"},children:v[d]}):/* @__PURE__ */i(o,{"data-testid":"chart-tooltip-swatch",sx:{width:"12px",height:"12px",borderRadius:"3px",backgroundColor:b.color}})),
|
|
3
3
|
/* @__PURE__ */i(r,{variant:"h6",children:b.name})]}),
|
|
4
4
|
/* @__PURE__ */t(n,{direction:"row",alignItems:"baseline",spacing:.5,children:[
|
|
5
|
-
/* @__PURE__ */i(r,{variant:"number-inter",sx:{p:0,m:0,lineHeight:w.spacing(4)},children:y}),g&&/* @__PURE__ */i(r,{variant:"small-bold",color:w.custom.grey[1400],children:g})]})]}),j=
|
|
6
|
-
return i(o,{"data-testid":"chart-tooltip-anchor",sx:{...j,zIndex:2e3,pointerEvents:"none"},children:/* @__PURE__ */i(
|
|
5
|
+
/* @__PURE__ */i(r,{variant:"number-inter",sx:{p:0,m:0,lineHeight:w.spacing(4)},children:y}),g&&/* @__PURE__ */i(r,{variant:"small-bold",color:w.custom.grey[1400],children:g})]})]}),j=s({coordinate:{x:m.x,y:m.y},placement:"top"});/* @__PURE__ */
|
|
6
|
+
return i(o,{"data-testid":"chart-tooltip-anchor",sx:{...j,zIndex:2e3,pointerEvents:"none"},children:/* @__PURE__ */i(a,{width:"max-content",title:I,disableInteractive:!0,placement:"top",arrow:!0,open:!0,popperZIndex:0,slotProps:{popper:{sx:{pointerEvents:"none","& .MuiTooltip-tooltip, & .MuiTooltip-tooltip *":{pointerEvents:"none !important"}}}},sx:l(),children:/* @__PURE__ */i("div",{style:{width:1,height:1,visibility:"hidden",pointerEvents:"none"}})})})};export{p as ChartTooltip};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{PrimaryCheckbox as o}from"./PrimaryCheckbox.js";import{anyToCheckbox as r,checkboxToAny as m}from"./helperFunctions.js";import{FoodsCheckbox as e}from"./FoodsCheckbox.js";export{e as FoodsCheckbox,o as PrimaryCheckbox,r as anyToCheckbox,m as checkboxToAny};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ComparisonBlock as o}from"./ComparisonBlock.js";import{ComparisonArrow as r}from"./ComparisonArrow.js";export{r as ComparisonArrow,o as ComparisonBlock};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{CustomTypography as o}from"./CustomTypography.js";import{TypographyList as r}from"./TypographyList.js";import{Typography as m}from"@mui/material";export{o as CustomTypography,m as Typography,r as TypographyList};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useTheme as o,Typography as t}from"@mui/material";import{
|
|
1
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useTheme as o,Typography as t}from"@mui/material";import{RoundInput as n}from"../Input/RoundInput.js";import{forwardRef as i,useRef as a}from"react";const c=i(function(i,c){const{title:l,placeholder:d,value:u,description:m,sx:p,error:h,required:s,...f}=i,x=s?"*":"",g=o(),v=a(!1),C=v.current&&h;/* @__PURE__ */
|
|
2
2
|
return r("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:[
|
|
3
3
|
/* @__PURE__ */e(t,{variant:"h5",children:`${l}${x} :`}),
|
|
4
|
-
/* @__PURE__ */e(
|
|
4
|
+
/* @__PURE__ */e(n,{...f,sx:{width:"70%",borderColor:C?g.custom.red[600]:"inherit",backgroundColor:C?g.custom.red[100]:"inherit",...p},placeholder:d,value:u,onChange:r=>{v.current=!0,f.onChange&&f.onChange(r)}}),
|
|
5
5
|
/* @__PURE__ */e(t,{variant:"body",children:m})]})});export{c as TextField};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{NumberField as r}from"./NumberField.js";import{TextField as e}from"./TextField.js";export{r as NumberField,e as TextField};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{FixedMultiValueFilter as i}from"./FixedMultiValueFilter.js";import{MultiValueFilter as r}from"./MultiValueFilter.js";export{i as FixedMultiValueFilter,r as MultiValueFilter};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useTheme as n,useMediaQuery as o,Button as r,Box as t,Typography as a,Stack as s}from"@mui/material";import d from"@mui/icons-material/CloseOutlined";import{useFormBaseContext as c}from"../FormBaseContext.js";import{SavingCloudStatus as p}from"./SavingCloudStatus.js";import{
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useTheme as n,useMediaQuery as o,Button as r,Box as t,Typography as a,Stack as s}from"@mui/material";import d from"@mui/icons-material/CloseOutlined";import{useFormBaseContext as c}from"../FormBaseContext.js";import{SavingCloudStatus as p}from"./SavingCloudStatus.js";import{WhitePopover as l}from"../../../Popover/WhitePopover.js";import{FoodsIcon as m}from"../../../Icons/FoodsIcon.js";const g=()=>{const{confirmExit:g,selectedPageIndex:x,setPage:h,maxPage:f,forwardLock:u,previousLock:w,textOptions:v,onClose:y,onValidate:k,onPageChange:P,showSync:b,setFormSaved:C,setIsConfirmOpen:I,isLoading:L,selectedPageIndex:j}=c(),S=n(),z=o(S.breakpoints.down("md")),W=x===f-1&&v.finalPage?v.finalPage:v.nextPage,F=/* @__PURE__ */e(r,{variant:"primary",disabled:u.isLocked||L,endIcon:/* @__PURE__ */e(m,{icon:"arrowTrajectory",size:2}),onClick:()=>{if(x!==f-1)return C(!1),P?.(x+1,x),h(x+1);(async()=>{C(!1);try{const e=await(k?.());C(!1!==e)}catch{C(!1)}})()},sx:z?{minWidth:"80px",fontSize:"0.875rem",padding:"8px 12px"}:{},children:W}),O=v.previousPage&&/* @__PURE__ */e(r,{sx:z?{minWidth:"80px",fontSize:"0.875rem",padding:"8px 12px"}:{minWidth:"90px"},variant:"text",disabled:0===j||w.isLocked||L,startIcon:0===j||w.isLocked||L?null:/* @__PURE__ */e(m,{icon:"arrowLeft",size:2}),onClick:()=>{if(C(!1),0!==x)return P?.(x-1,x),h(x-1);P?.(x,x)},children:v.previousPage}),T=/* @__PURE__ */i(t,{padding:"12px 16px",children:[
|
|
2
2
|
/* @__PURE__ */e(a,{variant:"body-bold",children:v.warningText?v.warningText:""}),
|
|
3
3
|
/* @__PURE__ */e("br",{}),
|
|
4
|
-
/* @__PURE__ */e(a,{variant:"body",children:u.isLocked&&u.message||""})]}),R=u.isLocked&&W?/* @__PURE__ */e(
|
|
4
|
+
/* @__PURE__ */e(a,{variant:"body",children:u.isLocked&&u.message||""})]}),R=u.isLocked&&W?/* @__PURE__ */e(l,{icon:F,body:T,size:"260px",leftPosition:130}):W&&F,B=y&&/* @__PURE__ */e(r,{variant:"white-filled",onClick:()=>g?I(!0):y(),sx:{minWidth:0,aspectRatio:1,borderRadius:"100%",padding:0,...z&&{width:S.spacing(5),height:S.spacing(5)},"&:hover":{background:S.custom.grey[400]},"&:active":{background:S.custom.grey[600]}},children:/* @__PURE__ */e(d,{sx:{width:S.spacing(2.5),color:S.custom.grey[2800]}})});/* @__PURE__ */
|
|
5
5
|
return i(s,z?{direction:"row",alignItems:"center",gap:S.spacing(1),width:"100%",children:[
|
|
6
6
|
/* @__PURE__ */i(s,{direction:"row",gap:S.spacing(1),alignItems:"center",justifyContent:"space-between",flexGrow:1,children:[O,R]}),B]}:{direction:"row",alignItems:"center",justifyContent:"end",gap:"28px",children:[
|
|
7
7
|
/* @__PURE__ */e(t,{sx:{">*":{display:"flex"}},children:b&&/* @__PURE__ */e(p,{})}),
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{useTheme as i,Box as e,Typography as o}from"@mui/material";import t from"@mui/icons-material/CloudDoneOutlined";import n from"@mui/icons-material/LoopOutlined";import m from"@mui/icons-material/WarningAmber";import{
|
|
2
|
-
return r(
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{useTheme as i,Box as e,Typography as o}from"@mui/material";import t from"@mui/icons-material/CloudDoneOutlined";import n from"@mui/icons-material/LoopOutlined";import m from"@mui/icons-material/WarningAmber";import{WhitePopover as s}from"../../../Popover/WhitePopover.js";import{useFormBaseContext as a}from"../FormBaseContext.js";const p=()=>{const p=i(),{isSaving:c,textOptions:d,isError:l}=a(),u=c?{animation:"spin 1s linear infinite","@keyframes spin":{"0%":{transform:"rotate(360deg)"},"100%":{transform:"rotate(0deg)"}}}:{},f=/* @__PURE__ */r(c?n:l?m:t,{sx:{width:"24px",color:l?p.custom.red[600]:p.custom.grey[2e3],...u}}),g=/* @__PURE__ */r(e,{padding:"12px 16px",textAlign:"center",children:/* @__PURE__ */r(o,{variant:"body-medium",children:c?d.syncingMessage:l?d.errorDefaultMessage:d.savingDefaultMessage})});/* @__PURE__ */
|
|
2
|
+
return r(s,{icon:f,body:g,size:"260px"})};export{p as SavingCloudStatus};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useTheme as t,Stack as n,Typography as o}from"@mui/material";import{
|
|
2
|
-
return r(
|
|
1
|
+
import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useTheme as t,Stack as n,Typography as o}from"@mui/material";import{WhiteBox as e}from"../Box/WhiteBox.js";import{FormUnit as a}from"./FormUnit.js";import{Banner as p}from"../Banner/Banner.js";const c=c=>{const{title:m,hint:l,indicator:d,colorIndicator:h,children:s,...x}=c,g=t();/* @__PURE__ */
|
|
2
|
+
return r(e,{width:"100%",padding:g.spacing(4),...x,children:/* @__PURE__ */i(n,{gap:g.spacing(3),children:[
|
|
3
3
|
/* @__PURE__ */i(n,{direction:"row",alignItems:"start",gap:"32px",children:[
|
|
4
|
-
/* @__PURE__ */r(o,{variant:"h4",flex:1,children:m}),d&&/* @__PURE__ */r(
|
|
5
|
-
/* @__PURE__ */i(n,{gap:"24px",children:[l&&/* @__PURE__ */r(
|
|
4
|
+
/* @__PURE__ */r(o,{variant:"h4",flex:1,children:m}),d&&/* @__PURE__ */r(a,{value:d.value,unit:d.unit,color:h,BoxProps:{sx:{top:"-12px",right:"-12px"}}})]}),
|
|
5
|
+
/* @__PURE__ */i(n,{gap:"24px",children:[l&&/* @__PURE__ */r(p,{variant:"themed",children:l}),s]})]})})};export{c as FormPropertyBox};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{jsxs as o,jsx as r,Fragment as e}from"react/jsx-runtime";import{useTheme as i,Box as t}from"@mui/material";import{
|
|
1
|
+
import{jsxs as o,jsx as r,Fragment as e}from"react/jsx-runtime";import{useTheme as i,Box as t}from"@mui/material";import{NumberWithUnit as l}from"../Number/NumberWithUnit.js";import{ComparisonBlock as m}from"../ComparisonBlock/ComparisonBlock.js";const n=n=>{const a=i(),{withPlus:p,value:u,unit:s,color:c,comparison:d,...v}=n;/* @__PURE__ */
|
|
2
2
|
return o(t,{display:"inline-flex",bgcolor:a.custom.grey[200],border:`1px solid ${a.custom.grey[500]}`,borderRadius:"4px",padding:"4px 8px",position:"relative",gap:a.spacing(1),...v,children:[
|
|
3
|
-
/* @__PURE__ */r(
|
|
3
|
+
/* @__PURE__ */r(l,{value:u,unit:s,colorOverride:c,withPlus:p}),void 0!==d&&null!==d.toCompareTo&&null!==d.value&&/* @__PURE__ */o(e,{children:[
|
|
4
4
|
/* @__PURE__ */r(t,{borderLeft:`1px solid ${a.custom.grey[500]}`}),
|
|
5
|
-
/* @__PURE__ */r(
|
|
5
|
+
/* @__PURE__ */r(m,{currentValue:d.value,comparedTo:{value:d.toCompareTo},improvement:d.improvement,layout:{direction:"horizontal",size:"S"}})]})]})};export{n as FormUnit};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{FormBase as o}from"./FormBase.js";import{FormBox as r}from"./FormBox.js";import{FormPropertyBox as m}from"./FormPropertyBox.js";import{FormUnit as s}from"./FormUnit.js";import{ConfirmDialog as F}from"./FoodsFormBase/ConfirmDialog.js";import{FoodsFormBase as t}from"./FoodsFormBase/FoodsFormBase.js";import{FoodsTextInput as p}from"./FoodsFormFields/FoodsTextInput.js";import{FormBaseContextProvider as i,useFormBaseContext as e}from"./FoodsFormBase/FormBaseContext.js";import{FormTopBar as B}from"./FoodsFormBase/FormTopBar/FormTopBar.js";export{F as ConfirmDialog,t as FoodsFormBase,p as FoodsTextInput,o as FormBase,i as FormBaseContextProvider,r as FormBox,m as FormPropertyBox,B as FormTopBar,s as FormUnit,e as useFormBaseContext};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{MRTGrid as r}from"./MRTGrid.js";import{MRT_GRID_HUB_LAYOUT as o}from"./mrtGridLayout.js";import{EcoScoreCell as l}from"./Cell/EcoScoreCell.js";import{GreyTextCell as m}from"./Cell/GreyCell.js";import{PointsCell as e}from"./Cell/PointsCell.js";export{l as EcoScoreCell,m as GreyTextCell,r as MRTGrid,o as MRT_GRID_HUB_LAYOUT,e as PointsCell};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";import{useTheme as r,Chip as t}from"@mui/material";import{
|
|
2
|
-
return o(t,{icon:void 0===s?void 0:/* @__PURE__ */o(
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import{useTheme as r,Chip as t}from"@mui/material";import{FoodsIconButton as e}from"../../Button/FoodsIconButton.js";import{FoodsIcon as n}from"../../Icons/FoodsIcon.js";const i=i=>{const{icon:s,label:c,variant:a,onDelete:m,ChipProps:l}=i,p=r(),u="brand"===a?p.palette.primary[100]:p.custom.grey[600];/* @__PURE__ */
|
|
2
|
+
return o(t,{icon:void 0===s?void 0:/* @__PURE__ */o(n,{size:1,icon:s}),variant:a,label:c,onDelete:m,deleteIcon:/* @__PURE__ */o(e,{buttonProps:{onClick:m,sx:{":hover":{backgroundColor:u}}},icon:"close",size:"xs"}),...l})};export{i as FoodsPills};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{RoundInput as o}from"./RoundInput.js";import{RoundNumberInput as r}from"./RoundNumberInput.js";import{SearchBox as m}from"./SearchBox.js";import{FoodsPills as s}from"./Pills/Pills.js";export{s as Pills,o as RoundInput,r as RoundNumberInput,m as SearchBox};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as i,jsx as r,Fragment as e}from"react/jsx-runtime";import{useTheme as n,Box as t,Stack as o,Typography as s}from"@mui/material";import{
|
|
2
|
-
return i(
|
|
1
|
+
import{jsxs as i,jsx as r,Fragment as e}from"react/jsx-runtime";import{useTheme as n,Box as t,Stack as o,Typography as s}from"@mui/material";import{WhiteBox as a}from"../../../../Box/WhiteBox.js";import{FormUnit as l}from"../../../../Form/FormUnit.js";const c=c=>{const{title:m,value:p,unit:d,fields:g}=c,x=n(),u=Array.isArray(g)?g:[g],h=void 0!==g,f=u.length-1;/* @__PURE__ */
|
|
2
|
+
return i(a,{children:[
|
|
3
3
|
/* @__PURE__ */r(t,{sx:{borderBottom:h?`1px solid ${x.custom.grey[500]}`:"none"},children:/* @__PURE__ */i(o,{flexDirection:"row",gap:x.spacing(2),sx:{justifyContent:"space-between",alignItems:"center",padding:x.spacing(2,4,2,4)},children:[
|
|
4
|
-
/* @__PURE__ */r(s,{variant:"h4",children:m}),null!==p&&/* @__PURE__ */r(t,{sx:{display:"flex",gap:x.spacing(2)},children:/* @__PURE__ */r(
|
|
4
|
+
/* @__PURE__ */r(s,{variant:"h4",children:m}),null!==p&&/* @__PURE__ */r(t,{sx:{display:"flex",gap:x.spacing(2)},children:/* @__PURE__ */r(l,{value:p,unit:d??""})})]})}),h&&/* @__PURE__ */r(o,{sx:{padding:x.spacing(3,0,3,0)},children:u.map((n,o)=>/* @__PURE__ */i(e,{children:[n,f!==o&&/* @__PURE__ */r(t,{sx:{marginBlock:x.spacing(2),borderBottom:`1px solid ${x.custom.grey[500]}`}})]},`blockItemContainer-${o}`))})]})};export{c as BlockItemContainer};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as t,jsxs as i}from"react/jsx-runtime";import{useTheme as r,Stack as o,Box as n}from"@mui/material";import{
|
|
2
|
-
return t(
|
|
3
|
-
/* @__PURE__ */t(
|
|
1
|
+
import{jsx as t,jsxs as i}from"react/jsx-runtime";import{useTheme as r,Stack as o,Box as n}from"@mui/material";import{WhiteBox as e}from"../../../../Box/WhiteBox.js";import{FoodsIllustrations as s}from"../../../../Icons/FoodsIllustrations.js";const m=m=>{const a=r(),{emptyText:c,illustration:l}=m;/* @__PURE__ */
|
|
2
|
+
return t(e,{children:/* @__PURE__ */i(o,{justifyContent:"center",alignItems:"center",padding:a.spacing(2,0,2,0),gap:a.spacing(2.5),children:[
|
|
3
|
+
/* @__PURE__ */t(s,{width:60,height:60,illustration:l}),
|
|
4
4
|
/* @__PURE__ */t(n,{children:c})]})})};export{m as EmptyForm};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useTheme as t,Stack as e}from"@mui/material";import{
|
|
2
|
-
return o(
|
|
3
|
-
/* @__PURE__ */o(
|
|
1
|
+
import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useTheme as t,Stack as e}from"@mui/material";import{ContextualContentBox as n}from"../../../../Box/ContextualContentBox.js";import{FoodsIcon as r}from"../../../../Icons/FoodsIcon.js";const s=s=>{const c=t(),{suggestionTitle:m,text:l}=s;/* @__PURE__ */
|
|
2
|
+
return o(n,{size:"small",children:/* @__PURE__ */i(e,{flexDirection:"row",gap:c.spacing(3),children:[
|
|
3
|
+
/* @__PURE__ */o(r,{size:8,icon:"suggestions"}),
|
|
4
4
|
/* @__PURE__ */i(e,{flexDirection:"column",gap:c.spacing(1),children:[m,l]})]})})};export{s as SuggestionBlock};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as o,Fragment as r}from"react/jsx-runtime";import{
|
|
2
|
-
return o(r,{children:/* @__PURE__ */o(
|
|
1
|
+
import{jsx as o,Fragment as r}from"react/jsx-runtime";import{FoodsCheckbox as t}from"../../../../Checkbox/FoodsCheckbox.js";import{BlockItemInner as n}from"../Container/BlockItemInner.js";const e=e=>{const{blockOptions:c,...i}=e;/* @__PURE__ */
|
|
2
|
+
return o(r,{children:/* @__PURE__ */o(n,{blockOptions:c,children:/* @__PURE__ */o(t,{...i})})})};export{e as CheckboxBlock};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{jsx as t,jsxs as i}from"react/jsx-runtime";import{useTheme as e,Stack as n,Box as r,Typography as o,Button as l}from"@mui/material";import{
|
|
2
|
-
return t(
|
|
1
|
+
import{jsx as t,jsxs as i}from"react/jsx-runtime";import{useTheme as e,Stack as n,Box as r,Typography as o,Button as l}from"@mui/material";import{WhiteBox as c}from"../Box/WhiteBox.js";import{FoodsIllustrations as a}from"../Icons/FoodsIllustrations.js";const d=d=>{const p=e();/* @__PURE__ */
|
|
2
|
+
return t(c,{sx:{paddingBlock:"32px",paddingLeft:"32px",paddingRight:"40px"},children:/* @__PURE__ */i(n,{flexDirection:"row",gap:"32px",justifyContent:"space-between",children:[
|
|
3
3
|
/* @__PURE__ */i(r,{sx:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"row",gap:"28px"},children:[
|
|
4
|
-
/* @__PURE__ */t(r,{sx:{minWidth:"100px",minHeight:"100px"},children:/* @__PURE__ */t(
|
|
4
|
+
/* @__PURE__ */t(r,{sx:{minWidth:"100px",minHeight:"100px"},children:/* @__PURE__ */t(a,{illustration:"trajectoryActions"})}),
|
|
5
5
|
/* @__PURE__ */i(r,{sx:{display:"flex",flexDirection:"column",gap:"12px"},children:[
|
|
6
6
|
/* @__PURE__ */t(o,{variant:"h4",children:d.boldText}),
|
|
7
7
|
/* @__PURE__ */t(o,{variant:"body-medium",children:d.smallInfoText})]})]}),
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{InfoHeaderWithIllustration as o}from"./InfoHeaderWithIllustration.js";import{BlockItemContainer as r}from"./BlockList/Blocks/Container/BlockItemContainer.js";import{BlockItemInner as s}from"./BlockList/Blocks/Container/BlockItemInner.js";import{BlockListContainer as t}from"./BlockList/BlockListContainer.js";import{CheckboxBlock as i}from"./BlockList/Blocks/InnerInputBlocks/CheckboxBlock.js";import{EditHeader as l}from"./BlockList/Headers/EditHeader.js";import{EmptyForm as m}from"./BlockList/Blocks/InnerInfoBlocks/EmptyForm.js";import{InitHeader as c}from"./BlockList/Headers/InitHeader.js";import{LeftComparisonPart as k}from"./BlockList/Blocks/Common/LeftComparisonPart.js";import{ListHeader as B}from"./BlockList/Headers/ListHeader.js";import{RadioBlock as e}from"./BlockList/Blocks/InnerInputBlocks/RadioBlock.js";import{SelectBlock as n}from"./BlockList/Blocks/InnerInputBlocks/SelectBlock.js";import{SuggestionBlock as p}from"./BlockList/Blocks/InnerInfoBlocks/SuggestionBlock.js";import{ValueDisplay as f}from"./BlockList/Blocks/Common/ValueDisplay.js";export{r as BlockItemContainer,s as BlockItemInner,t as BlockListContainer,i as CheckboxBlock,l as EditHeader,m as EmptyForm,o as InfoHeaderWithIllustration,c as InitHeader,k as LeftComparisonPart,B as ListHeader,e as RadioBlock,n as SelectBlock,p as SuggestionBlock,f as ValueDisplay};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{useTheme as r,Box as i,Typography as n,ButtonBase as a}from"@mui/material";import{FoodsIcon as l}from"../../Icons/FoodsIcon.js";import{
|
|
2
|
-
return e(i,{ref:s,component:"span","aria-current":"page",title:o.label,sx:b,children:/* @__PURE__ */e(n,{component:"span",variant:"body-bold",sx:
|
|
3
|
-
return e(a,{ref:s,type:"button","aria-label":o.label,"aria-haspopup":"menu","aria-expanded":o.expanded,"aria-controls":o.controlsId,onClick:o.onClick,disableRipple:!0,sx:b,children:/* @__PURE__ */e(l,{icon:"actions",size:d.custom.breadcrumb.separatorIconSize})});const f=/* @__PURE__ */e(n,{component:"span",variant:"long"===m?"body-bold":"body-regular",sx:
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{useTheme as r,Box as i,Typography as n,ButtonBase as a}from"@mui/material";import{FoodsIcon as l}from"../../Icons/FoodsIcon.js";import{FoodsTooltip as t}from"../../Tooltip/FoodsTooltip.js";import{getBreadcrumbItemStyles as c,breadcrumbItemLabelStyles as p}from"./breadcrumbItemStyles.js";const s=o(function(o,s){const d=r(),m=o.variant??"previous",b=c(d,m);if("active"===o.variant)/* @__PURE__ */
|
|
2
|
+
return e(i,{ref:s,component:"span","aria-current":"page",title:o.label,sx:b,children:/* @__PURE__ */e(n,{component:"span",variant:"body-bold",sx:p,children:o.label})});if("collapsed"===o.variant)/* @__PURE__ */
|
|
3
|
+
return e(a,{ref:s,type:"button","aria-label":o.label,"aria-haspopup":"menu","aria-expanded":o.expanded,"aria-controls":o.controlsId,onClick:o.onClick,disableRipple:!0,sx:b,children:/* @__PURE__ */e(l,{icon:"actions",size:d.custom.breadcrumb.separatorIconSize})});const f=/* @__PURE__ */e(n,{component:"span",variant:"long"===m?"body-bold":"body-regular",sx:p,children:o.label}),u="long"===m?{}:{title:o.label},h=void 0!==o.href?/* @__PURE__ */e(a,{ref:s,component:"a",href:o.href,onClick:o.onClick,...u,disableRipple:!0,sx:b,children:f}):/* @__PURE__ */e(a,{ref:s,type:"button",onClick:o.onClick,...u,disableRipple:!0,sx:b,children:f});return"long"===m?/* @__PURE__ */e(t,{title:o.label,variant:"simple",placement:"top",describeChild:!0,children:h}):h});export{s as BreadcrumbItem};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{IconThread as o}from"./IconThread.js";import{HeaderNav as r,NavBarLink as t,Navbar as s,SubMenu as m,UserNav as a}from"./Navbar.js";import{BreadcrumbItem as n}from"./Breadcrumbs/BreadcrumbItem.js";import{Breadcrumbs as e}from"./Breadcrumbs/Breadcrumbs.js";import{CustomRender as i}from"./FoodsNavBar/Sections/UserButtons/Button/CustomRender.js";import{DefaultUserAction as B}from"./FoodsNavBar/Plugin/DefaultUserAction.js";import{DrawerAction as u}from"./FoodsNavBar/Sections/UserButtons/Button/DrawerAction.js";import{FoodsNavbar as c}from"./FoodsNavBar/FoodsNavbar.js";import{LinkAction as d}from"./FoodsNavBar/Sections/UserButtons/Button/LinkAction.js";import{Separator as p}from"./FoodsNavBar/Sections/UserButtons/Button/Separator.js";import{TopLinkAction as f}from"./FoodsNavBar/Sections/UserButtons/Button/TopLinkAction.js";export{n as BreadcrumbItem,e as Breadcrumbs,i as CustomRender,B as DefaultUserAction,u as DrawerAction,c as FoodsNavbar,r as HeaderNav,o as IconThread,d as LinkAction,t as NavBarLink,s as Navbar,p as Separator,m as SubMenu,f as TopLinkAction,a as UserNav};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{NumberWithUnit as r}from"./NumberWithUnit.js";import{Score as o}from"./Score.js";import{ScoreValue as m}from"./ScoreValue.js";export{r as NumberWithUnit,o as Score,m as ScoreValue};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{FoodsPagination as o}from"./FoodsPagination.js";import{FoodsPaginationItem as m}from"./FoodsPaginationItem.js";import{EllipsisItem as t}from"./PageItems/EllipsisItem.js";import{PageItem as e}from"./PageItems/PageItem.js";import{PageUpAndDownItem as s}from"./PageItems/PageUpAndDownItem.js";export{t as EllipsisItem,o as FoodsPagination,m as FoodsPaginationItem,e as PageItem,s as PageUpAndDownItem};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{AnchoredPopover as o,HeadlessPopover as r,ThemedPopover as p}from"./AnchoredPopover.js";import{BigPopoverLayout as m}from"./BigPopoverLayout.js";import{OptionsPopover as t}from"./OptionsPopover.js";import{WhitePopoverOnIcon as e}from"./WhitePopoverOnIcon.js";import{WhitePopover as i}from"./WhitePopover.js";import{CoordinatePopover as s}from"./CoordinatePopover.js";export{o as AnchoredPopover,m as BigPopoverLayout,s as CoordinatePopover,r as HeadlessPopover,t as OptionsPopover,p as ThemedPopover,i as WhitePopover,e as WhitePopoverOnIcon};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Progress as r}from"./Progress.js";export{r as Progress};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i,Fragment as o}from"react/jsx-runtime";import t from"@mui/material/Box";import n from"@mui/material/Typography";import r from"@mui/material/CardContent";import a from"@mui/material/Button";import{useTheme as l}from"@mui/material/styles";import{LinearProgress as s}from"../LinearProgress.js";import{FoodsIcon as m}from"../Icons/FoodsIcon.js";import{Stack as c}from"@mui/material";import p from"i18next";import{
|
|
2
|
-
return e(
|
|
1
|
+
import{jsx as e,jsxs as i,Fragment as o}from"react/jsx-runtime";import t from"@mui/material/Box";import n from"@mui/material/Typography";import r from"@mui/material/CardContent";import a from"@mui/material/Button";import{useTheme as l}from"@mui/material/styles";import{LinearProgress as s}from"../LinearProgress.js";import{FoodsIcon as m}from"../Icons/FoodsIcon.js";import{Stack as c}from"@mui/material";import p from"i18next";import{FoodsTags as d}from"../Tags/FoodsTags.js";import{WhiteBox as g}from"../Box/WhiteBox.js";const h=h=>{const{progress:u,onAction:f,isValidated:x=!1,textOptions:y,headingOptions:b,sx:C={}}=h,v=l(),{heading:w,actionText:j,progressLabel:I,validatedLabel:V}=y,k=!b||!0===b?.hidden,B=!(k||!b||!("showIcon"in b))&&b.showIcon,F=!k&&b&&"icon"in b&&b.icon?b.icon:"default",W=!k&&b&&"headingValue"in b&&void 0!==b.headingValue?b.headingValue:"",D=!k&&b&&"headingValueColor"in b&&b.headingValueColor?b.headingValueColor:v.palette.common.black,L=100===u?v.custom.green[600]:v.palette.primary.main;/* @__PURE__ */
|
|
2
|
+
return e(g,{sx:{display:"flex",flexDirection:"column",borderRadius:v.spacing(1),width:"100%",minWidth:"280px",border:`1px solid ${v.palette.grey[100]}`,...C},children:/* @__PURE__ */i(r,{sx:{padding:v.spacing(2),"&:last-child":{paddingBottom:v.spacing(2)},display:"flex",flexDirection:"column",gap:v.spacing(1.25)},children:[k?/* @__PURE__ */e(o,{}):/* @__PURE__ */i(c,{flexDirection:"row",justifyContent:"space-between",children:[B?/* @__PURE__ */e(m,{icon:F,size:5}):/* @__PURE__ */e(t,{sx:{width:v.spacing(3),height:v.spacing(3),borderRadius:"50%",backgroundColor:v.palette.common.black||D,display:"flex",alignItems:"center",justifyContent:"center",color:v.palette.common.white,fontSize:"0.875rem",fontWeight:v.typography.fontWeightBold},children:W}),x&&/* @__PURE__ */e(d,{label:V||"",variant:"tags-green",startIcon:"check",sx:{pointerEvents:"none"}})]}),
|
|
3
3
|
/* @__PURE__ */e(n,{variant:"h3",children:w}),
|
|
4
4
|
/* @__PURE__ */i(c,{gap:v.spacing(4),children:[
|
|
5
5
|
/* @__PURE__ */e(t,{children:/* @__PURE__ */i(c,{gap:v.spacing(.5),children:[
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ProgressCard as r}from"./ProgressCard.js";export{r as ProgressCard};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{RadioList as o}from"./RadioList.js";import{FoodsRadioList as i}from"./FoodsRadioList.js";import{RadioBoolean as r}from"./RadioBoolean.js";export{i as FoodsRadioList,r as RadioBoolean,o as RadioList};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{RichTextEditor as o}from"./RichTextEditor.js";export{o as RichTextEditor};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{FoodsSearch as o}from"./FoodsSearch.js";export{o as FoodsSearch};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as t,Button as r,Typography as s}from"@mui/material";import{useState as i,Fragment as l}from"react";import{FoodsIcon as c}from"../../Icons/FoodsIcon.js";import{useResponsiveBreakpoints as n}from"../../../themes/responsive/useResponsiveBreakpoints.js";import{
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as t,Button as r,Typography as s}from"@mui/material";import{useState as i,Fragment as l}from"react";import{FoodsIcon as c}from"../../Icons/FoodsIcon.js";import{useResponsiveBreakpoints as n}from"../../../themes/responsive/useResponsiveBreakpoints.js";import{AnchoredPopover as a}from"../../Popover/AnchoredPopover.js";import{SelectOptions as d}from"./Options/SelectOptions.js";import{useFoodsSelectContext as p}from"./Context/useSelect.js";const u=u=>{const{textOptions:m,disabled:g,closeOnSelect:h,setSearch:x,disableOnEmpty:b}=p(),f=t(),{isMobile:v}=n(),[y,k]=i(null),S=()=>k(null),w=null!==y,{selectedOption:O,infiniteScroll:C}=u,I=g||b&&0===u.options.length,T=Boolean(u.error&&!I),B=/* @__PURE__ */o(c,{icon:w?"arrowUpShort":"arrowDownShort",size:2}),P=((e,o,t,r,s)=>0===e.length?null!==t?r(t):o:null===t?s:r(t))(u.options,m.emptyOptionsText,O,u.getName,m.placeholder);/* @__PURE__ */
|
|
2
2
|
return e(l,{children:[
|
|
3
3
|
/* @__PURE__ */e(r,{variant:"select",id:u.id,"aria-invalid":T||void 0,"aria-describedby":T?u.errorMessageId:void 0,"aria-expanded":w,"aria-haspopup":"listbox",onClick:e=>w?S():k(e.currentTarget),sx:{width:"100%",minWidth:0,height:v?f.custom.select.mobileHeight:f.custom.select.desktopHeight,display:"flex",alignItems:"center",justifyContent:"space-between",gap:f.spacing(1.5),padding:`0 ${f.spacing(1.5)} 0 ${f.spacing(2)}`,color:f.custom.grey[2800],border:`${w?2:1}px solid ${T?f.custom.select.errorBorder:w?f.custom.grey[2800]:f.custom.select.border}`,backgroundColor:w?f.custom.select.background:T?f.custom.select.errorBackground:f.custom.select.background,"&:hover":{backgroundColor:w?f.custom.select.background:T?f.custom.select.errorBackground:f.custom.select.hoverBackground},"&.Mui-disabled":{color:f.custom.select.disabledText,backgroundColor:f.custom.select.disabledBackground,borderColor:f.custom.select.border}},disabled:I,children:[u.getIcon&&O&&u.getIcon(O),
|
|
4
4
|
/* @__PURE__ */o(s,{variant:"inherit",style:{fontSize:v?f.custom.select.mobileValueFontSize:f.custom.select.desktopValueFontSize,fontWeight:f.typography["body-regular"].fontWeight,lineHeight:f.typography["body-regular"].lineHeight},sx:{minWidth:0,flex:1,textAlign:"left",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",color:I?f.custom.select.disabledText:null===O&&T&&!w?f.custom.select.errorPlaceholderText:null===O?f.custom.select.placeholderText:f.custom.select.selectedText},children:P}),B]}),
|
|
5
|
-
/* @__PURE__ */o(
|
|
5
|
+
/* @__PURE__ */o(a,{sx:{top:"5px"},paperProps:{width:"280px",maxHeight:"min(480px, calc(100% - 32px))",...C?{overflow:"hidden",display:"flex",flexDirection:"column"}:{},border:`1px solid ${f.custom.select.border}`,borderRadius:"12px",boxShadow:f.custom.shadows.popover,...u.BoxOptionsProps},variant:"headless",anchor:y,open:w,onClose:()=>{S(),x("")},anchorPosition:"rightside",children:/* @__PURE__ */o(d,{selectedOption:u.selectedOption,options:u.options,getId:u.getId,getName:u.getName,getIcon:u.getIcon,getGroupName:u.getGroupName,onChange:e=>{u.onChange(e),x(""),!0===h&&S()},infiniteScroll:C,onScroll:C?e=>{if(!0!==C?.hasNextPage||C.isFetchingNextPage)return;const o=e.currentTarget;o.scrollHeight-o.scrollTop-o.clientHeight<=32&&C.onLoadMore()}:void 0})})]})};export{u as Select};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";import{
|
|
2
|
-
return o(
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import{FoodsIconButton as t}from"../../Button/FoodsIconButton.js";import"@mui/material";import{ScoreSelectLayout as e}from"./ScoreSelectLayout.js";const i=i=>{const{title:n,subtitle:r}=i;let a;if(void 0!==i.onOpen){const e=i.onOpen;a=/* @__PURE__ */o(t,{size:"s",icon:"arrowDownShort",buttonProps:{type:"button","aria-controls":i.open?i.actionControls:void 0,"aria-expanded":i.open,"aria-haspopup":"menu","aria-label":i.actionAriaLabel,disabled:i.disabled,onClick:e}})}/* @__PURE__ */
|
|
2
|
+
return o(e,{title:n,subtitle:r,action:a,boxed:!0,compact:!0})};export{i as ScoreSelect};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{FoodsSelect as e,FoodsSelectServerPagination as o}from"./FoodsSelect/FoodsSelect.js";import{ScoreSelect as r}from"./ScoreSelect/ScoreSelect.js";export{e as FoodsSelect,o as FoodsSelectServerPagination,r as ScoreSelect};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{useState as t,createElement as e}from"react";import{
|
|
2
|
-
return r(
|
|
3
|
-
/* @__PURE__ */r(
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{useState as t,createElement as e}from"react";import{CustomToggleButton as o}from"../Button/TertiaryToggleButton.js";import{Stack as i,Typography as n}from"@mui/material";const a=a=>{const{choices:p,onClick:c,defaultIndex:m,...l}=a,[x,d]=t(m??0);/* @__PURE__ */
|
|
2
|
+
return r(i,{flexDirection:"row",flexWrap:"wrap",gap:"8px",children:p.map((t,i)=>/* @__PURE__ */e(o,{...l,key:`${i}-button-tab`,value:i,onClick:()=>{c?.(i),d(i)},selected:i===x,sx:{borderRadius:"8px",padding:"12px 16px",textTransform:"none"}},
|
|
3
|
+
/* @__PURE__ */r(n,{variant:"h5",color:"inherit",children:t})))})};export{a as ButtonTabs};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ButtonTabs as o}from"./ButtonTabs.js";import{SectionTabs as s}from"./SectionTabs/SectionTabs.js";import{BoxStyled as r,SecondaryTabs as t}from"./SecondaryTabs.js";import{CountTabs as m}from"./CountTabs/CountTabs.js";import{FoodsTabs as a,SpecialTabs as T}from"./FoodsTabs/FoodsTabs.js";import{SpecialTab as b}from"./FoodsTabs/FoodsTabTemplate.js";export{r as BoxStyled,o as ButtonTabs,m as CountTabs,a as FoodsTabs,t as SecondaryTabs,s as SectionTabs,b as SpecialTab,T as SpecialTabs};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{FoodsTags as o}from"./FoodsTags.js";import{FoodsUserTags as s}from"./FoodsUserTags.js";export{o as FoodsTags,s as FoodsUserTags};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{TextArrowList as r}from"./TextArrowList.js";import{TextTitle as t}from"./TextTitle.js";import{TextTitleGreyIcon as o}from"./TextTitleGreyIcon.js";export{r as TextArrowList,t as TextTitle,o as TextTitleGreyIcon};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Textarea as r}from"./Textarea.js";export{r as Textarea};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ToggleSwitch as o}from"./ToggleSwitch.js";export{o as ToggleSwitch};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{FoodsTooltip as o}from"./FoodsTooltip.js";export{o as FoodsTooltip};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{FoodsTreeview as e}from"./Treeview.js";export{e as FoodsTreeview};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{UnitConverterPanel as r}from"./UnitConverterPanel.js";export{r as UnitConverterPanel};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@foodpilot/foods",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.28.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/main.js",
|
|
7
7
|
"module": "./dist/main.js",
|
|
@@ -151,10 +151,6 @@
|
|
|
151
151
|
"types": "./dist/components/ComparisonBlock/index.d.ts",
|
|
152
152
|
"import": "./dist/components/ComparisonBlock/index.js"
|
|
153
153
|
},
|
|
154
|
-
"./Ssq": {
|
|
155
|
-
"types": "./dist/components/Ssq/index.d.ts",
|
|
156
|
-
"import": "./dist/components/Ssq/index.js"
|
|
157
|
-
},
|
|
158
154
|
"./Text": {
|
|
159
155
|
"types": "./dist/components/Text/index.d.ts",
|
|
160
156
|
"import": "./dist/components/Text/index.js"
|
|
@@ -175,6 +171,14 @@
|
|
|
175
171
|
"types": "./dist/components/RichTextEditor/index.d.ts",
|
|
176
172
|
"import": "./dist/components/RichTextEditor/index.js"
|
|
177
173
|
},
|
|
174
|
+
"./ActionPlan": {
|
|
175
|
+
"types": "./dist/components/ActionPlan/index.d.ts",
|
|
176
|
+
"import": "./dist/components/ActionPlan/index.js"
|
|
177
|
+
},
|
|
178
|
+
"./Pagination": {
|
|
179
|
+
"types": "./dist/components/Pagination/index.d.ts",
|
|
180
|
+
"import": "./dist/components/Pagination/index.js"
|
|
181
|
+
},
|
|
178
182
|
"./*": "./dist/components/*/index.js",
|
|
179
183
|
"./package.json": "./package.json"
|
|
180
184
|
},
|
|
@@ -184,6 +188,7 @@
|
|
|
184
188
|
"scripts": {
|
|
185
189
|
"dev": "vite",
|
|
186
190
|
"build": "tsgo --incremental && vite build",
|
|
191
|
+
"postbuild": "node scripts/check-exports.mjs",
|
|
187
192
|
"build:analyze": "ANALYZE=true npm run build",
|
|
188
193
|
"type-check": "tsgo --noEmit",
|
|
189
194
|
"lint": "eslint .",
|
|
@@ -347,7 +352,7 @@
|
|
|
347
352
|
"name": "Main Bundle",
|
|
348
353
|
"path": "dist/**/*.js",
|
|
349
354
|
"gzip": true,
|
|
350
|
-
"limit": "
|
|
355
|
+
"limit": "301 KB"
|
|
351
356
|
},
|
|
352
357
|
{
|
|
353
358
|
"name": "Assets",
|