@alveole/components 0.31.3 → 0.32.0

package/dist/core/Lottie/Lottie.d.ts

@@ -2,7 +2,15 @@ import LottieView from 'lottie-react-native';
 import React from 'react';
 export type LottieDimensionValue = number | `${string}%` | undefined;
 export declare const isLottieDimensionValue: (dimension: unknown) => dimension is LottieDimensionValue;
-export type LottieProps = {
+export type LottieLoopProps = {
+    loop: true;
+    onLoop?: React.ComponentProps<typeof LottieView>['onAnimationLoop'];
+};
+export type LottieOneTimeProps = {
+    loop: false;
+    onFinish?: React.ComponentProps<typeof LottieView>['onAnimationFinish'];
+};
+export type LottieProps = (LottieLoopProps | LottieOneTimeProps) & {
     style: React.ComponentProps<typeof LottieView>['style'];
     source: React.ComponentProps<typeof LottieView>['source'];
 };

package/dist/core/Lottie/Lottie.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lottie.d.ts","sourceRoot":"","sources":["../../../src/core/Lottie/Lottie.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,SAAS,CAAC;AACrE,eAAO,MAAM,sBAAsB,GAAI,WAAW,OAAO,KAAG,SAAS,IAAI,oBAMxE,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACxD,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CAUxC,CAAC"}
+{"version":3,"file":"Lottie.d.ts","sourceRoot":"","sources":["../../../src/core/Lottie/Lottie.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,SAAS,CAAC;AACrE,eAAO,MAAM,sBAAsB,GAAI,WAAW,OAAO,KAAG,SAAS,IAAI,oBAMxE,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAAC;CACrE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,KAAK,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,mBAAmB,CAAC,CAAC;CACzE,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,CAAC,eAAe,GAAG,kBAAkB,CAAC,GAAG;IACjE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACxD,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CAUxC,CAAC"}

package/dist/core/Lottie/Lottie.js

@@ -16,5 +16,5 @@ export const Lottie = (props) => {
     const { style } = props;
     const height = style && 'height' in style && isLottieDimensionValue(style.height) ? style.height : undefined;
     const width = style && 'width' in style && isLottieDimensionValue(style.width) ? style.width : undefined;
-    return (_jsx(View, { style: { height, width }, children: _jsx(LottieView, { autoPlay: true, loop: true, resizeMode: "contain", ...props }) }));
+    return (_jsx(View, { style: { height, width }, children: _jsx(LottieView, { autoPlay: true, resizeMode: "contain", ...props }) }));
 };

package/dist/core/Lottie/Lottie.stories.d.ts

@@ -9,4 +9,6 @@ declare const _default: {
 export default _default;
 export declare const Default: () => import("react/jsx-runtime").JSX.Element;
 export declare const Size: () => import("react/jsx-runtime").JSX.Element;
+export declare const Loop: () => import("react/jsx-runtime").JSX.Element;
+export declare const OneTime: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Lottie.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Lottie.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Lottie/Lottie.stories.tsx"],"names":[],"mappings":";;;;;;;;AAIA,wBAOkB;AAElB,eAAO,MAAM,OAAO,+CAA4E,CAAC;AAEjG,eAAO,MAAM,IAAI,+CAA4E,CAAC"}
+{"version":3,"file":"Lottie.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Lottie/Lottie.stories.tsx"],"names":[],"mappings":";;;;;;;;AAIA,wBAOkB;AAElB,eAAO,MAAM,OAAO,+CAAiF,CAAC;AAEtG,eAAO,MAAM,IAAI,+CAAiF,CAAC;AAEnG,eAAO,MAAM,IAAI,+CAAsG,CAAC;AAExH,eAAO,MAAM,OAAO,+CAEnB,CAAC"}

package/dist/core/Lottie/Lottie.stories.js

@@ -9,5 +9,7 @@ export default {
     component: Lottie,
     styleFn: () => 'Aucun style',
 };
-export const Default = () => _jsx(Lottie, { style: { width: 32, height: 32 }, source: dotsAnimation });
-export const Size = () => _jsx(Lottie, { style: { width: 60, height: 60 }, source: dotsAnimation });
+export const Default = () => _jsx(Lottie, { loop: true, style: { width: 32, height: 32 }, source: dotsAnimation });
+export const Size = () => _jsx(Lottie, { loop: true, style: { width: 60, height: 60 }, source: dotsAnimation });
+export const Loop = () => _jsx(Lottie, { loop: true, style: { width: 60, height: 60 }, source: dotsAnimation, onLoop: console.log });
+export const OneTime = () => (_jsx(Lottie, { loop: false, style: { width: 60, height: 60 }, source: dotsAnimation, onFinish: console.log }));

package/dist/ui/Button/Button.d.ts

@@ -15,6 +15,7 @@ export type ButtonProps = Omit<PressableProps, 'children' | 'style'> & {
     borderNone?: boolean;
     leftAlign?: boolean;
     type?: 'button' | 'submit';
+    active?: boolean;
     isLoading?: boolean;
 };
 export declare const Button: React.ForwardRefExoticComponent<Omit<PressableProps, "children" | "style"> & {
@@ -30,6 +31,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<PressableProps
     borderNone?: boolean;
     leftAlign?: boolean;
     type?: "button" | "submit";
+    active?: boolean;
     isLoading?: boolean;
 } & React.RefAttributes<View>>;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAA0C,cAAc,EAA8B,IAAI,EAAE,MAAM,cAAc,CAAC;AACxH,OAAO,EAAO,QAAQ,EAAc,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,SAAS,EAAc,MAAM,eAAe,CAAC;AAOtD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClE,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,MAAM;WAfV,MAAM;WACN,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;aACvB,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM;gBACrD,SAAS,CAAC,MAAM,CAAC;cACnB,SAAS,CAAC,MAAM,CAAC;eAChB,OAAO;qBACD,QAAQ;gBACb,OAAO;gBACP,OAAO;iBACN,OAAO;gBACR,OAAO;WACZ,QAAQ,GAAG,QAAQ;gBACd,OAAO;8BA0MnB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAA0C,cAAc,EAA8B,IAAI,EAAE,MAAM,cAAc,CAAC;AACxH,OAAO,EAAO,QAAQ,EAAc,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,SAAS,EAAc,MAAM,eAAe,CAAC;AAOtD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClE,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,MAAM;WAhBV,MAAM;WACN,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;aACvB,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM;gBACrD,SAAS,CAAC,MAAM,CAAC;cACnB,SAAS,CAAC,MAAM,CAAC;eAChB,OAAO;qBACD,QAAQ;gBACb,OAAO;gBACP,OAAO;iBACN,OAAO;gBACR,OAAO;WACZ,QAAQ,GAAG,QAAQ;aACjB,OAAO;gBACJ,OAAO;8BA4MnB,CAAC"}

package/dist/ui/Button/Button.js

@@ -5,7 +5,7 @@ import { Box, Typography } from '../../core';
 import { LucideIcon } from '../LucideIcon';
 import { useStyles } from './Button.styles';
 export const Button = React.forwardRef(function Button(props, ref) {
-    const { title, type, size, variant, disabled, startIcon, endIcon, noPadding, borderNone, leftAlign, isLoading, selected, fullWidth = false, ContainerProps = {}, ...buttonProps } = props;
+    const { title, type, size, variant, disabled, startIcon, endIcon, noPadding, borderNone, leftAlign, isLoading, selected, fullWidth = false, ContainerProps = {}, active = false, ...buttonProps } = props;
     const { style, hoverStyle, ...containerProps } = ContainerProps;
     const styles = useStyles();
     const containerSize = size === 'sm'
@@ -42,35 +42,35 @@ export const Button = React.forwardRef(function Button(props, ref) {
             applicableStyles = { ...applicableStyles, ...styles.primaryContainer };
             if (disabled)
                 applicableStyles = { ...applicableStyles, ...styles.primaryContainerDisabled };
-            else if (state?.pressed)
+            else if (state?.pressed || active)
                 applicableStyles = { ...applicableStyles, ...styles.primaryContainerPressed };
         }
         else if (variant === 'secondary') {
             applicableStyles = { ...applicableStyles, ...styles.secondaryContainer };
             if (disabled)
                 applicableStyles = { ...applicableStyles, ...styles.secondaryContainerDisabled };
-            else if (state?.pressed)
+            else if (state?.pressed || active)
                 applicableStyles = { ...applicableStyles, ...styles.secondaryContainerPressed };
         }
         else if (variant === 'tertiary') {
             applicableStyles = { ...applicableStyles, ...styles.tertiaryContainer };
             if (disabled)
                 applicableStyles = { ...applicableStyles, ...styles.tertiaryContainerDisabled };
-            else if (state?.pressed)
+            else if (state?.pressed || active)
                 applicableStyles = { ...applicableStyles, ...styles.tertiaryContainerPressed };
         }
         else if (variant === 'danger') {
             applicableStyles = { ...applicableStyles, ...styles.dangerContainer };
             if (disabled)
                 applicableStyles = { ...applicableStyles, ...styles.dangerContainerDisabled };
-            else if (state?.pressed)
+            else if (state?.pressed || active)
                 applicableStyles = { ...applicableStyles, ...styles.dangerContainerPressed };
         }
         else if (variant === 'link') {
             applicableStyles = { ...applicableStyles, ...styles.linkContainer };
             if (disabled)
                 applicableStyles = { ...applicableStyles, ...styles.tertiaryContainerDisabled };
-            else if (state?.pressed)
+            else if (state?.pressed || active)
                 applicableStyles = { ...applicableStyles, ...styles.linkContainerPressed };
         }
         return {

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

@@ -17,6 +17,7 @@ declare const _default: {
         borderNone?: boolean;
         leftAlign?: boolean;
         type?: "button" | "submit";
+        active?: boolean;
         isLoading?: boolean;
     } & import("react").RefAttributes<import("react-native").View>>;
     styleFn: () => {
@@ -308,4 +309,5 @@ export declare const Link: () => import("react/jsx-runtime").JSX.Element;
 export declare const Icons: () => import("react/jsx-runtime").JSX.Element;
 export declare const FullWidth: () => import("react/jsx-runtime").JSX.Element;
 export declare const Selected: () => import("react/jsx-runtime").JSX.Element;
+export declare const Active: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Button.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,KAAK,+CAMjB,CAAC;AAEF,eAAO,MAAM,OAAO,+CAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,+CAKlB,CAAC;AAEF,eAAO,MAAM,IAAI,+CAQhB,CAAC;AAEF,eAAO,MAAM,KAAK,+CAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAAkE,CAAC;AAEzF,eAAO,MAAM,QAAQ,+CAIpB,CAAC"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,KAAK,+CAMjB,CAAC;AAEF,eAAO,MAAM,OAAO,+CAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,+CAKlB,CAAC;AAEF,eAAO,MAAM,IAAI,+CAQhB,CAAC;AAEF,eAAO,MAAM,KAAK,+CAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAAkE,CAAC;AAEzF,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAEF,eAAO,MAAM,MAAM,+CAKlB,CAAC"}

package/dist/ui/Button/Button.stories.js

@@ -21,3 +21,4 @@ export const Link = () => (_jsxs(_Fragment, { children: [_jsx(Typography, { chil
 export const Icons = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "primary", title: "Start Icon", startIcon: "Plus" }), _jsx(Button, { variant: "primary", title: "End Icon", endIcon: "Plus" }), _jsx(Button, { variant: "primary", title: "End Icon", endIcon: "Plus" }), _jsx(ButtonIcon, { variant: "primary", icon: "CircleUser" }), _jsx(ButtonIcon, { variant: "primary", icon: "CircleUser" })] }));
 export const FullWidth = () => _jsx(Button, { variant: "primary", title: "Full Width", fullWidth: true });
 export const Selected = () => (_jsx(Box, { display: "flex", flexDirection: "row", gap: 4, children: _jsx(Button, { variant: "secondary", title: "Selected", selected: true }) }));
+export const Active = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Typography, { children: "Utilis\u00E9 quand le bouton est actif (ex: quand un menu est ouvert)" }), _jsx(Button, { variant: "secondary", title: "Active", active: true })] }));

package/package.json

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