@alveole/components 1.4.0 → 1.5.0

package/dist/generated/version.d.ts

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

package/dist/generated/version.js

@@ -1 +1 @@
-export const ALVEOLE_COMPONENTS_VERSION = "1.4.0";
+export const ALVEOLE_COMPONENTS_VERSION = "1.5.0";

package/dist/stories/index.d.ts

@@ -56,6 +56,7 @@ export * as RadioGroupStory from '../ui/RadioGroup/RadioGroup.stories';
 export * as ResourceListStory from '../ui/ResourceList/ResourceList.stories';
 export * as SelectStory from '../ui/Select/Select.stories';
 export * as SelectMultipleStory from '../ui/SelectMultiple/SelectMultiple.stories';
+export * as SheetStory from '../ui/Sheet/Sheet.stories';
 export * as SidebarStory from '../ui/Sidebar/Sidebar.stories';
 export * as SignatureStory from '../ui/Signature/Signature.stories';
 export * as SpinnerStory from '../ui/Spinner/Spinner.stories';

package/dist/stories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}

package/dist/stories/index.js

@@ -58,6 +58,7 @@ export * as RadioGroupStory from '../ui/RadioGroup/RadioGroup.stories';
 export * as ResourceListStory from '../ui/ResourceList/ResourceList.stories';
 export * as SelectStory from '../ui/Select/Select.stories';
 export * as SelectMultipleStory from '../ui/SelectMultiple/SelectMultiple.stories';
+export * as SheetStory from '../ui/Sheet/Sheet.stories';
 export * as SidebarStory from '../ui/Sidebar/Sidebar.stories';
 export * as SignatureStory from '../ui/Signature/Signature.stories';
 export * as SpinnerStory from '../ui/Spinner/Spinner.stories';

package/dist/ui/Sheet/Sheet.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SheetProps as TamaguiSheetProps } from 'tamagui';
+export type SheetProps = React.PropsWithChildren<{
+    open: TamaguiSheetProps['open'];
+    title: string;
+    points: TamaguiSheetProps['snapPoints'];
+    action?: React.ReactNode | undefined;
+    setOpen: (value: boolean) => void;
+}>;
+export declare const Sheet: (props: SheetProps) => React.JSX.Element;
+//# sourceMappingURL=Sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/ui/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAOjF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,CAAC,CAAC;AAEH,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,sBAqDtC,CAAC"}

package/dist/ui/Sheet/Sheet.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { Sheet as TamaguiSheet } from 'tamagui';
+import { ButtonIcon } from '../Button';
+import { Divider } from '../Divider';
+import { useStyles } from './Sheet.styles';
+import { Box } from '../../core/Box';
+import { Typography } from '../../core/Typography';
+export const Sheet = (props) => {
+    const { children, open, title, points, action, setOpen } = props;
+    const [position, setPosition] = React.useState(0);
+    const styles = useStyles();
+    const { bottom } = useSafeAreaInsets();
+    return (_jsx(Box, { tag: "sheet", style: styles.container, children: _jsxs(TamaguiSheet, { modal: true, forceRemoveScrollEnabled: open, open: open, onOpenChange: setOpen, snapPoints: points, snapPointsMode: 'percent', dismissOnSnapToBottom: true, position: position, onPositionChange: setPosition, zIndex: 100000, animation: "medium", children: [_jsx(TamaguiSheet.Overlay, { style: styles.overlay }), _jsxs(TamaguiSheet.Frame, { style: styles.frame, children: [_jsx(TamaguiSheet.Handle, { style: styles.handle }), _jsxs(Box, { tag: "sheet-header", style: styles.header, children: [_jsx(Box, { children: _jsx(ButtonIcon, { icon: "X", variant: "tertiary", size: "lg", onPress: () => setOpen(false) }) }), _jsx(Box, { flex: 1, children: _jsx(Typography, { style: styles.title, children: title }) }), action && (_jsx(Box, { mt: 'auto', mb: 'auto', children: action }))] }), _jsx(Divider, { ml: '2W', mr: '2W' }), _jsx(Box, { tag: "sheet-content", style: styles.content, pb: bottom, children: children })] })] }) }));
+};

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

@@ -0,0 +1,49 @@
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: true;
+    description: string;
+    component: (props: import("./Sheet").SheetProps) => import("react").JSX.Element;
+    styleFn: () => {
+        container: {};
+        content: {
+            height: "100%";
+            backgroundColor: string;
+            marginTop: string | number;
+        };
+        header: {
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            display: "flex";
+            flexDirection: "row";
+        };
+        handle: {
+            width: "90%";
+            margin: string;
+            height: number;
+            backgroundColor: "#FFFFFF";
+        };
+        frame: {
+            backgroundColor: "#FFFFFF";
+            marginBottom: string | number;
+        };
+        overlay: {
+            backgroundColor: string;
+        };
+        title: {
+            color: string;
+            marginTop: string;
+            marginBottom: string;
+            fontSize: 18;
+            lineHeight: 28;
+            letterSpacing: 0;
+            fontFamily: string;
+            fontWeight?: import("react-native").TextStyle["fontWeight"];
+        };
+    };
+};
+export default _default;
+export declare const Default: () => import("react").JSX.Element;
+export declare const WithAction: () => import("react").JSX.Element;
+export * as Sources from './Sheet.stories.sources';
+//# sourceMappingURL=Sheet.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Sheet/Sheet.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAcnB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAoBtB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}

package/dist/ui/Sheet/Sheet.stories.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, Typography } from '@alveole/components';
+import { useState } from 'react';
+import { Sheet } from './Sheet';
+import { useStyles } from './Sheet.styles';
+export default {
+    title: 'Sheet',
+    tags: ['ui'],
+    experimental: true,
+    description: 'Bottom sheet modal',
+    component: Sheet,
+    styleFn: useStyles,
+};
+export const Default = () => {
+    const [open, setOpen] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx(Box, { display: "flex", flexDirection: "row", children: _jsx(Button, { title: "Ouvrir la modal", variant: "primary", onPress: () => setOpen(true) }) }), _jsx(Sheet, { open: open, setOpen: setOpen, points: [80, 25], title: "Titre", children: _jsx(Typography, { children: "Children" }) })] }));
+};
+export const WithAction = () => {
+    const [open, setOpen] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx(Box, { display: "flex", flexDirection: "row", children: _jsx(Button, { title: "Ouvrir la modal", variant: "primary", onPress: () => setOpen(true) }) }), _jsx(Sheet, { open: open, setOpen: setOpen, points: [50], title: "Titre", action: _jsx(Button, { title: "Action", variant: "tertiary", size: "sm" }), children: _jsx(Typography, { children: "Children" }) })] }));
+};
+export * as Sources from './Sheet.stories.sources';

package/dist/ui/Sheet/Sheet.stories.sources.d.ts

@@ -0,0 +1,8 @@
+export declare const Default: () => string;
+export declare const WithAction: () => string;
+export declare const storySources: {
+    readonly Default: () => string;
+    readonly WithAction: () => string;
+};
+export type StorySourceName = keyof typeof storySources;
+//# sourceMappingURL=Sheet.stories.sources.d.ts.map

package/dist/ui/Sheet/Sheet.stories.sources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Sheet/Sheet.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA4a,CAAC;AAEjc,eAAO,MAAM,UAAU,cAAsiB,CAAC;AAE9jB,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/Sheet/Sheet.stories.sources.js

@@ -0,0 +1,8 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/Sheet/Sheet.stories.tsx
+export const Default = () => "export const Default = () => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <Box display=\"flex\" flexDirection=\"row\">\n        <Button title=\"Ouvrir la modal\" variant=\"primary\" onPress={() => setOpen(true)} />\n      </Box>\n\n      <Sheet open={open} setOpen={setOpen} points={[80, 25]} title=\"Titre\">\n        <Typography>Children</Typography>\n      </Sheet>\n    </>\n  );\n};";
+export const WithAction = () => "export const WithAction = () => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <Box display=\"flex\" flexDirection=\"row\">\n        <Button title=\"Ouvrir la modal\" variant=\"primary\" onPress={() => setOpen(true)} />\n      </Box>\n\n      <Sheet\n        open={open}\n        setOpen={setOpen}\n        points={[50]}\n        title=\"Titre\"\n        action={<Button title=\"Action\" variant=\"tertiary\" size=\"sm\" />}\n      >\n        <Typography>Children</Typography>\n      </Sheet>\n    </>\n  );\n};";
+export const storySources = {
+    Default,
+    WithAction,
+};

package/dist/ui/Sheet/Sheet.styles.d.ts

@@ -0,0 +1,38 @@
+export declare const useStyles: () => {
+    container: {};
+    content: {
+        height: "100%";
+        backgroundColor: string;
+        marginTop: string | number;
+    };
+    header: {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+        display: "flex";
+        flexDirection: "row";
+    };
+    handle: {
+        width: "90%";
+        margin: string;
+        height: number;
+        backgroundColor: "#FFFFFF";
+    };
+    frame: {
+        backgroundColor: "#FFFFFF";
+        marginBottom: string | number;
+    };
+    overlay: {
+        backgroundColor: string;
+    };
+    title: {
+        color: string;
+        marginTop: string;
+        marginBottom: string;
+        fontSize: 18;
+        lineHeight: 28;
+        letterSpacing: 0;
+        fontFamily: string;
+        fontWeight?: import("react-native").TextStyle["fontWeight"];
+    };
+};
+//# sourceMappingURL=Sheet.styles.d.ts.map

package/dist/ui/Sheet/Sheet.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Sheet/Sheet.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;gBAgBO,MAAM;;;;;;;;;;;;;;;;;;;;CAgBhC,CAAC"}

package/dist/ui/Sheet/Sheet.styles.js

@@ -0,0 +1,34 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(({ spacing, text, color }) => ({
+    container: {},
+    content: {
+        height: '100%',
+        backgroundColor: color.light.background['alt-grey'],
+        marginTop: spacing('2W'),
+    },
+    header: {
+        paddingLeft: spacing('2W'),
+        paddingRight: spacing('2W'),
+        display: 'flex',
+        flexDirection: 'row',
+    },
+    handle: {
+        width: '90%',
+        margin: 'auto',
+        height: spacing('2W'),
+        backgroundColor: '#FFFFFF',
+    },
+    frame: {
+        backgroundColor: '#FFFFFF',
+        marginBottom: spacing('3W'),
+    },
+    overlay: {
+        backgroundColor: color.alpha(color.background.inverse, 0.5),
+    },
+    title: {
+        ...text['Corps de texte'].LG.SemiBold,
+        color: color.light.text['title-grey'],
+        marginTop: 'auto',
+        marginBottom: 'auto',
+    },
+}));

package/dist/ui/Sheet/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Sheet';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/Sheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Sheet/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/ui/Sheet/index.js

@@ -0,0 +1 @@
+export * from './Sheet';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",