@ds-autonomie/react-native 0.7.2 → 0.7.4

package/dist/chunks/chunk.UO2CEN64.js

@@ -0,0 +1,95 @@
+import {
+  getCursorColors,
+  inputWrapperStyles,
+  styles
+} from "./chunk.65RCE3RB.js";
+import {
+  Icon
+} from "./chunk.CZOIMFLH.js";
+
+// src/components/textInput/TextInput.tsx
+import React, { useState } from "react";
+import {
+  TextInput as NativeTextInput,
+  View,
+  Text
+} from "react-native";
+var TextInput = React.forwardRef(function TextInput2({
+  label,
+  required = false,
+  error = false,
+  errorText,
+  disabled = false,
+  readOnly = false,
+  helpText,
+  style,
+  onFocus,
+  onBlur,
+  multiline,
+  maxLength,
+  value,
+  testID,
+  ...props
+}, ref) {
+  const [isFocused, setIsFocused] = useState(false);
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      style: [style, styles.container],
+      accessibilityState: { disabled },
+      testID: `${testID}/container`
+    },
+    /* @__PURE__ */ React.createElement(View, { style: styles.header }, label !== void 0 && label.length > 0 && /* @__PURE__ */ React.createElement(
+      Text,
+      {
+        nativeID: "label",
+        testID: `${testID}/label`,
+        style: styles.label
+      },
+      required && /* @__PURE__ */ React.createElement(Text, { style: styles.labelRequired }, "* "),
+      label
+    ), maxLength !== void 0 && /* @__PURE__ */ React.createElement(Text, { style: styles.counter, testID: `${testID}/counter` }, value.length, "/", maxLength)),
+    /* @__PURE__ */ React.createElement(
+      View,
+      {
+        style: [
+          inputWrapperStyles.default,
+          isFocused && inputWrapperStyles.focused,
+          error && inputWrapperStyles.error,
+          readOnly && inputWrapperStyles.readonly,
+          disabled && inputWrapperStyles.disabled
+        ]
+      },
+      /* @__PURE__ */ React.createElement(
+        NativeTextInput,
+        {
+          "aria-label": label,
+          "aria-labelby": "label",
+          testID: `${testID}/input`,
+          ...props,
+          ref,
+          value,
+          multiline,
+          maxLength,
+          style: styles.input,
+          ...getCursorColors(error),
+          onFocus: (e) => {
+            setIsFocused(true);
+            onFocus?.(e);
+          },
+          onBlur: (e) => {
+            setIsFocused(false);
+            onBlur?.(e);
+          },
+          editable: !(readOnly || disabled)
+        }
+      )
+    ),
+    error && errorText !== void 0 && /* @__PURE__ */ React.createElement(View, { style: [styles.bottomMessage], testID: `${testID}/errorText` }, /* @__PURE__ */ React.createElement(Icon, { name: "error", style: styles.errorIcon }), /* @__PURE__ */ React.createElement(Text, { style: styles.errorText }, errorText)),
+    helpText !== void 0 && /* @__PURE__ */ React.createElement(View, { style: [styles.bottomMessage], testID: `${testID}/helpText` }, /* @__PURE__ */ React.createElement(Text, { style: styles.helpText }, helpText))
+  );
+});
+
+export {
+  TextInput
+};

package/dist/components/button/Button.d.ts

@@ -36,7 +36,7 @@ export declare const Button: React.ForwardRefExoticComponent<{
     /**
      * Variant of button.
      */
-    variant?: "link" | "primary" | "secondary" | "tertiary" | "destructive" | undefined;
+    variant?: Variant;
     /**
      * If `style` is defined, it will extend the container style.
      */
@@ -48,18 +48,18 @@ export declare const Button: React.ForwardRefExoticComponent<{
     /**
      * Name of element placed before the title.
      */
-    startIcon?: string | undefined;
+    startIcon?: string;
     /**
      * Name of element placed after the title.
      */
-    endIcon?: string | undefined;
+    endIcon?: string;
     /**
      * The size of the component.
      */
-    size?: Size | undefined;
+    size?: Size;
     /**
      * Disabled the button.
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
 } & Omit<PressableProps, OmittedPressableProps> & React.RefAttributes<View>>;
 export {};

package/dist/components/button/Button.js

@@ -1,8 +1,8 @@
 import {
   Button
-} from "../../chunks/chunk.DMHRBYRF.js";
-import "../../chunks/chunk.RNOZ5AW4.js";
-import "../../chunks/chunk.OQSCGAEY.js";
+} from "../../chunks/chunk.NQYY7B5O.js";
+import "../../chunks/chunk.MWOLFH57.js";
+import "../../chunks/chunk.CZOIMFLH.js";
 export {
   Button
 };

package/dist/components/button/Button.styles.js

@@ -4,7 +4,7 @@ import {
   getTextStyle,
   sizes,
   variants
-} from "../../chunks/chunk.RNOZ5AW4.js";
+} from "../../chunks/chunk.MWOLFH57.js";
 export {
   getContainerStyle,
   getIconColor,

package/dist/components/checkbox/Checkbox.d.ts

@@ -31,21 +31,21 @@ export declare const Checkbox: React.ForwardRefExoticComponent<{
     /**
      * When set to `true`, component is checked.
      */
-    value?: boolean | undefined;
+    value?: boolean;
     /**
      * When set to `true`, component is in error.
      */
-    error?: boolean | undefined;
+    error?: boolean;
     /**
      * When set to `true`, component is disabled.
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * Callback when component is checked.
      *
      * @param {boolean} value
      */
-    onValueChange?: ((value: boolean) => void) | undefined;
+    onValueChange?: (value: boolean) => void;
     /**
      * If `style` is defined, it will extend the container style.
      * If a similar property is defined, the new property will be ignored.

package/dist/components/checkbox/Checkbox.js

@@ -1,8 +1,8 @@
 import {
   Checkbox
-} from "../../chunks/chunk.XCMNSIIN.js";
+} from "../../chunks/chunk.7T73XPWE.js";
 import "../../chunks/chunk.H2AL2E3A.js";
-import "../../chunks/chunk.OQSCGAEY.js";
+import "../../chunks/chunk.CZOIMFLH.js";
 export {
   Checkbox
 };

package/dist/components/divider/Divider.js

@@ -3,21 +3,25 @@ import {
 } from "../../chunks/chunk.SZJKAIPC.js";
 
 // src/components/divider/Divider.tsx
+import React from "react";
 import { View } from "react-native";
 var Divider = ({
   orientation = "horizontal",
   style,
   ...rest
 }) => {
-  return <View
-    {...rest}
-    style={[
-      style,
-      dividerStyles.container,
-      orientation === "vertical" && dividerStyles.vertical,
-      orientation === "horizontal" && dividerStyles.horizontal
-    ]}
-  />;
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      ...rest,
+      style: [
+        style,
+        dividerStyles.container,
+        orientation === "vertical" && dividerStyles.vertical,
+        orientation === "horizontal" && dividerStyles.horizontal
+      ]
+    }
+  );
 };
 export {
   Divider

package/dist/components/icon/Icon.d.ts

@@ -8,6 +8,6 @@ export type IconProps = {
 } & MaterialIconProps;
 export declare const Icon: React.ForwardRefExoticComponent<{
     name: string;
-    size?: number | undefined;
-    color?: string | undefined;
+    size?: number;
+    color?: string;
 } & MaterialIconProps & React.RefAttributes<MaterialIcons>>;

package/dist/components/icon/Icon.js

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "../../chunks/chunk.OQSCGAEY.js";
+} from "../../chunks/chunk.CZOIMFLH.js";
 export {
   Icon
 };

package/dist/components/listCaption/ListCaption.js

@@ -1,6 +1,6 @@
 import {
   ListCaption
-} from "../../chunks/chunk.LR5V6SDZ.js";
+} from "../../chunks/chunk.MU3OHOLM.js";
 import "../../chunks/chunk.TWXAL56H.js";
 import "../../chunks/chunk.4GJSNQET.js";
 export {

package/dist/components/listItem/ListItem.js

@@ -1,9 +1,9 @@
 import {
   ListItem
-} from "../../chunks/chunk.JQRCUHR6.js";
+} from "../../chunks/chunk.ILCOTEXS.js";
 import "../../chunks/chunk.DE3QWY2X.js";
 import "../../chunks/chunk.4GJSNQET.js";
-import "../../chunks/chunk.OQSCGAEY.js";
+import "../../chunks/chunk.CZOIMFLH.js";
 export {
   ListItem
 };

package/dist/components/listTitle/ListTitle.js

@@ -1,6 +1,6 @@
 import {
   ListTitle
-} from "../../chunks/chunk.WVKTSG5X.js";
+} from "../../chunks/chunk.L65V2F7C.js";
 import "../../chunks/chunk.523CLSSB.js";
 import "../../chunks/chunk.4GJSNQET.js";
 export {

package/dist/components/radio/Radio.d.ts

@@ -31,21 +31,21 @@ export declare const Radio: React.ForwardRefExoticComponent<{
     /**
      * When set to `true`, component is checked.
      */
-    value?: boolean | undefined;
+    value?: boolean;
     /**
      * When set to `true`, component is in error.
      */
-    error?: boolean | undefined;
+    error?: boolean;
     /**
      * When set to `true`, component is disabled.
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * Callback when component is checked.
      *
      * @param {boolean} value
      */
-    onValueChange?: ((value: boolean) => void) | undefined;
+    onValueChange?: (value: boolean) => void;
     /**
      * If `style` is defined, it will extend the container style.
      * If a similar property is defined, the new property will overwrite the old one.

package/dist/components/radio/Radio.js

@@ -1,6 +1,6 @@
 import {
   Radio
-} from "../../chunks/chunk.LN5IVTGU.js";
+} from "../../chunks/chunk.EWMRU3E4.js";
 import "../../chunks/chunk.YWEWQ2LT.js";
 export {
   Radio

package/dist/components/searchField/SearchField.d.ts

@@ -5,7 +5,7 @@ export declare const SearchField: React.ForwardRefExoticComponent<{
     /**
      * If `disabled` is `true`, the component is not editable.
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * If `style` is defined, it will extend the container style.
      */

package/dist/components/searchField/SearchField.js

@@ -1,6 +1,6 @@
 import {
   SearchField
-} from "../../chunks/chunk.KVGKM2JI.js";
+} from "../../chunks/chunk.3HDQMMF2.js";
 import "../../chunks/chunk.7H4YRP4X.js";
 export {
   SearchField

package/dist/components/tabs/Tabs.js

@@ -1,6 +1,6 @@
 import {
   Tabs
-} from "../../chunks/chunk.I5NPEO25.js";
+} from "../../chunks/chunk.PCMSFNR4.js";
 import "../../chunks/chunk.2XHLIGU3.js";
 export {
   Tabs

package/dist/components/tabs/tabItem/TabItem.d.ts

@@ -23,7 +23,7 @@ export declare const TabItem: React.ForwardRefExoticComponent<{
     /**
      * Name of the icon.
      */
-    icon?: string | undefined;
+    icon?: string;
     /**
      * Text displayed in tab.
      */
@@ -35,6 +35,6 @@ export declare const TabItem: React.ForwardRefExoticComponent<{
     /**
      * If `active` is true, the tab is selected
      * */
-    active?: boolean | undefined;
+    active?: boolean;
 } & Omit<PressableProps, OmittedPressableProps> & React.RefAttributes<View>>;
 export {};

package/dist/components/tabs/tabItem/TabItem.js

@@ -1,9 +1,9 @@
 import {
   TabItem
-} from "../../../chunks/chunk.DGZYY7CA.js";
+} from "../../../chunks/chunk.DBGHHBSM.js";
 import "../../../chunks/chunk.VPRSFOFO.js";
 import "../../../chunks/chunk.4GJSNQET.js";
-import "../../../chunks/chunk.OQSCGAEY.js";
+import "../../../chunks/chunk.CZOIMFLH.js";
 export {
   TabItem
 };

package/dist/components/textInput/TextInput.d.ts

@@ -28,17 +28,17 @@ export type TextInputProps = {
 } & Omit<NativeTextInputProps, 'style' | 'editable' | 'value'>;
 export declare const TextInput: React.ForwardRefExoticComponent<{
     /** The input's label. */
-    label?: string | undefined;
+    label?: string;
     /** Makes the input a required field. */
-    required?: boolean | undefined;
+    required?: boolean;
     /** Indicates whether the input should be in error state. */
-    error?: boolean | undefined;
+    error?: boolean;
     /** The input's error text. A string or Text component. */
     errorText?: ReactNode;
     /** Disables the input. */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /** Makes the input readonly. */
-    readOnly?: boolean | undefined;
+    readOnly?: boolean;
     /** The input's help text. A string or Text component. */
     helpText?: ReactNode;
     /** Stylise the outer view of the input. */

package/dist/components/textInput/TextInput.js

@@ -1,9 +1,9 @@
 import {
   TextInput
-} from "../../chunks/chunk.DMWLLPBB.js";
+} from "../../chunks/chunk.UO2CEN64.js";
 import "../../chunks/chunk.65RCE3RB.js";
 import "../../chunks/chunk.4GJSNQET.js";
-import "../../chunks/chunk.OQSCGAEY.js";
+import "../../chunks/chunk.CZOIMFLH.js";
 export {
   TextInput
 };

package/dist/components/toggle/Toggle.d.ts

@@ -28,12 +28,12 @@ export declare const Toggle: React.ForwardRefExoticComponent<{
      * When set to `true`, component is checked.
      * @default false
      */
-    value?: boolean | undefined;
+    value?: boolean;
     /**
      * When set to `true`, component is disabled.
      * @default false
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * If `style` is defined, it will extend the container style.
      * If a similar property is defined, the new property will overwrite the old one.

package/dist/components/toggle/Toggle.js

@@ -1,8 +1,8 @@
 import {
   Toggle
-} from "../../chunks/chunk.B2JV2E47.js";
+} from "../../chunks/chunk.3SUS24CI.js";
 import "../../chunks/chunk.CZ5Y2AVH.js";
-import "../../chunks/chunk.OQSCGAEY.js";
+import "../../chunks/chunk.CZOIMFLH.js";
 export {
   Toggle
 };

package/dist/index.js

@@ -1,51 +1,51 @@
 import {
   TabItem
-} from "./chunks/chunk.DGZYY7CA.js";
+} from "./chunks/chunk.DBGHHBSM.js";
 import "./chunks/chunk.VPRSFOFO.js";
 import {
   SearchField
-} from "./chunks/chunk.KVGKM2JI.js";
+} from "./chunks/chunk.3HDQMMF2.js";
 import "./chunks/chunk.7H4YRP4X.js";
 import {
   Tabs
-} from "./chunks/chunk.I5NPEO25.js";
+} from "./chunks/chunk.PCMSFNR4.js";
 import "./chunks/chunk.2XHLIGU3.js";
 import {
   TextInput
-} from "./chunks/chunk.DMWLLPBB.js";
+} from "./chunks/chunk.UO2CEN64.js";
 import "./chunks/chunk.65RCE3RB.js";
 import {
   Toggle
-} from "./chunks/chunk.B2JV2E47.js";
+} from "./chunks/chunk.3SUS24CI.js";
 import "./chunks/chunk.CZ5Y2AVH.js";
 import {
   ListCaption
-} from "./chunks/chunk.LR5V6SDZ.js";
+} from "./chunks/chunk.MU3OHOLM.js";
 import "./chunks/chunk.TWXAL56H.js";
 import {
   ListItem
-} from "./chunks/chunk.JQRCUHR6.js";
+} from "./chunks/chunk.ILCOTEXS.js";
 import "./chunks/chunk.DE3QWY2X.js";
 import {
   ListTitle
-} from "./chunks/chunk.WVKTSG5X.js";
+} from "./chunks/chunk.L65V2F7C.js";
 import "./chunks/chunk.523CLSSB.js";
 import "./chunks/chunk.4GJSNQET.js";
 import {
   Radio
-} from "./chunks/chunk.LN5IVTGU.js";
+} from "./chunks/chunk.EWMRU3E4.js";
 import "./chunks/chunk.YWEWQ2LT.js";
 import {
   Button
-} from "./chunks/chunk.DMHRBYRF.js";
-import "./chunks/chunk.RNOZ5AW4.js";
+} from "./chunks/chunk.NQYY7B5O.js";
+import "./chunks/chunk.MWOLFH57.js";
 import {
   Checkbox
-} from "./chunks/chunk.XCMNSIIN.js";
+} from "./chunks/chunk.7T73XPWE.js";
 import "./chunks/chunk.H2AL2E3A.js";
 import {
   Icon
-} from "./chunks/chunk.OQSCGAEY.js";
+} from "./chunks/chunk.CZOIMFLH.js";
 
 // src/utils/useFonts.ts
 import { useFonts as useExpoFonts } from "expo-font";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-autonomie/react-native",
-  "version": "0.7.2",
+  "version": "0.7.4",
   "author": "CNSA",
   "license": "MIT",
   "type": "module",
@@ -27,12 +27,13 @@
     "access": "public"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-native": "^0.72.6",
-    "react-native-vector-icons": "^10.0.1",
-    "react-native-reanimated": "^3.3.0",
-    "expo-font": "^11.4.0",
-    "@ds-autonomie/assets": "1.4.2"
+    "react": "18.2.0",
+    "react-native": "0.72.6",
+    "react-native-vector-icons": "10.0.1",
+    "react-native-reanimated": "3.3.0",
+    "expo-font": "11.4.0",
+    "@babel/core": "7.22.20",
+    "@ds-autonomie/assets": "1.4.3"
   },
   "devDependencies": {
     "@storybook/react-native": "6.5.7",

package/dist/chunks/chunk.DGZYY7CA.js

@@ -1,47 +0,0 @@
-import {
-  tabItemStyles
-} from "./chunk.VPRSFOFO.js";
-import {
-  Icon
-} from "./chunk.OQSCGAEY.js";
-
-// src/components/tabs/tabItem/TabItem.tsx
-import theme from "@ds-autonomie/assets/js/dsa-theme";
-import React, { useState } from "react";
-import {
-  Text,
-  Pressable
-} from "react-native";
-var TabItem = React.forwardRef(function TabItem2({ icon, title, active = false, style, ...restProps }, ref) {
-  const [isFocus, setIsFocus] = useState(false);
-  return <Pressable
-    ref={ref}
-    {...restProps}
-    accessibilityLabel="tab"
-    accessibilityRole="tab"
-    accessible
-    accessibilityState={{
-      selected: active
-    }}
-    role="tab"
-    onFocus={() => setIsFocus(true)}
-    style={[
-      style,
-      tabItemStyles.container,
-      active && tabItemStyles.selected,
-      isFocus && tabItemStyles.focus,
-      active && isFocus && tabItemStyles.focusSelected
-    ]}
-  >
-    {icon && <Icon
-      name={icon}
-      size={18}
-      color={active ? theme.collection.tab.selected["on-enabled"] : theme.collection.tab.unselected["on-enabled"]}
-    />}
-    <Text style={[tabItemStyles.text, active && tabItemStyles.selected]}>{title}</Text>
-  </Pressable>;
-});
-
-export {
-  TabItem
-};

package/dist/chunks/chunk.DMHRBYRF.js

@@ -1,69 +0,0 @@
-import {
-  getContainerStyle,
-  getIconColor,
-  getTextStyle
-} from "./chunk.RNOZ5AW4.js";
-import {
-  Icon
-} from "./chunk.OQSCGAEY.js";
-
-// src/components/button/Button.tsx
-import React from "react";
-import {
-  Pressable,
-  Text
-} from "react-native";
-var Button = React.forwardRef(function Toggle({
-  variant = "primary",
-  style,
-  disabled = false,
-  endIcon,
-  size = "medium",
-  startIcon,
-  children,
-  ...props
-}, ref) {
-  const hasOnlyOneIcon = [!!startIcon, !!endIcon].filter(Boolean).length === 1 && !children;
-  return <Pressable
-    ref={ref}
-    {...props}
-    accessibilityLabel="button"
-    accessibilityRole="button"
-    accessible
-    aria-disabled={disabled}
-    accessibilityState={{
-      disabled
-    }}
-    disabled={disabled}
-    role="button"
-    style={({ pressed }) => [
-      style,
-      getContainerStyle({ variant, size, hasOnlyOneIcon, disabled, pressed })
-    ]}
-  >{({ pressed }) => {
-    const iconColor = getIconColor({
-      pressed,
-      disabled,
-      variant
-    });
-    return <>
-      {startIcon && <Icon name={startIcon} color={iconColor} size={24} />}
-      {children !== void 0 && <Text
-        style={[
-          getTextStyle({
-            variant,
-            size,
-            hasOnlyOneIcon,
-            disabled,
-            pressed
-          })
-        ]}
-      >{children}</Text>}
-      {endIcon && <Icon name={endIcon} color={iconColor} size={24} />}
-    </>;
-  }}</Pressable>;
-});
-
-export {
-  Button
-};