@alveole/components 0.43.0 → 0.43.2
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.
- package/dist/core/Form/Form.stories.d.ts +1 -1
- package/dist/core/Form/Form.stories.js +1 -1
- package/dist/generated/version.d.ts +1 -1
- package/dist/generated/version.js +1 -1
- package/dist/stories/index.d.ts +1 -0
- package/dist/stories/index.d.ts.map +1 -1
- package/dist/stories/index.js +1 -0
- package/dist/ui/FormControl/FormControl.stories.d.ts +1 -1
- package/dist/ui/FormControl/FormControl.stories.d.ts.map +1 -1
- package/dist/ui/FormControl/FormControl.stories.js +11 -10
- package/dist/ui/FormControl/FormControl.stories.sources.d.ts.map +1 -1
- package/dist/ui/FormControl/FormControl.stories.sources.js +9 -9
- package/dist/ui/InputHeading/InputHeading.d.ts +6 -0
- package/dist/ui/InputHeading/InputHeading.d.ts.map +1 -0
- package/dist/ui/InputHeading/InputHeading.js +8 -0
- package/dist/ui/InputHeading/InputHeading.stories.d.ts +19 -0
- package/dist/ui/InputHeading/InputHeading.stories.d.ts.map +1 -0
- package/dist/ui/InputHeading/InputHeading.stories.js +16 -0
- package/dist/ui/InputHeading/InputHeading.stories.sources.d.ts +8 -0
- package/dist/ui/InputHeading/InputHeading.stories.sources.d.ts.map +1 -0
- package/dist/ui/InputHeading/InputHeading.stories.sources.js +8 -0
- package/dist/ui/InputHeading/InputHeading.styles.d.ts +8 -0
- package/dist/ui/InputHeading/InputHeading.styles.d.ts.map +1 -0
- package/dist/ui/InputHeading/InputHeading.styles.js +8 -0
- package/dist/ui/InputHeading/index.d.ts +2 -0
- package/dist/ui/InputHeading/index.d.ts.map +1 -0
- package/dist/ui/InputHeading/index.js +1 -0
- package/dist/ui/LucideIcon/LucideIcon.js +1 -1
- package/dist/ui/index.d.ts +1 -0
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +1 -0
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ import { Form } from './Form';
|
|
|
6
6
|
import { useStyles } from './Form.styles';
|
|
7
7
|
export default {
|
|
8
8
|
title: 'Form',
|
|
9
|
-
tags: ['
|
|
9
|
+
tags: ['core'],
|
|
10
10
|
experimental: false,
|
|
11
11
|
description: "Empêche le clavier de cacher les TextInput sur iOS et permet de quitter le clavier au clique sur l'écran. Doit être utilisé pour contenir tous les fomulaires (pas de <form> en React Native).",
|
|
12
12
|
component: Form,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const ALVEOLE_COMPONENTS_VERSION: "0.43.
|
|
1
|
+
export declare const ALVEOLE_COMPONENTS_VERSION: "0.43.2";
|
|
2
2
|
//# sourceMappingURL=version.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const ALVEOLE_COMPONENTS_VERSION = "0.43.
|
|
1
|
+
export const ALVEOLE_COMPONENTS_VERSION = "0.43.2";
|
package/dist/stories/index.d.ts
CHANGED
|
@@ -23,6 +23,7 @@ export * as DocumentViewerStory from '../ui/DocumentViewer/DocumentViewer.storie
|
|
|
23
23
|
export * as EmptyStateStory from '../ui/EmptyState/EmptyState.stories';
|
|
24
24
|
export * as FormControlStory from '../ui/FormControl/FormControl.stories';
|
|
25
25
|
export * as HeaderStory from '../ui/Header/Header.stories';
|
|
26
|
+
export * as InputHeadingStory from '../ui/InputHeading/InputHeading.stories';
|
|
26
27
|
export * as ListItemStory from '../ui/ListItem/ListItem.stories';
|
|
27
28
|
export * as LucideIconStory from '../ui/LucideIcon/LucideIcon.stories';
|
|
28
29
|
export * as PageHeaderStory from '../ui/PageHeader/PageHeader.stories';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,SAAS,MAAM,qCAAqC,CAAC;AACjE,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,WAAW,MAAM,+BAA+B,CAAC;AAC7D,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,aAAa,MAAM,mCAAmC,CAAC;AACnE,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,cAAc,MAAM,qCAAqC,CAAC;AACtE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,eAAe,MAAM,uCAAuC,CAAC;AACzE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAGhE,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,SAAS,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,mBAAmB,MAAM,6CAA6C,CAAC;AACnF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,aAAa,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,cAAc,MAAM,mCAAmC,CAAC;AACpE,OAAO,KAAK,SAAS,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,QAAQ,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,qBAAqB,MAAM,iDAAiD,CAAC;AACzF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,SAAS,MAAM,qCAAqC,CAAC;AACjE,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,WAAW,MAAM,+BAA+B,CAAC;AAC7D,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,aAAa,MAAM,mCAAmC,CAAC;AACnE,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,cAAc,MAAM,qCAAqC,CAAC;AACtE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,eAAe,MAAM,uCAAuC,CAAC;AACzE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAGhE,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,SAAS,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,mBAAmB,MAAM,6CAA6C,CAAC;AACnF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,aAAa,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,cAAc,MAAM,mCAAmC,CAAC;AACpE,OAAO,KAAK,SAAS,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,QAAQ,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,qBAAqB,MAAM,iDAAiD,CAAC;AACzF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC"}
|
package/dist/stories/index.js
CHANGED
|
@@ -25,6 +25,7 @@ export * as DocumentViewerStory from '../ui/DocumentViewer/DocumentViewer.storie
|
|
|
25
25
|
export * as EmptyStateStory from '../ui/EmptyState/EmptyState.stories';
|
|
26
26
|
export * as FormControlStory from '../ui/FormControl/FormControl.stories';
|
|
27
27
|
export * as HeaderStory from '../ui/Header/Header.stories';
|
|
28
|
+
export * as InputHeadingStory from '../ui/InputHeading/InputHeading.stories';
|
|
28
29
|
export * as ListItemStory from '../ui/ListItem/ListItem.stories';
|
|
29
30
|
export * as LucideIconStory from '../ui/LucideIcon/LucideIcon.stories';
|
|
30
31
|
export * as PageHeaderStory from '../ui/PageHeader/PageHeader.stories';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControl.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControl.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"FormControl.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControl.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,wBAOkB;AAElB,eAAO,MAAM,aAAa,mCAQzB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAQrB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAQvB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAOrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mCAiB9B,CAAC;AAEF,eAAO,MAAM,KAAK,mCAQjB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAKnB,CAAC;AAEF,eAAO,MAAM,IAAI,mCAKhB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAejB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAqCvB,CAAC;AAEF,eAAO,MAAM,SAAS,mCA0BrB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAwBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAWpB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { Box, Typography } from '../../core';
|
|
4
4
|
import { Button } from '../Button';
|
|
5
|
+
import { InputHeading } from '../InputHeading';
|
|
5
6
|
import { FormControl } from './FormControl';
|
|
6
7
|
import { useStyles } from './FormControl.styles';
|
|
7
8
|
import { FormControlCaption } from './FormControlCaption';
|
|
@@ -15,19 +16,19 @@ import { FormControlOtpInput } from './FormControlOtpInput';
|
|
|
15
16
|
import { TextInput } from './TextInput';
|
|
16
17
|
export default {
|
|
17
18
|
title: 'FormControl',
|
|
18
|
-
tags: ['
|
|
19
|
+
tags: ['ui'],
|
|
19
20
|
experimental: false,
|
|
20
21
|
description: 'Eléments de construction de champs de saisie (label, input, helper text).',
|
|
21
22
|
component: FormControl,
|
|
22
23
|
styleFn: useStyles,
|
|
23
24
|
};
|
|
24
|
-
export const WithTextInput = () => (_jsxs(FormControl, { children: [_jsx(FormControlLabel, { label: "Adresse email" }), _jsx(
|
|
25
|
-
export const WithError = () => (_jsxs(FormControl, { children: [_jsx(FormControlLabel, { label: "Adresse email", error: "Format invalide" }), _jsx(TextInput, { placeholder: "jean@exemple.fr" }), _jsx(FormControlCaption, { error: "Format invalide" })] }));
|
|
26
|
-
export const WithSuccess = () => (_jsxs(FormControl, { children: [_jsx(FormControlLabel, { label: "Adresse email", success: "Email valide" }), _jsx(TextInput, { placeholder: "jean@exemple.fr" }), _jsx(FormControlCaption, { success: "Email valide" })] }));
|
|
27
|
-
export const Multiline = () => (_jsxs(FormControl, { children: [_jsx(FormControlLabel, { label: "Message" }), _jsx(TextInput, { placeholder: "Votre message...", multiline: true, numberOfLines: 4 })] }));
|
|
25
|
+
export const WithTextInput = () => (_jsxs(FormControl, { children: [_jsxs(InputHeading, { children: [_jsx(FormControlLabel, { label: "Adresse email" }), _jsx(FormControlHint, { hint: "Votre email professionnel" })] }), _jsx(TextInput, { placeholder: "jean@exemple.fr", keyboardType: "email-address" })] }));
|
|
26
|
+
export const WithError = () => (_jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Adresse email", error: "Format invalide" }) }), _jsx(TextInput, { placeholder: "jean@exemple.fr" }), _jsx(FormControlCaption, { error: "Format invalide" })] }));
|
|
27
|
+
export const WithSuccess = () => (_jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Adresse email", success: "Email valide" }) }), _jsx(TextInput, { placeholder: "jean@exemple.fr" }), _jsx(FormControlCaption, { success: "Email valide" })] }));
|
|
28
|
+
export const Multiline = () => (_jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Message" }) }), _jsx(TextInput, { placeholder: "Votre message...", multiline: true, numberOfLines: 4 })] }));
|
|
28
29
|
export const MultilineWithModal = () => {
|
|
29
30
|
const [text, setText] = useState('');
|
|
30
|
-
return (_jsxs(FormControl, { children: [_jsx(FormControlLabel, { label: "Description" }), _jsx(TextInput, { value: text, onChangeText: setText, placeholder: "Taper pour ouvrir la modale de saisie...", multiline: true, openModal: true, modalSubmitLabel: "Confirmer" })] }));
|
|
31
|
+
return (_jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Description" }) }), _jsx(TextInput, { value: text, onChangeText: setText, placeholder: "Taper pour ouvrir la modale de saisie...", multiline: true, openModal: true, modalSubmitLabel: "Confirmer" })] }));
|
|
31
32
|
};
|
|
32
33
|
export const Label = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 8, children: [_jsx(FormControlLabel, { label: "Label par defaut" }), _jsx(FormControlLabel, { label: "Desactive", disabled: true }), _jsx(FormControlLabel, { label: "Erreur", error: "Message erreur" }), _jsx(FormControlLabel, { label: "Succes", success: "Message succes" }), _jsx(FormControlLabel, { label: "Avec badge", labelRight: _jsx(Typography, { children: "Optionnel" }) })] }));
|
|
33
34
|
export const Caption = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 8, children: [_jsx(FormControlCaption, { error: "Champ requis" }), _jsx(FormControlCaption, { success: "Valeur correcte" })] }));
|
|
@@ -38,20 +39,20 @@ export const Modal = () => {
|
|
|
38
39
|
};
|
|
39
40
|
export const NumberInput = () => {
|
|
40
41
|
const [value, setValue] = useState(null);
|
|
41
|
-
return (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 12, children: [_jsxs(FormControl, { children: [_jsx(FormControlLabel, { label: "Montant" }), _jsx(FormControlNumberInput, { value: value, onChange: setValue, placeholder: "0" })] }), _jsxs(FormControl, { children: [_jsx(FormControlLabel, { label: "Avec unites" }), _jsx(FormControlNumberInput, { value: value, onChange: setValue, startAdornment: _jsx(Box, { style: { paddingLeft: 8, paddingRight: 4 }, children: _jsx(Typography, { children: "\u20AC" }) }), endAdornment: _jsx(Box, { style: { paddingLeft: 4, paddingRight: 8 }, children: _jsx(Typography, { children: "TTC" }) }) })] }), _jsxs(FormControl, { children: [_jsx(FormControlLabel, { label: "Desactive" }), _jsx(FormControlNumberInput, { value: 42, onChange: () => { }, disabled: true })] })] }));
|
|
42
|
+
return (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 12, children: [_jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Montant" }) }), _jsx(FormControlNumberInput, { value: value, onChange: setValue, placeholder: "0" })] }), _jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Avec unites" }) }), _jsx(FormControlNumberInput, { value: value, onChange: setValue, startAdornment: _jsx(Box, { style: { paddingLeft: 8, paddingRight: 4 }, children: _jsx(Typography, { children: "\u20AC" }) }), endAdornment: _jsx(Box, { style: { paddingLeft: 4, paddingRight: 8 }, children: _jsx(Typography, { children: "TTC" }) }) })] }), _jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Desactive" }) }), _jsx(FormControlNumberInput, { value: 42, onChange: () => { }, disabled: true })] })] }));
|
|
42
43
|
};
|
|
43
44
|
export const DateInput = () => {
|
|
44
45
|
const [date, setDate] = useState('');
|
|
45
46
|
const [time, setTime] = useState('');
|
|
46
47
|
const [month, setMonth] = useState('');
|
|
47
|
-
return (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 12, children: [_jsxs(FormControl, { children: [_jsx(FormControlLabel, { label: "Date" }), _jsx(FormControlDateInput, { type: "date", value: date, onChange: setDate })] }), _jsxs(FormControl, { children: [_jsx(FormControlLabel, { label: "Heure" }), _jsx(FormControlDateInput, { type: "time", value: time, onChange: setTime })] }), _jsxs(FormControl, { children: [_jsx(FormControlLabel, { label: "Mois" }), _jsx(FormControlDateInput, { type: "month", value: month, onChange: setMonth })] })] }));
|
|
48
|
+
return (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 12, children: [_jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Date" }) }), _jsx(FormControlDateInput, { type: "date", value: date, onChange: setDate })] }), _jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Heure" }) }), _jsx(FormControlDateInput, { type: "time", value: time, onChange: setTime })] }), _jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Mois" }) }), _jsx(FormControlDateInput, { type: "month", value: month, onChange: setMonth })] })] }));
|
|
48
49
|
};
|
|
49
50
|
export const FileInput = () => {
|
|
50
51
|
const [file, setFile] = useState(null);
|
|
51
|
-
return (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 12, children: [_jsxs(FormControl, { children: [_jsx(FormControlLabel, { label: "Piece jointe" }), _jsx(FormControlFileInput, { value: file, onChange: setFile })] }), _jsxs(FormControl, { children: [_jsx(FormControlLabel, { label: "Plusieurs fichiers" }), _jsx(FormControlFileInput, { value: file, onChange: setFile, multiple: true })] }), _jsxs(FormControl, { children: [_jsx(FormControlLabel, { label: "Desactive", disabled: true }), _jsx(FormControlFileInput, { value: null, onChange: () => { }, disabled: true })] })] }));
|
|
52
|
+
return (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 12, children: [_jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Piece jointe" }) }), _jsx(FormControlFileInput, { value: file, onChange: setFile })] }), _jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Plusieurs fichiers" }) }), _jsx(FormControlFileInput, { value: file, onChange: setFile, multiple: true })] }), _jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Desactive", disabled: true }) }), _jsx(FormControlFileInput, { value: null, onChange: () => { }, disabled: true })] })] }));
|
|
52
53
|
};
|
|
53
54
|
export const OtpInput = () => {
|
|
54
55
|
const [code, setCode] = useState('');
|
|
55
|
-
return (_jsxs(FormControl, { children: [_jsx(FormControlLabel, { label: "Code de verification" }), _jsx(FormControlOtpInput, { numberOfDigits: 6, onTextChange: setCode }), code.length === 6 && _jsx(FormControlCaption, { success: `Code saisi : ${code}` })] }));
|
|
56
|
+
return (_jsxs(FormControl, { children: [_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Code de verification" }) }), _jsx(FormControlOtpInput, { numberOfDigits: 6, onTextChange: setCode }), code.length === 6 && _jsx(FormControlCaption, { success: `Code saisi : ${code}` })] }));
|
|
56
57
|
};
|
|
57
58
|
export * as Sources from './FormControl.stories.sources';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControl.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControl.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"FormControl.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControl.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,cAAmU,CAAC;AAE9V,eAAO,MAAM,SAAS,cAAkT,CAAC;AAEzU,eAAO,MAAM,WAAW,cAAkT,CAAC;AAE3U,eAAO,MAAM,SAAS,cAAyP,CAAC;AAEhR,eAAO,MAAM,kBAAkB,cAA6d,CAAC;AAE7f,eAAO,MAAM,KAAK,cAAqc,CAAC;AAExd,eAAO,MAAM,OAAO,cAA6N,CAAC;AAElP,eAAO,MAAM,IAAI,cAAsO,CAAC;AAExP,eAAO,MAAM,KAAK,cAA2f,CAAC;AAE9gB,eAAO,MAAM,WAAW,cAA8sC,CAAC;AAEvuC,eAAO,MAAM,SAAS,cAA65B,CAAC;AAEp7B,eAAO,MAAM,SAAS,cAA+2B,CAAC;AAEt4B,eAAO,MAAM,QAAQ,cAAyZ,CAAC;AAE/a,eAAO,MAAM,YAAY;;;;;;;;;;;;;;CAcf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
// This file is generated. Do not edit manually.
|
|
2
2
|
// Source: src/ui/FormControl/FormControl.stories.tsx
|
|
3
|
-
export const WithTextInput = () => "export const WithTextInput = () => (\n <FormControl>\n <FormControlLabel label=\"Adresse email\" />\n <TextInput placeholder=\"jean@exemple.fr\" keyboardType=\"email-address\" />\n
|
|
4
|
-
export const WithError = () => "export const WithError = () => (\n <FormControl>\n <FormControlLabel label=\"Adresse email\" error=\"Format invalide\" />\n <TextInput placeholder=\"jean@exemple.fr\" />\n <FormControlCaption error=\"Format invalide\" />\n </FormControl>\n);";
|
|
5
|
-
export const WithSuccess = () => "export const WithSuccess = () => (\n <FormControl>\n <FormControlLabel label=\"Adresse email\" success=\"Email valide\" />\n <TextInput placeholder=\"jean@exemple.fr\" />\n <FormControlCaption success=\"Email valide\" />\n </FormControl>\n);";
|
|
6
|
-
export const Multiline = () => "export const Multiline = () => (\n <FormControl>\n <FormControlLabel label=\"Message\" />\n <TextInput placeholder=\"Votre message...\" multiline numberOfLines={4} />\n </FormControl>\n);";
|
|
7
|
-
export const MultilineWithModal = () => "export const MultilineWithModal = () => {\n const [text, setText] = useState('');\n return (\n <FormControl>\n <FormControlLabel label=\"Description\" />\n <TextInput\n value={text}\n onChangeText={setText}\n placeholder=\"Taper pour ouvrir la modale de saisie...\"\n multiline\n openModal\n modalSubmitLabel=\"Confirmer\"\n />\n </FormControl>\n );\n};";
|
|
3
|
+
export const WithTextInput = () => "export const WithTextInput = () => (\n <FormControl>\n <InputHeading>\n <FormControlLabel label=\"Adresse email\" />\n <FormControlHint hint=\"Votre email professionnel\" />\n </InputHeading>\n <TextInput placeholder=\"jean@exemple.fr\" keyboardType=\"email-address\" />\n </FormControl>\n);";
|
|
4
|
+
export const WithError = () => "export const WithError = () => (\n <FormControl>\n <InputHeading>\n <FormControlLabel label=\"Adresse email\" error=\"Format invalide\" />\n </InputHeading>\n <TextInput placeholder=\"jean@exemple.fr\" />\n <FormControlCaption error=\"Format invalide\" />\n </FormControl>\n);";
|
|
5
|
+
export const WithSuccess = () => "export const WithSuccess = () => (\n <FormControl>\n <InputHeading>\n <FormControlLabel label=\"Adresse email\" success=\"Email valide\" />\n </InputHeading>\n <TextInput placeholder=\"jean@exemple.fr\" />\n <FormControlCaption success=\"Email valide\" />\n </FormControl>\n);";
|
|
6
|
+
export const Multiline = () => "export const Multiline = () => (\n <FormControl>\n <InputHeading>\n <FormControlLabel label=\"Message\" />\n </InputHeading>\n <TextInput placeholder=\"Votre message...\" multiline numberOfLines={4} />\n </FormControl>\n);";
|
|
7
|
+
export const MultilineWithModal = () => "export const MultilineWithModal = () => {\n const [text, setText] = useState('');\n return (\n <FormControl>\n <InputHeading>\n <FormControlLabel label=\"Description\" />\n </InputHeading>\n <TextInput\n value={text}\n onChangeText={setText}\n placeholder=\"Taper pour ouvrir la modale de saisie...\"\n multiline\n openModal\n modalSubmitLabel=\"Confirmer\"\n />\n </FormControl>\n );\n};";
|
|
8
8
|
export const Label = () => "export const Label = () => (\n <Box display=\"flex\" flexDirection=\"column\" gap={8}>\n <FormControlLabel label=\"Label par defaut\" />\n <FormControlLabel label=\"Desactive\" disabled />\n <FormControlLabel label=\"Erreur\" error=\"Message erreur\" />\n <FormControlLabel label=\"Succes\" success=\"Message succes\" />\n <FormControlLabel label=\"Avec badge\" labelRight={<Typography>Optionnel</Typography>} />\n </Box>\n);";
|
|
9
9
|
export const Caption = () => "export const Caption = () => (\n <Box display=\"flex\" flexDirection=\"column\" gap={8}>\n <FormControlCaption error=\"Champ requis\" />\n <FormControlCaption success=\"Valeur correcte\" />\n </Box>\n);";
|
|
10
10
|
export const Hint = () => "export const Hint = () => (\n <Box display=\"flex\" flexDirection=\"column\" gap={8}>\n <FormControlHint hint=\"Texte descriptif du champ\" />\n <FormControlHint hint=\"Texte desactive\" disabled />\n </Box>\n);";
|
|
11
11
|
export const Modal = () => "export const Modal = () => {\n const [open, setOpen] = useState(false);\n return (\n <Box>\n <Button variant=\"secondary\" title=\"Ouvrir la modale\" onPress={() => setOpen(true)} />\n <FormControlModal\n open={open}\n onClose={() => setOpen(false)}\n submitLabel=\"Valider\"\n onSubmit={() => setOpen(false)}\n >\n <TextInput placeholder=\"Saisir un texte...\" multiline numberOfLines={6} />\n </FormControlModal>\n </Box>\n );\n};";
|
|
12
|
-
export const NumberInput = () => "export const NumberInput = () => {\n const [value, setValue] = useState<number | null>(null);\n return (\n <Box display=\"flex\" flexDirection=\"column\" gap={12}>\n <FormControl>\n <FormControlLabel label=\"Montant\" />\n <FormControlNumberInput value={value} onChange={setValue} placeholder=\"0\" />\n </FormControl>\n <FormControl>\n <FormControlLabel label=\"Avec unites\" />\n <FormControlNumberInput\n value={value}\n onChange={setValue}\n startAdornment={\n <Box style={{ paddingLeft: 8, paddingRight: 4 }}>\n <Typography>€</Typography>\n </Box>\n }\n endAdornment={\n <Box style={{ paddingLeft: 4, paddingRight: 8 }}>\n <Typography>TTC</Typography>\n </Box>\n }\n />\n </FormControl>\n <FormControl>\n <FormControlLabel label=\"Desactive\" />\n <FormControlNumberInput value={42} onChange={() => {}} disabled />\n </FormControl>\n </Box>\n );\n};";
|
|
13
|
-
export const DateInput = () => "export const DateInput = () => {\n const [date, setDate] = useState('');\n const [time, setTime] = useState('');\n const [month, setMonth] = useState('');\n return (\n <Box display=\"flex\" flexDirection=\"column\" gap={12}>\n <FormControl>\n <FormControlLabel label=\"Date\" />\n <FormControlDateInput type=\"date\" value={date} onChange={setDate} />\n </FormControl>\n <FormControl>\n <FormControlLabel label=\"Heure\" />\n <FormControlDateInput type=\"time\" value={time} onChange={setTime} />\n </FormControl>\n <FormControl>\n <FormControlLabel label=\"Mois\" />\n <FormControlDateInput type=\"month\" value={month} onChange={setMonth} />\n </FormControl>\n </Box>\n );\n};";
|
|
14
|
-
export const FileInput = () => "export const FileInput = () => {\n const [file, setFile] = useState<FormControlFileInputValue>(null);\n return (\n <Box display=\"flex\" flexDirection=\"column\" gap={12}>\n <FormControl>\n <FormControlLabel label=\"Piece jointe\" />\n <FormControlFileInput value={file} onChange={setFile} />\n </FormControl>\n <FormControl>\n <FormControlLabel label=\"Plusieurs fichiers\" />\n <FormControlFileInput value={file} onChange={setFile} multiple />\n </FormControl>\n <FormControl>\n <FormControlLabel label=\"Desactive\" disabled />\n <FormControlFileInput value={null} onChange={() => {}} disabled />\n </FormControl>\n </Box>\n );\n};";
|
|
15
|
-
export const OtpInput = () => "export const OtpInput = () => {\n const [code, setCode] = useState('');\n return (\n <FormControl>\n <FormControlLabel label=\"Code de verification\" />\n <FormControlOtpInput numberOfDigits={6} onTextChange={setCode} />\n {code.length === 6 && <FormControlCaption success={`Code saisi : ${code}`} />}\n </FormControl>\n );\n};";
|
|
12
|
+
export const NumberInput = () => "export const NumberInput = () => {\n const [value, setValue] = useState<number | null>(null);\n return (\n <Box display=\"flex\" flexDirection=\"column\" gap={12}>\n <FormControl>\n <InputHeading>\n <FormControlLabel label=\"Montant\" />\n </InputHeading>\n <FormControlNumberInput value={value} onChange={setValue} placeholder=\"0\" />\n </FormControl>\n <FormControl>\n <InputHeading>\n <FormControlLabel label=\"Avec unites\" />\n </InputHeading>\n <FormControlNumberInput\n value={value}\n onChange={setValue}\n startAdornment={\n <Box style={{ paddingLeft: 8, paddingRight: 4 }}>\n <Typography>€</Typography>\n </Box>\n }\n endAdornment={\n <Box style={{ paddingLeft: 4, paddingRight: 8 }}>\n <Typography>TTC</Typography>\n </Box>\n }\n />\n </FormControl>\n <FormControl>\n <InputHeading>\n <FormControlLabel label=\"Desactive\" />\n </InputHeading>\n <FormControlNumberInput value={42} onChange={() => {}} disabled />\n </FormControl>\n </Box>\n );\n};";
|
|
13
|
+
export const DateInput = () => "export const DateInput = () => {\n const [date, setDate] = useState('');\n const [time, setTime] = useState('');\n const [month, setMonth] = useState('');\n return (\n <Box display=\"flex\" flexDirection=\"column\" gap={12}>\n <FormControl>\n <InputHeading>\n <FormControlLabel label=\"Date\" />\n </InputHeading>\n <FormControlDateInput type=\"date\" value={date} onChange={setDate} />\n </FormControl>\n <FormControl>\n <InputHeading>\n <FormControlLabel label=\"Heure\" />\n </InputHeading>\n <FormControlDateInput type=\"time\" value={time} onChange={setTime} />\n </FormControl>\n <FormControl>\n <InputHeading>\n <FormControlLabel label=\"Mois\" />\n </InputHeading>\n <FormControlDateInput type=\"month\" value={month} onChange={setMonth} />\n </FormControl>\n </Box>\n );\n};";
|
|
14
|
+
export const FileInput = () => "export const FileInput = () => {\n const [file, setFile] = useState<FormControlFileInputValue>(null);\n return (\n <Box display=\"flex\" flexDirection=\"column\" gap={12}>\n <FormControl>\n <InputHeading>\n <FormControlLabel label=\"Piece jointe\" />\n </InputHeading>\n <FormControlFileInput value={file} onChange={setFile} />\n </FormControl>\n <FormControl>\n <InputHeading>\n <FormControlLabel label=\"Plusieurs fichiers\" />\n </InputHeading>\n <FormControlFileInput value={file} onChange={setFile} multiple />\n </FormControl>\n <FormControl>\n <InputHeading>\n <FormControlLabel label=\"Desactive\" disabled />\n </InputHeading>\n <FormControlFileInput value={null} onChange={() => {}} disabled />\n </FormControl>\n </Box>\n );\n};";
|
|
15
|
+
export const OtpInput = () => "export const OtpInput = () => {\n const [code, setCode] = useState('');\n return (\n <FormControl>\n <InputHeading>\n <FormControlLabel label=\"Code de verification\" />\n </InputHeading>\n <FormControlOtpInput numberOfDigits={6} onTextChange={setCode} />\n {code.length === 6 && <FormControlCaption success={`Code saisi : ${code}`} />}\n </FormControl>\n );\n};";
|
|
16
16
|
export const storySources = {
|
|
17
17
|
WithTextInput,
|
|
18
18
|
WithError,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputHeading.d.ts","sourceRoot":"","sources":["../../../src/ui/InputHeading/InputHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,gCAQpD,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Box } from '../../core';
|
|
3
|
+
import { useStyles } from './InputHeading.styles';
|
|
4
|
+
export const InputHeading = (props) => {
|
|
5
|
+
const { children } = props;
|
|
6
|
+
const styles = useStyles();
|
|
7
|
+
return (_jsx(Box, { tag: "input-heading", style: styles.inputHeading, children: children }));
|
|
8
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
tags: "ui"[];
|
|
4
|
+
experimental: false;
|
|
5
|
+
description: string;
|
|
6
|
+
component: (props: import("./InputHeading").InputHeadingProps) => import("react").JSX.Element;
|
|
7
|
+
styleFn: () => {
|
|
8
|
+
inputHeading: {
|
|
9
|
+
display: "flex";
|
|
10
|
+
gap: import("@alveole/theme").Spacing;
|
|
11
|
+
flexDirection: "column";
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export default _default;
|
|
16
|
+
export declare const Default: () => import("react").JSX.Element;
|
|
17
|
+
export declare const LabelOnly: () => import("react").JSX.Element;
|
|
18
|
+
export * as Sources from './InputHeading.stories.sources';
|
|
19
|
+
//# sourceMappingURL=InputHeading.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputHeading.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/InputHeading/InputHeading.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAMA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAIrB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,gCAAgC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { FormControlHint } from '../FormControl/FormControlHint';
|
|
3
|
+
import { FormControlLabel } from '../FormControl/FormControlLabel';
|
|
4
|
+
import { InputHeading } from './InputHeading';
|
|
5
|
+
import { useStyles } from './InputHeading.styles';
|
|
6
|
+
export default {
|
|
7
|
+
title: 'InputHeading',
|
|
8
|
+
tags: ['ui'],
|
|
9
|
+
experimental: false,
|
|
10
|
+
description: 'Regroupe le label et le hint avec le bon espacement vertical.',
|
|
11
|
+
component: InputHeading,
|
|
12
|
+
styleFn: useStyles,
|
|
13
|
+
};
|
|
14
|
+
export const Default = () => (_jsxs(InputHeading, { children: [_jsx(FormControlLabel, { label: "Mon label" }), _jsx(FormControlHint, { hint: "Texte descriptif du champ" })] }));
|
|
15
|
+
export const LabelOnly = () => (_jsx(InputHeading, { children: _jsx(FormControlLabel, { label: "Sans hint" }) }));
|
|
16
|
+
export * as Sources from './InputHeading.stories.sources';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const Default: () => string;
|
|
2
|
+
export declare const LabelOnly: () => string;
|
|
3
|
+
export declare const storySources: {
|
|
4
|
+
readonly Default: () => string;
|
|
5
|
+
readonly LabelOnly: () => string;
|
|
6
|
+
};
|
|
7
|
+
export type StorySourceName = keyof typeof storySources;
|
|
8
|
+
//# sourceMappingURL=InputHeading.stories.sources.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputHeading.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/InputHeading/InputHeading.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA4L,CAAC;AAEjN,eAAO,MAAM,SAAS,cAAkI,CAAC;AAEzJ,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
// This file is generated. Do not edit manually.
|
|
2
|
+
// Source: src/ui/InputHeading/InputHeading.stories.tsx
|
|
3
|
+
export const Default = () => "export const Default = () => (\n <InputHeading>\n <FormControlLabel label=\"Mon label\" />\n <FormControlHint hint=\"Texte descriptif du champ\" />\n </InputHeading>\n);";
|
|
4
|
+
export const LabelOnly = () => "export const LabelOnly = () => (\n <InputHeading>\n <FormControlLabel label=\"Sans hint\" />\n </InputHeading>\n);";
|
|
5
|
+
export const storySources = {
|
|
6
|
+
Default,
|
|
7
|
+
LabelOnly,
|
|
8
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputHeading.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/InputHeading/InputHeading.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;CAMnB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/InputHeading/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './InputHeading';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as LabIcons from '@lucide/lab';
|
|
3
|
+
import * as LucideIcons from 'lucide-react-native';
|
|
3
4
|
import { Icon as BaseIcon } from 'lucide-react-native';
|
|
4
|
-
import * as LucideIcons from 'lucide-react-native/icons';
|
|
5
5
|
import { isLucideIconName } from './LucideIcon.props';
|
|
6
6
|
export const strokeWidth = 1.5;
|
|
7
7
|
export const LucideIcon = (props) => {
|
package/dist/ui/index.d.ts
CHANGED
package/dist/ui/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}
|
package/dist/ui/index.js
CHANGED