@foodpilot/foods 2.14.1 → 2.15.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/Cards/TrajectoryCards/styles/index.d.ts +3 -3
- package/dist/components/Chart/HorizontalGauge/HorizontalGaugeChart.js +6 -6
- package/dist/components/Chart/HorizontalGauge/components/GaugeBorders.d.ts +1 -1
- package/dist/components/Chart/HorizontalGauge/components/GaugeBorders.js +6 -6
- package/dist/components/Chart/HorizontalGauge/components/GaugeLabels.d.ts +1 -1
- package/dist/components/Chart/HorizontalGauge/components/GaugeLabels.js +9 -4
- package/dist/components/Chart/HorizontalGauge/components/GaugeMarkers.js +8 -8
- package/dist/components/Chart/HorizontalGauge/constants.d.ts +9 -4
- package/dist/components/Chart/HorizontalGauge/constants.js +1 -1
- package/dist/components/Chart/HorizontalGauge/hooks/useGaugeCalculations.js +1 -1
- package/dist/components/Chart/HorizontalGauge/types.d.ts +14 -5
- package/dist/components/Chart/HorizontalGauge/utils/utils.d.ts +0 -1
- package/dist/components/Chart/HorizontalGauge/utils/utils.js +1 -1
- package/dist/components/Chart/TrajectoryChart/TrajectoryLegend/LegendBlockComponent.js +1 -1
- package/dist/components/ComparisonBlock/ComparisonBlock.d.ts +2 -0
- package/dist/components/ComparisonBlock/ComparisonBlock.js +4 -4
- package/dist/components/ComparisonBlock/useColorAndArrow.d.ts +7 -1
- package/dist/components/ComparisonBlock/useColorAndArrow.js +1 -1
- package/dist/components/ComparisonBlock/useColorAndArrow.test.d.ts +1 -0
- package/dist/components/Navigation/Breadcrumbs/BreadcrumbItem.d.ts +4 -0
- package/dist/components/Navigation/Breadcrumbs/BreadcrumbItem.js +3 -0
- package/dist/components/Navigation/Breadcrumbs/BreadcrumbItem.types.d.ts +29 -0
- package/dist/components/Navigation/Breadcrumbs/Breadcrumbs.d.ts +24 -0
- package/dist/components/Navigation/Breadcrumbs/Breadcrumbs.js +3 -0
- package/dist/components/Navigation/Breadcrumbs/breadcrumbItemStyles.d.ts +4 -0
- package/dist/components/Navigation/Breadcrumbs/breadcrumbItemStyles.js +1 -0
- package/dist/components/Navigation/Breadcrumbs/index.d.ts +2 -0
- package/dist/components/Navigation/index.d.ts +1 -0
- package/dist/components/RichTextEditor/components/BorderRadiusInput/style/index.d.ts +1 -1
- package/dist/components/RichTextEditor/components/ColorInput/style/index.d.ts +2 -2
- package/dist/components/RichTextEditor/components/Toolbar/style/index.d.ts +1 -1
- package/dist/components/Tabs/FoodsTabs/FoodsTabs.d.ts +1 -1
- package/dist/components/Tooltip/FoodsTooltip.d.ts +13 -3
- package/dist/components/Tooltip/FoodsTooltip.js +2 -2
- package/dist/main.js +1 -1
- package/dist/themes/common/colors.d.ts +1 -0
- package/dist/themes/common/colors.js +1 -1
- package/dist/themes/common/custom.d.ts +97 -0
- package/dist/themes/common/custom.js +1 -1
- package/package.json +13 -5
|
@@ -15,15 +15,15 @@ interface StepsProps {
|
|
|
15
15
|
fullHeight?: boolean;
|
|
16
16
|
valueFormatterFn?: (value: number) => string | number;
|
|
17
17
|
}
|
|
18
|
-
export declare const Container: StyledComponent< GridOwnProps & CommonProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "classes" | "style" | "color" | "children" | "sx" | "
|
|
18
|
+
export declare const Container: StyledComponent< GridOwnProps & CommonProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "justifyContent" | "left" | "right" | "width" | "padding" | "className" | "classes" | "style" | "color" | "children" | "sx" | "container" | "direction" | "p" | "top" | "bottom" | "alignContent" | "alignItems" | "alignSelf" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "columns" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "wrap" | "spacing" | "xs" | "sm" | "md" | "lg" | "xl" | "columnSpacing" | "item" | "rowSpacing" | "zeroMinWidth"> & MUIStyledCommonProps<Theme>, {}, {}>;
|
|
19
19
|
export declare const StartToCurrentArrow: StyledComponent< BoxOwnProps<Theme> & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxOwnProps<Theme>> & MUIStyledCommonProps<Theme> & {
|
|
20
20
|
orientation?: "horizontal" | "vertical";
|
|
21
21
|
}, {}, {}>;
|
|
22
22
|
export declare const CurrentToTargetArrow: StyledComponent< BoxOwnProps<Theme> & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxOwnProps<Theme>> & MUIStyledCommonProps<Theme> & {
|
|
23
23
|
orientation?: "horizontal" | "vertical";
|
|
24
24
|
}, {}, {}>;
|
|
25
|
-
export declare const LeftColumn: StyledComponent< GridOwnProps & CommonProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "classes" | "style" | "color" | "children" | "sx" | "
|
|
26
|
-
export declare const RightColumn: StyledComponent< GridOwnProps & CommonProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "classes" | "style" | "color" | "children" | "sx" | "
|
|
25
|
+
export declare const LeftColumn: StyledComponent< GridOwnProps & CommonProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "justifyContent" | "left" | "right" | "width" | "padding" | "className" | "classes" | "style" | "color" | "children" | "sx" | "container" | "direction" | "p" | "top" | "bottom" | "alignContent" | "alignItems" | "alignSelf" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "columns" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "wrap" | "spacing" | "xs" | "sm" | "md" | "lg" | "xl" | "columnSpacing" | "item" | "rowSpacing" | "zeroMinWidth"> & MUIStyledCommonProps<Theme>, {}, {}>;
|
|
26
|
+
export declare const RightColumn: StyledComponent< GridOwnProps & CommonProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "justifyContent" | "left" | "right" | "width" | "padding" | "className" | "classes" | "style" | "color" | "children" | "sx" | "container" | "direction" | "p" | "top" | "bottom" | "alignContent" | "alignItems" | "alignSelf" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "columns" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "wrap" | "spacing" | "xs" | "sm" | "md" | "lg" | "xl" | "columnSpacing" | "item" | "rowSpacing" | "zeroMinWidth"> & MUIStyledCommonProps<Theme>, {}, {}>;
|
|
27
27
|
export declare const StyledStartStep: (props: StepsProps) => import("react/jsx-runtime").JSX.Element;
|
|
28
28
|
export declare const StyledWithoutPlanStep: (props: StepsProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
29
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{jsx as a,jsxs as e}from"react/jsx-runtime";import{GAUGE_CONSTANTS as
|
|
2
|
-
return a(
|
|
3
|
-
/* @__PURE__ */a(
|
|
4
|
-
/* @__PURE__ */a(
|
|
5
|
-
/* @__PURE__ */a(
|
|
6
|
-
/* @__PURE__ */a(
|
|
1
|
+
import{jsx as a,jsxs as e}from"react/jsx-runtime";import{GAUGE_CONSTANTS as i}from"./constants.js";import{useGaugeCalculations as o}from"./hooks/useGaugeCalculations.js";import{GaugeBorders as r}from"./components/GaugeBorders.js";import{GaugeMarkers as l}from"./components/GaugeMarkers.js";import{GaugeLabels as m}from"./components/GaugeLabels.js";import{GaugeBackground as n}from"./components/GaugeBackground.js";import{Box as t}from"@mui/material";import{useContainerWidth as s}from"./hooks/useContainerWidth.js";import{useTheme as u}from"@mui/material/styles";const p=p=>{const c=u(),{minValue:g,maxValue:d,medianValue:b,averageValue:h,companyValue:v,labelAverage:A=i.TEXT.DEFAULT_AVERAGE_LABEL,labelCompany:E=i.TEXT.DEFAULT_COMPANY_LABEL,labelMinimum:V=i.TEXT.DEFAULT_MINIMUM_LABEL,labelMedian:L=i.TEXT.DEFAULT_MEDIAN_LABEL,labelMaximum:M=i.TEXT.DEFAULT_MAXIMUM_LABEL,width:T,height:y=i.DEFAULT_HEIGHT,label:f,animated:k=!1,backgroundProps:F,precision:P=0,unit:_="",ariaLabel:D,valueFormatter:U=c.numbers.valueFormatterFn}=p,{containerRef:Y,containerWidth:j}=s(),x=j||T||i.DEFAULT_WIDTH,{scale:B,companyPosition:w,averagePosition:C,gaugeBackgroundProps:G,markerY:I,companyMarkerY:X,averageMarkerY:H,labelY:N,labelPositions:W}=o({minValue:g,maxValue:d,companyValue:v,averageValue:h,labelCompany:E,labelAverage:A,width:x,height:y});/* @__PURE__ */
|
|
2
|
+
return a(t,{ref:Y,width:T||"100%",height:y,position:"relative",children:/* @__PURE__ */e("svg",{width:j,height:y,style:{overflow:"visible"},role:D?"img":void 0,"aria-label":D,"aria-hidden":!D||void 0,children:[
|
|
3
|
+
/* @__PURE__ */a(r,{width:j,height:y,scale:B,medianValue:b,animated:k}),
|
|
4
|
+
/* @__PURE__ */a(n,{...G,backgroundProps:F,animated:k}),
|
|
5
|
+
/* @__PURE__ */a(l,{width:j,scale:B,companyValue:v,averageValue:h,markersYPosition:I,companyMarkerY:X,averageMarkerY:H,minValue:g,maxValue:d,animated:k,precision:P,unit:_,labelCompany:E,labelAverage:A,valueFormatter:U}),
|
|
6
|
+
/* @__PURE__ */a(m,{minValue:g,maxValue:d,medianValue:b,companyValue:v,averageValue:h,companyPosition:w,averagePosition:C,labelCompany:E,labelAverage:A,labelMinimum:V,labelMedian:L,labelMaximum:M,labelYPositions:N,labelPositions:W,animated:k,precision:P,unit:_,valueFormatter:U})]})})};export{p as HorizontalGaugeChart};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { GaugeBordersProps } from '../types';
|
|
2
|
-
export declare const GaugeBorders: ({ width, height,
|
|
2
|
+
export declare const GaugeBorders: ({ width, height, medianValue, scale, animated }: GaugeBordersProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useRef as
|
|
2
|
-
/* @__PURE__ */r("line",{x1:
|
|
3
|
-
/* @__PURE__ */r("line",{x1:
|
|
4
|
-
/* @__PURE__ */r("line",{x1:
|
|
5
|
-
/* @__PURE__ */r("line",{x1:
|
|
6
|
-
/* @__PURE__ */r("line",{x1:
|
|
1
|
+
import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useRef as e,useEffect as D}from"react";import{GAUGE_CONSTANTS as E}from"../constants.js";const G=({width:G,height:s,medianValue:a,scale:o,animated:i=!1})=>{const A=e(null);return D(()=>{if(A.current&&i){const t=A.current;t.style.opacity="0",setTimeout(()=>{t.style.transition="all 0.5s linear",t.style.opacity="1"},300)}},[i]),/* @__PURE__ */t("g",{ref:A,style:{opacity:i?"0":"1"},children:[
|
|
2
|
+
/* @__PURE__ */r("line",{x1:E.GAUGE_PADDING,y1:1,x2:G-E.GAUGE_PADDING,y2:1,stroke:E.COLORS.BORDER,strokeWidth:"1",strokeDasharray:E.BORDER_DASH_PATTERN}),
|
|
3
|
+
/* @__PURE__ */r("line",{x1:E.GAUGE_PADDING,y1:s-E.LEGEND_HEIGHT,x2:G-E.GAUGE_PADDING,y2:s-E.LEGEND_HEIGHT,stroke:E.COLORS.BORDER,strokeWidth:"1",strokeDasharray:E.BORDER_DASH_PATTERN}),
|
|
4
|
+
/* @__PURE__ */r("line",{x1:E.GAUGE_PADDING,y1:0,x2:E.GAUGE_PADDING,y2:s-E.LEGEND_HEIGHT,stroke:E.COLORS.BORDER,strokeWidth:"1",strokeDasharray:E.BORDER_DASH_PATTERN}),
|
|
5
|
+
/* @__PURE__ */r("line",{x1:G-E.GAUGE_PADDING,y1:0,x2:G-E.GAUGE_PADDING,y2:s-E.LEGEND_HEIGHT,stroke:E.COLORS.BORDER,strokeWidth:"1",strokeDasharray:E.BORDER_DASH_PATTERN}),
|
|
6
|
+
/* @__PURE__ */r("line",{"data-testid":"horizontal-gauge-median-guide",x1:o(a)+E.GAUGE_PADDING,y1:0,x2:o(a)+E.GAUGE_PADDING,y2:s-E.LEGEND_HEIGHT,stroke:E.COLORS.BORDER,strokeWidth:"1",strokeDasharray:E.BORDER_DASH_PATTERN})]})};export{G as GaugeBorders};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { GaugeLabelsProps } from '../types';
|
|
2
|
-
export declare const GaugeLabels: ({ minValue, maxValue, companyValue, averageValue, companyPosition, averagePosition, labelCompany, labelAverage, labelYPositions, labelPositions, animated, precision, unit, valueFormatter, }: GaugeLabelsProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const GaugeLabels: ({ minValue, maxValue, medianValue, companyValue, averageValue, companyPosition, averagePosition, labelCompany, labelAverage, labelMinimum, labelMedian, labelMaximum, labelYPositions, labelPositions, animated, precision, unit, valueFormatter, }: GaugeLabelsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
import{jsxs as
|
|
2
|
-
/* @__PURE__ */
|
|
3
|
-
/* @__PURE__ */e("text",{
|
|
4
|
-
/* @__PURE__ */
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as i,useEffect as n}from"react";import{FoodsTooltip as l}from"../../../Tooltip/FoodsTooltip.js";import{GaugeTooltip as a}from"./GaugeTooltip.js";import{formatValue as o}from"../utils/formatters.js";import{useTheme as r}from"@mui/material";const m=({minValue:m,maxValue:s,medianValue:d,companyValue:c,averageValue:h,companyPosition:u,averagePosition:f,labelCompany:x,labelAverage:p,labelMinimum:y,labelMedian:g,labelMaximum:b,labelYPositions:v,labelPositions:W,animated:A,precision:z=0,unit:B="",valueFormatter:S})=>{const V=r(),j=i(null),F={transition:A?"transform 0.3s linear":"none"},P=V.custom.grey[2800],T=e=>e>=m&&e<=s;return n(()=>{if(j.current&&A){const e=j.current;e.style.opacity="0",setTimeout(()=>{e.style.transition="all 0.5s linear",e.style.opacity="1"},300)}},[A]),/* @__PURE__ */e("g",{ref:j,children:[
|
|
2
|
+
/* @__PURE__ */e("g",{children:[
|
|
3
|
+
/* @__PURE__ */e("text",{x:W.min.x,y:v.values,fill:P,fontSize:"12",fontWeight:"bold",textAnchor:W.min.anchor,dominantBaseline:"middle",style:F,children:[S?S(m):o(m,z),
|
|
4
|
+
/* @__PURE__ */e("tspan",{x:W.min.x,y:v.legend,fontWeight:"400","aria-hidden":"true",children:["(",y,")"]})]}),
|
|
5
|
+
/* @__PURE__ */e("text",{x:W.median.x,y:v.values,fill:P,fontSize:"12",fontWeight:"bold",textAnchor:W.median.anchor,dominantBaseline:"middle",style:F,children:[S?S(d):o(d,z),
|
|
6
|
+
/* @__PURE__ */e("tspan",{x:W.median.x,y:v.legend,fontWeight:"400","aria-hidden":"true",children:["(",g,")"]})]}),
|
|
7
|
+
/* @__PURE__ */e("text",{x:W.max.x,y:v.values,fill:P,fontSize:"12",fontWeight:"bold",textAnchor:W.max.anchor,dominantBaseline:"middle",style:F,children:[S?S(s):o(s,z),
|
|
8
|
+
/* @__PURE__ */e("tspan",{x:W.max.x,y:v.legend,fontWeight:"400","aria-hidden":"true",children:["(",b,")"]})]})]}),
|
|
9
|
+
/* @__PURE__ */e("g",{cursor:"default",children:[T(c)&&/* @__PURE__ */t(l,{width:"unset",title:/* @__PURE__ */t(a,{label:x,value:c,unit:B,precision:z,valueFormatter:S}),children:/* @__PURE__ */t("text",{transform:`translate(${u.x}, ${v.company})`,fill:P,textAnchor:u.anchor,dominantBaseline:"middle",fontWeight:"700",fontSize:"12",style:F,children:x})}),T(h)&&/* @__PURE__ */t(l,{width:"unset",title:/* @__PURE__ */t(a,{label:p,value:h,unit:B,precision:z,valueFormatter:S}),children:/* @__PURE__ */t("text",{transform:`translate(${f.x}, ${v.average})`,fill:P,fontSize:"12",fontWeight:"500",textAnchor:f.anchor,dominantBaseline:"middle",style:F,children:p})})]})]})};export{m as GaugeLabels};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{jsxs as
|
|
2
|
-
return
|
|
3
|
-
/* @__PURE__ */
|
|
4
|
-
/* @__PURE__ */
|
|
5
|
-
/* @__PURE__ */
|
|
6
|
-
/* @__PURE__ */
|
|
7
|
-
/* @__PURE__ */
|
|
8
|
-
/* @__PURE__ */
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useEffect as a}from"react";import{GAUGE_CONSTANTS as o}from"../constants.js";import{FoodsTooltip as i}from"../../../Tooltip/FoodsTooltip.js";import{GaugeTooltip as l}from"./GaugeTooltip.js";import{useTheme as n}from"@mui/material";const s=({scale:s,companyValue:m,averageValue:c,markersYPosition:u,companyMarkerY:A,averageMarkerY:p,animated:y=!1,minValue:d,maxValue:E,precision:G=2,unit:R="",labelCompany:h="",labelAverage:f="",valueFormatter:k})=>{const g=n(),D=r(null),_={transition:y?"transform 0.3s linear":"none"},I=g.custom.grey[2800],T=e=>e>=d&&e<=E;return a(()=>{if(D.current&&y){const e=D.current;e.style.opacity="0",setTimeout(()=>{e.style.transition="all 0.5s linear",e.style.opacity="1"},300)}},[y]),/* @__PURE__ */e("g",{ref:D,children:[[d,E].map((r,a)=>{const i=`edge-${a}`,l=o.GAUGE_PADDING+s(r);/* @__PURE__ */
|
|
2
|
+
return e("g",{transform:`translate(${l}, 0)`,style:_,children:[
|
|
3
|
+
/* @__PURE__ */t("circle",{cy:u,r:o.MARKER.EDGE_RADIUS,fill:I}),
|
|
4
|
+
/* @__PURE__ */t("line",{y1:u-o.GAUGE_HEIGHT/2,y2:u+o.GAUGE_HEIGHT/2,stroke:I,strokeWidth:"2"})]},i)}),T(m)&&/* @__PURE__ */t(i,{width:"unset",title:/* @__PURE__ */t(l,{label:h,value:m,unit:R,precision:G,valueFormatter:k}),children:/* @__PURE__ */e("g",{transform:`translate(${o.GAUGE_PADDING+s(m)}, 0)`,style:_,children:[
|
|
5
|
+
/* @__PURE__ */t("line",{y1:A.start,y2:A.end,stroke:I,strokeWidth:"1"}),
|
|
6
|
+
/* @__PURE__ */t("circle",{cy:u,r:o.MARKER.COMPANY_RADIUS,stroke:I,strokeWidth:o.MARKER.COMPANY_STROKE_WIDTH,fill:g.palette.common.white})]})}),T(c)&&/* @__PURE__ */t(i,{width:"unset",title:/* @__PURE__ */t(l,{label:f,value:c,unit:R,precision:G,valueFormatter:k}),children:/* @__PURE__ */e("g",{"data-testid":"horizontal-gauge-average-marker",transform:`translate(${o.GAUGE_PADDING+s(c)}, 0)`,style:_,children:[
|
|
7
|
+
/* @__PURE__ */t("line",{y1:p.start,y2:p.end,stroke:I,strokeWidth:"1"}),
|
|
8
|
+
/* @__PURE__ */t("circle",{cy:u,r:o.MARKER.AVERAGE_RADIUS,fill:g.palette.common.white,stroke:I,strokeWidth:o.MARKER.AVERAGE_STROKE_WIDTH})]})})]})};export{s as GaugeMarkers};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export declare const GAUGE_CONSTANTS: {
|
|
2
2
|
readonly DEFAULT_WIDTH: 500;
|
|
3
|
-
readonly DEFAULT_HEIGHT:
|
|
3
|
+
readonly DEFAULT_HEIGHT: 220;
|
|
4
4
|
readonly GAUGE_HEIGHT: 28;
|
|
5
5
|
readonly GAUGE_PADDING: 8;
|
|
6
|
-
readonly
|
|
6
|
+
readonly LEGEND_HEIGHT: 48;
|
|
7
7
|
readonly FONT_SIZE: {
|
|
8
8
|
readonly DEFAULT: 12;
|
|
9
9
|
readonly LABEL: 14;
|
|
@@ -16,7 +16,7 @@ export declare const GAUGE_CONSTANTS: {
|
|
|
16
16
|
readonly EDGE_RADIUS: 3;
|
|
17
17
|
};
|
|
18
18
|
readonly COLORS: {
|
|
19
|
-
readonly BORDER: "#
|
|
19
|
+
readonly BORDER: "#E0DEDD";
|
|
20
20
|
readonly TEXT: "#393A36";
|
|
21
21
|
readonly MARKER: "#393A36";
|
|
22
22
|
readonly GRADIENT: {
|
|
@@ -24,9 +24,13 @@ export declare const GAUGE_CONSTANTS: {
|
|
|
24
24
|
readonly END: "#EB9411";
|
|
25
25
|
};
|
|
26
26
|
};
|
|
27
|
+
readonly BORDER_DASH_PATTERN: "4 4";
|
|
27
28
|
readonly TEXT: {
|
|
28
29
|
readonly DEFAULT_COMPANY_LABEL: "";
|
|
29
30
|
readonly DEFAULT_AVERAGE_LABEL: "";
|
|
31
|
+
readonly DEFAULT_MINIMUM_LABEL: "Min";
|
|
32
|
+
readonly DEFAULT_MEDIAN_LABEL: "Median";
|
|
33
|
+
readonly DEFAULT_MAXIMUM_LABEL: "Max";
|
|
30
34
|
};
|
|
31
35
|
readonly LAYOUT: {
|
|
32
36
|
readonly COMPANY_MARKER_OFFSET: 18;
|
|
@@ -37,6 +41,7 @@ export declare const GAUGE_CONSTANTS: {
|
|
|
37
41
|
readonly COMPANY_LABEL_OFFSET: 8;
|
|
38
42
|
readonly AVERAGE_LABEL_OFFSET: 12;
|
|
39
43
|
readonly TITLE_OFFSET: 35;
|
|
40
|
-
readonly VALUES_LABEL_OFFSET:
|
|
44
|
+
readonly VALUES_LABEL_OFFSET: 28;
|
|
45
|
+
readonly LEGEND_LABEL_OFFSET: 8;
|
|
41
46
|
};
|
|
42
47
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const E={DEFAULT_WIDTH:500,DEFAULT_HEIGHT:
|
|
1
|
+
const E={DEFAULT_WIDTH:500,DEFAULT_HEIGHT:220,GAUGE_HEIGHT:28,GAUGE_PADDING:8,LEGEND_HEIGHT:48,FONT_SIZE:{DEFAULT:12},MARKER:{COMPANY_RADIUS:5,COMPANY_STROKE_WIDTH:3,AVERAGE_RADIUS:3,AVERAGE_STROKE_WIDTH:2,EDGE_RADIUS:3},COLORS:{BORDER:"#E0DEDD",GRADIENT:{START:"#F0DF46",END:"#EB9411"}},BORDER_DASH_PATTERN:"4 4",TEXT:{DEFAULT_COMPANY_LABEL:"",DEFAULT_AVERAGE_LABEL:"",DEFAULT_MINIMUM_LABEL:"Min",DEFAULT_MEDIAN_LABEL:"Median",DEFAULT_MAXIMUM_LABEL:"Max"},LAYOUT:{COMPANY_MARKER_OFFSET:18,AVERAGE_MARKER_TOP_OFFSET:12,AVERAGE_MARKER_BOTTOM_OFFSET:4,COMPANY_LABEL_VERTICAL_RATIO:.25,AVERAGE_LABEL_VERTICAL_RATIO:.75,COMPANY_LABEL_OFFSET:8,AVERAGE_LABEL_OFFSET:12,TITLE_OFFSET:35,VALUES_LABEL_OFFSET:28,LEGEND_LABEL_OFFSET:8}};export{E as GAUGE_CONSTANTS};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{GAUGE_CONSTANTS as A}from"../constants.js";import{getLabelPosition as E,
|
|
1
|
+
import{GAUGE_CONSTANTS as A}from"../constants.js";import{getLabelPosition as E,createScale as a}from"../utils/utils.js";const e=({minValue:e,maxValue:T,companyValue:_,averageValue:G,labelCompany:O,labelAverage:L,width:r,height:n})=>{const o=a(e,T,r),t=E(_,O,o,r),i=E(G,L,o,r),l=n/2,U=l-A.GAUGE_HEIGHT,m=U+A.GAUGE_HEIGHT/2,Y={start:l-A.LAYOUT.COMPANY_MARKER_OFFSET,end:U-A.LAYOUT.COMPANY_MARKER_OFFSET},F={start:l-A.LAYOUT.AVERAGE_MARKER_TOP_OFFSET,end:l+A.GAUGE_HEIGHT-A.LAYOUT.AVERAGE_MARKER_BOTTOM_OFFSET},s={company:n*A.LAYOUT.COMPANY_LABEL_VERTICAL_RATIO-A.LAYOUT.COMPANY_LABEL_OFFSET,average:n*A.LAYOUT.AVERAGE_LABEL_VERTICAL_RATIO-A.LAYOUT.AVERAGE_LABEL_OFFSET,title:U-A.LAYOUT.TITLE_OFFSET,values:n-A.LAYOUT.VALUES_LABEL_OFFSET,legend:n-A.LAYOUT.LEGEND_LABEL_OFFSET},R={min:{x:A.GAUGE_PADDING,anchor:"middle"},median:{x:r/2,anchor:"middle"},max:{x:r-A.GAUGE_PADDING,anchor:"middle"}};return{scale:o,companyPosition:t,averagePosition:i,gaugeBackgroundProps:{x:A.GAUGE_PADDING,y:m-A.GAUGE_HEIGHT/2,width:r-2*A.GAUGE_PADDING,height:A.GAUGE_HEIGHT,animated:!1},markerY:m,companyMarkerY:Y,averageMarkerY:F,labelY:s,labelPositions:R}};export{e as useGaugeCalculations};
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
export type HorizontalGaugeChartProps = {
|
|
2
2
|
minValue: number;
|
|
3
3
|
maxValue: number;
|
|
4
|
+
medianValue: number;
|
|
4
5
|
companyValue: number;
|
|
5
6
|
averageValue: number;
|
|
7
|
+
labelMinimum?: string;
|
|
8
|
+
labelMedian?: string;
|
|
9
|
+
labelMaximum?: string;
|
|
6
10
|
labelAverage?: string;
|
|
7
11
|
labelCompany?: string;
|
|
8
12
|
width?: number;
|
|
@@ -12,6 +16,7 @@ export type HorizontalGaugeChartProps = {
|
|
|
12
16
|
backgroundProps?: BackgroundProps;
|
|
13
17
|
precision?: number;
|
|
14
18
|
unit?: string;
|
|
19
|
+
ariaLabel?: string;
|
|
15
20
|
valueFormatter?: (value: number, precision?: number) => string;
|
|
16
21
|
};
|
|
17
22
|
export type TextAnchor = "start" | "middle" | "end";
|
|
@@ -47,11 +52,12 @@ export type LabelYPositions = {
|
|
|
47
52
|
average: number;
|
|
48
53
|
title: number;
|
|
49
54
|
values: number;
|
|
55
|
+
legend: number;
|
|
50
56
|
};
|
|
51
57
|
export type LabelXPositions = {
|
|
52
|
-
min:
|
|
53
|
-
|
|
54
|
-
|
|
58
|
+
min: LabelPosition;
|
|
59
|
+
median: LabelPosition;
|
|
60
|
+
max: LabelPosition;
|
|
55
61
|
};
|
|
56
62
|
export type GaugeCalculationProps = {
|
|
57
63
|
minValue: number;
|
|
@@ -66,7 +72,6 @@ export type GaugeCalculationProps = {
|
|
|
66
72
|
};
|
|
67
73
|
export type GaugeCalculations = {
|
|
68
74
|
scale: (value: number) => number;
|
|
69
|
-
averageValueBoundaries: number;
|
|
70
75
|
companyPosition: LabelPosition;
|
|
71
76
|
averagePosition: LabelPosition;
|
|
72
77
|
gaugeBackgroundProps: GaugeBackgroundProps;
|
|
@@ -79,7 +84,7 @@ export type GaugeCalculations = {
|
|
|
79
84
|
export type GaugeBordersProps = {
|
|
80
85
|
width: number;
|
|
81
86
|
height: number;
|
|
82
|
-
|
|
87
|
+
medianValue: number;
|
|
83
88
|
scale: (value: number) => number;
|
|
84
89
|
animated: boolean;
|
|
85
90
|
};
|
|
@@ -103,12 +108,16 @@ export type GaugeMarkersProps = {
|
|
|
103
108
|
export type GaugeLabelsProps = {
|
|
104
109
|
minValue: number;
|
|
105
110
|
maxValue: number;
|
|
111
|
+
medianValue: number;
|
|
106
112
|
companyValue: number;
|
|
107
113
|
averageValue: number;
|
|
108
114
|
companyPosition: LabelPosition;
|
|
109
115
|
averagePosition: LabelPosition;
|
|
110
116
|
labelCompany: string;
|
|
111
117
|
labelAverage: string;
|
|
118
|
+
labelMinimum: string;
|
|
119
|
+
labelMedian: string;
|
|
120
|
+
labelMaximum: string;
|
|
112
121
|
labelYPositions: LabelYPositions;
|
|
113
122
|
labelPositions: LabelXPositions;
|
|
114
123
|
animated: boolean;
|
|
@@ -2,5 +2,4 @@ import { LabelPosition } from '../types';
|
|
|
2
2
|
export declare const createScale: (minValue: number, maxValue: number, width: number) => (value: number) => number;
|
|
3
3
|
export declare const approximateTextWidth: (text: string, fontSize?: 12) => number;
|
|
4
4
|
export declare const getLabelPosition: (value: number, text: string, scale: (value: number) => number, width: number, fontSize?: 12) => LabelPosition;
|
|
5
|
-
export declare const calculateAverageBoundary: (minValue: number, maxValue: number) => number;
|
|
6
5
|
export declare const getMarkerPositions: (width: number) => number[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{GAUGE_CONSTANTS as G}from"../constants.js";const A=(A,D,E)=>A===D?()=>(E-2*G.GAUGE_PADDING)/2:n=>(n-A)/(D-A)*(E-2*G.GAUGE_PADDING),D=(A,D=G.FONT_SIZE.DEFAULT)=>A.length*(.6*D),E=(A,E,n,t,o=G.FONT_SIZE.DEFAULT)=>{const r=G.GAUGE_PADDING+n(A),I=D(E,o)/2;return r-I<G.GAUGE_PADDING?{x:G.GAUGE_PADDING,anchor:"start"}:r+I>t-G.GAUGE_PADDING?{x:t-G.GAUGE_PADDING,anchor:"end"}:{x:r,anchor:"middle"}}
|
|
1
|
+
import{GAUGE_CONSTANTS as G}from"../constants.js";const A=(A,D,E)=>A===D?()=>(E-2*G.GAUGE_PADDING)/2:n=>(n-A)/(D-A)*(E-2*G.GAUGE_PADDING),D=(A,D=G.FONT_SIZE.DEFAULT)=>A.length*(.6*D),E=(A,E,n,t,o=G.FONT_SIZE.DEFAULT)=>{const r=G.GAUGE_PADDING+n(A),I=D(E,o)/2;return r-I<G.GAUGE_PADDING?{x:G.GAUGE_PADDING,anchor:"start"}:r+I>t-G.GAUGE_PADDING?{x:t-G.GAUGE_PADDING,anchor:"end"}:{x:r,anchor:"middle"}};export{D as approximateTextWidth,A as createScale,E as getLabelPosition};
|
|
@@ -3,7 +3,7 @@ return e(a,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",pa
|
|
|
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(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"},disableText:!0}),
|
|
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,4 +1,5 @@
|
|
|
1
1
|
export type Improvement = "increase" | "decrease";
|
|
2
|
+
export type ComparisonMode = "performance" | "difference";
|
|
2
3
|
type Horizontal2RowsLayout = {
|
|
3
4
|
direction: "horizontal-2-rows";
|
|
4
5
|
size: "M";
|
|
@@ -25,6 +26,7 @@ type ComparisonBlockProps = {
|
|
|
25
26
|
comparisonText?: string;
|
|
26
27
|
layout?: Layout;
|
|
27
28
|
locale?: string;
|
|
29
|
+
mode?: ComparisonMode;
|
|
28
30
|
};
|
|
29
31
|
export declare const ComparisonBlock: (props: ComparisonBlockProps) => import("react/jsx-runtime").JSX.Element | undefined;
|
|
30
32
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as o,jsx as r}from"react/jsx-runtime";import e from"@mui/material/Box";import{HorizontalMediumBlock as i}from"./Blocks/HorizontalMediumBlock.js";import{useColorAndArrowIcon as t}from"./useColorAndArrow.js";import{VerticalLargeBlock as a}from"./Blocks/VerticalLargeBlock.js";import{VerticalMediumBlock as l}from"./Blocks/VerticalMediumBlock.js";import{HorizontalLargeBlock as c}from"./Blocks/HorizontalLargeBlock.js";import{HorizontalSmallBlock as n}from"./Blocks/HorizontalSmallBlock.js";import{Horizontal2RowsBlock as m}from"./Blocks/Horizontal2RowsBlock.js";const s=s=>{const{currentValue:p,comparedTo:u,comparisonText:d="par rapport à",improvement:f,layout:k={direction:"vertical",size:"L"},disableText:x=!1,locale:z}=s,
|
|
2
|
-
return o(e,{sx:{borderRadius:"12px",background:
|
|
3
|
-
return r(e,{sx:{borderRadius:"12px",background:
|
|
4
|
-
return r(i,{...
|
|
1
|
+
import{jsxs as o,jsx as r}from"react/jsx-runtime";import e from"@mui/material/Box";import{HorizontalMediumBlock as i}from"./Blocks/HorizontalMediumBlock.js";import{useColorAndArrowIcon as t}from"./useColorAndArrow.js";import{VerticalLargeBlock as a}from"./Blocks/VerticalLargeBlock.js";import{VerticalMediumBlock as l}from"./Blocks/VerticalMediumBlock.js";import{HorizontalLargeBlock as c}from"./Blocks/HorizontalLargeBlock.js";import{HorizontalSmallBlock as n}from"./Blocks/HorizontalSmallBlock.js";import{Horizontal2RowsBlock as m}from"./Blocks/Horizontal2RowsBlock.js";const s=s=>{const{currentValue:p,comparedTo:u,comparisonText:d="par rapport à",improvement:f,layout:k={direction:"vertical",size:"L"},disableText:x=!1,locale:z,mode:B="performance"}=s,b=Number(u.value),y=t({currentValue:p,previousValue:b,improvement:f,layout:k,mode:B}),g=b>0?Math.abs(100-p/b*100):null,w=null!==g?new Intl.NumberFormat(z,{style:"percent",notation:"compact",minimumFractionDigits:0,maximumFractionDigits:0}).format(g/100):"",h=new Intl.NumberFormat(z).format(b),j={comparisonText:d,percentageDifference:w,comparedTo:{...u,value:h},iconName:y.icon,colors:y.color,disableText:x};if("vertical"===k.direction)/* @__PURE__ */
|
|
2
|
+
return o(e,{sx:{borderRadius:"12px",background:y.color.secondaryColor,width:"fit-content",padding:"M"===s.layout?.size?"8px":"16px"},className:"comparison-block-wrapper",children:["L"===s.layout?.size&&/* @__PURE__ */r(a,{...j}),"M"===s.layout?.size&&/* @__PURE__ */r(l,{...j})]});if("horizontal"===k.direction){if("L"===s.layout?.size)/* @__PURE__ */
|
|
3
|
+
return r(e,{sx:{borderRadius:"12px",background:y.color.secondaryColor,width:"fit-content",padding:"24px 16px"},className:"comparison-block-wrapper",children:/* @__PURE__ */r(c,{...j})});if("M"===s.layout?.size)/* @__PURE__ */
|
|
4
|
+
return r(i,{...j})}return"horizontal-2-rows"===k.direction&&"M"===k.size?/* @__PURE__ */r(e,{children:/* @__PURE__ */r(m,{...j})}):"S"===s.layout?.size?/* @__PURE__ */r(n,{...j}):void 0};export{s as ComparisonBlock};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IconMapping } from '../Icons/index.ts';
|
|
2
|
-
import { Improvement, Layout } from './ComparisonBlock.tsx';
|
|
2
|
+
import { ComparisonMode, Improvement, Layout } from './ComparisonBlock.tsx';
|
|
3
3
|
export type ColorSet = {
|
|
4
4
|
primaryColor: string;
|
|
5
5
|
secondaryColor: string;
|
|
@@ -13,6 +13,12 @@ type Options = {
|
|
|
13
13
|
previousValue: number;
|
|
14
14
|
improvement: Improvement;
|
|
15
15
|
layout: Layout;
|
|
16
|
+
mode?: ComparisonMode;
|
|
16
17
|
};
|
|
18
|
+
type Indicator = {
|
|
19
|
+
icon: keyof IconMapping;
|
|
20
|
+
tone: "good" | "bad" | "neutral";
|
|
21
|
+
};
|
|
22
|
+
export declare const getComparisonIndicator: (options: Options) => Indicator;
|
|
17
23
|
export declare const useColorAndArrowIcon: (options: Options) => IconAndColor;
|
|
18
24
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useTheme as o}from"@mui/material";const r=
|
|
1
|
+
import{useTheme as o}from"@mui/material";const r=o=>{const{currentValue:r,previousValue:e,improvement:n,layout:t,mode:i="performance"}=o;if(r===e)return{icon:"equal",tone:"neutral"};const a=r>e;if("difference"===i)return{icon:a?"plus":"minus",tone:"neutral"};const c="M"===t.size&&"horizontal"===t.direction;return{icon:a?c?"plus":"arrowUpRight":c?"minus":"arrowDownRight",tone:("increase"===n?a:!a)?"good":"bad"}},e=e=>{const n=o(),t={primaryColor:n.custom.green[500],secondaryColor:n.custom.green[100]},i={primaryColor:n.custom.red[500],secondaryColor:n.custom.red[100]},a={primaryColor:n.palette.primary[700],secondaryColor:n.palette.primary[100]},c={primaryColor:n.custom.grey[2800],secondaryColor:n.custom.grey[300]},m=r(e);return{color:"good"===m.tone?t:"bad"===m.tone?i:"difference"===e.mode?a:c,icon:m.icon}};export{r as getComparisonIndicator,e as useColorAndArrowIcon};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { BreadcrumbItemElement, BreadcrumbItemProps } from './BreadcrumbItem.types';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export type { BreadcrumbItemElement, BreadcrumbItemProps, BreadcrumbItemVariant } from './BreadcrumbItem.types';
|
|
4
|
+
export declare const BreadcrumbItem: ForwardRefExoticComponent<BreadcrumbItemProps & RefAttributes<BreadcrumbItemElement>>;
|
|
@@ -0,0 +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{getBreadcrumbItemStyles as t,breadcrumbItemLabelStyles as c}from"./breadcrumbItemStyles.js";import{FoodsTooltip as p}from"../../Tooltip/FoodsTooltip.js";const s=o(function(o,s){const d=r(),m=o.variant??"previous",b=t(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:c,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:c,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(p,{title:o.label,variant:"simple",placement:"top",describeChild:!0,children:h}):h});export{s as BreadcrumbItem};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { MouseEventHandler } from 'react';
|
|
2
|
+
export type BreadcrumbItemVariant = "previous" | "long" | "active" | "collapsed";
|
|
3
|
+
type BreadcrumbItemBaseProps = {
|
|
4
|
+
label: string;
|
|
5
|
+
};
|
|
6
|
+
type ActionableBreadcrumbItemProps = BreadcrumbItemBaseProps & ({
|
|
7
|
+
variant?: "previous" | "long";
|
|
8
|
+
href: string;
|
|
9
|
+
onClick?: MouseEventHandler<HTMLAnchorElement>;
|
|
10
|
+
} | {
|
|
11
|
+
variant?: "previous" | "long";
|
|
12
|
+
href?: never;
|
|
13
|
+
onClick: MouseEventHandler<HTMLButtonElement>;
|
|
14
|
+
});
|
|
15
|
+
type ActiveBreadcrumbItemProps = BreadcrumbItemBaseProps & {
|
|
16
|
+
variant: "active";
|
|
17
|
+
href?: never;
|
|
18
|
+
onClick?: never;
|
|
19
|
+
};
|
|
20
|
+
type CollapsedBreadcrumbItemProps = BreadcrumbItemBaseProps & {
|
|
21
|
+
variant: "collapsed";
|
|
22
|
+
controlsId: string;
|
|
23
|
+
expanded: boolean;
|
|
24
|
+
href?: never;
|
|
25
|
+
onClick: MouseEventHandler<HTMLButtonElement>;
|
|
26
|
+
};
|
|
27
|
+
export type BreadcrumbItemProps = ActionableBreadcrumbItemProps | ActiveBreadcrumbItemProps | CollapsedBreadcrumbItemProps;
|
|
28
|
+
export type BreadcrumbItemElement = HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement;
|
|
29
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { BreadcrumbItemVariant } from './BreadcrumbItem.types';
|
|
2
|
+
type BreadcrumbAncestorBase = {
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
variant?: Extract<BreadcrumbItemVariant, "previous" | "long">;
|
|
6
|
+
};
|
|
7
|
+
export type BreadcrumbAncestor = BreadcrumbAncestorBase & ({
|
|
8
|
+
href: string;
|
|
9
|
+
onSelect?: never;
|
|
10
|
+
} | {
|
|
11
|
+
href?: never;
|
|
12
|
+
onSelect: () => void;
|
|
13
|
+
});
|
|
14
|
+
export type BreadcrumbCurrent = {
|
|
15
|
+
id: string;
|
|
16
|
+
label: string;
|
|
17
|
+
};
|
|
18
|
+
export type BreadcrumbsProps = {
|
|
19
|
+
ariaLabel: string;
|
|
20
|
+
ancestors: readonly BreadcrumbAncestor[];
|
|
21
|
+
current: BreadcrumbCurrent;
|
|
22
|
+
};
|
|
23
|
+
export declare const Breadcrumbs: ({ ariaLabel, ancestors, current }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{jsx as r,jsxs as a}from"react/jsx-runtime";import e from"@mui/material/Breadcrumbs";import{useTheme as o}from"@mui/material/styles";import{FoodsIcon as i}from"../../Icons/FoodsIcon.js";import{BreadcrumbItem as t}from"./BreadcrumbItem.js";const m=({ariaLabel:m,ancestors:l,current:c})=>{const s=o(),n=/* @__PURE__ */r(i,{icon:"arrowRightShort",size:s.custom.breadcrumb.separatorIconSize});/* @__PURE__ */
|
|
2
|
+
return a(e,{"aria-label":m,separator:n,sx:{"& .MuiBreadcrumbs-ol":{flexWrap:"nowrap",gap:s.custom.breadcrumb.gap},"& .MuiBreadcrumbs-separator":{color:s.custom.grey[2800],display:"flex",margin:0}},children:[l.map(a=>void 0!==a.href?/* @__PURE__ */r(t,{label:a.label,href:a.href,variant:a.variant},a.id):/* @__PURE__ */r(t,{label:a.label,onClick:a.onSelect,variant:a.variant},a.id)),
|
|
3
|
+
/* @__PURE__ */r(t,{label:c.label,variant:"active"},c.id)]})};export{m as Breadcrumbs};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { SxProps, Theme } from '@mui/material';
|
|
2
|
+
import { BreadcrumbItemVariant } from './BreadcrumbItem.types';
|
|
3
|
+
export declare const getBreadcrumbItemStyles: (theme: Theme, variant: BreadcrumbItemVariant) => SxProps<Theme>;
|
|
4
|
+
export declare const breadcrumbItemLabelStyles: SxProps<Theme>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const o=(o,e)=>{const i="collapsed"===e,t="active"===e,d=o.custom.breadcrumb.pageLink;return{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",flexShrink:0,minWidth:0,width:i?d.collapsed.width:"fit-content",maxWidth:i?d.collapsed.width:d.maxWidth,height:i?d.collapsed.height:d.height,paddingBlock:i?0:d.paddingBlock,paddingInline:i?d.collapsed.paddingInline:d.paddingInline,borderRadius:i?d.collapsed.borderRadius:d.borderRadius,backgroundColor:o.custom.grey[100],boxShadow:d.stroke.default,color:t||i?o.custom.grey[2800]:o.custom.grey[2500],fontFamily:o.typography.fontFamily,textDecoration:"none",overflow:"hidden",cursor:t?"default":"pointer",...!t&&{"&:hover":{backgroundColor:o.custom.grey[100],boxShadow:d.stroke.hover,textDecoration:"none"},"&.Mui-focusVisible":{boxShadow:d.stroke.hover}}}},e={display:"block",minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:"inherit"};export{e as breadcrumbItemLabelStyles,o as getBreadcrumbItemStyles};
|
|
@@ -4,4 +4,4 @@ import { Theme, TypographyOwnProps } from '@mui/material';
|
|
|
4
4
|
import { DetailedHTMLProps, HTMLAttributes } from 'react';
|
|
5
5
|
import { CommonProps } from '@mui/material/OverridableComponent';
|
|
6
6
|
export declare const BorderRadiusContainer: StyledComponent< BoxOwnProps<Theme> & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxOwnProps<Theme>> & MUIStyledCommonProps<Theme>, {}, {}>;
|
|
7
|
-
export declare const BorderRadiusLabel: StyledComponent< TypographyOwnProps & CommonProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "classes" | "style" | "color" | "children" | "
|
|
7
|
+
export declare const BorderRadiusLabel: StyledComponent< TypographyOwnProps & CommonProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "justifyContent" | "left" | "right" | "width" | "padding" | "className" | "classes" | "style" | "color" | "children" | "variant" | "align" | "sx" | "p" | "top" | "bottom" | "alignContent" | "alignItems" | "alignSelf" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & MUIStyledCommonProps<Theme>, {}, {}>;
|
|
@@ -18,10 +18,10 @@ export declare const colorPickerStyles: {
|
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
export declare const ColorInputContainer: StyledComponent< BoxOwnProps<Theme> & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxOwnProps<Theme>> & MUIStyledCommonProps<Theme>, {}, {}>;
|
|
21
|
-
export declare const ColorButton: StyledComponent< ButtonOwnProps & Omit< ButtonBaseOwnProps, "classes"> & CommonProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "
|
|
21
|
+
export declare const ColorButton: StyledComponent< ButtonOwnProps & Omit< ButtonBaseOwnProps, "classes"> & CommonProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "variant" | "sx" | "size" | "disabled" | "fullWidth" | "loading" | "disableElevation" | "disableFocusRipple" | "disableRipple" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "endIcon" | "href" | "loadingIndicator" | "loadingPosition" | "startIcon"> & MUIStyledCommonProps<Theme> & {
|
|
22
22
|
currentColor?: string;
|
|
23
23
|
}, {}, {}>;
|
|
24
|
-
export declare const ColorButtonBackground: StyledComponent< ButtonOwnProps & Omit< ButtonBaseOwnProps, "classes"> & CommonProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "
|
|
24
|
+
export declare const ColorButtonBackground: StyledComponent< ButtonOwnProps & Omit< ButtonBaseOwnProps, "classes"> & CommonProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "variant" | "sx" | "size" | "disabled" | "fullWidth" | "loading" | "disableElevation" | "disableFocusRipple" | "disableRipple" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "endIcon" | "href" | "loadingIndicator" | "loadingPosition" | "startIcon"> & MUIStyledCommonProps<Theme> & {
|
|
25
25
|
currentColor?: string;
|
|
26
26
|
}, {}, {}>;
|
|
27
27
|
export declare const HiddenInput: StyledComponent<MUIStyledCommonProps<Theme>, DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
|
|
@@ -3,7 +3,7 @@ import { ButtonOwnProps, ButtonBaseOwnProps, Theme, SelectProps } from '@mui/mat
|
|
|
3
3
|
import { CommonProps } from '@mui/material/OverridableComponent';
|
|
4
4
|
import { DetailedHTMLProps, ButtonHTMLAttributes, HTMLAttributes } from 'react';
|
|
5
5
|
import { MUIStyledCommonProps, BoxOwnProps } from '@mui/system';
|
|
6
|
-
export declare const ToolbarButton: StyledComponent< ButtonOwnProps & Omit< ButtonBaseOwnProps, "classes"> & CommonProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "
|
|
6
|
+
export declare const ToolbarButton: StyledComponent< ButtonOwnProps & Omit< ButtonBaseOwnProps, "classes"> & CommonProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "variant" | "sx" | "size" | "disabled" | "fullWidth" | "loading" | "disableElevation" | "disableFocusRipple" | "disableRipple" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "endIcon" | "href" | "loadingIndicator" | "loadingPosition" | "startIcon"> & MUIStyledCommonProps<Theme>, {}, {}>;
|
|
7
7
|
export declare const TextCommandsContainer: StyledComponent< BoxOwnProps<Theme> & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxOwnProps<Theme>> & MUIStyledCommonProps<Theme>, {}, {}>;
|
|
8
8
|
export declare const ToolbarContainer: StyledComponent< BoxOwnProps<Theme> & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxOwnProps<Theme>> & MUIStyledCommonProps<Theme>, {}, {}>;
|
|
9
9
|
export declare const ToolbarGroup: StyledComponent< BoxOwnProps<Theme> & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxOwnProps<Theme>> & MUIStyledCommonProps<Theme>, {}, {}>;
|
|
@@ -27,7 +27,7 @@ export type FoodsTabsProps<IdType = unknown> = {
|
|
|
27
27
|
TabProps?: TabProps;
|
|
28
28
|
};
|
|
29
29
|
export declare const FoodsTabs: <IdType>(props: FoodsTabsProps<IdType>) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
-
export declare const SpecialTabs: StyledComponent< TabsOwnProps & CommonProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "classes" | "style" | "children" | "aria-label" | "aria-labelledby" | "onChange" | "
|
|
30
|
+
export declare const SpecialTabs: StyledComponent< TabsOwnProps & CommonProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "classes" | "style" | "children" | "aria-label" | "aria-labelledby" | "onChange" | "variant" | "slotProps" | "sx" | "slots" | "value" | "orientation" | "action" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
|
|
31
31
|
component?: React.ElementType;
|
|
32
32
|
} & {
|
|
33
33
|
tabVariant: TabVariants;
|
|
@@ -1,10 +1,20 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
1
2
|
import { TooltipProps } from '@mui/material/Tooltip';
|
|
2
3
|
import { StyledComponent } from '@emotion/styled';
|
|
3
4
|
import { MUIStyledCommonProps } from '@mui/system';
|
|
4
5
|
import { Theme } from '@mui/material';
|
|
6
|
+
export type FoodsTooltipVariant = "default" | "simple";
|
|
7
|
+
export type FoodsTooltipProps = TooltipProps & {
|
|
8
|
+
variant?: FoodsTooltipVariant;
|
|
9
|
+
align?: CSSProperties["justifyContent"];
|
|
10
|
+
width?: CSSProperties["width"];
|
|
11
|
+
padding?: CSSProperties["padding"];
|
|
12
|
+
popperZIndex?: number;
|
|
13
|
+
};
|
|
5
14
|
export declare const FoodsTooltip: StyledComponent<TooltipProps & {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
15
|
+
variant?: FoodsTooltipVariant;
|
|
16
|
+
align?: CSSProperties["justifyContent"];
|
|
17
|
+
width?: CSSProperties["width"];
|
|
18
|
+
padding?: CSSProperties["padding"];
|
|
9
19
|
popperZIndex?: number;
|
|
10
20
|
} & MUIStyledCommonProps<Theme>, {}, {}>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";import{styled as r}from"@mui/material";import
|
|
2
|
-
return o(
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import{styled as t,useTheme as r}from"@mui/material";import i,{tooltipClasses as e}from"@mui/material/Tooltip";import{mergeSlotProps as p}from"@mui/material/utils";const a=t(({className:t,title:e,arrow:a=!0,popperZIndex:l,variant:n="default",align:d,width:m,padding:s,classes:g,slotProps:c,...h})=>{const u=r().custom.tooltip.default.maxCharacters,w="default"===n&&"string"==typeof e&&e.length>u?`${e.slice(0,u)}...`:e,b=t&&g?.popper?`${t} ${g.popper}`:t||g?.popper;/* @__PURE__ */
|
|
2
|
+
return o(i,{...h,title:w,arrow:a,classes:{...g,popper:b},slotProps:{...c,popper:p(c?.popper,{sx:{zIndex:l}})}})})(({theme:o,align:t,width:r,padding:i,variant:p="default"})=>{const a=o.custom.tooltip.default,l=o.custom.tooltip.simple,n="simple"===p?l:a,d=void 0!==i?{padding:i}:"simple"===p?{paddingBlock:l.paddingBlock,paddingInline:l.paddingInline}:{padding:a.padding},m="simple"===p?{width:l.arrow.width,height:l.arrow.height}:{},s={...o.typography[n.typographyVariant],display:"flex",justifyContent:t??o.custom.tooltip.contentAlignment,width:r??n.width,...d,minHeight:"simple"===p?l.contentMinHeight:void 0,maxWidth:n.maxWidth,borderRadius:n.borderRadius,border:n.border,backgroundColor:n.backgroundColor,boxShadow:n.boxShadow,color:n.color,boxSizing:"simple"===p?"border-box":void 0,textAlign:"simple"===p?o.custom.tooltip.contentAlignment:void 0,webkitLineBreak:"auto",wordBreak:"break-word",whiteSpace:"pre-line"};return{"& .MuiTooltip-tooltip *":{pointerEvents:"auto"},..."simple"===p&&{[`&[data-popper-placement*="top"] .${e.arrow}`]:{marginBottom:`-${l.arrow.height}`},[`&[data-popper-placement*="bottom"] .${e.arrow}`]:{marginTop:`-${l.arrow.height}`}},[`& .${e.arrow}`]:{...m,color:n.arrow.color,"&:before":{border:n.arrow.border,boxSizing:"border-box"}},[`& .${e.tooltip}`]:{...s,"&.MuiTooltip-tooltip":{margin:n.margin}}}});export{a as FoodsTooltip};
|
package/dist/main.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getThemeLogo as o,isTheme as t,themeLogos as r,themeOptions as m,themes as s}from"./themes/index.js";import{Button as n,Typography as e}from"@mui/material";import{AccordionProduct as i}from"./components/Accordion/ProductAccordion.js";import{AdditionalContentBox as p}from"./components/Box/AdditionalContentBox.js";import{AnchoredPopover as c,HeadlessPopover as a,ThemedPopover as f}from"./components/Popover/AnchoredPopover.js";import{Article as j}from"./components/CMS/ArticleBlock/Article.js";import{ArticlesBox as l}from"./components/CMS/ArticleBlock/ArticlesBox.js";import{Badge as d}from"./components/Badge/Badge.js";import{Banner as B}from"./components/Banner/Banner.js";import{BigPopoverLayout as C}from"./components/Popover/BigPopoverLayout.js";import{BlockItemContainer as u}from"./components/Layout/BlockList/Blocks/Container/BlockItemContainer.js";import{BlockItemInner as h}from"./components/Layout/BlockList/Blocks/Container/BlockItemInner.js";import{BlockListContainer as g}from"./components/Layout/BlockList/BlockListContainer.js";import{BottomSheetDialog as F}from"./components/Dialog/BottomSheetDialog.js";import{BoxStyled as T,SecondaryTabs as k}from"./components/Tabs/SecondaryTabs.js";import{BreakdownTable as x}from"./components/Chart/BreakdownTable/BreakdownTable.js";import{ButtonTabs as P}from"./components/Tabs/ButtonTabs.js";import{CardImage as I}from"./components/CardImage.js";import{CategoryBox as S}from"./components/Box/CategoryBox.js";import{CheckboxBlock as y}from"./components/Layout/BlockList/Blocks/InnerInputBlocks/CheckboxBlock.js";import{CollectiveTheme as L,CollectiveThemeOptions as v}from"./themes/themes/CollectiveTheme.js";import{ComingSoonBadge as b}from"./components/Badge/ComingSoonBadge.js";import{ComparisonArrow as N}from"./components/ComparisonBlock/ComparisonArrow.js";import{ComparisonBlock as A}from"./components/ComparisonBlock/ComparisonBlock.js";import{ComparisonLabel as H}from"./components/Chart/HistogramComparisonChart/ComparisonLabel.js";import{ConfirmDialog as R}from"./components/Form/FoodsFormBase/ConfirmDialog.js";import{ContextualContentBox as G}from"./components/Box/ContextualContentBox.js";import{CoordinatePopover as w}from"./components/Popover/CoordinatePopover.js";import{CountTabs as D}from"./components/Tabs/CountTabs/CountTabs.js";import{CustomRender as M}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/CustomRender.js";import{CustomToggleButton as U,TertiaryToggleButton as W}from"./components/Button/TertiaryToggleButton.js";import{CustomToggleButtonNodeTitle as E,TertiaryToggleButtonNodeTitle as V}from"./components/Button/TertiaryToggleButtonNodeTitle.js";import{CustomTypography as z}from"./components/CustomTypography/CustomTypography.js";import{CustomizedAxisTick as O}from"./components/Chart/HistogramComparisonChart/CustomizedAxisTick.js";import{DefaultUserAction as Q}from"./components/Navigation/FoodsNavBar/Plugin/DefaultUserAction.js";import{DottedBox as q}from"./components/Box/DottedBox.js";import{DoughnutChart as J}from"./components/Chart/DoughnutChart/DoughnutChart.js";import{DrawerAction as K}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/DrawerAction.js";import{EcoScoreCell as X}from"./components/Grid/Cell/EcoScoreCell.js";import{EditHeader as Y}from"./components/Layout/BlockList/Headers/EditHeader.js";import{EllipsisItem as Z}from"./components/Pagination/PageItems/EllipsisItem.js";import{EmptyForm as $}from"./components/Layout/BlockList/Blocks/InnerInfoBlocks/EmptyForm.js";import{EvolutionChart as _}from"./components/Chart/EvolutionChart/EvolutionChart.js";import{FixedMultiValueFilter as oo}from"./components/Filter/FixedMultiValueFilter.js";import{FoodPilotTheme as to,FoodpilotThemeOptions as ro}from"./themes/themes/FoodPilotTheme.js";import{FoodsBadge as mo}from"./components/Badge/FoodsBadge.js";import{FoodsCheckbox as so}from"./components/Checkbox/FoodsCheckbox.js";import{FoodsFormBase as no}from"./components/Form/FoodsFormBase/FoodsFormBase.js";import{FoodsIcon as eo}from"./components/Icons/FoodsIcon.js";import{FoodsIconButton as io}from"./components/Button/FoodsIconButton.js";import{FoodsIllustrations as po}from"./components/Icons/FoodsIllustrations.js";import{FoodsNavbar as co}from"./components/Navigation/FoodsNavBar/FoodsNavbar.js";import{FoodsPagination as ao}from"./components/Pagination/FoodsPagination.js";import{FoodsPaginationItem as fo}from"./components/Pagination/FoodsPaginationItem.js";import{FoodsRadioList as jo}from"./components/Radio/FoodsRadioList.js";import{FoodsSearch as lo}from"./components/Search/FoodsSearch.js";import{FoodsSelect as Bo,FoodsSelectServerPagination as Co}from"./components/Select/FoodsSelect/FoodsSelect.js";import{FoodsTabs as uo,SpecialTabs as ho}from"./components/Tabs/FoodsTabs/FoodsTabs.js";import{FoodsTags as go}from"./components/Tags/FoodsTags.js";import{FoodsTextInput as Fo}from"./components/Form/FoodsFormFields/FoodsTextInput.js";import{FoodsThemeOptionsProvider as To,FoodsThemeProvider as ko}from"./themes/FoodsThemeProvider.js";import{FoodsToggleButton as xo}from"./components/Button/FoodsToggleButton.js";import{FoodsTooltip as Po}from"./components/Tooltip/FoodsTooltip.js";import{FoodsTreeview as Io}from"./components/Treeview/Treeview.js";import{FoodsUserTags as So}from"./components/Tags/FoodsUserTags.js";import{FormAccordion as yo}from"./components/Accordion/FormAccordion.js";import{FormBase as Lo}from"./components/Form/FormBase.js";import{FormBaseContextProvider as vo,useFormBaseContext as bo}from"./components/Form/FoodsFormBase/FormBaseContext.js";import{FormBox as No}from"./components/Form/FormBox.js";import{FormPropertyBox as Ao}from"./components/Form/FormPropertyBox.js";import{FormTopBar as Ho}from"./components/Form/FoodsFormBase/FormTopBar/FormTopBar.js";import{FormUnit as Ro}from"./components/Form/FormUnit.js";import{GenericAccordion as Go}from"./components/Accordion/GenericAccordion.js";import{GreyTextCell as wo}from"./components/Grid/Cell/GreyCell.js";import{HeaderNav as Do,NavBarLink as Mo,Navbar as Uo,SubMenu as Wo,UserNav as Eo}from"./components/Navigation/Navbar.js";import{HelperBox as Vo}from"./components/Box/HelperBox.js";import{HeroBlock as zo}from"./components/CMS/HeroBlock/HeroBlock.js";import{HistogramComparisonChart as Oo}from"./components/Chart/HistogramComparisonChart/HistogramComparisonChart.js";import{HorizontalGaugeChart as Qo}from"./components/Chart/HorizontalGauge/HorizontalGaugeChart.js";import{IconThread as qo}from"./components/Navigation/IconThread.js";import{IndicatorBlock as Jo}from"./components/CMS/IndicatorBlock/IndicatorBlock.js";import{InfoBox as Ko}from"./components/Box/InfoBox.js";import{InfoHeaderWithIllustration as Xo}from"./components/Layout/InfoHeaderWithIllustration.js";import{InitHeader as Yo}from"./components/Layout/BlockList/Headers/InitHeader.js";import{LeftComparisonPart as Zo}from"./components/Layout/BlockList/Blocks/Common/LeftComparisonPart.js";import{LightIndicatorBlock as $o}from"./components/CMS/IndicatorBlock/LightIndicatorBlock.js";import{LineGroupBox as _o}from"./components/Box/LineGroupBox.js";import{LinearProgress as ot}from"./components/LinearProgress.js";import{LinkAction as tt}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/LinkAction.js";import{ListHeader as rt}from"./components/Layout/BlockList/Headers/ListHeader.js";import{MRTGrid as mt}from"./components/Grid/MRTGrid.js";import{MultiValueFilter as st}from"./components/Filter/MultiValueFilter.js";import{NumberField as nt}from"./components/Field/NumberField.js";import{NumberWithUnit as et}from"./components/Number/NumberWithUnit.js";import{OptionsPopover as it}from"./components/Popover/OptionsPopover.js";import{PageItem as pt}from"./components/Pagination/PageItems/PageItem.js";import{PageUpAndDownItem as ct}from"./components/Pagination/PageItems/PageUpAndDownItem.js";import{FoodsPills as at}from"./components/Input/Pills/Pills.js";import{PointsCell as ft}from"./components/Grid/Cell/PointsCell.js";import{PolymorphicChart as jt}from"./components/Chart/PolymorphicChart/PolymorphicChart.js";import{PolymorphicChartRenderer as lt}from"./components/Chart/PolymorphicChart/PolymorphicChartRenderer.js";import{PrimaryCheckbox as dt}from"./components/Checkbox/PrimaryCheckbox.js";import{PrimaryDialog as Bt}from"./components/Dialog/PrimaryDialog.js";import{Progress as Ct}from"./components/Progress/Progress.js";import{ProgressCard as ut}from"./components/ProgressCard/ProgressCard.js";import{QuoteBox as ht}from"./components/Box/QuoteBox.js";import{RadioBlock as gt}from"./components/Layout/BlockList/Blocks/InnerInputBlocks/RadioBlock.js";import{RadioBoolean as Ft}from"./components/Radio/RadioBoolean.js";import{RadioList as Tt}from"./components/Radio/RadioList.js";import{RichTextEditor as kt}from"./components/RichTextEditor/RichTextEditor.js";import{RoundInput as xt}from"./components/Input/RoundInput.js";import{RoundNumberInput as Pt}from"./components/Input/RoundNumberInput.js";import{ScatterPlot as It}from"./components/Chart/ScatterPlot/ScatterPlot.js";import{Score as St}from"./components/Number/Score.js";import{ScoreCard as yt}from"./components/Cards/ScoreCard/ScoreCard.js";import{ScoreCardHeader as Lt}from"./components/Cards/ScoreCard/Header/ScoreCardHeader.js";import{ScoreContainer as vt}from"./components/Badge/ScoreContainer.js";import{SearchBox as bt}from"./components/Input/SearchBox.js";import{SectionBox as Nt}from"./components/Box/SectionBox.js";import{SectionTabs as At}from"./components/Tabs/SectionTabs/SectionTabs.js";import{SeeMoreCard as Ht}from"./components/Cards/SeeMoreCard/SeeMoreCard.js";import{SelectBlock as Rt}from"./components/Layout/BlockList/Blocks/InnerInputBlocks/SelectBlock.js";import{SelectionCard as Gt}from"./components/Cards/SelectionCard/SelectionCard.js";import{SelectionCardGroup as wt}from"./components/Cards/SelectionCard/SelectionCardGroup.js";import{Separator as Dt}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/Separator.js";import{SolidGreyBox as Mt}from"./components/Box/SolidGreyBox.js";import{SpecialTab as Ut}from"./components/Tabs/FoodsTabs/FoodsTabTemplate.js";import{SuggestionBlock as Wt}from"./components/Layout/BlockList/Blocks/InnerInfoBlocks/SuggestionBlock.js";import{TextArrowList as Et}from"./components/Text/TextArrowList.js";import{TextField as Vt}from"./components/Field/TextField.js";import{TextTitle as zt}from"./components/Text/TextTitle.js";import{TextTitleGreyIcon as Ot}from"./components/Text/TextTitleGreyIcon.js";import{Textarea as Qt}from"./components/Textarea/Textarea.js";import{ToggleSwitch as qt}from"./components/ToggleSwitch/ToggleSwitch.js";import{TopLinkAction as Jt}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/TopLinkAction.js";import{TrajectoryCards as Kt}from"./components/Cards/TrajectoryCards/TrajectoryCards.js";import{TrajectoryChart as Xt}from"./components/Chart/TrajectoryChart/TrajectoryChart.js";import{TypographyList as Yt}from"./components/CustomTypography/TypographyList.js";import{ValueDisplay as Zt}from"./components/Layout/BlockList/Blocks/Common/ValueDisplay.js";import{ValueLabel as $t}from"./components/Chart/HistogramComparisonChart/ValueLabel.js";import{ValueSwitcher as _t}from"./components/Cards/ScoreCard/Header/ValueSwitcher/ValueSwitcher.js";import{WarningBox as or}from"./components/Box/WarningBox.js";import{WaterfallChart as tr}from"./components/Chart/WaterfallChart/WaterfallChart.js";import{WhiteBox as rr}from"./components/Box/WhiteBox.js";import{WhiteGrid as mr}from"./components/Box/WhiteGrid.js";import{WhitePopover as sr}from"./components/Popover/WhitePopover.js";import{WhitePopoverOnIcon as nr}from"./components/Popover/WhitePopoverOnIcon.js";import{WinePilotTheme as er,WinepilotThemeOptions as ir}from"./themes/themes/WinePilotTheme.js";import{allColors as pr,allMainColors as cr,blueTheme as ar,coralTheme as fr,dataVisualizationColors as jr,extraColors as lr,greenTheme as dr,greyTheme as Br,orangeTheme as Cr,redTheme as ur,shadows as hr,yellowTheme as gr}from"./themes/common/colors.js";import{allTypographyVariants as Fr,deprecatedVariants as Tr,typographyConfig as kr}from"./themes/common/MUIComponents/typography.js";import{anyToCheckbox as xr,checkboxToAny as Pr}from"./components/Checkbox/helperFunctions.js";import{components as Ir}from"./themes/common/components.js";import{computeSize as Sr,iconMapping as yr}from"./components/Icons/iconConfig.js";import{custom as Lr,numbers as vr}from"./themes/common/custom.js";import{illustationsMapping as br}from"./components/Icons/illustrationsConfig.js";import{spacing as Nr}from"./themes/common/spacing.js";import{useResponsiveBreakpoints as Ar}from"./themes/responsive/useResponsiveBreakpoints.js";import{useResponsivePadding as Hr}from"./themes/responsive/useResponsivePadding.js";export{i as AccordionProduct,p as AdditionalContentBox,c as AnchoredPopover,j as Article,l as ArticlesBox,d as Badge,B as Banner,C as BigPopoverLayout,u as BlockItemContainer,h as BlockItemInner,g as BlockListContainer,F as BottomSheetDialog,T as BoxStyled,x as BreakdownTable,n as Button,P as ButtonTabs,I as CardImage,S as CategoryBox,y as CheckboxBlock,L as CollectiveTheme,v as CollectiveThemeOptions,b as ComingSoonBadge,N as ComparisonArrow,A as ComparisonBlock,H as ComparisonLabel,R as ConfirmDialog,G as ContextualContentBox,w as CoordinatePopover,D as CountTabs,M as CustomRender,U as CustomToggleButton,E as CustomToggleButtonNodeTitle,z as CustomTypography,O as CustomizedAxisTick,Q as DefaultUserAction,q as DottedBox,J as DoughnutChart,K as DrawerAction,X as EcoScoreCell,Y as EditHeader,Z as EllipsisItem,$ as EmptyForm,_ as EvolutionChart,oo as FixedMultiValueFilter,to as FoodPilotTheme,ro as FoodpilotThemeOptions,mo as FoodsBadge,so as FoodsCheckbox,no as FoodsFormBase,eo as FoodsIcon,io as FoodsIconButton,po as FoodsIllustrations,co as FoodsNavbar,ao as FoodsPagination,fo as FoodsPaginationItem,jo as FoodsRadioList,lo as FoodsSearch,Bo as FoodsSelect,Co as FoodsSelectServerPagination,uo as FoodsTabs,go as FoodsTags,Fo as FoodsTextInput,To as FoodsThemeOptionsProvider,ko as FoodsThemeProvider,xo as FoodsToggleButton,Po as FoodsTooltip,Io as FoodsTreeview,So as FoodsUserTags,yo as FormAccordion,Lo as FormBase,vo as FormBaseContextProvider,No as FormBox,Ao as FormPropertyBox,Ho as FormTopBar,Ro as FormUnit,Go as GenericAccordion,wo as GreyTextCell,Do as HeaderNav,a as HeadlessPopover,Vo as HelperBox,zo as HeroBlock,Oo as HistogramComparisonChart,Qo as HorizontalGaugeChart,qo as IconThread,Jo as IndicatorBlock,Ko as InfoBox,Xo as InfoHeaderWithIllustration,Yo as InitHeader,Zo as LeftComparisonPart,$o as LightIndicatorBlock,_o as LineGroupBox,ot as LinearProgress,tt as LinkAction,rt as ListHeader,mt as MRTGrid,st as MultiValueFilter,Mo as NavBarLink,Uo as Navbar,nt as NumberField,et as NumberWithUnit,it as OptionsPopover,pt as PageItem,ct as PageUpAndDownItem,at as Pills,ft as PointsCell,jt as PolymorphicChart,lt as PolymorphicChartRenderer,dt as PrimaryCheckbox,Bt as PrimaryDialog,Ct as Progress,ut as ProgressCard,ht as QuoteBox,gt as RadioBlock,Ft as RadioBoolean,Tt as RadioList,kt as RichTextEditor,xt as RoundInput,Pt as RoundNumberInput,It as ScatterPlot,St as Score,yt as ScoreCard,Lt as ScoreCardHeader,vt as ScoreContainer,bt as SearchBox,k as SecondaryTabs,Nt as SectionBox,At as SectionTabs,Ht as SeeMoreCard,Rt as SelectBlock,Gt as SelectionCard,wt as SelectionCardGroup,Dt as Separator,Mt as SolidGreyBox,Ut as SpecialTab,ho as SpecialTabs,Wo as SubMenu,Wt as SuggestionBlock,W as TertiaryToggleButton,V as TertiaryToggleButtonNodeTitle,Et as TextArrowList,Vt as TextField,zt as TextTitle,Ot as TextTitleGreyIcon,Qt as Textarea,f as ThemedPopover,qt as ToggleSwitch,Jt as TopLinkAction,Kt as TrajectoryCards,Xt as TrajectoryChart,e as Typography,Yt as TypographyList,Eo as UserNav,Zt as ValueDisplay,$t as ValueLabel,_t as ValueSwitcher,or as WarningBox,tr as WaterfallChart,rr as WhiteBox,mr as WhiteGrid,sr as WhitePopover,nr as WhitePopoverOnIcon,er as WinePilotTheme,ir as WinepilotThemeOptions,pr as allColors,cr as allMainColors,Fr as allTypographyVariants,xr as anyToCheckbox,ar as blueTheme,Pr as checkboxToAny,Ir as components,Sr as computeSize,fr as coralTheme,Lr as custom,jr as dataVisualizationColors,Tr as deprecatedVariants,lr as extraColors,o as getThemeLogo,dr as greenTheme,Br as greyTheme,yr as iconMapping,br as illustationsMapping,t as isTheme,vr as numbers,Cr as orangeTheme,ur as redTheme,hr as shadows,Nr as spacing,r as themeLogos,m as themeOptions,s as themes,kr as typographyConfig,bo as useFormBaseContext,Ar as useResponsiveBreakpoints,Hr as useResponsivePadding,gr as yellowTheme};
|
|
1
|
+
import{getThemeLogo as o,isTheme as t,themeLogos as r,themeOptions as m,themes as s}from"./themes/index.js";import{Button as n,Typography as e}from"@mui/material";import{AccordionProduct as i}from"./components/Accordion/ProductAccordion.js";import{AdditionalContentBox as p}from"./components/Box/AdditionalContentBox.js";import{AnchoredPopover as c,HeadlessPopover as a,ThemedPopover as f}from"./components/Popover/AnchoredPopover.js";import{Article as j}from"./components/CMS/ArticleBlock/Article.js";import{ArticlesBox as l}from"./components/CMS/ArticleBlock/ArticlesBox.js";import{Badge as d}from"./components/Badge/Badge.js";import{Banner as B}from"./components/Banner/Banner.js";import{BigPopoverLayout as C}from"./components/Popover/BigPopoverLayout.js";import{BlockItemContainer as u}from"./components/Layout/BlockList/Blocks/Container/BlockItemContainer.js";import{BlockItemInner as h}from"./components/Layout/BlockList/Blocks/Container/BlockItemInner.js";import{BlockListContainer as g}from"./components/Layout/BlockList/BlockListContainer.js";import{BottomSheetDialog as F}from"./components/Dialog/BottomSheetDialog.js";import{BoxStyled as T,SecondaryTabs as k}from"./components/Tabs/SecondaryTabs.js";import{BreadcrumbItem as x}from"./components/Navigation/Breadcrumbs/BreadcrumbItem.js";import{Breadcrumbs as P}from"./components/Navigation/Breadcrumbs/Breadcrumbs.js";import{BreakdownTable as I}from"./components/Chart/BreakdownTable/BreakdownTable.js";import{ButtonTabs as S}from"./components/Tabs/ButtonTabs.js";import{CardImage as y}from"./components/CardImage.js";import{CategoryBox as v}from"./components/Box/CategoryBox.js";import{CheckboxBlock as L}from"./components/Layout/BlockList/Blocks/InnerInputBlocks/CheckboxBlock.js";import{CollectiveTheme as b,CollectiveThemeOptions as N}from"./themes/themes/CollectiveTheme.js";import{ComingSoonBadge as A}from"./components/Badge/ComingSoonBadge.js";import{ComparisonArrow as H}from"./components/ComparisonBlock/ComparisonArrow.js";import{ComparisonBlock as R}from"./components/ComparisonBlock/ComparisonBlock.js";import{ComparisonLabel as G}from"./components/Chart/HistogramComparisonChart/ComparisonLabel.js";import{ConfirmDialog as w}from"./components/Form/FoodsFormBase/ConfirmDialog.js";import{ContextualContentBox as D}from"./components/Box/ContextualContentBox.js";import{CoordinatePopover as M}from"./components/Popover/CoordinatePopover.js";import{CountTabs as U}from"./components/Tabs/CountTabs/CountTabs.js";import{CustomRender as W}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/CustomRender.js";import{CustomToggleButton as E,TertiaryToggleButton as V}from"./components/Button/TertiaryToggleButton.js";import{CustomToggleButtonNodeTitle as z,TertiaryToggleButtonNodeTitle as O}from"./components/Button/TertiaryToggleButtonNodeTitle.js";import{CustomTypography as Q}from"./components/CustomTypography/CustomTypography.js";import{CustomizedAxisTick as q}from"./components/Chart/HistogramComparisonChart/CustomizedAxisTick.js";import{DefaultUserAction as J}from"./components/Navigation/FoodsNavBar/Plugin/DefaultUserAction.js";import{DottedBox as K}from"./components/Box/DottedBox.js";import{DoughnutChart as X}from"./components/Chart/DoughnutChart/DoughnutChart.js";import{DrawerAction as Y}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/DrawerAction.js";import{EcoScoreCell as Z}from"./components/Grid/Cell/EcoScoreCell.js";import{EditHeader as $}from"./components/Layout/BlockList/Headers/EditHeader.js";import{EllipsisItem as _}from"./components/Pagination/PageItems/EllipsisItem.js";import{EmptyForm as oo}from"./components/Layout/BlockList/Blocks/InnerInfoBlocks/EmptyForm.js";import{EvolutionChart as to}from"./components/Chart/EvolutionChart/EvolutionChart.js";import{FixedMultiValueFilter as ro}from"./components/Filter/FixedMultiValueFilter.js";import{FoodPilotTheme as mo,FoodpilotThemeOptions as so}from"./themes/themes/FoodPilotTheme.js";import{FoodsBadge as no}from"./components/Badge/FoodsBadge.js";import{FoodsCheckbox as eo}from"./components/Checkbox/FoodsCheckbox.js";import{FoodsFormBase as io}from"./components/Form/FoodsFormBase/FoodsFormBase.js";import{FoodsIcon as po}from"./components/Icons/FoodsIcon.js";import{FoodsIconButton as co}from"./components/Button/FoodsIconButton.js";import{FoodsIllustrations as ao}from"./components/Icons/FoodsIllustrations.js";import{FoodsNavbar as fo}from"./components/Navigation/FoodsNavBar/FoodsNavbar.js";import{FoodsPagination as jo}from"./components/Pagination/FoodsPagination.js";import{FoodsPaginationItem as lo}from"./components/Pagination/FoodsPaginationItem.js";import{FoodsRadioList as Bo}from"./components/Radio/FoodsRadioList.js";import{FoodsSearch as Co}from"./components/Search/FoodsSearch.js";import{FoodsSelect as uo,FoodsSelectServerPagination as ho}from"./components/Select/FoodsSelect/FoodsSelect.js";import{FoodsTabs as go,SpecialTabs as Fo}from"./components/Tabs/FoodsTabs/FoodsTabs.js";import{FoodsTags as To}from"./components/Tags/FoodsTags.js";import{FoodsTextInput as ko}from"./components/Form/FoodsFormFields/FoodsTextInput.js";import{FoodsThemeOptionsProvider as xo,FoodsThemeProvider as Po}from"./themes/FoodsThemeProvider.js";import{FoodsToggleButton as Io}from"./components/Button/FoodsToggleButton.js";import{FoodsTooltip as So}from"./components/Tooltip/FoodsTooltip.js";import{FoodsTreeview as yo}from"./components/Treeview/Treeview.js";import{FoodsUserTags as vo}from"./components/Tags/FoodsUserTags.js";import{FormAccordion as Lo}from"./components/Accordion/FormAccordion.js";import{FormBase as bo}from"./components/Form/FormBase.js";import{FormBaseContextProvider as No,useFormBaseContext as Ao}from"./components/Form/FoodsFormBase/FormBaseContext.js";import{FormBox as Ho}from"./components/Form/FormBox.js";import{FormPropertyBox as Ro}from"./components/Form/FormPropertyBox.js";import{FormTopBar as Go}from"./components/Form/FoodsFormBase/FormTopBar/FormTopBar.js";import{FormUnit as wo}from"./components/Form/FormUnit.js";import{GenericAccordion as Do}from"./components/Accordion/GenericAccordion.js";import{GreyTextCell as Mo}from"./components/Grid/Cell/GreyCell.js";import{HeaderNav as Uo,NavBarLink as Wo,Navbar as Eo,SubMenu as Vo,UserNav as zo}from"./components/Navigation/Navbar.js";import{HelperBox as Oo}from"./components/Box/HelperBox.js";import{HeroBlock as Qo}from"./components/CMS/HeroBlock/HeroBlock.js";import{HistogramComparisonChart as qo}from"./components/Chart/HistogramComparisonChart/HistogramComparisonChart.js";import{HorizontalGaugeChart as Jo}from"./components/Chart/HorizontalGauge/HorizontalGaugeChart.js";import{IconThread as Ko}from"./components/Navigation/IconThread.js";import{IndicatorBlock as Xo}from"./components/CMS/IndicatorBlock/IndicatorBlock.js";import{InfoBox as Yo}from"./components/Box/InfoBox.js";import{InfoHeaderWithIllustration as Zo}from"./components/Layout/InfoHeaderWithIllustration.js";import{InitHeader as $o}from"./components/Layout/BlockList/Headers/InitHeader.js";import{LeftComparisonPart as _o}from"./components/Layout/BlockList/Blocks/Common/LeftComparisonPart.js";import{LightIndicatorBlock as ot}from"./components/CMS/IndicatorBlock/LightIndicatorBlock.js";import{LineGroupBox as tt}from"./components/Box/LineGroupBox.js";import{LinearProgress as rt}from"./components/LinearProgress.js";import{LinkAction as mt}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/LinkAction.js";import{ListHeader as st}from"./components/Layout/BlockList/Headers/ListHeader.js";import{MRTGrid as nt}from"./components/Grid/MRTGrid.js";import{MultiValueFilter as et}from"./components/Filter/MultiValueFilter.js";import{NumberField as it}from"./components/Field/NumberField.js";import{NumberWithUnit as pt}from"./components/Number/NumberWithUnit.js";import{OptionsPopover as ct}from"./components/Popover/OptionsPopover.js";import{PageItem as at}from"./components/Pagination/PageItems/PageItem.js";import{PageUpAndDownItem as ft}from"./components/Pagination/PageItems/PageUpAndDownItem.js";import{FoodsPills as jt}from"./components/Input/Pills/Pills.js";import{PointsCell as lt}from"./components/Grid/Cell/PointsCell.js";import{PolymorphicChart as dt}from"./components/Chart/PolymorphicChart/PolymorphicChart.js";import{PolymorphicChartRenderer as Bt}from"./components/Chart/PolymorphicChart/PolymorphicChartRenderer.js";import{PrimaryCheckbox as Ct}from"./components/Checkbox/PrimaryCheckbox.js";import{PrimaryDialog as ut}from"./components/Dialog/PrimaryDialog.js";import{Progress as ht}from"./components/Progress/Progress.js";import{ProgressCard as gt}from"./components/ProgressCard/ProgressCard.js";import{QuoteBox as Ft}from"./components/Box/QuoteBox.js";import{RadioBlock as Tt}from"./components/Layout/BlockList/Blocks/InnerInputBlocks/RadioBlock.js";import{RadioBoolean as kt}from"./components/Radio/RadioBoolean.js";import{RadioList as xt}from"./components/Radio/RadioList.js";import{RichTextEditor as Pt}from"./components/RichTextEditor/RichTextEditor.js";import{RoundInput as It}from"./components/Input/RoundInput.js";import{RoundNumberInput as St}from"./components/Input/RoundNumberInput.js";import{ScatterPlot as yt}from"./components/Chart/ScatterPlot/ScatterPlot.js";import{Score as vt}from"./components/Number/Score.js";import{ScoreCard as Lt}from"./components/Cards/ScoreCard/ScoreCard.js";import{ScoreCardHeader as bt}from"./components/Cards/ScoreCard/Header/ScoreCardHeader.js";import{ScoreContainer as Nt}from"./components/Badge/ScoreContainer.js";import{SearchBox as At}from"./components/Input/SearchBox.js";import{SectionBox as Ht}from"./components/Box/SectionBox.js";import{SectionTabs as Rt}from"./components/Tabs/SectionTabs/SectionTabs.js";import{SeeMoreCard as Gt}from"./components/Cards/SeeMoreCard/SeeMoreCard.js";import{SelectBlock as wt}from"./components/Layout/BlockList/Blocks/InnerInputBlocks/SelectBlock.js";import{SelectionCard as Dt}from"./components/Cards/SelectionCard/SelectionCard.js";import{SelectionCardGroup as Mt}from"./components/Cards/SelectionCard/SelectionCardGroup.js";import{Separator as Ut}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/Separator.js";import{SolidGreyBox as Wt}from"./components/Box/SolidGreyBox.js";import{SpecialTab as Et}from"./components/Tabs/FoodsTabs/FoodsTabTemplate.js";import{SuggestionBlock as Vt}from"./components/Layout/BlockList/Blocks/InnerInfoBlocks/SuggestionBlock.js";import{TextArrowList as zt}from"./components/Text/TextArrowList.js";import{TextField as Ot}from"./components/Field/TextField.js";import{TextTitle as Qt}from"./components/Text/TextTitle.js";import{TextTitleGreyIcon as qt}from"./components/Text/TextTitleGreyIcon.js";import{Textarea as Jt}from"./components/Textarea/Textarea.js";import{ToggleSwitch as Kt}from"./components/ToggleSwitch/ToggleSwitch.js";import{TopLinkAction as Xt}from"./components/Navigation/FoodsNavBar/Sections/UserButtons/Button/TopLinkAction.js";import{TrajectoryCards as Yt}from"./components/Cards/TrajectoryCards/TrajectoryCards.js";import{TrajectoryChart as Zt}from"./components/Chart/TrajectoryChart/TrajectoryChart.js";import{TypographyList as $t}from"./components/CustomTypography/TypographyList.js";import{ValueDisplay as _t}from"./components/Layout/BlockList/Blocks/Common/ValueDisplay.js";import{ValueLabel as or}from"./components/Chart/HistogramComparisonChart/ValueLabel.js";import{ValueSwitcher as tr}from"./components/Cards/ScoreCard/Header/ValueSwitcher/ValueSwitcher.js";import{WarningBox as rr}from"./components/Box/WarningBox.js";import{WaterfallChart as mr}from"./components/Chart/WaterfallChart/WaterfallChart.js";import{WhiteBox as sr}from"./components/Box/WhiteBox.js";import{WhiteGrid as nr}from"./components/Box/WhiteGrid.js";import{WhitePopover as er}from"./components/Popover/WhitePopover.js";import{WhitePopoverOnIcon as ir}from"./components/Popover/WhitePopoverOnIcon.js";import{WinePilotTheme as pr,WinepilotThemeOptions as cr}from"./themes/themes/WinePilotTheme.js";import{allColors as ar,allMainColors as fr,blueTheme as jr,coralTheme as lr,dataVisualizationColors as dr,extraColors as Br,greenTheme as Cr,greyTheme as ur,orangeTheme as hr,redTheme as gr,shadows as Fr,yellowTheme as Tr}from"./themes/common/colors.js";import{allTypographyVariants as kr,deprecatedVariants as xr,typographyConfig as Pr}from"./themes/common/MUIComponents/typography.js";import{anyToCheckbox as Ir,checkboxToAny as Sr}from"./components/Checkbox/helperFunctions.js";import{breadcrumb as yr,custom as vr,numbers as Lr,strokes as br,tooltip as Nr}from"./themes/common/custom.js";import{components as Ar}from"./themes/common/components.js";import{computeSize as Hr,iconMapping as Rr}from"./components/Icons/iconConfig.js";import{illustationsMapping as Gr}from"./components/Icons/illustrationsConfig.js";import{spacing as wr}from"./themes/common/spacing.js";import{useResponsiveBreakpoints as Dr}from"./themes/responsive/useResponsiveBreakpoints.js";import{useResponsivePadding as Mr}from"./themes/responsive/useResponsivePadding.js";export{i as AccordionProduct,p as AdditionalContentBox,c as AnchoredPopover,j as Article,l as ArticlesBox,d as Badge,B as Banner,C as BigPopoverLayout,u as BlockItemContainer,h as BlockItemInner,g as BlockListContainer,F as BottomSheetDialog,T as BoxStyled,x as BreadcrumbItem,P as Breadcrumbs,I as BreakdownTable,n as Button,S as ButtonTabs,y as CardImage,v as CategoryBox,L as CheckboxBlock,b as CollectiveTheme,N as CollectiveThemeOptions,A as ComingSoonBadge,H as ComparisonArrow,R as ComparisonBlock,G as ComparisonLabel,w as ConfirmDialog,D as ContextualContentBox,M as CoordinatePopover,U as CountTabs,W as CustomRender,E as CustomToggleButton,z as CustomToggleButtonNodeTitle,Q as CustomTypography,q as CustomizedAxisTick,J as DefaultUserAction,K as DottedBox,X as DoughnutChart,Y as DrawerAction,Z as EcoScoreCell,$ as EditHeader,_ as EllipsisItem,oo as EmptyForm,to as EvolutionChart,ro as FixedMultiValueFilter,mo as FoodPilotTheme,so as FoodpilotThemeOptions,no as FoodsBadge,eo as FoodsCheckbox,io as FoodsFormBase,po as FoodsIcon,co as FoodsIconButton,ao as FoodsIllustrations,fo as FoodsNavbar,jo as FoodsPagination,lo as FoodsPaginationItem,Bo as FoodsRadioList,Co as FoodsSearch,uo as FoodsSelect,ho as FoodsSelectServerPagination,go as FoodsTabs,To as FoodsTags,ko as FoodsTextInput,xo as FoodsThemeOptionsProvider,Po as FoodsThemeProvider,Io as FoodsToggleButton,So as FoodsTooltip,yo as FoodsTreeview,vo as FoodsUserTags,Lo as FormAccordion,bo as FormBase,No as FormBaseContextProvider,Ho as FormBox,Ro as FormPropertyBox,Go as FormTopBar,wo as FormUnit,Do as GenericAccordion,Mo as GreyTextCell,Uo as HeaderNav,a as HeadlessPopover,Oo as HelperBox,Qo as HeroBlock,qo as HistogramComparisonChart,Jo as HorizontalGaugeChart,Ko as IconThread,Xo as IndicatorBlock,Yo as InfoBox,Zo as InfoHeaderWithIllustration,$o as InitHeader,_o as LeftComparisonPart,ot as LightIndicatorBlock,tt as LineGroupBox,rt as LinearProgress,mt as LinkAction,st as ListHeader,nt as MRTGrid,et as MultiValueFilter,Wo as NavBarLink,Eo as Navbar,it as NumberField,pt as NumberWithUnit,ct as OptionsPopover,at as PageItem,ft as PageUpAndDownItem,jt as Pills,lt as PointsCell,dt as PolymorphicChart,Bt as PolymorphicChartRenderer,Ct as PrimaryCheckbox,ut as PrimaryDialog,ht as Progress,gt as ProgressCard,Ft as QuoteBox,Tt as RadioBlock,kt as RadioBoolean,xt as RadioList,Pt as RichTextEditor,It as RoundInput,St as RoundNumberInput,yt as ScatterPlot,vt as Score,Lt as ScoreCard,bt as ScoreCardHeader,Nt as ScoreContainer,At as SearchBox,k as SecondaryTabs,Ht as SectionBox,Rt as SectionTabs,Gt as SeeMoreCard,wt as SelectBlock,Dt as SelectionCard,Mt as SelectionCardGroup,Ut as Separator,Wt as SolidGreyBox,Et as SpecialTab,Fo as SpecialTabs,Vo as SubMenu,Vt as SuggestionBlock,V as TertiaryToggleButton,O as TertiaryToggleButtonNodeTitle,zt as TextArrowList,Ot as TextField,Qt as TextTitle,qt as TextTitleGreyIcon,Jt as Textarea,f as ThemedPopover,Kt as ToggleSwitch,Xt as TopLinkAction,Yt as TrajectoryCards,Zt as TrajectoryChart,e as Typography,$t as TypographyList,zo as UserNav,_t as ValueDisplay,or as ValueLabel,tr as ValueSwitcher,rr as WarningBox,mr as WaterfallChart,sr as WhiteBox,nr as WhiteGrid,er as WhitePopover,ir as WhitePopoverOnIcon,pr as WinePilotTheme,cr as WinepilotThemeOptions,ar as allColors,fr as allMainColors,kr as allTypographyVariants,Ir as anyToCheckbox,jr as blueTheme,yr as breadcrumb,Sr as checkboxToAny,Ar as components,Hr as computeSize,lr as coralTheme,vr as custom,dr as dataVisualizationColors,xr as deprecatedVariants,Br as extraColors,o as getThemeLogo,Cr as greenTheme,ur as greyTheme,Rr as iconMapping,Gr as illustationsMapping,t as isTheme,Lr as numbers,hr as orangeTheme,gr as redTheme,Fr as shadows,wr as spacing,br as strokes,r as themeLogos,m as themeOptions,s as themes,Nr as tooltip,Pr as typographyConfig,Ao as useFormBaseContext,Dr as useResponsiveBreakpoints,Mr as useResponsivePadding,Tr as yellowTheme};
|
|
@@ -132,6 +132,7 @@ export declare const coralTheme: {
|
|
|
132
132
|
};
|
|
133
133
|
export declare const shadows: {
|
|
134
134
|
readonly grey: "0px 2px 8px 0px #2A2B270A";
|
|
135
|
+
readonly popover: "0px 4px 20px 0px rgba(81, 78, 78, 0.12)";
|
|
135
136
|
};
|
|
136
137
|
export declare const dataVisualizationColors: {
|
|
137
138
|
readonly 1: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const F={gradientDark:"linear-gradient(180deg, #484945 0%, #2A2B27 100%)",gradientLight:"linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%)",100:"#FFFFFF",200:"#FEFCFB",300:"#F6F5F3",400:"#EFEDEC",500:"#E7E6E4",600:"#E0DEDD",700:"#D8D7D5",800:"#D1CFCE",900:"#C9C8C6",1e3:"#C1C0BE",1100:"#BAB9B7",1200:"#B2B1AF",1300:"#ABAAA8",1400:"#A3A2A0",1500:"#9C9B99",1600:"#949491",1700:"#8C8C89",1800:"#858582",1900:"#7D7D7A",2e3:"#767673",2100:"#6E6E6B",2200:"#676764",2300:"#5F5F5C",2400:"#575854",2500:"#50504D",2600:"#484945",2700:"#41413E",2800:"#393A36",2900:"#32322F",3e3:"#2A2B27"},a={50:"#FFF4F2",100:"#FFE4DE",200:"#FFC1B4",300:"#F5846B",400:"#F16040",500:"#EE3C15",600:"#D03210",700:"#B2290B",800:"#931F05",900:"#751500"},C={50:"#DFFFE6",100:"#B7F2C4",200:"#8FE5A2",300:"#67D980",400:"#3FCC5E",500:"#17BF3C",600:"#12A332",700:"#0D8728",800:"#086A1D",900:"#034E13"},i={50:"#FFF2E9",100:"#FFE5D3",200:"#FFCCA7",300:"#FFB27B",400:"#FF994F",500:"#FF8024",600:"#CC661C",700:"#994C15",800:"#66330E",900:"#331907"},D={50:"#FFFEEA",100:"#FFF9C5",200:"#FFF285",300:"#FFE546",400:"#FFD51B",500:"#FFB400",600:"#E28A00",700:"#BB6002",800:"#984A08",900:"#7C3D0B"},E={50:"#F0FBFF",100:"#DAF7FF",200:"#A9EFFF",300:"#77E4FB",400:"#4DCDF0",500:"#22B8DA",600:"#159DC0",700:"#0B83A4",800:"#046987",900:"#00506A"},B={50:"#FFF7F5",100:"#FEEEEB",200:"#FFD4CB",300:"#FFB3A5",400:"#FF967F",500:"#FF816C",600:"#DF6043",700:"#BE472C",800:"#9C311B",900:"#7A1E0D"},m={grey:"0px 2px 8px 0px #2A2B270A"},n={1:{main:"#FF8024",variant:{100:"#FFCCA7",700:"#E86303"},lv1:{max:"#FF3243",middle:"#FF8024",min:"#FFEDA6"},lv2:{max:"#A57100",middle:"#FF9243",min:"#FFD4CB"}},2:{main:"#4DCDF0",variant:{100:"#DAF7FF",700:"#22A9CD"},lv1:{max:"#007F70",middle:"#4DCDF0",min:"#DDEBFF"},lv2:{max:"#001B93",middle:"#4DCDF0",min:"#D5FBF2"}},3:{main:"#F98CC0",variant:{100:"#FFE7F2",700:"#E96DA8"},lv1:{max:"#720098",middle:"#F98CC0",min:"#FFDED9"},lv2:{max:"#9D0101",middle:"#F98CC0",min:"#EFDDFF"}},4:{main:"#2B59A4",variant:{100:"#E4EEFF",700:"#164694"},lv1:{max:"#03684B",middle:"#2B59A4",min:"#CFC9FF"},lv2:{max:"#3F027D",middle:"#2B59A4",min:"#C5FFF7"}},5:{main:"#FFB400",variant:{100:"#FFF7E4",700:"#CF960F"},lv1:{max:"#803202",middle:"#FFB400",min:"#F8F66E"},lv2:{max:"#97B408",middle:"#FFB400",min:"#FFE4D5"}},6:{main:"#DB3D53",variant:{100:"#FFE1E5",700:"#BC2439"},lv1:{max:"#730359",middle:"#DB3D53",min:"#FFD2BC"},lv2:{max:"#5A1800",middle:"#DB3D53",min:"#FFCFF5"}},7:{main:"#47CD56",variant:{100:"#E9FFEB",700:"#32AC40"},lv1:{max:"#6D7502",middle:"#47CD56",min:"#C5FCFF"},lv2:{max:"#01907A",middle:"#47CD56",min:"#F1F5B1"}},8:{main:"#B2B4FF",variant:{100:"#F2F2FF",700:"#8D8FE1"},lv1:{max:"#210191",middle:"#B2B4FF",min:"#F6D0FF"},lv2:{max:"#60017C",middle:"#B2B4FF",min:"#C5FCFF"}}},A={9:{main:"#BB7600",variant:{100:"#FFF7E9",700:"#8F5C02"}},10:{main:"#B249C6",variant:{100:"#FDF1FF",700:"#9B33B0"}},11:{main:"#30C7A3",variant:{100:"#DCFFF7",700:"#14A582"}},12:{main:"#FF816C",variant:{100:"#FEEEEB",700:"#DF6043"}},13:{main:"#5268FF",variant:{100:"#E9ECFF",700:"#3C4FD2"}},14:{main:"#C8E25D",variant:{100:"#F6FFD1",700:"#9CB72E"}},15:{main:"#EFB8FF",variant:{100:"#FAE7FF",700:"#CF8DE2"}},16:{main:"#A0B1AC",variant:{100:"#EEFFFA",700:"#7E928C"}}},d={...A,...n},l=Object.values(d).map(F=>F.main);export{d as allColors,l as allMainColors,E as blueTheme,B as coralTheme,n as dataVisualizationColors,A as extraColors,C as greenTheme,F as greyTheme,i as orangeTheme,a as redTheme,m as shadows,D as yellowTheme};
|
|
1
|
+
const F={gradientDark:"linear-gradient(180deg, #484945 0%, #2A2B27 100%)",gradientLight:"linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%)",100:"#FFFFFF",200:"#FEFCFB",300:"#F6F5F3",400:"#EFEDEC",500:"#E7E6E4",600:"#E0DEDD",700:"#D8D7D5",800:"#D1CFCE",900:"#C9C8C6",1e3:"#C1C0BE",1100:"#BAB9B7",1200:"#B2B1AF",1300:"#ABAAA8",1400:"#A3A2A0",1500:"#9C9B99",1600:"#949491",1700:"#8C8C89",1800:"#858582",1900:"#7D7D7A",2e3:"#767673",2100:"#6E6E6B",2200:"#676764",2300:"#5F5F5C",2400:"#575854",2500:"#50504D",2600:"#484945",2700:"#41413E",2800:"#393A36",2900:"#32322F",3e3:"#2A2B27"},a={50:"#FFF4F2",100:"#FFE4DE",200:"#FFC1B4",300:"#F5846B",400:"#F16040",500:"#EE3C15",600:"#D03210",700:"#B2290B",800:"#931F05",900:"#751500"},C={50:"#DFFFE6",100:"#B7F2C4",200:"#8FE5A2",300:"#67D980",400:"#3FCC5E",500:"#17BF3C",600:"#12A332",700:"#0D8728",800:"#086A1D",900:"#034E13"},i={50:"#FFF2E9",100:"#FFE5D3",200:"#FFCCA7",300:"#FFB27B",400:"#FF994F",500:"#FF8024",600:"#CC661C",700:"#994C15",800:"#66330E",900:"#331907"},D={50:"#FFFEEA",100:"#FFF9C5",200:"#FFF285",300:"#FFE546",400:"#FFD51B",500:"#FFB400",600:"#E28A00",700:"#BB6002",800:"#984A08",900:"#7C3D0B"},E={50:"#F0FBFF",100:"#DAF7FF",200:"#A9EFFF",300:"#77E4FB",400:"#4DCDF0",500:"#22B8DA",600:"#159DC0",700:"#0B83A4",800:"#046987",900:"#00506A"},B={50:"#FFF7F5",100:"#FEEEEB",200:"#FFD4CB",300:"#FFB3A5",400:"#FF967F",500:"#FF816C",600:"#DF6043",700:"#BE472C",800:"#9C311B",900:"#7A1E0D"},m={grey:"0px 2px 8px 0px #2A2B270A",popover:"0px 4px 20px 0px rgba(81, 78, 78, 0.12)"},n={1:{main:"#FF8024",variant:{100:"#FFCCA7",700:"#E86303"},lv1:{max:"#FF3243",middle:"#FF8024",min:"#FFEDA6"},lv2:{max:"#A57100",middle:"#FF9243",min:"#FFD4CB"}},2:{main:"#4DCDF0",variant:{100:"#DAF7FF",700:"#22A9CD"},lv1:{max:"#007F70",middle:"#4DCDF0",min:"#DDEBFF"},lv2:{max:"#001B93",middle:"#4DCDF0",min:"#D5FBF2"}},3:{main:"#F98CC0",variant:{100:"#FFE7F2",700:"#E96DA8"},lv1:{max:"#720098",middle:"#F98CC0",min:"#FFDED9"},lv2:{max:"#9D0101",middle:"#F98CC0",min:"#EFDDFF"}},4:{main:"#2B59A4",variant:{100:"#E4EEFF",700:"#164694"},lv1:{max:"#03684B",middle:"#2B59A4",min:"#CFC9FF"},lv2:{max:"#3F027D",middle:"#2B59A4",min:"#C5FFF7"}},5:{main:"#FFB400",variant:{100:"#FFF7E4",700:"#CF960F"},lv1:{max:"#803202",middle:"#FFB400",min:"#F8F66E"},lv2:{max:"#97B408",middle:"#FFB400",min:"#FFE4D5"}},6:{main:"#DB3D53",variant:{100:"#FFE1E5",700:"#BC2439"},lv1:{max:"#730359",middle:"#DB3D53",min:"#FFD2BC"},lv2:{max:"#5A1800",middle:"#DB3D53",min:"#FFCFF5"}},7:{main:"#47CD56",variant:{100:"#E9FFEB",700:"#32AC40"},lv1:{max:"#6D7502",middle:"#47CD56",min:"#C5FCFF"},lv2:{max:"#01907A",middle:"#47CD56",min:"#F1F5B1"}},8:{main:"#B2B4FF",variant:{100:"#F2F2FF",700:"#8D8FE1"},lv1:{max:"#210191",middle:"#B2B4FF",min:"#F6D0FF"},lv2:{max:"#60017C",middle:"#B2B4FF",min:"#C5FCFF"}}},A={9:{main:"#BB7600",variant:{100:"#FFF7E9",700:"#8F5C02"}},10:{main:"#B249C6",variant:{100:"#FDF1FF",700:"#9B33B0"}},11:{main:"#30C7A3",variant:{100:"#DCFFF7",700:"#14A582"}},12:{main:"#FF816C",variant:{100:"#FEEEEB",700:"#DF6043"}},13:{main:"#5268FF",variant:{100:"#E9ECFF",700:"#3C4FD2"}},14:{main:"#C8E25D",variant:{100:"#F6FFD1",700:"#9CB72E"}},15:{main:"#EFB8FF",variant:{100:"#FAE7FF",700:"#CF8DE2"}},16:{main:"#A0B1AC",variant:{100:"#EEFFFA",700:"#7E928C"}}},d={...A,...n},l=Object.values(d).map(F=>F.main);export{d as allColors,l as allMainColors,E as blueTheme,B as coralTheme,n as dataVisualizationColors,A as extraColors,C as greenTheme,F as greyTheme,i as orangeTheme,a as redTheme,m as shadows,D as yellowTheme};
|
|
@@ -1,5 +1,99 @@
|
|
|
1
1
|
import { SxProps, Theme, ThemeOptions } from '@mui/material';
|
|
2
2
|
import { greyTheme, redTheme, greenTheme, dataVisualizationColors, extraColors, allColors, allMainColors, orangeTheme, yellowTheme, blueTheme, coralTheme, shadows } from './colors';
|
|
3
|
+
/**
|
|
4
|
+
* Shared stroke contract from the published Foods design system.
|
|
5
|
+
* Figma provenance: Product breadcrumb row `12819:67396` and Page link set `14270:126177`.
|
|
6
|
+
*/
|
|
7
|
+
export declare const strokes: {
|
|
8
|
+
readonly containerDivider: {
|
|
9
|
+
readonly color: "#E0DEDD";
|
|
10
|
+
readonly style: "solid";
|
|
11
|
+
readonly width: "1px";
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* Shared Breadcrumb geometry from the published Foods design system.
|
|
16
|
+
* Figma provenance: Page link `14270:126177`, Breadcrumb `14270:126197`, and overflow menu `14270:126193`.
|
|
17
|
+
*/
|
|
18
|
+
export declare const breadcrumb: {
|
|
19
|
+
readonly gap: "4px";
|
|
20
|
+
readonly separatorIconSize: {
|
|
21
|
+
readonly width: 16;
|
|
22
|
+
readonly height: 16;
|
|
23
|
+
};
|
|
24
|
+
readonly pageLink: {
|
|
25
|
+
readonly height: "26px";
|
|
26
|
+
readonly paddingBlock: "2px";
|
|
27
|
+
readonly paddingInline: "8px";
|
|
28
|
+
readonly borderRadius: "8px";
|
|
29
|
+
readonly maxWidth: "226px";
|
|
30
|
+
readonly stroke: {
|
|
31
|
+
readonly default: string;
|
|
32
|
+
readonly hover: string;
|
|
33
|
+
};
|
|
34
|
+
readonly collapsed: {
|
|
35
|
+
readonly width: "24px";
|
|
36
|
+
readonly height: "16px";
|
|
37
|
+
readonly paddingInline: "4px";
|
|
38
|
+
readonly borderRadius: "4px";
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
readonly overflowMenu: {
|
|
42
|
+
readonly offset: "4px";
|
|
43
|
+
readonly padding: "16px";
|
|
44
|
+
readonly gap: "8px";
|
|
45
|
+
readonly borderRadius: "12px";
|
|
46
|
+
readonly boxShadow: `${string}, 0px 4px 20px 0px rgba(81, 78, 78, 0.12)`;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
/**
|
|
50
|
+
* Shared Tooltip variants from the published Foods design system.
|
|
51
|
+
* Default provenance: exact legacy FoodsTooltip runtime contract; its existing source references frame `6071:34293`.
|
|
52
|
+
* Simple provenance: Tooltip `14270:126111`, instance `14270:126188`.
|
|
53
|
+
* Approved implementation constraint (2026-08-11): `53px` is derived from the instance's `60px` outer
|
|
54
|
+
* height, its `8px` arrow, and the component's `-1px` overlap. Figma does not expose a min-height property.
|
|
55
|
+
* Its margin preserves the established FoodsTooltip runtime spacing; it is not a measured Figma anchor gap.
|
|
56
|
+
*/
|
|
57
|
+
export declare const tooltip: {
|
|
58
|
+
readonly contentAlignment: "center";
|
|
59
|
+
readonly default: {
|
|
60
|
+
readonly maxCharacters: 100;
|
|
61
|
+
readonly width: "202px";
|
|
62
|
+
readonly maxWidth: "unset";
|
|
63
|
+
readonly padding: "12px 16px 12px 16px";
|
|
64
|
+
readonly borderRadius: "0.5rem";
|
|
65
|
+
readonly border: string;
|
|
66
|
+
readonly backgroundColor: "#FFFFFF";
|
|
67
|
+
readonly boxShadow: "0px 4px 20px 0px #E7E6E4";
|
|
68
|
+
readonly color: "#393A36";
|
|
69
|
+
readonly margin: "8px";
|
|
70
|
+
readonly typographyVariant: "body-medium";
|
|
71
|
+
readonly arrow: {
|
|
72
|
+
readonly color: "#FFFFFF";
|
|
73
|
+
readonly border: string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
readonly simple: {
|
|
77
|
+
readonly width: "300px";
|
|
78
|
+
readonly maxWidth: "300px";
|
|
79
|
+
readonly contentMinHeight: "53px";
|
|
80
|
+
readonly paddingBlock: "2px";
|
|
81
|
+
readonly paddingInline: "8px";
|
|
82
|
+
readonly borderRadius: "8px";
|
|
83
|
+
readonly border: string;
|
|
84
|
+
readonly backgroundColor: "#FFFFFF";
|
|
85
|
+
readonly boxShadow: "0px 4px 20px 0px rgba(81, 78, 78, 0.12)";
|
|
86
|
+
readonly color: "#50504D";
|
|
87
|
+
readonly margin: "8px";
|
|
88
|
+
readonly typographyVariant: "body-medium";
|
|
89
|
+
readonly arrow: {
|
|
90
|
+
readonly width: "16px";
|
|
91
|
+
readonly height: "8px";
|
|
92
|
+
readonly color: "#FFFFFF";
|
|
93
|
+
readonly border: string;
|
|
94
|
+
};
|
|
95
|
+
};
|
|
96
|
+
};
|
|
3
97
|
type CustomThemeKeys = {
|
|
4
98
|
custom: {
|
|
5
99
|
grey: typeof greyTheme;
|
|
@@ -16,6 +110,9 @@ type CustomThemeKeys = {
|
|
|
16
110
|
colorsWithExtra: typeof allColors;
|
|
17
111
|
onlyMainFromAll: typeof allMainColors;
|
|
18
112
|
};
|
|
113
|
+
strokes: typeof strokes;
|
|
114
|
+
breadcrumb: typeof breadcrumb;
|
|
115
|
+
tooltip: typeof tooltip;
|
|
19
116
|
searchBox: SxProps<Theme>;
|
|
20
117
|
rowMenuElement: SxProps<Theme>;
|
|
21
118
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from"i18next";import{
|
|
1
|
+
import o from"i18next";import{greyTheme as r,shadows as e,allMainColors as i,allColors as t,extraColors as a,dataVisualizationColors as d,coralTheme as n,blueTheme as p,yellowTheme as x,orangeTheme as l,greenTheme as c,redTheme as g}from"./colors.js";const h={containerDivider:{color:r[600],style:"solid",width:"1px"}},s=`inset 0 0 0 ${h.containerDivider.width} ${h.containerDivider.color}`,m={gap:"4px",separatorIconSize:{width:16,height:16},pageLink:{height:"26px",paddingBlock:"2px",paddingInline:"8px",borderRadius:"8px",maxWidth:"226px",stroke:{default:s,hover:`inset 0 0 0 ${h.containerDivider.width} ${r[2800]}`},collapsed:{width:"24px",height:"16px",paddingInline:"4px",borderRadius:"4px"}},overflowMenu:{offset:"4px",padding:"16px",gap:"8px",borderRadius:"12px",boxShadow:`${s}, ${e.popover}`}},u=`${h.containerDivider.width} ${h.containerDivider.style} ${r[500]}`,b=`${h.containerDivider.width} ${h.containerDivider.style} ${h.containerDivider.color}`,w={contentAlignment:"center",default:{maxCharacters:100,width:"202px",maxWidth:"unset",padding:"12px 16px 12px 16px",borderRadius:"0.5rem",border:u,backgroundColor:r[100],boxShadow:`0px 4px 20px 0px ${r[500]}`,color:r[2800],margin:"8px",typographyVariant:"body-medium",arrow:{color:r[100],border:u}},simple:{width:"300px",maxWidth:"300px",contentMinHeight:"53px",paddingBlock:"2px",paddingInline:"8px",borderRadius:"8px",border:b,backgroundColor:r[100],boxShadow:e.popover,color:r[2500],margin:"8px",typographyVariant:"body-medium",arrow:{width:"16px",height:"8px",color:r[100],border:b}}},v={grey:r,red:g,green:c,orange:l,yellow:x,blue:p,coral:n,shadows:e,dataviz:{colors:d,extra:a,colorsWithExtra:t,onlyMainFromAll:i},strokes:h,breadcrumb:m,tooltip:w,searchBox:{borderRadius:"24px",border:o=>"1px solid "+o.custom.grey[500],background:"white",boxShadow:o=>"0px 2px 8px 0px "+o.custom.grey[500]},rowMenuElement:{marginLeft:"12px",paddingRight:"8px",fontSize:"12px",fontWeight:"600",lineHeight:"20px"}},y={valueFormatterFn:(r,e=void 0)=>{const i=Number(r);return Number.isNaN(i)?"":e?i.toLocaleString(o.language,{maximumFractionDigits:e}):i.toLocaleString(o.language)}};export{m as breadcrumb,v as custom,y as numbers,h as strokes,w as tooltip};
|
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.15.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/main.js",
|
|
7
7
|
"module": "./dist/main.js",
|
|
@@ -187,11 +187,12 @@
|
|
|
187
187
|
"depcruise:check": "depcruise -c .dependency-cruiser.cjs lib --include-only ^lib -T err-long",
|
|
188
188
|
"depcruise:md": "depcruise -c .dependency-cruiser.cjs lib --include-only ^lib -T markdown -f depcruise.md",
|
|
189
189
|
"depcruise:html": "depcruise -c .dependency-cruiser.cjs lib --include-only ^lib -T err-html -f depcruise.html",
|
|
190
|
-
"prettier": "prettier src/ lib/ --check",
|
|
191
|
-
"prettier:fix": "prettier src/ lib/ --write --list-different",
|
|
190
|
+
"prettier": "prettier src/ lib/ tests/ vitest.config.ts vitest.setup.ts --check",
|
|
191
|
+
"prettier:fix": "prettier src/ lib/ tests/ vitest.config.ts vitest.setup.ts --write --list-different",
|
|
192
192
|
"preview": "vite preview",
|
|
193
193
|
"storybook": "storybook dev --no-open",
|
|
194
194
|
"local-storybook": "storybook dev -p 6007",
|
|
195
|
+
"test": "vitest run",
|
|
195
196
|
"build-storybook": "storybook build",
|
|
196
197
|
"lint:fix": "npm run lint --fix",
|
|
197
198
|
"prepare": "husky install",
|
|
@@ -204,7 +205,8 @@
|
|
|
204
205
|
"publish:patch": "gh workflow run release.yml --ref main --field version_type=patch",
|
|
205
206
|
"publish:minor": "gh workflow run release.yml --ref main --field version_type=minor",
|
|
206
207
|
"publish:major": "gh workflow run release.yml --ref main --field version_type=major",
|
|
207
|
-
"size": "size-limit"
|
|
208
|
+
"size": "size-limit",
|
|
209
|
+
"test:watch": "vitest"
|
|
208
210
|
},
|
|
209
211
|
"peerDependencies": {
|
|
210
212
|
"@emotion/react": "^11.14.0",
|
|
@@ -257,6 +259,10 @@
|
|
|
257
259
|
"@size-limit/file": "^12.0.0",
|
|
258
260
|
"@size-limit/preset-big-lib": "^11.2.0",
|
|
259
261
|
"@storybook/react-vite": "^10.2.13",
|
|
262
|
+
"@testing-library/dom": "^10.4.1",
|
|
263
|
+
"@testing-library/jest-dom": "^6.9.1",
|
|
264
|
+
"@testing-library/react": "^16.3.2",
|
|
265
|
+
"@testing-library/user-event": "^14.6.3",
|
|
260
266
|
"@types/chroma-js": "^3.1.2",
|
|
261
267
|
"@types/lodash": "^4.17.24",
|
|
262
268
|
"@types/react": "^19.2.14",
|
|
@@ -279,6 +285,7 @@
|
|
|
279
285
|
"glob": "^13.0.6",
|
|
280
286
|
"globals": "^16.3.0",
|
|
281
287
|
"husky": "^9.1.7",
|
|
288
|
+
"jsdom": "^29.1.1",
|
|
282
289
|
"material-react-table": "^3.2.1",
|
|
283
290
|
"prettier": "^3.8.1",
|
|
284
291
|
"react": "19.2.0",
|
|
@@ -292,7 +299,8 @@
|
|
|
292
299
|
"vite": "^7.3.5",
|
|
293
300
|
"vite-bundle-visualizer": "^1.2.1",
|
|
294
301
|
"vite-plugin-dts": "^4.5.0",
|
|
295
|
-
"vite-plugin-svgr": "^4.5.0"
|
|
302
|
+
"vite-plugin-svgr": "^4.5.0",
|
|
303
|
+
"vitest": "^4.1.10"
|
|
296
304
|
},
|
|
297
305
|
"dependencies": {
|
|
298
306
|
"@lexical/react": "^0.41.0",
|