@alveole/components 2.0.0-alpha.21 → 2.0.0-alpha.22

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.
Files changed (11) hide show
  1. package/dist/core/MarkdownDescription/MarkdownDescription.stories.d.ts +1 -0
  2. package/dist/core/MarkdownDescription/MarkdownDescription.stories.d.ts.map +1 -1
  3. package/dist/core/MarkdownDescription/MarkdownDescription.stories.js +9 -0
  4. package/dist/core/MarkdownDescription/MarkdownDescription.stories.sources.d.ts +2 -0
  5. package/dist/core/MarkdownDescription/MarkdownDescription.stories.sources.d.ts.map +1 -1
  6. package/dist/core/MarkdownDescription/MarkdownDescription.stories.sources.js +2 -0
  7. package/dist/core/MarkdownDescription/markdownComponents.d.ts.map +1 -1
  8. package/dist/core/MarkdownDescription/markdownComponents.js +2 -2
  9. package/dist/generated/version.d.ts +1 -1
  10. package/dist/generated/version.js +1 -1
  11. package/package.json +2 -2
package/dist/core/MarkdownDescription/MarkdownDescription.stories.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare const Default: () => import("react").JSX.Element;
11
11
  export declare const SimpleText: () => import("react").JSX.Element;
12
12
  export declare const WithCodeBlock: () => import("react").JSX.Element;
13
13
  export declare const WithTable: () => import("react").JSX.Element;
14
+ export declare const WithWideTable: () => import("react").JSX.Element;
14
15
  export declare const WithLink: () => import("react").JSX.Element;
15
16
  export declare const WithBlockquote: () => import("react").JSX.Element;
16
17
  export * as Sources from './MarkdownDescription.stories.sources';
package/dist/core/MarkdownDescription/MarkdownDescription.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownDescription.stories.d.ts","sourceRoot":"","sources":["../../../src/core/MarkdownDescription/MarkdownDescription.stories.tsx"],"names":[],"mappings":";;;;;;;;AAGA,wBAOkB;AAwClB,eAAO,MAAM,OAAO,mCAAmE,CAAC;AAExF,eAAO,MAAM,UAAU,mCAEtB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAMzB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAIpB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAI1B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,uCAAuC,CAAC"}
1
+ {"version":3,"file":"MarkdownDescription.stories.d.ts","sourceRoot":"","sources":["../../../src/core/MarkdownDescription/MarkdownDescription.stories.tsx"],"names":[],"mappings":";;;;;;;;AAIA,wBAOkB;AAwClB,eAAO,MAAM,OAAO,mCAAmE,CAAC;AAExF,eAAO,MAAM,UAAU,mCAEtB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAMzB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAIrB,CAAC;AAGF,eAAO,MAAM,aAAa,mCAUzB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAIpB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAI1B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,uCAAuC,CAAC"}
package/dist/core/MarkdownDescription/MarkdownDescription.stories.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Box } from '../Box';
2
3
  import { MarkdownDescription } from './MarkdownDescription';
3
4
  export default {
4
5
  title: 'MarkdownDescription',
@@ -55,6 +56,14 @@ npm install @alveole/components
55
56
  export const WithTable = () => (_jsx(MarkdownDescription, { children: `| Nom | Type | Description |
56
57
  |-----|------|-------------|
57
58
  | children | string | Contenu Markdown à afficher |` }));
59
+ // Une largeur de lecture mobile, même lorsque le catalogue est ouvert sur desktop.
60
+ export const WithWideTable = () => (_jsx(Box, { style: { width: 320, maxWidth: '100%', minWidth: 0 }, children: _jsx(MarkdownDescription, { children: `Faites défiler le tableau horizontalement pour voir toutes les colonnes.
61
+
62
+ | Outil | Application | Environnement | Permission | Description |
63
+ |-------|-------------|---------------|------------|-------------|
64
+ | variables_list | captive-dashboard | production | Lecture | Liste les variables de l'application |
65
+ | scheduled_tasks_create | captive-dashboard | staging | Écriture | Crée une tâche planifiée |
66
+ | application_restart | captive-platform | production | Administration | Redémarre l'application |` }) }));
58
67
  export const WithLink = () => (_jsx(MarkdownDescription, { children: 'Voir la [documentation Markdown](https://www.markdownguide.org/) pour la syntaxe complète.' }));
59
68
  export const WithBlockquote = () => (_jsx(MarkdownDescription, { children: '> Une citation met en avant un point important, comme cet avertissement.' }));
60
69
  export * as Sources from './MarkdownDescription.stories.sources';
package/dist/core/MarkdownDescription/MarkdownDescription.stories.sources.d.ts CHANGED
@@ -2,6 +2,7 @@ export declare const Default: () => string;
2
2
  export declare const SimpleText: () => string;
3
3
  export declare const WithCodeBlock: () => string;
4
4
  export declare const WithTable: () => string;
5
+ export declare const WithWideTable: () => string;
5
6
  export declare const WithLink: () => string;
6
7
  export declare const WithBlockquote: () => string;
7
8
  export declare const storySources: {
@@ -9,6 +10,7 @@ export declare const storySources: {
9
10
  readonly SimpleText: () => string;
10
11
  readonly WithCodeBlock: () => string;
11
12
  readonly WithTable: () => string;
13
+ readonly WithWideTable: () => string;
12
14
  readonly WithLink: () => string;
13
15
  readonly WithBlockquote: () => string;
14
16
  };
package/dist/core/MarkdownDescription/MarkdownDescription.stories.sources.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownDescription.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/MarkdownDescription/MarkdownDescription.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAmG,CAAC;AAExH,eAAO,MAAM,UAAU,cAAyK,CAAC;AAEjM,eAAO,MAAM,aAAa,cAA6N,CAAC;AAExP,eAAO,MAAM,SAAS,cAAiN,CAAC;AAExO,eAAO,MAAM,QAAQ,cAAqM,CAAC;AAE3N,eAAO,MAAM,cAAc,cAAyL,CAAC;AAErN,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
1
+ {"version":3,"file":"MarkdownDescription.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/MarkdownDescription/MarkdownDescription.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAmG,CAAC;AAExH,eAAO,MAAM,UAAU,cAAyK,CAAC;AAEjM,eAAO,MAAM,aAAa,cAA6N,CAAC;AAExP,eAAO,MAAM,SAAS,cAAiN,CAAC;AAExO,eAAO,MAAM,aAAa,cAA6qB,CAAC;AAExsB,eAAO,MAAM,QAAQ,cAAqM,CAAC;AAE3N,eAAO,MAAM,cAAc,cAAyL,CAAC;AAErN,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
package/dist/core/MarkdownDescription/MarkdownDescription.stories.sources.js CHANGED
@@ -4,6 +4,7 @@ export const Default = () => "export const Default = () => <MarkdownDescription>
4
4
  export const SimpleText = () => "export const SimpleText = () => (\n <MarkdownDescription>{'Paragraphe simple avec du texte **en gras** et du texte *en italique*.'}</MarkdownDescription>\n);";
5
5
  export const WithCodeBlock = () => "export const WithCodeBlock = () => (\n <MarkdownDescription>{`Utilisez \\`npm install\\` pour installer les dépendances.\n\n\\`\\`\\`bash\nnpm install @alveole/components\n\\`\\`\\``}</MarkdownDescription>\n);";
6
6
  export const WithTable = () => "export const WithTable = () => (\n <MarkdownDescription>{`| Nom | Type | Description |\n|-----|------|-------------|\n| children | string | Contenu Markdown à afficher |`}</MarkdownDescription>\n);";
7
+ export const WithWideTable = () => "export const WithWideTable = () => (\n <Box style={{ width: 320, maxWidth: '100%', minWidth: 0 }}>\n <MarkdownDescription>{`Faites défiler le tableau horizontalement pour voir toutes les colonnes.\n\n| Outil | Application | Environnement | Permission | Description |\n|-------|-------------|---------------|------------|-------------|\n| variables_list | captive-dashboard | production | Lecture | Liste les variables de l'application |\n| scheduled_tasks_create | captive-dashboard | staging | Écriture | Crée une tâche planifiée |\n| application_restart | captive-platform | production | Administration | Redémarre l'application |`}</MarkdownDescription>\n </Box>\n);";
7
8
  export const WithLink = () => "export const WithLink = () => (\n <MarkdownDescription>\n {'Voir la [documentation Markdown](https://www.markdownguide.org/) pour la syntaxe complète.'}\n </MarkdownDescription>\n);";
8
9
  export const WithBlockquote = () => "export const WithBlockquote = () => (\n <MarkdownDescription>\n {'> Une citation met en avant un point important, comme cet avertissement.'}\n </MarkdownDescription>\n);";
9
10
  export const storySources = {
@@ -11,6 +12,7 @@ export const storySources = {
11
12
  SimpleText,
12
13
  WithCodeBlock,
13
14
  WithTable,
15
+ WithWideTable,
14
16
  WithLink,
15
17
  WithBlockquote,
16
18
  };
package/dist/core/MarkdownDescription/markdownComponents.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"markdownComponents.d.ts","sourceRoot":"","sources":["../../../src/core/MarkdownDescription/markdownComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAIxD,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAczD,eAAO,MAAM,eAAe,GAAI,YAAY,MAAM,KAAG,cAAc,CAAC,UAAU,CAG7E,CAAC;AAEF,KAAK,WAAW,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC;AAClD,KAAK,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,eAAe,CAAC,CAAC;AAE9G,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,SAAS,CAAC;IACrB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IAChC,4EAA4E;IAC5E,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,UAAU,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,mBAAmB,GAAG,IAAI,CAAC,wBAAwB,EAAE,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC;AAEnG,eAAO,MAAM,oBAAoB,GAAI,qCAAqC,mBAAmB;yBACtE,WAAW;8BAKN,WAAW;0BAKf,WAAW;CAKjC,CAAC;AAGH,eAAO,MAAM,uBAAuB,GAAI,QAAQ,KAAK,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,EAAE,YAAY,MAAM;0BACnE,WAAW;0BAKX,WAAW;0BAKX,WAAW;0BAKX,WAAW;CAKjC,CAAC;AA+HH,eAAO,MAAM,wBAAwB,GAAI,QAAQ,wBAAwB,KAAG,UAQ1E,CAAC"}
1
+ {"version":3,"file":"markdownComponents.d.ts","sourceRoot":"","sources":["../../../src/core/MarkdownDescription/markdownComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAIxD,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAczD,eAAO,MAAM,eAAe,GAAI,YAAY,MAAM,KAAG,cAAc,CAAC,UAAU,CAG7E,CAAC;AAEF,KAAK,WAAW,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC;AAClD,KAAK,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,eAAe,CAAC,CAAC;AAE9G,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,SAAS,CAAC;IACrB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IAChC,4EAA4E;IAC5E,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,UAAU,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,mBAAmB,GAAG,IAAI,CAAC,wBAAwB,EAAE,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC;AAEnG,eAAO,MAAM,oBAAoB,GAAI,qCAAqC,mBAAmB;yBACtE,WAAW;8BAKN,WAAW;0BAKf,WAAW;CAKjC,CAAC;AAGH,eAAO,MAAM,uBAAuB,GAAI,QAAQ,KAAK,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,EAAE,YAAY,MAAM;0BACnE,WAAW;0BAKX,WAAW;0BAKX,WAAW;0BAKX,WAAW;CAKjC,CAAC;AAuIH,eAAO,MAAM,wBAAwB,GAAI,QAAQ,wBAAwB,KAAG,UAQ1E,CAAC"}
package/dist/core/MarkdownDescription/markdownComponents.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { FOCUS_ATTRIBUTE, Spacings } from '@alveole/theme';
2
+ import { FOCUS_ATTRIBUTE, focusRingProps, Spacings } from '@alveole/theme';
3
3
  import { AnchorHeading } from '../AnchorHeading';
4
4
  import { Box } from '../Box';
5
5
  import { Code } from '../Code';
@@ -59,7 +59,7 @@ const createCodeComponents = () => ({
59
59
  },
60
60
  });
61
61
  const createTableComponents = ({ bodyStyle, boldStyle, borderColor, headerBg }) => ({
62
- table: ({ children: c }) => (_jsx(Box, { tag: "div", borderWidth: 1, borderColor: borderColor, borderRadius: "md", overflow: "hidden", children: _jsx(Box, { tag: "table", style: { display: 'table', borderCollapse: 'collapse', width: '100%' }, children: c }) })),
62
+ table: ({ children: c }) => (_jsx(Box, { tag: "div", borderWidth: 1, borderColor: borderColor, borderRadius: "md", style: { minWidth: 0, maxWidth: '100%', overflowX: 'auto', overflowY: 'hidden' }, tabIndex: 0, ...focusRingProps(), children: _jsx(Box, { tag: "table", style: { display: 'table', borderCollapse: 'collapse', width: '100%' }, children: c }) })),
63
63
  thead: ({ children: c }) => (_jsx(Box, { tag: "thead", style: { display: 'table-header-group' }, children: c })),
64
64
  tbody: ({ children: c }) => (_jsx(Box, { tag: "tbody", style: { display: 'table-row-group' }, children: c })),
65
65
  tr: ({ children: c }) => (_jsx(Box, { tag: "tr", style: { display: 'table-row' }, children: c })),
package/dist/generated/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const ALVEOLE_COMPONENTS_VERSION: "2.0.0-alpha.21";
1
+ export declare const ALVEOLE_COMPONENTS_VERSION: "2.0.0-alpha.22";
2
2
  //# sourceMappingURL=version.d.ts.map
package/dist/generated/version.js CHANGED
@@ -1 +1 @@
1
- export const ALVEOLE_COMPONENTS_VERSION = "2.0.0-alpha.21";
1
+ export const ALVEOLE_COMPONENTS_VERSION = "2.0.0-alpha.22";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alveole/components",
3
- "version": "2.0.0-alpha.21",
3
+ "version": "2.0.0-alpha.22",
4
4
  "description": "Shared UI components.",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -34,7 +34,7 @@
34
34
  "@testing-library/react-native": "14.1.0",
35
35
  "@types/react-syntax-highlighter": "15.5.13",
36
36
  "babel-preset-expo": "58.0.20",
37
- "eslint": "10.13.0",
37
+ "eslint": "10.14.0",
38
38
  "expo": "58.0.21",
39
39
  "expo-application": "58.1.2",
40
40
  "expo-asset": "58.0.19",