@alveole/components 1.8.4 → 1.9.0

package/dist/core/Section/Section.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Section/Section.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAKlB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAMxB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAMvB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAMzB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAMvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"Section.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Section/Section.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAKlB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAMxB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAUvB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAMzB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAUvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC"}

package/dist/core/Section/Section.stories.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Typography } from '../../core';
 import { Section } from './Section';
 import { useStyles } from './Section.styles';
@@ -14,7 +14,13 @@ const paddingColor = '#b9c47f';
 const innerBoxColor = '#88b2bd';
 export const Default = () => (_jsx(Section, { children: _jsx(Box, { children: _jsx(Typography, { children: "Section" }) }) }));
 export const WithPaddingY = () => (_jsx(Section, { backgroundColor: paddingColor, withPaddingY: true, children: _jsx(Box, { backgroundColor: innerBoxColor, p: '050', children: _jsx(Typography, { children: "Section avec background et padding Y" }) }) }));
-export const WidthMdSize = () => (_jsx(Section, { backgroundColor: paddingColor, size: "md", children: _jsx(Box, { backgroundColor: innerBoxColor, p: '050', children: _jsx(Typography, { children: "Section avec background et size md" }) }) }));
+export const WidthMdSize = () => {
+    const styles = useStyles();
+    return (_jsx(Section, { backgroundColor: paddingColor, size: "md", children: _jsx(Box, { backgroundColor: innerBoxColor, p: '050', children: _jsxs(Typography, { children: ["Section avec background et size md (", styles.sectionContainerMD.maxWidth, "px)"] }) }) }));
+};
 export const WidthFullSize = () => (_jsx(Section, { backgroundColor: paddingColor, size: "full", children: _jsx(Box, { backgroundColor: innerBoxColor, p: '050', children: _jsx(Typography, { children: "Section avec background et size full (taille par d\u00E9faut)" }) }) }));
-export const WidthSmSize = () => (_jsx(Section, { backgroundColor: paddingColor, size: "sm", children: _jsx(Box, { backgroundColor: innerBoxColor, p: '050', children: _jsx(Typography, { children: "Section avec background et size sm" }) }) }));
+export const WidthSmSize = () => {
+    const styles = useStyles();
+    return (_jsx(Section, { backgroundColor: paddingColor, size: "sm", children: _jsx(Box, { backgroundColor: innerBoxColor, p: '050', children: _jsxs(Typography, { children: ["Section avec background et size sm (", styles.sectionContainerSM.maxWidth, "px)"] }) }) }));
+};
 export * as Sources from './Section.stories.sources';

package/dist/core/Section/Section.stories.sources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Section/Section.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAuI,CAAC;AAE5J,eAAO,MAAM,YAAY,cAA+P,CAAC;AAEzR,eAAO,MAAM,WAAW,cAA2P,CAAC;AAEpR,eAAO,MAAM,aAAa,cAAqR,CAAC;AAEhT,eAAO,MAAM,WAAW,cAA2P,CAAC;AAEpR,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Section.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Section/Section.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAuI,CAAC;AAE5J,eAAO,MAAM,YAAY,cAA+P,CAAC;AAEzR,eAAO,MAAM,WAAW,cAAiW,CAAC;AAE1X,eAAO,MAAM,aAAa,cAAqR,CAAC;AAEhT,eAAO,MAAM,WAAW,cAAiW,CAAC;AAE1X,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/core/Section/Section.stories.sources.js

@@ -2,9 +2,9 @@
 // Source: src/core/Section/Section.stories.tsx
 export const Default = () => "export const Default = () => (\n  <Section>\n    <Box>\n      <Typography>Section</Typography>\n    </Box>\n  </Section>\n);";
 export const WithPaddingY = () => "export const WithPaddingY = () => (\n  <Section backgroundColor={paddingColor} withPaddingY>\n    <Box backgroundColor={innerBoxColor} p={'050'}>\n      <Typography>Section avec background et padding Y</Typography>\n    </Box>\n  </Section>\n);";
-export const WidthMdSize = () => "export const WidthMdSize = () => (\n  <Section backgroundColor={paddingColor} size=\"md\">\n    <Box backgroundColor={innerBoxColor} p={'050'}>\n      <Typography>Section avec background et size md</Typography>\n    </Box>\n  </Section>\n);";
+export const WidthMdSize = () => "export const WidthMdSize = () => {\n  const styles = useStyles();\n\n  return (\n    <Section backgroundColor={paddingColor} size=\"md\">\n      <Box backgroundColor={innerBoxColor} p={'050'}>\n        <Typography>Section avec background et size md ({styles.sectionContainerMD.maxWidth}px)</Typography>\n      </Box>\n    </Section>\n  );\n};";
 export const WidthFullSize = () => "export const WidthFullSize = () => (\n  <Section backgroundColor={paddingColor} size=\"full\">\n    <Box backgroundColor={innerBoxColor} p={'050'}>\n      <Typography>Section avec background et size full (taille par défaut)</Typography>\n    </Box>\n  </Section>\n);";
-export const WidthSmSize = () => "export const WidthSmSize = () => (\n  <Section backgroundColor={paddingColor} size=\"sm\">\n    <Box backgroundColor={innerBoxColor} p={'050'}>\n      <Typography>Section avec background et size sm</Typography>\n    </Box>\n  </Section>\n);";
+export const WidthSmSize = () => "export const WidthSmSize = () => {\n  const styles = useStyles();\n\n  return (\n    <Section backgroundColor={paddingColor} size=\"sm\">\n      <Box backgroundColor={innerBoxColor} p={'050'}>\n        <Typography>Section avec background et size sm ({styles.sectionContainerSM.maxWidth}px)</Typography>\n      </Box>\n    </Section>\n  );\n};";
 export const storySources = {
     Default,
     WithPaddingY,

package/dist/generated/version.d.ts

@@ -1,2 +1,2 @@
-export declare const ALVEOLE_COMPONENTS_VERSION: "1.8.4";
+export declare const ALVEOLE_COMPONENTS_VERSION: "1.9.0";
 //# sourceMappingURL=version.d.ts.map

package/dist/generated/version.js

@@ -1 +1 @@
-export const ALVEOLE_COMPONENTS_VERSION = "1.8.4";
+export const ALVEOLE_COMPONENTS_VERSION = "1.9.0";

package/dist/ui/Header/Header.d.ts

@@ -1,3 +1,4 @@
+import { Href } from 'expo-router';
 import React from 'react';
 export type HeaderProps = {
     /** Logo carré affiché à gauche. */
@@ -6,6 +7,8 @@ export type HeaderProps = {
     title?: string;
     /** Contenu libre affiché à droite (navigation, boutons, etc.). */
     right?: React.ReactNode;
+    /** Lien vers lequel le logo et le titre redirigent. `null` pour désactiver le lien. Défaut : "/". */
+    homeHref?: (Href & string) | null;
 };
-export declare const Header: ({ logo, title, right }: HeaderProps) => React.JSX.Element;
+export declare const Header: ({ logo, title, right, homeHref }: HeaderProps) => React.JSX.Element;
 //# sourceMappingURL=Header.d.ts.map

package/dist/ui/Header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/ui/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,wBAAwB,WAAW,sBAczD,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/ui/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,CAAC,IAAI,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,kCAAwC,WAAW,sBAkBzE,CAAC"}

package/dist/ui/Header/Header.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from '../../core';
+import { A, Box, Typography } from '../../core';
 import { useStyles } from './Header.styles';
-export const Header = ({ logo, title, right }) => {
+export const Header = ({ logo, title, right, homeHref = '/' }) => {
     const styles = useStyles();
-    return (_jsx(Box, { tag: "header", style: styles.container, children: _jsxs(Box, { style: styles.inner, children: [_jsxs(Box, { style: styles.identity, children: [logo, _jsx(Typography, { style: styles.titleText, children: title })] }), right != null && _jsx(Box, { style: styles.right, children: right })] }) }));
+    const identity = (_jsxs(Box, { style: styles.identity, children: [logo, _jsx(Typography, { style: styles.titleText, children: title })] }));
+    return (_jsx(Box, { tag: "header", style: styles.container, children: _jsxs(Box, { style: styles.inner, children: [homeHref != null ? _jsx(A, { href: homeHref, children: identity }) : identity, right != null && _jsx(Box, { style: styles.right, children: right })] }) }));
 };

package/dist/ui/Header/Header.stories.d.ts

@@ -5,7 +5,7 @@ declare const _default: {
     figmaURL: string;
     description: string;
     webOnly: true;
-    component: ({ logo, title, right }: import("./Header").HeaderProps) => import("react").JSX.Element;
+    component: ({ logo, title, right, homeHref }: import("./Header").HeaderProps) => import("react").JSX.Element;
     styleFn: () => {
         container: {
             position: "sticky";

package/dist/ui/ListItem/ListItem.stories.d.ts

@@ -3,6 +3,7 @@ declare const _default: {
     tags: "ui"[];
     experimental: false;
     figmaURL: string;
+    shortDescription: string;
     description: string;
     component: (props: import("./ListItem").ListItemProps) => import("react").JSX.Element;
     styleFn: () => {

package/dist/ui/ListItem/ListItem.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCASxB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAYtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,SAAS,mCAcrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,YAAY,mCAA6D,CAAC;AAEvF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAWkB;AAElB,eAAO,MAAM,OAAO,mCAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCASxB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAYtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,SAAS,mCAcrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,YAAY,mCAA6D,CAAC;AAEvF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}

package/dist/ui/ListItem/ListItem.stories.js

@@ -8,7 +8,10 @@ export default {
     tags: ['ui'],
     experimental: false,
     figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Composants?node-id=1002-558',
-    description: 'Permet d’afficher les données d‘une ressource.',
+    shortDescription: 'Permet d’afficher les données d’une ressource.',
+    description: `Permet d’afficher les données d’une ressource.
+
+Il est recommandé d’utiliser les \`ListItem\` au sein d’une [ResourceList](/components/ResourceList) plutôt que de manière isolée.`,
     component: ListItem,
     styleFn: useStyles,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "1.8.4",
+  "version": "1.9.0",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -36,31 +36,31 @@
     "@lucide/lab": "0.2.0",
     "@react-native-community/datetimepicker": "9.1.0",
     "@react-native-picker/picker": "2.11.4",
-    "@react-native/jest-preset": "0.87.0",
+    "@react-native/jest-preset": "0.86.3",
     "@shopify/flash-list": "2.0.2",
     "@tamagui/config": "1.144.4",
     "@tamagui/core": "1.144.4",
     "@tamagui/toast": "1.144.4",
     "@testing-library/react-native": "14.0.1",
     "@types/react-syntax-highlighter": "15.5.13",
-    "babel-preset-expo": "56.0.19",
+    "babel-preset-expo": "57.0.10",
     "eslint": "9.39.5",
-    "expo": "56.0.19",
-    "expo-application": "56.0.3",
-    "expo-asset": "56.0.22",
-    "expo-document-picker": "56.0.4",
+    "expo": "57.0.21",
+    "expo-application": "57.0.2",
+    "expo-asset": "57.0.16",
+    "expo-document-picker": "57.0.1",
     "expo-in-app-updates": "0.12.0",
-    "expo-modules-core": "56.0.23",
-    "expo-router": "56.2.18",
+    "expo-modules-core": "57.0.17",
+    "expo-router": "57.0.20",
     "jest": "29.7.0",
-    "jest-expo": "56.0.5",
+    "jest-expo": "57.0.5",
     "lucide-react-native": "1.31.0",
     "pdfjs-dist": "6.2.108",
     "react": "19.2.3",
     "react-dom": "19.2.3",
-    "react-native": "0.85.3",
+    "react-native": "0.86.3",
     "react-native-code-highlighter": "1.3.0",
-    "react-native-keyboard-controller": "1.22.3",
+    "react-native-keyboard-controller": "1.21.9",
     "react-native-otp-entry": "1.8.6",
     "react-select": "5.10.2",
     "react-syntax-highlighter": "16.1.1",