@alveole/components 0.43.3 → 1.0.1

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

@@ -24,7 +24,7 @@ declare const _default: {
             borderBottomRightRadius: import("@alveole/theme").Spacing;
             gap: import("@alveole/theme").Spacing;
             boxSizing: "border-box";
-            borderColor: "#DEE3EC";
+            borderColor: string;
             borderBottomWidth: number;
             backgroundColor: "transparent";
             overflowX: "scroll";
@@ -46,26 +46,14 @@ declare const _default: {
             gap: import("@alveole/theme").Spacing;
         };
         tabsTabActive: {
-            borderBottomColor: "#0264C7";
+            borderBottomColor: string;
             borderBottomWidth: number;
         };
-        tabsCounter: {
-            fontSize: 12;
-            lineHeight: 20;
-            letterSpacing: 0;
-            fontFamily: string;
-            fontWeight?: import("react-native").TextStyle["fontWeight"];
-            paddingRight: import("@alveole/theme").Spacing;
-            paddingLeft: import("@alveole/theme").Spacing;
-            backgroundColor: "#E6EAF1";
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-        };
-        tabsCounterActive: {};
         wrapperHover: {
             display: "flex";
             flexDirection: "row";
             alignItems: "center";
-            backgroundColor: "rgba(0, 0, 0, 0.04)";
+            backgroundColor: string;
         };
         wrapper: {
             display: "flex";
@@ -79,13 +67,13 @@ declare const _default: {
             paddingBottom: import("@alveole/theme").Spacing;
             paddingLeft: import("@alveole/theme").Spacing;
             paddingRight: import("@alveole/theme").Spacing;
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderRadius: import("@alveole/theme").Radius;
         };
         tabIcon: {
-            color: "#5F6571";
+            color: string;
         };
         tabIconHover: {
-            color: "#373A3F";
+            color: string;
         };
         tabsLabel: {
             fontSize: 14;

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK1B,wBAQkB;AAElB,eAAO,MAAM,OAAO,yBAsBnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK1B,wBAQkB;AAElB,eAAO,MAAM,OAAO,yBAsBnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}

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

@@ -16,7 +16,7 @@ export declare const useStyles: () => {
         borderBottomRightRadius: import("@alveole/theme").Spacing;
         gap: import("@alveole/theme").Spacing;
         boxSizing: "border-box";
-        borderColor: "#DEE3EC";
+        borderColor: string;
         borderBottomWidth: number;
         backgroundColor: "transparent";
         overflowX: "scroll";
@@ -38,26 +38,14 @@ export declare const useStyles: () => {
         gap: import("@alveole/theme").Spacing;
     };
     tabsTabActive: {
-        borderBottomColor: "#0264C7";
+        borderBottomColor: string;
         borderBottomWidth: number;
     };
-    tabsCounter: {
-        fontSize: 12;
-        lineHeight: 20;
-        letterSpacing: 0;
-        fontFamily: string;
-        fontWeight?: import("react-native").TextStyle["fontWeight"];
-        paddingRight: import("@alveole/theme").Spacing;
-        paddingLeft: import("@alveole/theme").Spacing;
-        backgroundColor: "#E6EAF1";
-        borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-    };
-    tabsCounterActive: {};
     wrapperHover: {
         display: "flex";
         flexDirection: "row";
         alignItems: "center";
-        backgroundColor: "rgba(0, 0, 0, 0.04)";
+        backgroundColor: string;
     };
     wrapper: {
         display: "flex";
@@ -71,13 +59,13 @@ export declare const useStyles: () => {
         paddingBottom: import("@alveole/theme").Spacing;
         paddingLeft: import("@alveole/theme").Spacing;
         paddingRight: import("@alveole/theme").Spacing;
-        borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        borderRadius: import("@alveole/theme").Radius;
     };
     tabIcon: {
-        color: "#5F6571";
+        color: string;
     };
     tabIconHover: {
-        color: "#373A3F";
+        color: string;
     };
     tabsLabel: {
         fontSize: 14;

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

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

package/dist/ui/Tabs/Tabs.styles.js

@@ -42,14 +42,6 @@ export const useStyles = makeStyles(({ color, spacing, text, radius }) => ({
         borderBottomColor: color.light.border['default-primary'],
         borderBottomWidth: 2,
     },
-    tabsCounter: {
-        paddingRight: spacing('1W'),
-        paddingLeft: spacing('1W'),
-        backgroundColor: color.light.background['disabled-grey'],
-        borderRadius: radius('full'),
-        ...text['Corps de texte'].XS.Bold,
-    },
-    tabsCounterActive: {},
     wrapperHover: {
         display: 'flex',
         flexDirection: 'row',

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

@@ -10,15 +10,15 @@ declare const _default: {
             display: "block";
         };
         tag: {
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderRadius: import("@alveole/theme").Radius;
         };
         tagDefault: {
-            color: "#151617";
-            backgroundColor: "#EFF1F6";
+            color: string;
+            backgroundColor: string;
         };
         tagAction: {
-            color: "#151617";
-            backgroundColor: "#D2E8FE";
+            color: string;
+            backgroundColor: string;
         };
         tagSm: {
             fontSize: 12;

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

@@ -3,15 +3,15 @@ export declare const useStyles: () => {
         display: "block";
     };
     tag: {
-        borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        borderRadius: import("@alveole/theme").Radius;
     };
     tagDefault: {
-        color: "#151617";
-        backgroundColor: "#EFF1F6";
+        color: string;
+        backgroundColor: string;
     };
     tagAction: {
-        color: "#151617";
-        backgroundColor: "#D2E8FE";
+        color: string;
+        backgroundColor: string;
     };
     tagSm: {
         fontSize: 12;

package/dist/ui/TextField/TextField.d.ts

@@ -0,0 +1,22 @@
+import { FormControlCaptionProps, FormControlHintProps, FormControlLabelProps, TextInputProps } from '@alveole/components';
+import React from 'react';
+export type TextFieldProps = TextInputProps & FormControlLabelProps & FormControlHintProps & FormControlCaptionProps & {
+    type?: 'text' | 'hidden';
+    onChange?: TextInputProps['onChangeText'];
+};
+export declare const TextField: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
+    disabled?: boolean;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    openModal?: boolean;
+    modalSubmitLabel?: string;
+    onModalSubmit?: () => void;
+} & {
+    label: string;
+    labelRight?: React.ReactNode;
+    disabled?: boolean;
+} & FormControlCaptionProps & FormControlHintProps & {
+    type?: "text" | "hidden";
+    onChange?: TextInputProps["onChangeText"];
+} & React.RefAttributes<import("react-native").TextInput>>;
+//# sourceMappingURL=TextField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/ui/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EAIrB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,cAAc,GAAG,cAAc,GACzC,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAC3C,CAAC;AAEJ,eAAO,MAAM,SAAS;;;;;;;;;;;;WAJX,MAAM,GAAG,QAAQ;eACb,cAAc,CAAC,cAAc,CAAC;0DAqC3C,CAAC"}

package/dist/ui/TextField/TextField.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormControlCaption, FormControlHint, FormControlLabel, InputHeading, TextInput, } from '@alveole/components';
+import React from 'react';
+import { useStyles } from './TextField.styles';
+export const TextField = React.forwardRef(function TextField(props, ref) {
+    const { label, labelRight, hint, error, success, disabled, onChange } = props;
+    const styles = useStyles();
+    const keyboardType = 'default';
+    const textContentType = 'none';
+    const autoCapitalize = 'sentences';
+    const autoComplete = 'off';
+    const inputMode = 'text';
+    return (_jsxs(FormControl, { style: styles.textField, children: [_jsxs(InputHeading, { children: [label && (_jsx(FormControlLabel, { labelRight: labelRight, label: label, disabled: disabled, error: error, success: success })), hint && _jsx(FormControlHint, { hint: hint, disabled: disabled })] }), _jsx(TextInput, { ref: ref, keyboardType: keyboardType, textContentType: textContentType, autoCapitalize: autoCapitalize, autoComplete: autoComplete, inputMode: inputMode, onChangeText: onChange, ...props }), (error || success) && _jsx(FormControlCaption, { error: error, success: success })] }));
+});

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

@@ -0,0 +1,29 @@
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: false;
+    description: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
+        disabled?: boolean;
+        startAdornment?: React.ReactNode;
+        endAdornment?: React.ReactNode;
+        openModal?: boolean;
+        modalSubmitLabel?: string;
+        onModalSubmit?: () => void;
+    } & {
+        label: string;
+        labelRight?: React.ReactNode;
+        disabled?: boolean;
+    } & import("..").FormControlCaptionProps & import("..").FormControlHintProps & {
+        type?: "text" | "hidden";
+        onChange?: import("..").TextInputProps["onChangeText"];
+    } & import("react").RefAttributes<import("react-native").TextInput>>;
+    styleFn: () => {
+        textField: {};
+    };
+};
+export default _default;
+export declare const Default: () => import("react").JSX.Element;
+export declare const States: () => import("react").JSX.Element;
+export * as Sources from './TextField.stories.sources';
+//# sourceMappingURL=TextField.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/TextField/TextField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAOlB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,6BAA6B,CAAC"}

package/dist/ui/TextField/TextField.stories.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../../core';
+import { TextField } from './TextField';
+import { useStyles } from './TextField.styles';
+export default {
+    title: 'TextField',
+    tags: ['ui'],
+    experimental: false,
+    description: "Champ de saisie texte avec label, hint, caption d'erreur et de succès.",
+    component: TextField,
+    styleFn: useStyles,
+};
+export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(TextField, { label: "Label", placeholder: "Placeholder" }), _jsx(TextField, { label: "Avec valeur", value: "Valeur saisie" }), _jsx(TextField, { label: "Avec hint", hint: "Texte d'aide", placeholder: "Placeholder" })] }));
+export const States = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(TextField, { label: "Erreur", placeholder: "Placeholder", error: "Ce champ est requis" }), _jsx(TextField, { label: "Succ\u00E8s", placeholder: "Placeholder", success: "Enregistr\u00E9" }), _jsx(TextField, { label: "D\u00E9sactiv\u00E9", placeholder: "Placeholder", disabled: true }), _jsx(TextField, { label: "D\u00E9sactiv\u00E9 avec valeur", value: "Valeur", disabled: true })] }));
+export * as Sources from './TextField.stories.sources';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/TextField/TextField.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA4U,CAAC;AAEjW,eAAO,MAAM,MAAM,cAAgc,CAAC;AAEpd,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -0,0 +1,8 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/TextField/TextField.stories.tsx
+export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <TextField label=\"Label\" placeholder=\"Placeholder\" />\n    <TextField label=\"Avec valeur\" value=\"Valeur saisie\" />\n    <TextField label=\"Avec hint\" hint=\"Texte d'aide\" placeholder=\"Placeholder\" />\n  </Box>\n);";
+export const States = () => "export const States = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <TextField label=\"Erreur\" placeholder=\"Placeholder\" error=\"Ce champ est requis\" />\n    <TextField label=\"Succès\" placeholder=\"Placeholder\" success=\"Enregistré\" />\n    <TextField label=\"Désactivé\" placeholder=\"Placeholder\" disabled />\n    <TextField label=\"Désactivé avec valeur\" value=\"Valeur\" disabled />\n  </Box>\n);";
+export const storySources = {
+    Default,
+    States,
+};

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

@@ -0,0 +1,4 @@
+export declare const useStyles: () => {
+    textField: {};
+};
+//# sourceMappingURL=TextField.styles.d.ts.map

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

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

package/dist/ui/TextField/TextField.styles.js

@@ -0,0 +1,4 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(() => ({
+    textField: {},
+}));

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

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

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

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

package/dist/ui/TextField/index.js

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

package/dist/ui/TextInputArray/TextInputArray.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export type TextInputArrayValue = {
+    value: string;
+    _original: string | null;
+};
+export type TextInputArrayProps = {
+    value?: TextInputArrayValue[];
+    placeholder?: string;
+    addTitle?: string;
+    /** Supprimer les éléments vides à la sortie (par défaut: true) */
+    removeEmpty?: boolean;
+    /** Trim des valeurs à la sortie (par défaut: true) */
+    trim?: boolean;
+    /** Interdire les doublons à la sortie (par défaut: false) */
+    dedupe?: boolean;
+    /** Permet d'interdire la suppression de valeurs (par la valeur _original) */
+    disabledDeleteForOriginals?: string[];
+    onChange?: (value: TextInputArrayValue[]) => void;
+};
+export declare const TextInputArray: (props: TextInputArrayProps) => React.JSX.Element;
+//# sourceMappingURL=TextInputArray.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputArray.d.ts","sourceRoot":"","sources":["../../../src/ui/TextInputArray/TextInputArray.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAIrC,MAAM,MAAM,mBAAmB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAE9E,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sDAAsD;IACtD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6EAA6E;IAC7E,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;CACnD,CAAC;AAgCF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBA+ExD,CAAC"}

package/dist/ui/TextInputArray/TextInputArray.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button } from '@alveole/components';
+import React, { useId } from 'react';
+import { InputButtonAdornment } from '../InputButtonAdornment';
+import { TextField } from '../TextField';
+function normalizeOut(items, { trim = true, removeEmpty = true, dedupe = false }) {
+    let out = items.map(i => ({ value: trim ? i.value.trim() : i.value, _original: i._original }));
+    if (removeEmpty)
+        out = out.filter(v => v.value.trim().length > 0);
+    if (dedupe) {
+        const seen = new Set();
+        const uniq = [];
+        for (const v of out) {
+            if (seen.has(v.value))
+                continue;
+            seen.add(v.value);
+            uniq.push(v);
+        }
+        out = uniq;
+    }
+    return out;
+}
+function useTextFieldId(prefix) {
+    const n = React.useRef(0);
+    return React.useCallback(() => `${prefix}-${++n.current}`, [prefix]);
+}
+export const TextInputArray = (props) => {
+    const { value = [], onChange, placeholder, removeEmpty = true, trim = true, dedupe = false, addTitle = 'Ajouter un élément', disabledDeleteForOriginals = [], } = props;
+    const reactId = useId();
+    const makeId = useTextFieldId(reactId);
+    const [items, setItems] = React.useState(() => (value.length ? value : []).map(v => ({ id: makeId(), ...v })));
+    const emit = React.useCallback((next) => {
+        setItems(next);
+        onChange?.(normalizeOut(next, { trim, removeEmpty, dedupe }));
+    }, [onChange, trim, removeEmpty, dedupe]);
+    const addItem = React.useCallback((atIndex) => {
+        const next = [...items];
+        const idx = typeof atIndex === 'number' ? Math.max(0, Math.min(atIndex + 1, next.length)) : next.length;
+        next.splice(idx, 0, { id: makeId(), value: '', _original: null });
+        emit(next);
+    }, [items, emit, makeId]);
+    const removeItem = React.useCallback((id) => {
+        const next = items.filter(it => it.id !== id);
+        if (next.length === 0)
+            next.push({ id: makeId(), value: '', _original: null });
+        emit(next);
+    }, [items, emit, makeId]);
+    const updateItem = React.useCallback((id, value) => {
+        const next = items.map(it => (it.id === id ? { ...it, value } : it));
+        emit(next);
+    }, [items, emit]);
+    return (_jsxs(Box, { tag: "text-input-array", children: [items.map(item => (_jsx(TextField, { label: "", placeholder: placeholder, type: "text", autoCapitalize: "words", value: item.value, onChangeText: (txt) => updateItem(item.id, txt), endAdornment: item._original != null && disabledDeleteForOriginals.includes(item._original) ? undefined : (_jsx(InputButtonAdornment, { icon: "X", position: "end", onPress: () => removeItem(item.id) })), onBlur: () => emit(items) }, item.id))), _jsx(Box, { display: "flex", flexDirection: "row", pt: '100', justify: 'flex-start', children: _jsx(Button, { variant: "tertiary", startIcon: "Plus", title: addTitle, onPress: () => addItem() }) })] }));
+};

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: false;
+    description: string;
+    component: (props: import("./TextInputArray").TextInputArrayProps) => import("react").JSX.Element;
+    styleFn: () => {};
+};
+export default _default;
+export declare const Default: () => import("react").JSX.Element;
+export declare const WithInitialValues: () => import("react").JSX.Element;
+export * as Sources from './TextInputArray.stories.sources';
+//# sourceMappingURL=TextInputArray.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputArray.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/TextInputArray/TextInputArray.stories.tsx"],"names":[],"mappings":";;;;;;;;AAKA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAYnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAU7B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,kCAAkC,CAAC"}

package/dist/ui/TextInputArray/TextInputArray.stories.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box } from '../../core';
+import { TextInputArray } from './TextInputArray';
+export default {
+    title: 'TextInputArray',
+    tags: ['ui'],
+    experimental: false,
+    description: 'Liste dynamique de champs texte avec ajout et suppression.',
+    component: TextInputArray,
+    styleFn: () => ({}),
+};
+export const Default = () => {
+    const [values, setValues] = useState([]);
+    return (_jsx(Box, { children: _jsx(TextInputArray, { placeholder: "Saisir une valeur...", addTitle: "Ajouter un \u00E9l\u00E9ment", value: values, onChange: setValues }) }));
+};
+export const WithInitialValues = () => {
+    const [values, setValues] = useState([
+        { value: 'Élément 1', _original: 'Élément 1' },
+        { value: 'Élément 2', _original: 'Élément 2' },
+    ]);
+    return (_jsx(Box, { children: _jsx(TextInputArray, { placeholder: "Saisir une valeur...", value: values, onChange: setValues }) }));
+};
+export * as Sources from './TextInputArray.stories.sources';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputArray.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/TextInputArray/TextInputArray.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAwU,CAAC;AAE7V,eAAO,MAAM,iBAAiB,cAAqX,CAAC;AAEpZ,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -0,0 +1,8 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/TextInputArray/TextInputArray.stories.tsx
+export const Default = () => "export const Default = () => {\n  const [values, setValues] = useState<TextInputArrayValue[]>([]);\n  return (\n    <Box>\n      <TextInputArray\n        placeholder=\"Saisir une valeur...\"\n        addTitle=\"Ajouter un élément\"\n        value={values}\n        onChange={setValues}\n      />\n    </Box>\n  );\n};";
+export const WithInitialValues = () => "export const WithInitialValues = () => {\n  const [values, setValues] = useState<TextInputArrayValue[]>([\n    { value: 'Élément 1', _original: 'Élément 1' },\n    { value: 'Élément 2', _original: 'Élément 2' },\n  ]);\n  return (\n    <Box>\n      <TextInputArray placeholder=\"Saisir une valeur...\" value={values} onChange={setValues} />\n    </Box>\n  );\n};";
+export const storySources = {
+    Default,
+    WithInitialValues,
+};

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

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

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

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

package/dist/ui/TextInputArray/index.js

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

package/dist/ui/TextareaField/TextareaField.d.ts

@@ -0,0 +1,22 @@
+import { FormControlCaptionProps, FormControlHintProps, FormControlLabelProps, TextInputProps } from '@alveole/components';
+import React from 'react';
+export type TextareaFieldProps = TextInputProps & FormControlLabelProps & FormControlHintProps & FormControlCaptionProps & {
+    onChange?: TextInputProps['onChangeText'];
+    numberOfLines?: number;
+};
+export declare const TextareaField: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
+    disabled?: boolean;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    openModal?: boolean;
+    modalSubmitLabel?: string;
+    onModalSubmit?: () => void;
+} & {
+    label: string;
+    labelRight?: React.ReactNode;
+    disabled?: boolean;
+} & FormControlCaptionProps & FormControlHintProps & {
+    onChange?: TextInputProps["onChangeText"];
+    numberOfLines?: number;
+} & React.RefAttributes<import("react-native").TextInput>>;
+//# sourceMappingURL=TextareaField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaField.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaField/TextareaField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EAGrB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAC7C,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEJ,eAAO,MAAM,aAAa;;;;;;;;;;;;eAJX,cAAc,CAAC,cAAc,CAAC;oBACzB,MAAM;0DAoBxB,CAAC"}

package/dist/ui/TextareaField/TextareaField.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormControlCaption, FormControlHint, FormControlLabel, InputHeading, } from '@alveole/components';
+import React from 'react';
+import { TextareaInput } from '../TextareaInput';
+export const TextareaField = React.forwardRef(function TextareaField(props, ref) {
+    const { label, labelRight, hint, error, success, disabled, onChange, onModalSubmit, onFocus } = props;
+    return (_jsxs(FormControl, { children: [_jsxs(InputHeading, { children: [label && (_jsx(FormControlLabel, { labelRight: labelRight, label: label, disabled: disabled, error: error, success: success })), hint && _jsx(FormControlHint, { hint: hint, disabled: disabled })] }), _jsx(TextareaInput, { ref: ref, onChangeText: onChange, onModalSubmit: onModalSubmit, onFocus: onFocus, ...props }), (error || success) && _jsx(FormControlCaption, { error: error, success: success })] }));
+});

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

@@ -0,0 +1,26 @@
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: false;
+    description: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
+        disabled?: boolean;
+        startAdornment?: React.ReactNode;
+        endAdornment?: React.ReactNode;
+        openModal?: boolean;
+        modalSubmitLabel?: string;
+        onModalSubmit?: () => void;
+    } & {
+        label: string;
+        labelRight?: React.ReactNode;
+        disabled?: boolean;
+    } & import("..").FormControlCaptionProps & import("..").FormControlHintProps & {
+        onChange?: import("..").TextInputProps["onChangeText"];
+        numberOfLines?: number;
+    } & import("react").RefAttributes<import("react-native").TextInput>>;
+    styleFn: () => {};
+};
+export default _default;
+export declare const Default: () => import("react").JSX.Element;
+export * as Sources from './TextareaField.stories.sources';
+//# sourceMappingURL=TextareaField.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaField.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaField/TextareaField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,iCAAiC,CAAC"}

package/dist/ui/TextareaField/TextareaField.stories.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../../core';
+import { TextareaField } from './TextareaField';
+export default {
+    title: 'TextareaField',
+    tags: ['ui'],
+    experimental: false,
+    description: 'Champ textarea multiline avec label.',
+    component: TextareaField,
+    styleFn: () => ({}),
+};
+export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(TextareaField, { label: "Message", placeholder: "Votre message...", numberOfLines: 4 }), _jsx(TextareaField, { label: "Avec erreur", placeholder: "Votre message...", error: "Ce champ est requis", numberOfLines: 4 }), _jsx(TextareaField, { label: "D\u00E9sactiv\u00E9", value: "Message existant", disabled: true, numberOfLines: 4 })] }));
+export * as Sources from './TextareaField.stories.sources';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaField.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaField/TextareaField.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA8a,CAAC;AAEnc,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -0,0 +1,6 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/TextareaField/TextareaField.stories.tsx
+export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <TextareaField label=\"Message\" placeholder=\"Votre message...\" numberOfLines={4} />\n    <TextareaField label=\"Avec erreur\" placeholder=\"Votre message...\" error=\"Ce champ est requis\" numberOfLines={4} />\n    <TextareaField label=\"Désactivé\" value=\"Message existant\" disabled numberOfLines={4} />\n  </Box>\n);";
+export const storySources = {
+    Default,
+};

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

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

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

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

package/dist/ui/TextareaField/index.js

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