@foodpilot/foods 2.7.13 → 2.7.15

package/dist/components/Grid/MRTGrid.js

@@ -13,13 +13,10 @@ const useTableStyles = (options) => {
   const theme = useTheme();
   const { maxLinePerRow } = options;
   const bodyCell = {
-    padding: "0 20px",
+    padding: theme.spacing(1, 2),
     "&:last-child[data-pinned='true']": {
       width: "1%"
     },
-    color: theme.palette.primary[700],
-    fontSize: "12px",
-    fontWeight: 700,
     borderInline: `1px solid ${theme.custom.grey[500]}`,
     // Ajout des propriétés pour l'ellipsis sur 2 lignes
     "& p": {
@@ -27,11 +24,16 @@ const useTableStyles = (options) => {
       WebkitLineClamp: maxLinePerRow,
       WebkitBoxOrient: "vertical",
       overflow: "hidden",
-      whiteSpace: "initial"
+      whiteSpace: "initial",
+      // This is for one words expression
+      // Either ellipsis
+      textOverflow: "ellipsis"
+      // Or wrap the word and break it
+      // wordBreak: "break-word",
     }
   };
   const bodyRow = {
-    height: "64px",
+    minHeight: "64px",
     "&:hover td::after": {
       backgroundColor: theme.custom.grey[300]
     }
@@ -45,10 +47,14 @@ const useTableStyles = (options) => {
       WebkitLineClamp: maxLinePerRow,
       WebkitBoxOrient: "vertical",
       overflow: "hidden",
-      whiteSpace: "initial"
+      whiteSpace: "initial",
+      lineHeight: "normal",
+      // This is for one words expression
+      textOverflow: "ellipsis"
     },
-    // alignItems: "center",
-    // alignSelf: "stretch",
+    padding: theme.spacing(2),
+    minHeight: "48px",
+    justifyContent: "center",
     // Masquer les séparateurs verticaux
     "&>.Mui-TableHeadCell-Content .MuiDivider-vertical": {
       opacity: "0"
@@ -146,6 +152,14 @@ function MRTGrid(props) {
     muiTableProps: {
       sx: styles.table
     },
+    muiSelectCheckboxProps: {
+      // Leaving that empty here to show we can manipulate the
+      // Checkbox select on ONE row here;
+    },
+    muiSelectAllCheckboxProps: {
+      // Leaving that empty here to show we can manipulate the
+      // Checkbox select on row header here;
+    },
     // Configuration de la pagination
     paginationDisplayMode: "pages",
     muiPaginationProps: {

package/dist/main.js

@@ -135,7 +135,7 @@ import { Textarea } from "./components/Textarea/Textarea.js";
 import { ToggleSwitch } from "./components/ToggleSwitch/ToggleSwitch.js";
 import { FoodsTooltip } from "./components/Tooltip/FoodsTooltip.js";
 import { FoodsTreeview } from "./components/Treeview/Treeview.js";
-import { typographyConfig } from "./themes/common/MUIComponents/typography.js";
+import { allTypographyVariants, typographyConfig } from "./themes/common/MUIComponents/typography.js";
 import { allColors, allMainColors, dataVisualizationColors, extraColors, greenTheme, greyTheme, orangeTheme, redTheme, shadows, yellowTheme } from "./themes/common/colors.js";
 import { components } from "./themes/common/components.js";
 import { custom, numbers } from "./themes/common/custom.js";
@@ -302,6 +302,7 @@ export {
   WinepilotThemeOptions,
   allColors,
   allMainColors,
+  allTypographyVariants,
   anyToCheckbox,
   checkboxToAny,
   components,

package/dist/themes/common/MUIComponents/typography.d.ts

@@ -1,5 +1,6 @@
 import { ThemeOptions } from '@mui/material';
-export type customTypographyVariants = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "huge-bold" | "huge-medium" | "huge" | "big-bold" | "big-medium" | "big" | "body-bold" | "body-medium" | "body" | "small-bold" | "small-medium" | "small" | "number-big" | "number-inter" | "number-small" | "number-micro";
+export declare const allTypographyVariants: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "huge-bold", "huge-medium", "huge", "big-bold", "big-medium", "big", "body-bold", "body-medium", "body", "small-bold", "small-medium", "small", "cta", "number-huge", "number-big", "number-inter", "number-small", "number-micro"];
+export type customTypographyVariants = (typeof allTypographyVariants)[number];
 type TypographyNewVariants = Record<customTypographyVariants, React.CSSProperties>;
 type TypographyPropsNewVariants = Record<customTypographyVariants, true>;
 declare module "@mui/material/styles" {

package/dist/themes/common/MUIComponents/typography.js

@@ -1,5 +1,31 @@
 import { greyTheme } from "../colors.js";
-const typographyConfig = {
+const allTypographyVariants = [
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "huge-bold",
+  "huge-medium",
+  "huge",
+  "big-bold",
+  "big-medium",
+  "big",
+  "body-bold",
+  "body-medium",
+  "body",
+  "small-bold",
+  "small-medium",
+  "small",
+  "cta",
+  "number-huge",
+  "number-big",
+  "number-inter",
+  "number-small",
+  "number-micro"
+];
+const typographyConfig = (_palette) => ({
   fontFamily: ["Montserrat", "serif"].join(","),
   h1: {
     fontStyle: "normal",
@@ -50,7 +76,7 @@ const typographyConfig = {
     color: greyTheme[2800]
   },
   "huge-bold": {
-    fontStyle: "normal",
+    fontStyle: "bold",
     fontWeight: 600,
     fontSize: "1.125rem",
     lineHeight: "2.025rem",
@@ -71,7 +97,7 @@ const typographyConfig = {
     color: greyTheme[2800]
   },
   "big-bold": {
-    fontStyle: "normal",
+    fontStyle: "bold",
     fontWeight: "600",
     fontSize: "1rem",
     // 16px
@@ -95,7 +121,7 @@ const typographyConfig = {
     color: greyTheme[2800]
   },
   "body-bold": {
-    fontStyle: "normal",
+    fontStyle: "bold",
     fontWeight: "600",
     fontSize: "1rem",
     // 16px
@@ -119,7 +145,7 @@ const typographyConfig = {
     color: greyTheme[2800]
   },
   "small-bold": {
-    fontStyle: "normal",
+    fontStyle: "bold",
     fontWeight: 600,
     fontSize: "0.875rem",
     // 14px
@@ -141,6 +167,19 @@ const typographyConfig = {
     // 14px
     color: greyTheme[2800]
   },
+  cta: {
+    fontStyle: "bold",
+    fontWeight: 700,
+    fontSize: "0.875rem",
+    color: greyTheme[2800]
+  },
+  "number-huge": {
+    fontStyle: "normal",
+    fontWeight: 700,
+    fontSize: "2rem",
+    lineHeight: "3.2rem",
+    color: greyTheme[2800]
+  },
   "number-big": {
     fontStyle: "normal",
     fontWeight: 700,
@@ -170,7 +209,8 @@ const typographyConfig = {
     lineHeight: "1.4rem",
     color: greyTheme[2800]
   }
-};
+});
 export {
+  allTypographyVariants,
   typographyConfig
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@foodpilot/foods",
   "private": false,
-  "version": "2.7.13",
+  "version": "2.7.15",
   "type": "module",
   "main": "./dist/main.js",
   "module": "./dist/main.js",