@foodpilot/foods 2.26.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/Banner.d.ts +15 -4
- package/dist/components/Banner/Banner.js +6 -1
- package/dist/components/Banner/banner.types.d.ts +1 -1
- 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/BaseCheckbox.d.ts +2 -1
- package/dist/components/Checkbox/BaseCheckbox.js +2 -2
- package/dist/components/Checkbox/FoodsCheckbox.js +2 -2
- 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/FoodsFormFields/FoodsTextInput.d.ts +3 -0
- package/dist/components/Form/FoodsFormFields/FoodsTextInput.js +5 -5
- 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/Container/BlockItemInner.js +8 -8
- 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/BlockList/Blocks/InnerInputBlocks/RadioBlock.js +2 -2
- package/dist/components/Layout/BlockList/Blocks/InnerInputBlocks/SelectBlock.js +2 -2
- package/dist/components/Layout/BlockList/Headers/ListHeader.js +6 -6
- 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/BaseRadio.d.ts +2 -1
- package/dist/components/Radio/BaseRadio.js +4 -4
- package/dist/components/Radio/FoodsRadioList.js +2 -2
- package/dist/components/Radio/RadioBoolean.js +2 -2
- 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/FoodsSelect.d.ts +3 -0
- package/dist/components/Select/FoodsSelect/FoodsSelect.js +6 -6
- package/dist/components/Select/FoodsSelect/Select.d.ts +2 -0
- package/dist/components/Select/FoodsSelect/Select.js +4 -4
- 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/Textarea.d.ts +5 -3
- package/dist/components/Textarea/Textarea.js +3 -7
- 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/dist/main.js +1 -1
- package/dist/themes/common/components.js +1 -1
- package/dist/themes/common/custom.d.ts +49 -0
- package/dist/themes/common/custom.js +1 -1
- package/package.json +14 -8
- package/dist/assets/undo.svg.js +0 -1
- package/dist/components/Banner/variants/ClassicBanner.d.ts +0 -11
- package/dist/components/Banner/variants/ClassicBanner.js +0 -4
- package/dist/components/Banner/variants/ThemedBanner.d.ts +0 -9
- package/dist/components/Banner/variants/ThemedBanner.js +0 -4
|
@@ -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};
|
|
@@ -1,7 +1,18 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { IconMappingProps } from '../Icons';
|
|
2
3
|
import { BannerVariantProps } from './banner.types';
|
|
3
|
-
type BannerProps = {
|
|
4
|
+
export type BannerProps = BannerVariantProps & {
|
|
4
5
|
children?: ReactNode;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
title?: ReactNode;
|
|
7
|
+
/** Announce the message when it changes; omit for static content or when a parent owns the announcement. */
|
|
8
|
+
role?: "alert" | "status";
|
|
9
|
+
/** Content revealed by Show more; the author chooses where to cut. */
|
|
10
|
+
hiddenContent?: ReactNode;
|
|
11
|
+
/** Optional action when there is no hidden content. */
|
|
12
|
+
actionLabel?: string;
|
|
13
|
+
actionIcon?: IconMappingProps;
|
|
14
|
+
onAction?: () => void;
|
|
15
|
+
showMoreLabel?: string;
|
|
16
|
+
showLessLabel?: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const Banner: (props: BannerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useTheme as r,useMediaQuery as i,Stack as n,Box as t,Typography as c,Button as l}from"@mui/material";import{useState as d,useId as a}from"react";import{FoodsIcon as s}from"../Icons/FoodsIcon.js";const h=h=>{const{children:m,title:u,role:g,hiddenContent:f,actionLabel:p,actionIcon:x,onAction:w,showMoreLabel:b="Show more",showLessLabel:y="Show less",...v}=h,S=r(),k=i(S.breakpoints.down("md")),[z,W]=d(!1),I=a(),L=v.variant??"info",C="themed"===L?"info":L,H=((o,e)=>{switch(e){case"info":return{background:o.palette.primary[50],border:o.palette.primary[500],accent:o.palette.primary[800],icon:"information"};case"warning":return{background:o.custom.yellow[50],border:o.custom.yellow[600],accent:o.custom.yellow[700],icon:"warning"};case"error":return{background:o.custom.red[50],border:o.custom.red[600],accent:o.custom.red[700],icon:"warning"}}})(S,C),M="colors"in v?v.colors:void 0,O="stylePresetOverride"in v?v.stylePresetOverride:void 0,D=M?.color??O?.color??H.accent,$=null!=f&&!1!==f&&""!==f;/* @__PURE__ */
|
|
2
|
+
return o(n,{direction:k?"column":"row",gap:k&&"info"!==C?1:1.5,sx:{width:"100%",minWidth:0,padding:2,paddingLeft:k?3:2,borderRadius:"12px",border:`1px solid ${M?.sideBorder??H.border}`,backgroundColor:M?.backgroundColor??H.background,color:S.custom.grey[2500]},children:[
|
|
3
|
+
/* @__PURE__ */e(t,{"aria-hidden":"true",sx:{color:D,flexShrink:0,width:28,height:28},children:/* @__PURE__ */e(s,{icon:O?.icon??H.icon,size:{width:28,height:28}})}),
|
|
4
|
+
/* @__PURE__ */o(n,{gap:"info"===C?1.5:1,sx:{minWidth:0,flex:1},children:[
|
|
5
|
+
/* @__PURE__ */o(t,{role:g,sx:{overflowWrap:"anywhere"},children:[u&&/* @__PURE__ */e(c,{component:"div",sx:{fontWeight:700,fontSize:k?14:16,lineHeight:k?1.5:1.6,color:S.custom.grey[2800],mb:.5},children:u}),
|
|
6
|
+
/* @__PURE__ */o(c,{component:"div",sx:{fontSize:k?12:14,lineHeight:1.6,fontWeight:400,color:S.custom.grey[2500],"& > p":{margin:0}},children:["string"==typeof m&&"themed"===L?/* @__PURE__ */e(t,{sx:{"& > p":{margin:0}},dangerouslySetInnerHTML:{__html:m}}):m,$&&/* @__PURE__ */e(t,{id:I,hidden:!z,sx:{display:z?"contents":"none"},children:f})]})]}),$?/* @__PURE__ */e(l,{variant:"text","aria-expanded":z,"aria-controls":I,onClick:()=>W(o=>!o),endIcon:/* @__PURE__ */e(s,{icon:z?"arrowUpShort":"arrowDownShort",size:{width:k?20:16,height:k?20:16}}),sx:{alignSelf:"flex-start",color:D,p:0,py:k?1:0,fontWeight:700,fontSize:k?16:14,lineHeight:1.5,"&:hover":{color:D,textDecoration:"underline"},"&.Mui-focusVisible":{outline:`2px solid ${D}`,outlineOffset:2}},children:z?y:b}):p&&w&&/* @__PURE__ */e(l,{variant:"text",onClick:w,endIcon:x&&/* @__PURE__ */e(s,{icon:x,size:{width:k?20:16,height:k?20:16}}),sx:{alignSelf:"flex-start",color:D,p:0,py:k?1:0,fontWeight:700,fontSize:k?16:14,lineHeight:1.5,"&:hover":{color:D,textDecoration:"underline"},"&.Mui-focusVisible":{outline:`2px solid ${D}`,outlineOffset:2}},children:p})]})]})};export{h as Banner};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { iconMapping } from '../Icons';
|
|
2
2
|
export type MessageVariant = ClassicBannerType | ThemedBannerType;
|
|
3
|
-
export type ClassicBannerType = "info" | "error";
|
|
3
|
+
export type ClassicBannerType = "info" | "warning" | "error";
|
|
4
4
|
export type ThemedBannerType = "themed";
|
|
5
5
|
export type StylePreset = {
|
|
6
6
|
icon: keyof typeof iconMapping;
|
|
@@ -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};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { CheckboxProps, FormGroupProps, FormControlLabelProps } from '@mui/material';
|
|
2
2
|
export type CheckboxId = string | number;
|
|
3
3
|
export type CheckboxName = string | number;
|
|
4
|
-
export type CheckboxProperties<T> =
|
|
4
|
+
export type CheckboxProperties<T> = CheckboxPropertyValue<T>[];
|
|
5
5
|
export type CheckboxPropertyValue<T> = {
|
|
6
|
+
id: CheckboxId;
|
|
6
7
|
name: CheckboxName;
|
|
7
8
|
state: boolean;
|
|
8
9
|
disabled?: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{FormGroup as o,FormControlLabel as r}from"@mui/material";import s from"../../assets/unchecked.svg.js";import t from"../../assets/checked.svg.js";import{StyledCheckbox as
|
|
2
|
-
return e(o,{...p,children:
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{FormGroup as o,FormControlLabel as r}from"@mui/material";import s from"../../assets/unchecked.svg.js";import t from"../../assets/checked.svg.js";import{StyledCheckbox as a}from"./StyledCheckbox.js";const c=c=>{const{values:m,onChange:n,FormGroupProps:p,FormControlLabelProps:i,CheckboxProps:l}=c;/* @__PURE__ */
|
|
2
|
+
return e(o,{...p,children:m.map((o,c)=>/* @__PURE__ */e(r,{sx:e=>({gap:e.spacing(2)}),checked:o.state,...i,label:o.name,control:/* @__PURE__ */e(a,{checkedIcon:/* @__PURE__ */e(t,{}),icon:/* @__PURE__ */e(s,{}),disableRipple:!0,...l,onChange:(e,o)=>{n(m.map((e,r)=>r===c?{...e,state:o}:e))}})},`${o.id}-${c}`))})};export{c as BaseCheckbox};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{BaseCheckbox as t}from"./BaseCheckbox.js";const a=a=>{const{values:
|
|
2
|
-
return e(t,{values:
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{BaseCheckbox as t}from"./BaseCheckbox.js";const a=a=>{const{values:n,selectedItems:r,onChange:s,getId:o=e=>e.id,getName:m=e=>e.name,...c}=a,i=r?.map(e=>o(e))??[],u=n.map(e=>{const t=o(e),a=i.includes(t),n=void 0!==r&&a;return{id:t,name:m(e),state:n,rawData:e}});/* @__PURE__ */
|
|
2
|
+
return e(t,{values:u,onChange:e=>{const t=e.flatMap(e=>!1===e.state?[]:e.rawData);return s(t)},...c})};export{a as FoodsCheckbox};
|
|
@@ -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};
|
|
@@ -12,7 +12,10 @@ type OverridenProps = {
|
|
|
12
12
|
unit?: string;
|
|
13
13
|
unitAddon?: React.ReactNode;
|
|
14
14
|
error?: boolean;
|
|
15
|
+
errorMessage?: string;
|
|
16
|
+
resetButtonLabel?: string;
|
|
15
17
|
disabled?: boolean;
|
|
18
|
+
behaviour?: "fixed" | "dynamic";
|
|
16
19
|
};
|
|
17
20
|
type FoodsInputBase = Omit<InputBaseProps, keyof OverridenProps>;
|
|
18
21
|
export type FoodsTextInputProps = OverridenProps & {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{jsxs as o,jsx as
|
|
2
|
-
return o(
|
|
3
|
-
/* @__PURE__ */o(
|
|
4
|
-
/* @__PURE__ */
|
|
5
|
-
/* @__PURE__ */r
|
|
1
|
+
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useTheme as t,Stack as i,Typography as r,Button as n,styled as a,InputBase as d}from"@mui/material";import{useId as l,useState as s}from"react";import{useTranslation as p}from"react-i18next";import{FoodsIconButton as u}from"../../Button/FoodsIconButton.js";import{FoodsIcon as c}from"../../Icons/FoodsIcon.js";import{useResponsiveBreakpoints as g}from"../../../themes/responsive/useResponsiveBreakpoints.js";const m=a=>{const{value:d,onChange:m,defaultOption:h,unit:b,unitAddon:f,error:x=!1,errorMessage:v,resetButtonLabel:k,disabled:W=!1,behaviour:z="dynamic",ExtraInputProps:I={},Tooltip:S={},StackProps:C={}}=a,H=t(),{t:M}=p(),w=k??M("reinitialiser_la_valeur_par_defaut",{defaultValue:"Reset default value"}),B=M("information",{defaultValue:"Information"}),{isMobile:P}=g(),$=l(),[j,R]=s(!1),A=I.id??$,D=x&&!W,_=`${A}-error`,F=[I["aria-describedby"],I.inputProps?.["aria-describedby"],D&&v?_:void 0].filter(Boolean).join(" ")||void 0,T=()=>{h&&(m(h.value),h.extraAction?.(h.value))};/* @__PURE__ */
|
|
2
|
+
return o(i,{gap:H.spacing(1),...C,children:[
|
|
3
|
+
/* @__PURE__ */o(i,{flexDirection:"row",gap:H.spacing(1.5),alignItems:"center",minWidth:0,children:[
|
|
4
|
+
/* @__PURE__ */e(y,{...I,id:A,fullWidth:"dynamic"===z,value:d,onChange:o=>{m(o.currentTarget.value)},error:D,disabled:W,"aria-invalid":D||void 0,"aria-describedby":F,inputProps:{...I.inputProps,"aria-describedby":F},sx:[{minWidth:0,flex:"dynamic"===z?"1 1 0":"0 0 auto",width:"fixed"===z?{xs:H.custom.textInput.fixedWidth.mobile,md:H.custom.textInput.fixedWidth.desktop}:void 0},...Array.isArray(I.sx)?I.sx:I.sx?[I.sx]:[]]}),b&&/* @__PURE__ */o(i,{flexDirection:"row",gap:H.spacing(.5),alignItems:"center",children:[
|
|
5
|
+
/* @__PURE__ */e(r,{variant:"inherit",maxWidth:"200px",sx:{fontSize:H.typography["body-medium"].fontSize,fontWeight:H.typography["body-medium"].fontWeight,lineHeight:H.typography["body-medium"].lineHeight,color:H.custom.grey[2800],textWrap:"nowrap",overflow:"clip",textOverflow:"ellipsis"},children:b}),f]}),P&&S.text&&/* @__PURE__ */e(u,{size:"xs",icon:"information",tooltip:{text:S.text,props:{...S.props,open:j,onClose:()=>R(!1)}},buttonProps:{"aria-label":B,"aria-expanded":j,onClick:()=>R(o=>!o),onBlur:()=>R(!1),onKeyDown:o=>{"Escape"===o.key&&R(!1)},disabled:W}}),!P&&h&&/* @__PURE__ */e(u,{size:"s",icon:"reset",tooltip:S,buttonProps:{onClick:T,disabled:W,"aria-label":w}})]}),D&&v&&/* @__PURE__ */e(r,{id:_,variant:"inherit",sx:{color:H.custom.red[600],fontSize:H.typography["body-medium"].fontSize,fontWeight:H.typography["body-medium"].fontWeight,lineHeight:H.typography["body-medium"].lineHeight},children:v}),h&&/* @__PURE__ */e(r,{variant:"inherit",sx:{color:H.custom.grey[2e3],fontSize:{xs:H.typography["body-regular"].fontSize,md:H.typography["small-regular"].fontSize},fontWeight:H.typography["body-regular"].fontWeight,lineHeight:H.typography["body-regular"].lineHeight},children:`${h.label} ${h.value}`}),P&&h&&/* @__PURE__ */e(n,{variant:"text",startIcon:/* @__PURE__ */e(c,{icon:"reset",size:2}),disabled:W,onClick:T,sx:{alignSelf:"flex-start",minHeight:H.custom.textInput.mobileResetHeight,padding:0,textDecoration:"underline",fontSize:H.typography["body-bold"].fontSize,fontWeight:H.typography["body-bold"].fontWeight,lineHeight:H.typography["body-bold"].lineHeight,color:H.palette.primary[800]},children:w})]})},y=a(d)(({theme:o})=>({"&.MuiInputBase-root":{backgroundColor:o.custom.grey[100],height:o.custom.textInput.desktopHeight,borderRadius:o.spacing(1),paddingInline:o.spacing(2),border:`1px solid ${o.custom.grey[600]}`,color:o.custom.grey[2800],...o.typography["body-regular"],"&:hover":{backgroundColor:o.custom.grey[300]},"& input::placeholder":{color:o.custom.grey[2e3],opacity:1,fontWeight:400},[o.breakpoints.down("md")]:{height:o.custom.textInput.mobileHeight,fontSize:o.typography["big-regular"].fontSize,paddingLeft:o.spacing(2),paddingRight:o.spacing(1.5),"& input::placeholder":{fontSize:o.typography["big-regular"].fontSize}}},"&.Mui-disabled":{backgroundColor:o.custom.grey[500],color:o.custom.grey[1400],"&:hover":{backgroundColor:o.custom.grey[500]},"& input.Mui-disabled":{WebkitTextFillColor:o.custom.grey[1400]}},"&.Mui-focused":{border:`2px solid ${o.custom.grey[2800]}`},"&.Mui-error":{border:`1px solid ${o.custom.red[600]}`,backgroundColor:o.custom.red[100],color:o.custom.grey[2800],"& input::placeholder":{color:o.custom.grey[2400]},"&:hover":{backgroundColor:o.custom.red[200]}},"&.Mui-error.Mui-focused":{border:`2px solid ${o.custom.red[600]}`,backgroundColor:o.custom.grey[100],"& input::placeholder":{color:o.custom.grey[2e3]}}}));export{m as FoodsTextInput};
|
|
@@ -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};
|