@alveole/components 1.10.0 → 2.0.0-alpha.1

package/dist/ui/ToolbarTop/toolbarTopStyling.d.ts.map

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

package/dist/ui/ToolbarTop/toolbarTopStyling.js

@@ -0,0 +1,25 @@
+/** Le socle de la barre, puis ce que sa variante en change. */
+export const dispositionDeLaBarre = (styles, variant) => {
+    const parVariante = {
+        default: {},
+        large: styles.largeToolbarContainer,
+        compactLarge: styles.compactLargetoolbarContainer,
+    };
+    return { ...styles.toolbarContainer, ...parVariante[variant] };
+};
+export const bordureDeLaBarre = (styles, withBorder) => withBorder ? styles.toolbarInformationWithBorder : {};
+export const styleDuBlocDInformation = (styles, compact) => ({
+    ...styles.toolbarInformation,
+    ...(compact ? styles.compactLargeInformations : {}),
+});
+/** Le style de l'appelant passe en dernier : il sert a corriger ce que la variante a decide. */
+export const styleDuTitre = (styles, grandTitre, typographyStyle = {}) => ({
+    ...styles.toolbarInformationTitleText,
+    ...(grandTitre ? styles.largeInformationTitleText : {}),
+    ...typographyStyle,
+});
+export const styleDuSousTitre = (styles, grandTitre, typographyStyle = {}) => ({
+    ...styles.toolbarInformationTitleSubText,
+    ...(grandTitre ? styles.largeToolbarInformationTitleSubText : {}),
+    ...typographyStyle,
+});

package/dist/ui/index.d.ts

@@ -1,7 +1,5 @@
 export * from './Accordion';
 export * from './ActionMenu';
-export * from './Autocomplete';
-export * from './AutocompleteAddress';
 export * from './Avatar';
 export * from './Badge';
 export * from './BottomSheet';
@@ -14,42 +12,33 @@ export * from './DataTable';
 export * from './DateInput';
 export * from './Divider';
 export * from './DocumentViewer';
-export * from './DragAndDropFile';
 export * from './DurationInput';
-export * from './EmailField';
-export * from './EmailInput';
 export * from './EmptyState';
-export * from './FileField';
+export * from './FileDropZone';
 export * from './FilterDate';
 export * from './FormControl';
-export * from './Grid';
 export * from './Header';
 export * from './InputButtonAdornment';
 export * from './InputHeading';
+export * from './Leading';
+export * from './Link';
 export * from './ListItem';
 export * from './LucideIcon';
-export * from './NumberField';
-export * from './OtpField';
 export * from './PageHeader';
-export * from './PasswordField';
-export * from './PhoneField';
-export * from './PhoneInput';
 export * from './Popover';
 export * from './PriceInput';
 export * from './ProgressBar';
 export * from './RadioGroup';
 export * from './ResourceList';
 export * from './Select';
-export * from './SelectMultiple';
 export * from './Sidebar';
 export * from './Signature';
+export * from './Skeleton';
 export * from './Spinner';
 export * from './Switch';
 export * from './Tabs';
 export * from './Tag';
-export * from './TextareaField';
 export * from './TextareaInput';
-export * from './TextField';
 export * from './TextInputArray';
 export * from './TimeInput';
 export * from './Toast';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}

package/dist/ui/index.js

@@ -1,7 +1,5 @@
 export * from './Accordion';
 export * from './ActionMenu';
-export * from './Autocomplete';
-export * from './AutocompleteAddress';
 export * from './Avatar';
 export * from './Badge';
 export * from './BottomSheet';
@@ -14,42 +12,33 @@ export * from './DataTable';
 export * from './DateInput';
 export * from './Divider';
 export * from './DocumentViewer';
-export * from './DragAndDropFile';
 export * from './DurationInput';
-export * from './EmailField';
-export * from './EmailInput';
 export * from './EmptyState';
-export * from './FileField';
+export * from './FileDropZone';
 export * from './FilterDate';
 export * from './FormControl';
-export * from './Grid';
 export * from './Header';
 export * from './InputButtonAdornment';
 export * from './InputHeading';
+export * from './Leading';
+export * from './Link';
 export * from './ListItem';
 export * from './LucideIcon';
-export * from './NumberField';
-export * from './OtpField';
 export * from './PageHeader';
-export * from './PasswordField';
-export * from './PhoneField';
-export * from './PhoneInput';
 export * from './Popover';
 export * from './PriceInput';
 export * from './ProgressBar';
 export * from './RadioGroup';
 export * from './ResourceList';
 export * from './Select';
-export * from './SelectMultiple';
 export * from './Sidebar';
 export * from './Signature';
+export * from './Skeleton';
 export * from './Spinner';
 export * from './Switch';
 export * from './Tabs';
 export * from './Tag';
-export * from './TextareaField';
 export * from './TextareaInput';
-export * from './TextField';
 export * from './TextInputArray';
 export * from './TimeInput';
 export * from './Toast';

package/dist/ui/pointeur.d.ts

@@ -0,0 +1,13 @@
+import { PressableStateCallbackType } from 'react-native';
+/**
+ * L'etat que `Pressable` passe a sa fonction enfant. `hovered` n'est pas dans le type de
+ * React Native, mais react-native-web le fournit : c'est par lui que le survol descend
+ * jusqu'aux enfants, la ou un `hoverStyle` Tamagui ne teinterait que l'element qui le porte.
+ *
+ * Declare ici, et non dans `src/type`, parce qu'il ne s'adresse qu'aux composants de ce
+ * dossier : le reexporter en ferait une promesse faite aux applications clientes.
+ */
+export type EtatDuPointeur = PressableStateCallbackType & {
+    hovered?: boolean;
+};
+//# sourceMappingURL=pointeur.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pointeur.d.ts","sourceRoot":"","sources":["../../src/ui/pointeur.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAE1D;;;;;;;GAOG;AACH,MAAM,MAAM,cAAc,GAAG,0BAA0B,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC"}

package/dist/ui/pointeur.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "1.10.0",
+  "version": "2.0.0-alpha.1",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,67 +18,58 @@
   },
   "files": [
     "dist",
+    "!dist/.tsbuildinfo",
     "scripts/postinstall.mjs",
     "README.md"
   ],
   "sideEffects": false,
-  "scripts": {
-    "build": "npm run generate:sources && node ./scripts/generate-version.mjs && tsc -p tsconfig.build.json && node ./scripts/copy-assets.mjs && node ./scripts/prepare-pdfjs-web-assets.mjs",
-    "lint": "npm run generate:sources && eslint .",
-    "postinstall": "node ./scripts/postinstall.mjs",
-    "test:unit": "NODE_OPTIONS=--max-old-space-size=4096 npx jest --maxWorkers=2 --ci",
-    "typecheck": "npm run generate:sources && tsc -p tsconfig.typecheck.json --noEmit",
-    "generate:sources": "node scripts/generate-stories-sources.mjs",
-    "doctor:fix": "npx expo install --check"
-  },
   "devDependencies": {
     "@alveole/eslint-config": "file:../eslint-config",
-    "@lucide/lab": "0.2.0",
     "@react-native-community/datetimepicker": "9.1.0",
-    "@react-native-picker/picker": "2.11.4",
     "@react-native/jest-preset": "0.86.3",
     "@shopify/flash-list": "2.0.2",
-    "@tamagui/config": "1.144.4",
     "@tamagui/core": "1.144.4",
     "@tamagui/toast": "1.144.4",
+    "@testing-library/react": "16.3.3",
     "@testing-library/react-native": "14.0.1",
     "@types/react-syntax-highlighter": "15.5.13",
-    "babel-preset-expo": "57.0.11",
-    "eslint": "9.39.5",
-    "expo": "57.0.21",
+    "babel-preset-expo": "57.0.14",
+    "eslint": "10.10.0",
+    "expo": "57.0.27",
     "expo-application": "57.0.3",
-    "expo-asset": "57.0.16",
-    "expo-document-picker": "57.0.1",
+    "expo-asset": "57.0.19",
+    "expo-document-picker": "57.0.3",
+    "expo-image-picker": "57.0.20",
     "expo-in-app-updates": "0.12.0",
-    "expo-modules-core": "57.0.17",
-    "expo-router": "57.0.20",
+    "expo-modules-core": "57.0.21",
+    "expo-router": "57.0.25",
+    "expo-system-ui": "57.0.4",
+    "expo-web-browser": "57.0.3",
     "jest": "29.7.0",
+    "jest-environment-jsdom": "30.5.2",
     "jest-expo": "57.0.5",
-    "lucide-react-native": "1.31.0",
-    "pdfjs-dist": "6.2.108",
+    "pdfjs-dist": "6.3.289",
     "react": "19.2.3",
     "react-dom": "19.2.3",
     "react-native": "0.86.3",
-    "react-native-code-highlighter": "1.3.1",
-    "react-native-keyboard-controller": "1.21.14",
+    "react-native-keyboard-controller": "1.21.9",
     "react-native-otp-entry": "1.8.6",
+    "react-native-web": "0.21.4",
     "react-select": "5.10.2",
-    "react-syntax-highlighter": "16.1.1",
+    "react-syntax-highlighter": "16.1.2",
     "tamagui": "1.144.4",
     "test-renderer": "1.2.0"
   },
   "dependencies": {
-    "react-markdown": "9.1.0",
-    "remark-gfm": "3.0.1",
-    "zod": "4.5.4"
+    "react-markdown": "10.1.0",
+    "remark-gfm": "4.0.1",
+    "zod": "4.6.5"
   },
   "peerDependencies": {
     "@alveole/core": "*",
     "@alveole/theme": "*",
     "@lottiefiles/dotlottie-react": "*",
-    "@lucide/lab": "*",
     "@react-native-community/datetimepicker": "*",
-    "@react-native-picker/picker": ">=2",
     "@shopify/flash-list": ">=2",
     "@tamagui/accordion": "^1.129.0 <2.0.0",
     "@tamagui/animations-css": "^1.129.0 <2.0.0",
@@ -100,15 +91,14 @@
     "expo-constants": "*",
     "expo-document-picker": "*",
     "expo-image": "*",
+    "expo-image-picker": "*",
     "expo-in-app-updates": "*",
-    "expo-linear-gradient": "*",
     "expo-router": "*",
+    "expo-web-browser": "*",
     "lottie-react-native": "*",
-    "lucide-react-native": ">=0.570.0",
     "pdfjs-dist": "^4.0.0 || ^5.0.0 || ^6.0.0",
     "react": "*",
     "react-native": "*",
-    "react-native-code-highlighter": "*",
     "react-native-keyboard-controller": ">=1.21.0",
     "react-native-otp-entry": "*",
     "react-native-safe-area-context": "*",
@@ -121,5 +111,16 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "build": "pnpm run generate:sources && node ./scripts/generate-version.mjs && tsc -p tsconfig.build.json && node ./scripts/copy-assets.mjs && node ./scripts/prepare-pdfjs-web-assets.mjs",
+    "lint": "pnpm run generate:sources && eslint . --cache --cache-strategy content",
+    "postinstall": "node ./scripts/postinstall.mjs",
+    "pretest:unit": "node --test scripts/generate-stories-sources.test.mjs",
+    "test:unit": "NODE_OPTIONS=--max-old-space-size=4096 npx jest --coverage --maxWorkers=$(node ../../scripts/print-allocated-cpus.mjs) --ci",
+    "test:dev": "NODE_OPTIONS=--max-old-space-size=4096 jest --maxWorkers=$(node ../../scripts/print-allocated-cpus.mjs) --coverage=false",
+    "typecheck": "pnpm run generate:sources && tsc -p tsconfig.typecheck.json --noEmit",
+    "generate:sources": "node scripts/generate-stories-sources.mjs",
+    "doctor:fix": "npx expo install --check"
   }
-}
+}

package/dist/ui/Autocomplete/Autocomplete.d.ts

@@ -1,41 +0,0 @@
-import { FormControlCaption, FormControlHintProps, FormControlLabel, FormControlLabelProps } from '@alveole/components';
-import React from 'react';
-type ChangeMeta = {
-    added: AutocompleteOption[];
-    removed: AutocompleteOption[];
-    created: AutocompleteOption[];
-};
-export type AutocompleteOptionWithoutGroup = {
-    value: string;
-    label: string;
-    __created?: boolean;
-};
-export type AutocompleteOptionWithGroup = {
-    value: string;
-    label: string;
-    __created?: boolean;
-    group: string;
-};
-export type AutocompleteOption = AutocompleteOptionWithoutGroup | AutocompleteOptionWithGroup;
-export declare const isAutocompleteOptionWithGroup: (option: AutocompleteOption | undefined | null) => option is AutocompleteOptionWithGroup;
-export declare const isAutocompleteOptionWithGroupArray: (options: AutocompleteOption[]) => options is AutocompleteOptionWithGroup[];
-export type AutocompleteProps = React.ComponentProps<typeof FormControlLabel> & FormControlLabelProps & FormControlHintProps & React.ComponentProps<typeof FormControlCaption> & {
-    value?: AutocompleteOption[];
-    options: AutocompleteOptionWithoutGroup[] | AutocompleteOptionWithGroup[];
-    placeholder?: string;
-    isMulti?: boolean;
-    allowEmpty?: boolean;
-    isSearchable?: boolean;
-    autoFocus?: boolean;
-    disabledSearch?: boolean;
-    disabledFilterSearch?: boolean;
-    onChange?: (value: AutocompleteOption[], meta?: ChangeMeta) => void;
-    onSearchChange?: (value: string) => void;
-    allowCreate?: boolean;
-    onCreateOption?: (created: AutocompleteOption) => void;
-    createOptionLabel?: (input: string) => string;
-    createOptionValue?: (input: string) => string;
-};
-export declare const Autocomplete: (props: AutocompleteProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=Autocomplete.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/ui/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,kBAAkB,EAElB,oBAAoB,EACpB,gBAAgB,EAChB,qBAAqB,EAKtB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAiD,MAAM,OAAO,CAAC;AAetE,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AACF,MAAM,MAAM,kBAAkB,GAAG,8BAA8B,GAAG,2BAA2B,CAAC;AAE9F,eAAO,MAAM,6BAA6B,GACxC,QAAQ,kBAAkB,GAAG,SAAS,GAAG,IAAI,KAC5C,MAAM,IAAI,2BAEZ,CAAC;AACF,eAAO,MAAM,kCAAkC,GAC7C,SAAS,kBAAkB,EAAE,KAC5B,OAAO,IAAI,2BAA2B,EAExC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GAC3E,qBAAqB,GACrB,oBAAoB,GACpB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG;IAChD,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC7B,OAAO,EAAE,8BAA8B,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACpE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACvD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C,CAAC;AAaJ,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,sBAkRpD,CAAC"}

package/dist/ui/Autocomplete/Autocomplete.js

@@ -1,131 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Button, ButtonIcon, Divider, FormControl, FormControlCaption, FormControlHint, FormControlLabel, InputHeading, LucideIcon, Typography, } from '@alveole/components';
-import { FlashList } from '@shopify/flash-list';
-import React, { useCallback, useMemo, useRef, useState } from 'react';
-import { KeyboardAvoidingView, Modal, Platform, Pressable, useWindowDimensions, } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { TextField } from '../TextField';
-import { useStyles } from './Autocomplete.styles';
-import { AutocompleteChip } from './AutocompleteChip';
-export const isAutocompleteOptionWithGroup = (option) => {
-    return option != null && typeof option === 'object' && 'group' in option && typeof option.group === 'string';
-};
-export const isAutocompleteOptionWithGroupArray = (options) => {
-    return options.every(isAutocompleteOptionWithGroup);
-};
-function useDebouncedCallback(cb, delay = 250) {
-    const timer = useRef(null);
-    return useCallback((...args) => {
-        if (timer.current)
-            clearTimeout(timer.current);
-        timer.current = setTimeout(() => cb(...args), delay);
-    }, [cb, delay]);
-}
-export const Autocomplete = (props) => {
-    const { value, options, placeholder = 'Sélectionner…', isMulti = true, disabledFilterSearch, disabledSearch, disabled, label, labelRight, hint, error, success, allowEmpty = true, autoFocus = true, onChange, onSearchChange, allowCreate = false, onCreateOption, createOptionLabel = (input) => `Ajouter « ${input} »`, createOptionValue = (input) => input, } = props;
-    const styles = useStyles();
-    const { top, bottom } = useSafeAreaInsets();
-    const [open, setOpen] = useState(false);
-    const [query, setQuery] = useState('');
-    const [selected, setSelected] = useState(value ?? []);
-    const [syncedValueKey, setSyncedValueKey] = useState(() => value?.map(o => o.value).join('|') ?? '');
-    const searchRef = React.useRef(null);
-    const debouncedOnSearchChange = useDebouncedCallback((text) => onSearchChange?.(text), 500);
-    const selectedIndexByValue = useMemo(() => {
-        const map = new Map();
-        selected.forEach((o, i) => map.set(o.value, i));
-        return map;
-    }, [selected]);
-    const hasExactLabel = useMemo(() => {
-        const q = query.trim().toLowerCase();
-        if (!q)
-            return true;
-        return options.some(o => o.label.toLowerCase() === q) || selected.some(o => o.label.toLowerCase() === q);
-    }, [options, selected, query]);
-    const filteredOptions = useMemo(() => {
-        const base = options ?? [];
-        const filtered = disabledFilterSearch || query.trim().length === 0
-            ? base
-            : base.filter(o => o.label.toLowerCase().includes(query.toLowerCase()));
-        if (isMulti && isAutocompleteOptionWithGroup(filtered[0]))
-            return filtered;
-        const selInList = filtered.filter(o => selectedIndexByValue.has(o.value));
-        const diff = filtered.filter(o => !selectedIndexByValue.has(o.value));
-        return [...selInList, ...diff];
-    }, [options, query, disabledFilterSearch, selectedIndexByValue, isMulti]);
-    const byValue = (arr) => {
-        const map = new Map();
-        arr.forEach(o => map.set(o.value, o));
-        return map;
-    };
-    const makeMeta = (prev, next) => {
-        const prevMap = byValue(prev);
-        const nextMap = byValue(next);
-        const added = next.filter(o => !prevMap.has(o.value));
-        const removed = prev.filter(o => !nextMap.has(o.value));
-        const created = added.filter(o => o.__created);
-        return { added, removed, created };
-    };
-    const commit = (next) => {
-        setSelected(next);
-        const meta = makeMeta(selected, next);
-        onChange?.(next, meta);
-    };
-    const toggleOption = (opt) => {
-        if (!isMulti) {
-            commit([opt]);
-            setOpen(false);
-            return;
-        }
-        const exists = selectedIndexByValue.has(opt.value);
-        const next = exists ? selected.filter(o => o.value !== opt.value) : [...selected, opt];
-        commit(next);
-    };
-    const onPressInput = () => {
-        if (disabled)
-            return;
-        setQuery('');
-        setOpen(true);
-        if (autoFocus)
-            setTimeout(() => searchRef.current?.focus(), 250);
-    };
-    const handleSearchChange = (text) => {
-        setQuery(text);
-        debouncedOnSearchChange(text);
-    };
-    const handleCreateFromQuery = () => {
-        const label = query.trim();
-        if (!label)
-            return;
-        const created = {
-            value: createOptionValue(label),
-            label,
-            __created: true,
-        };
-        const next = isMulti ? [...selected, created] : [created];
-        commit(next);
-        onCreateOption?.(created);
-        if (!isMulti)
-            setOpen(false);
-        setQuery('');
-    };
-    const { width } = useWindowDimensions();
-    const renderChipConstrained = (opt) => (_jsx(AutocompleteChip, { isMulti: isMulti, label: opt.label, onToggle: () => toggleOption(opt), maxWidth: Math.round(width * 0.65) }, opt.value));
-    const currentValueKey = value?.map(o => o.value).join('|') ?? '';
-    if (syncedValueKey !== currentValueKey) {
-        setSyncedValueKey(currentValueKey);
-        setSelected(value ?? []);
-    }
-    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(Pressable, { onPress: onPressInput, disabled: disabled, style: styles.input, children: _jsxs(Box, { style: styles.inputInner, children: [selected.length === 0 ? (_jsx(Typography, { style: styles.inputPlaceholder, children: placeholder })) : (_jsx(Box, { display: "flex", flexDirection: "row", gap: '050', flexWrap: "wrap", children: selected.map(renderChipConstrained) })), _jsx(LucideIcon, { name: "ChevronDown", size: "sm", style: styles.autocompleteIcon })] }) }), (error || success) && _jsx(FormControlCaption, { error: error, success: success }), _jsx(Modal, { visible: open, animationType: "fade", transparent: true, onRequestClose: () => setOpen(false), children: _jsx(KeyboardAvoidingView, { behavior: Platform.select({ ios: 'padding', android: undefined }), style: { ...styles.modalOverlay, flex: 1, paddingTop: top }, children: _jsxs(Box, { style: { ...styles.modalContent }, children: [_jsxs(Box, { tag: "modal-header", style: styles.modalHeader, children: [_jsx(Typography, { style: styles.nativeLabel, children: label ?? 'Sélection' }), _jsx(Box, { ml: 'auto', mr: "100", children: _jsx(ButtonIcon, { icon: "Check", variant: "primary", onPress: () => setOpen(false) }) })] }), _jsx(Divider, { mt: '050', mb: '050' }), !isMulti && (_jsx(Box, { pl: "100", pr: "100", children: selected.length > 0 && (_jsxs(Box, { mt: 'auto', children: [_jsxs(Box, { display: "flex", pl: '100', flexDirection: "row", gap: '050', children: [_jsx(LucideIcon, { name: "Check", size: "md", style: { margin: 'auto' } }), _jsx(Typography, { mr: 48, mt: 4, style: styles.nativeSimpleValue, children: selected[0]?.label })] }), allowEmpty && (_jsxs(_Fragment, { children: [_jsx(Box, { display: "flex", flexDirection: "row", justify: 'flex-end', mt: '050', children: _jsx(Button, { noPadding: true, title: "Effacer", size: "md", variant: "tertiary", endIcon: 'Trash', onPress: () => commit([]) }) }), disabledSearch && _jsx(Divider, { mt: '050' })] }))] })) })), !disabledSearch && (_jsx(Box, { pl: "100", pr: "100", pb: "100", children: _jsx(TextField, { ref: searchRef, label: "", value: query, onChangeText: handleSearchChange, placeholder: placeholder ?? 'Rechercher…', editable: !disabledFilterSearch }) })), allowCreate && query.trim().length > 0 && !hasExactLabel && (_jsx(Pressable, { onPress: handleCreateFromQuery, style: styles.nativeItem, children: _jsxs(Box, { display: "flex", flexDirection: "row", gap: '050', children: [_jsx(LucideIcon, { name: "Plus", size: "md" }), _jsx(Typography, { style: styles.nativeItemTextNew, children: createOptionLabel(query.trim()) })] }) })), filteredOptions.length === 0 ? (allowCreate && query.trim().length > 0 && !hasExactLabel ? null : (_jsx(Box, { pl: "100", pr: "100", children: _jsx(Typography, { children: "Aucun r\u00E9sultat" }) }))) : (_jsx(FlashList, { data: filteredOptions, keyExtractor: item => item.value, keyboardShouldPersistTaps: "handled", ItemSeparatorComponent: Divider, contentContainerStyle: { paddingBottom: bottom }, renderItem: ({ item, index }) => {
-                                    const isSelected = selectedIndexByValue.has(item.value);
-                                    const prevItem = filteredOptions[index - 1];
-                                    const showGroupHeader = isAutocompleteOptionWithGroup(item) &&
-                                        (!isAutocompleteOptionWithGroup(prevItem) || prevItem.group !== item.group);
-                                    return (_jsxs(_Fragment, { children: [showGroupHeader && _jsx(Typography, { style: styles.groupHeader, children: item.group }), _jsx(Pressable, { onPress: () => toggleOption(item), style: {
-                                                    ...styles.nativeItem,
-                                                    backgroundColor: isSelected
-                                                        ? styles.nativeItemSelected.backgroundColor
-                                                        : styles.nativeItem.backgroundColor,
-                                                }, children: _jsxs(Box, { display: "flex", flexDirection: "row", justify: "space-between", children: [_jsx(Typography, { style: styles.nativeItemText, children: item.label }), isSelected && _jsx(LucideIcon, { name: "Check", size: "sm" })] }) })] }));
-                                } }))] }) }) })] }));
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAiE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGlH,wBAOkB;AAUlB,eAAO,MAAM,OAAO,yBAanB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAevB,CAAC;AAEF,eAAO,MAAM,UAAU,yBA0BtB,CAAC;AAEF,eAAO,MAAM,UAAU,yBAmBtB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAcvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,gCAAgC,CAAC"}

package/dist/ui/Autocomplete/Autocomplete.stories.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import { Box } from '../../core';
-import { Autocomplete } from './Autocomplete';
-import { useStyles } from './Autocomplete.styles';
-export default {
-    title: 'Autocomplete',
-    tags: ['ui'],
-    experimental: false,
-    description: "Champ de saisie avec autocomplétion. Supporte multi-sélection, groupes, création d'options.",
-    component: Autocomplete,
-    styleFn: useStyles,
-};
-const BASE_OPTIONS = [
-    { value: '1', label: 'Élément 1' },
-    { value: '2', label: 'Élément 2 — libellé long avec beaucoup de mots' },
-    { value: '3', label: 'Élément 3' },
-    { value: '4', label: 'Élément 4' },
-    { value: '5', label: 'Élément 5' },
-];
-export const Default = () => {
-    const [values, setValues] = useState([]);
-    return (_jsx(Box, { minH: 300, children: _jsx(Autocomplete, { label: "S\u00E9lection multiple", placeholder: "Rechercher...", options: BASE_OPTIONS, value: values, onChange: setValues }) }));
-};
-export const SingleValue = () => {
-    const [values, setValues] = useState([]);
-    return (_jsx(Box, { minH: 300, children: _jsx(Autocomplete, { label: "S\u00E9lection unique", placeholder: "Choisir...", isMulti: false, autoFocus: false, options: BASE_OPTIONS, value: values, onChange: setValues }) }));
-};
-export const WithSearch = () => {
-    const [values, setValues] = useState([]);
-    const [options, setOptions] = useState([]);
-    const onSearchChange = search => {
-        setOptions(search
-            ? [
-                { value: `${search}-1`, label: `${search} — résultat 1` },
-                { value: `${search}-2`, label: `${search} — résultat 2` },
-            ]
-            : []);
-    };
-    return (_jsx(Box, { minH: 300, children: _jsx(Autocomplete, { label: "Recherche dynamique", placeholder: "Saisir pour chercher...", options: options, value: values, onChange: setValues, onSearchChange: onSearchChange, disabledFilterSearch: true }) }));
-};
-export const WithGroups = () => {
-    const [values, setValues] = React.useState([]);
-    const options = [
-        { value: 'brief-collectif', label: 'Brief collectif', group: 'Coaching' },
-        { value: 'brief-individuel', label: 'Brief individuel', group: 'Coaching' },
-        { value: 'formation-module', label: 'Formation module', group: 'Formation' },
-        { value: 'formation-externe', label: 'Formation externe', group: 'Formation' },
-    ];
-    return (_jsx(Box, { minH: 300, children: _jsx(Autocomplete, { label: "Avec groupes", placeholder: "Choisir...", options: options, value: values, onChange: v => setValues(v) }) }));
-};
-export const AllowCreate = () => {
-    const [values, setValues] = useState([]);
-    return (_jsx(Box, { minH: 300, children: _jsx(Autocomplete, { label: "Avec cr\u00E9ation", placeholder: "Rechercher ou cr\u00E9er...", allowCreate: true, options: BASE_OPTIONS, value: values, onChange: setValues }) }));
-};
-export * as Sources from './Autocomplete.stories.sources';

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Autocomplete.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Autocomplete/Autocomplete.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAsW,CAAC;AAE3X,eAAO,MAAM,WAAW,cAAyZ,CAAC;AAElb,eAAO,MAAM,UAAU,cAA4yB,CAAC;AAEp0B,eAAO,MAAM,UAAU,cAAuxB,CAAC;AAE/yB,eAAO,MAAM,WAAW,cAAmY,CAAC;AAE5Z,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,14 +0,0 @@
-// This file is generated. Do not edit manually.
-// Source: src/ui/Autocomplete/Autocomplete.stories.tsx
-export const Default = () => "export const Default = () => {\n  const [values, setValues] = useState<AutocompleteOption[]>([]);\n  return (\n    <Box minH={300}>\n      <Autocomplete\n        label=\"Sélection multiple\"\n        placeholder=\"Rechercher...\"\n        options={BASE_OPTIONS}\n        value={values}\n        onChange={setValues}\n      />\n    </Box>\n  );\n};";
-export const SingleValue = () => "export const SingleValue = () => {\n  const [values, setValues] = useState<AutocompleteOption[]>([]);\n  return (\n    <Box minH={300}>\n      <Autocomplete\n        label=\"Sélection unique\"\n        placeholder=\"Choisir...\"\n        isMulti={false}\n        autoFocus={false}\n        options={BASE_OPTIONS}\n        value={values}\n        onChange={setValues}\n      />\n    </Box>\n  );\n};";
-export const WithSearch = () => "export const WithSearch = () => {\n  const [values, setValues] = useState<AutocompleteOption[]>([]);\n  const [options, setOptions] = useState<AutocompleteOption[]>([]);\n  const onSearchChange: AutocompleteProps['onSearchChange'] = search => {\n    setOptions(\n      search\n        ? [\n            { value: `${search}-1`, label: `${search} — résultat 1` },\n            { value: `${search}-2`, label: `${search} — résultat 2` },\n          ]\n        : [],\n    );\n  };\n  return (\n    <Box minH={300}>\n      <Autocomplete\n        label=\"Recherche dynamique\"\n        placeholder=\"Saisir pour chercher...\"\n        options={options}\n        value={values}\n        onChange={setValues}\n        onSearchChange={onSearchChange}\n        disabledFilterSearch\n      />\n    </Box>\n  );\n};";
-export const WithGroups = () => "export const WithGroups = () => {\n  const [values, setValues] = React.useState<AutocompleteOptionWithGroup[]>([]);\n  const options: AutocompleteOptionWithGroup[] = [\n    { value: 'brief-collectif', label: 'Brief collectif', group: 'Coaching' },\n    { value: 'brief-individuel', label: 'Brief individuel', group: 'Coaching' },\n    { value: 'formation-module', label: 'Formation module', group: 'Formation' },\n    { value: 'formation-externe', label: 'Formation externe', group: 'Formation' },\n  ];\n  return (\n    <Box minH={300}>\n      <Autocomplete\n        label=\"Avec groupes\"\n        placeholder=\"Choisir...\"\n        options={options}\n        value={values}\n        onChange={v => setValues(v as AutocompleteOptionWithGroup[])}\n      />\n    </Box>\n  );\n};";
-export const AllowCreate = () => "export const AllowCreate = () => {\n  const [values, setValues] = useState<AutocompleteOption[]>([]);\n  return (\n    <Box minH={300}>\n      <Autocomplete\n        label=\"Avec création\"\n        placeholder=\"Rechercher ou créer...\"\n        allowCreate\n        options={BASE_OPTIONS}\n        value={values}\n        onChange={setValues}\n      />\n    </Box>\n  );\n};";
-export const storySources = {
-    Default,
-    SingleValue,
-    WithSearch,
-    WithGroups,
-    AllowCreate,
-};