@ds-autonomie/react-native 0.1.0 → 0.3.0

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

@@ -1,7 +1,13 @@
 import React from 'react';
-export interface IconProps {
+import { IconProps as MaterialIconProps } from 'react-native-vector-icons/Icon';
+import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
+export type IconProps = {
     name: string;
     size?: number;
-    color: string;
-}
-export declare function Icon({ size, ...restProps }: IconProps): React.JSX.Element;
+    color?: string;
+} & MaterialIconProps;
+export declare const Icon: React.ForwardRefExoticComponent<{
+    name: string;
+    size?: number | undefined;
+    color?: string | undefined;
+} & MaterialIconProps & React.RefAttributes<MaterialIcons>>;

package/dist/components/icon/Icon.js

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

package/dist/components/listCaption/ListCaption.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { View, ViewProps } from 'react-native';
+type OmittedProps = 'accessible' | 'accessibleRole';
+export declare const ListCaption: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+} & Omit<ViewProps, OmittedProps> & React.RefAttributes<View>>;
+export {};

package/dist/components/listCaption/ListCaption.js

@@ -0,0 +1,8 @@
+import {
+  ListCaption
+} from "../../chunks/chunk.KVXJ2L2C.js";
+import "../../chunks/chunk.4ZX27FCY.js";
+import "../../chunks/chunk.4SSEOHVB.js";
+export {
+  ListCaption
+};

package/dist/components/listCaption/ListCaption.styles.d.ts

@@ -0,0 +1,14 @@
+export declare const listCaptionStyles: {
+    container: {
+        paddingHorizontal: 16;
+        paddingTop: 12;
+    };
+    text: {
+        paddingHorizontal: 16;
+        fontSize: number;
+        fontWeight: "500";
+        lineHeight: number;
+        fontFamily: string;
+        letterSpacing: number;
+    };
+};

package/dist/components/listCaption/ListCaption.styles.js

@@ -0,0 +1,7 @@
+import {
+  listCaptionStyles
+} from "../../chunks/chunk.4ZX27FCY.js";
+import "../../chunks/chunk.4SSEOHVB.js";
+export {
+  listCaptionStyles
+};

package/dist/components/listItem/ListItem.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { PressableProps, ViewStyle, StyleProp } from 'react-native';
+type OmittedProps = 'accessibilityLabel' | 'accessible' | 'children' | 'style';
+type InsetListItemProps = {
+    inset: true;
+    isLast: boolean;
+    isFirst: boolean;
+};
+type RegularListItemProps = {
+    inset: false;
+    isLast: boolean;
+    isFirst?: undefined;
+};
+type CommonListItemProps = {
+    label: string;
+    subtitle?: string;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    /**
+     * If `style` is defined, it will extend the container style.
+     * If a similar property is defined, the new property will overwrite the old one.
+     * */
+    style?: StyleProp<ViewStyle>;
+};
+type ListItemProps = (InsetListItemProps | RegularListItemProps) & CommonListItemProps & Omit<PressableProps, OmittedProps>;
+interface ListItemSubComponents {
+    ChevronSuffix?: typeof ChevronSuffix;
+}
+export declare const ListItem: React.ForwardRefExoticComponent<ListItemProps> & ListItemSubComponents;
+type ChevronSuffixProps = {
+    title: string;
+};
+declare const ChevronSuffix: ({ title }: ChevronSuffixProps) => React.JSX.Element;
+export {};

package/dist/components/listItem/ListItem.js

@@ -0,0 +1,9 @@
+import {
+  ListItem
+} from "../../chunks/chunk.4MPJJ7EN.js";
+import "../../chunks/chunk.INEDXDER.js";
+import "../../chunks/chunk.4SSEOHVB.js";
+import "../../chunks/chunk.OQSCGAEY.js";
+export {
+  ListItem
+};

package/dist/components/listItem/ListItem.styles.d.ts

@@ -0,0 +1,48 @@
+export declare const styles: {
+    container: {
+        borderBottomWidth: number;
+        borderBottomColor: "#e7e7e7ff";
+        backgroundColor: "#ffffffff";
+        paddingHorizontal: 16;
+        paddingVertical: 8;
+        display: "flex";
+        height: "auto";
+        flexDirection: "row";
+        alignItems: "center";
+        gap: 16;
+    };
+    large: {
+        minHeight: number;
+    };
+    lastItem: {
+        borderBottomWidth: number;
+        paddingBottom: number;
+    };
+    title: {
+        color: "#252625ff";
+        fontSize: number;
+        fontFamily: string;
+        fontWeight: "400";
+        lineHeight: number;
+        letterSpacing: number;
+    };
+    subtitle: {
+        color: "#666666ff";
+        fontSize: number;
+        fontWeight: "400";
+        lineHeight: number;
+        fontFamily: string;
+        letterSpacing: number;
+    };
+    inset: {
+        marginHorizontal: 16;
+    };
+    insetFirst: {
+        borderTopRightRadius: 8;
+        borderTopLeftRadius: 8;
+    };
+    insetLast: {
+        borderBottomRightRadius: 8;
+        borderBottomLeftRadius: 8;
+    };
+};

package/dist/components/listItem/ListItem.styles.js

@@ -0,0 +1,7 @@
+import {
+  styles
+} from "../../chunks/chunk.INEDXDER.js";
+import "../../chunks/chunk.4SSEOHVB.js";
+export {
+  styles
+};

package/dist/components/listTitle/ListTitle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { View, ViewProps } from 'react-native';
+type OmittedProps = 'accessible' | 'accessibleRole';
+export declare const ListTitle: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+} & Omit<ViewProps, OmittedProps> & React.RefAttributes<View>>;
+export {};

package/dist/components/listTitle/ListTitle.js

@@ -0,0 +1,8 @@
+import {
+  ListTitle
+} from "../../chunks/chunk.6DY4BFMZ.js";
+import "../../chunks/chunk.3QXPJAHY.js";
+import "../../chunks/chunk.4SSEOHVB.js";
+export {
+  ListTitle
+};

package/dist/components/listTitle/ListTitle.styles.d.ts

@@ -0,0 +1,15 @@
+export declare const listTitleStyles: {
+    container: {
+        paddingHorizontal: 16;
+        paddingTop: 8;
+        paddingBottom: 12;
+    };
+    text: {
+        paddingHorizontal: 16;
+        fontSize: number;
+        fontWeight: "500";
+        lineHeight: number;
+        fontFamily: string;
+        letterSpacing: number;
+    };
+};

package/dist/components/listTitle/ListTitle.styles.js

@@ -0,0 +1,7 @@
+import {
+  listTitleStyles
+} from "../../chunks/chunk.3QXPJAHY.js";
+import "../../chunks/chunk.4SSEOHVB.js";
+export {
+  listTitleStyles
+};

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

@@ -0,0 +1,55 @@
+import React from 'react';
+import { View } from 'react-native';
+import { PressableProps, StyleProp, ViewStyle } from 'react-native/types';
+type OmittedPressableProps = 'accessibilityLabel' | 'accessibilityRole' | 'accessibilityState' | 'accessible' | 'aria-checked' | 'aria-invalid' | 'aria-disabled' | 'aria-pressed' | 'style' | 'onPress' | 'children' | 'role';
+export type RadioProps = {
+    /**
+     * When set to `true`, component is checked.
+     */
+    value?: boolean;
+    /**
+     * When set to `true`, component is in error.
+     */
+    error?: boolean;
+    /**
+     * When set to `true`, component is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Callback when component is checked.
+     *
+     * @param {boolean} value
+     */
+    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.
+     * */
+    style?: StyleProp<ViewStyle>;
+} & Omit<PressableProps, OmittedPressableProps>;
+export declare const Radio: React.ForwardRefExoticComponent<{
+    /**
+     * When set to `true`, component is checked.
+     */
+    value?: boolean | undefined;
+    /**
+     * When set to `true`, component is in error.
+     */
+    error?: boolean | undefined;
+    /**
+     * When set to `true`, component is disabled.
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Callback when component is checked.
+     *
+     * @param {boolean} value
+     */
+    onValueChange?: ((value: boolean) => void) | undefined;
+    /**
+     * If `style` is defined, it will extend the container style.
+     * If a similar property is defined, the new property will overwrite the old one.
+     * */
+    style?: StyleProp<ViewStyle>;
+} & Omit<PressableProps, OmittedPressableProps> & React.RefAttributes<View>>;
+export {};

package/dist/components/radio/Radio.js

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

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

@@ -0,0 +1,30 @@
+export declare const radioContainerStyles: {
+    default: {
+        width: number;
+        height: number;
+        borderWidth: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        borderColor: "#666666ff";
+    };
+    active: {
+        borderColor: "#540abdff";
+    };
+    disabled: {
+        borderColor: "#d7d7d7ff";
+    };
+};
+export declare const radioDotStyles: {
+    default: {
+        width: number;
+        height: number;
+        borderRadius: number;
+    };
+    disabled: {
+        backgroundColor: "#d7d7d7ff";
+    };
+    active: {
+        backgroundColor: "#540abdff";
+    };
+};

package/dist/components/radio/Radio.styles.js

@@ -0,0 +1,8 @@
+import {
+  radioContainerStyles,
+  radioDotStyles
+} from "../../chunks/chunk.YWEWQ2LT.js";
+export {
+  radioContainerStyles,
+  radioDotStyles
+};

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TextInput, TextInputProps, StyleProp, ViewProps } from 'react-native';
+type OmittedTextInputProps = Omit<TextInputProps, 'accessibilityLabel' | 'accessibilityRole' | 'editable' | 'returnKeyType' | 'style'>;
+export declare const SearchField: React.ForwardRefExoticComponent<{
+    /**
+     * If `disabled` is `true`, the component is not editable.
+     */
+    disabled?: boolean | undefined;
+    /**
+     * If `style` is defined, it will extend the container style.
+     */
+    style?: StyleProp<ViewProps>;
+} & OmittedTextInputProps & React.RefAttributes<TextInput>>;
+export {};

package/dist/components/searchField/SearchField.js

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

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

@@ -0,0 +1,42 @@
+import { IconProps } from 'react-native-vector-icons/Icon';
+export declare const placeholderTextColor = "#3C3C4399";
+export declare const styles: {
+    container: {
+        flexDirection: "row";
+        alignItems: "center";
+        borderRadius: number;
+        backgroundColor: string;
+        padding: 8;
+        paddingLeft: number;
+    };
+    iOScontainer: {
+        padding: number;
+        paddingLeft: number;
+    };
+    disabledContainer: {
+        backgroundColor: "#f7f7f7ff";
+    };
+    input: {
+        flex: number;
+    };
+    icon: {
+        position: "absolute";
+        left: 8;
+    };
+    iOSInput: {
+        paddingLeft: number;
+    };
+    androidInput: {
+        paddingLeft: number;
+    };
+    iosIcon: {
+        top: number;
+        width: number;
+        height: number;
+        marginLeft: 8;
+    };
+    androidIcon: {
+        marginLeft: 12;
+    };
+};
+export declare const plateformStyles: Pick<IconProps, "size" | "color" | "style">;

package/dist/components/searchField/SearchField.styles.js

@@ -0,0 +1,10 @@
+import {
+  placeholderTextColor,
+  plateformStyles,
+  styles
+} from "../../chunks/chunk.7H4YRP4X.js";
+export {
+  placeholderTextColor,
+  plateformStyles,
+  styles
+};

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

@@ -0,0 +1,54 @@
+import React, { ReactNode } from 'react';
+import { TextInput as NativeTextInput, TextInputProps as NativeTextInputProps, ViewStyle, StyleProp } from 'react-native';
+export type TextInputProps = {
+    /** The input's label. */
+    label?: string;
+    /** Makes the input a required field. */
+    required?: boolean;
+    /** Indicates whether the input should be in error state. */
+    error?: boolean;
+    /** The input's error text. A string or Text component. */
+    errorText?: ReactNode;
+    /** Disables the input. */
+    disabled?: boolean;
+    /** Makes the input readonly. */
+    readOnly?: boolean;
+    /** The input's help text. A string or Text component. */
+    helpText?: ReactNode;
+    /** Stylise the outer view of the input. */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * The value to show for the text input. TextInput is a controlled component,
+     * which means the native value will be forced to match this value prop if provided.
+     * For most uses this works great, but in some cases this may cause flickering - one common cause is preventing edits by keeping value the same.
+     * In addition to simply setting the same value, either set editable={false},
+     * or set/update maxLength to prevent unwanted edits without flicker.
+     */
+    value: string;
+} & Omit<NativeTextInputProps, 'style' | 'editable' | 'value'>;
+export declare const TextInput: React.ForwardRefExoticComponent<{
+    /** The input's label. */
+    label?: string | undefined;
+    /** Makes the input a required field. */
+    required?: boolean | undefined;
+    /** Indicates whether the input should be in error state. */
+    error?: boolean | undefined;
+    /** The input's error text. A string or Text component. */
+    errorText?: ReactNode;
+    /** Disables the input. */
+    disabled?: boolean | undefined;
+    /** Makes the input readonly. */
+    readOnly?: boolean | undefined;
+    /** The input's help text. A string or Text component. */
+    helpText?: ReactNode;
+    /** Stylise the outer view of the input. */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * The value to show for the text input. TextInput is a controlled component,
+     * which means the native value will be forced to match this value prop if provided.
+     * For most uses this works great, but in some cases this may cause flickering - one common cause is preventing edits by keeping value the same.
+     * In addition to simply setting the same value, either set editable={false},
+     * or set/update maxLength to prevent unwanted edits without flicker.
+     */
+    value: string;
+} & Omit<NativeTextInputProps, "style" | "value" | "editable"> & React.RefAttributes<NativeTextInput>>;

package/dist/components/textInput/TextInput.js

@@ -0,0 +1,9 @@
+import {
+  TextInput
+} from "../../chunks/chunk.73S52VD6.js";
+import "../../chunks/chunk.CIHQLL6Y.js";
+import "../../chunks/chunk.4SSEOHVB.js";
+import "../../chunks/chunk.OQSCGAEY.js";
+export {
+  TextInput
+};

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

@@ -0,0 +1,94 @@
+export declare const styles: {
+    container: {
+        display: "flex";
+        flex: number;
+    };
+    header: {
+        marginBottom: 8;
+        display: "flex";
+        flexDirection: "row";
+    };
+    label: {
+        color: "#666666ff";
+        fontSize: number;
+        fontFamily: string;
+        fontWeight: "400";
+        lineHeight: number;
+        letterSpacing: number;
+    };
+    counter: {
+        color: "#666666ff";
+        fontSize: number;
+        fontFamily: string;
+        fontWeight: "400";
+        lineHeight: number;
+        letterSpacing: number;
+        marginLeft: "auto";
+    };
+    labelRequired: {
+        color: "#dd1708ff";
+    };
+    input: {
+        fontSize: number;
+        fontFamily: string;
+        fontWeight: "400";
+        lineHeight: number;
+        letterSpacing: number;
+        paddingTop: 16;
+        paddingBottom: 16;
+        paddingRight: 16;
+        paddingLeft: 16;
+        borderRadius: 8;
+    };
+    bottomMessage: {
+        marginTop: 8;
+        display: "flex";
+        flexDirection: "row";
+    };
+    errorText: {
+        color: "#dd1708ff";
+    };
+    errorIcon: {
+        color: "#dd1708ff";
+        marginTop: number;
+        marginRight: 4;
+        fontSize: number;
+        fontWeight: "400";
+        lineHeight: number;
+        fontFamily: string;
+        letterSpacing: number;
+    };
+    helpText: {
+        color: "#252625ff";
+    };
+};
+export declare const inputWrapperStyles: {
+    default: {
+        backgroundColor: "#ffffffff";
+        borderColor: "#e7e7e7ff";
+        borderWidth: number;
+        borderRadius: 8;
+    };
+    focused: {
+        borderColor: "#540abdff";
+    };
+    error: {
+        borderColor: "#dd1708ff";
+        backgroundColor: "#fff5f5ff";
+        color: "#252625ff";
+    };
+    readonly: {
+        borderColor: "#e7e7e7ff";
+        backgroundColor: "#d7d7d7ff";
+        color: "#252625ff";
+    };
+    disabled: {
+        borderColor: "#e7e7e7ff";
+        backgroundColor: "#f7f7f7ff";
+        color: "#8a8c8aff";
+    };
+};
+export declare function getCursorColors(error: boolean): {
+    cursorColor: "#540abdff" | "#dd1708ff";
+    selectionColor: "#540abdff" | "#dd1708ff";
+};

package/dist/components/textInput/TextInput.styles.js

@@ -0,0 +1,11 @@
+import {
+  getCursorColors,
+  inputWrapperStyles,
+  styles
+} from "../../chunks/chunk.CIHQLL6Y.js";
+import "../../chunks/chunk.4SSEOHVB.js";
+export {
+  getCursorColors,
+  inputWrapperStyles,
+  styles
+};

package/dist/components/toggle/Toggle.js

@@ -1,8 +1,8 @@
 import {
   Toggle
-} from "../../chunks/chunk.NNC6C337.js";
-import "../../chunks/chunk.4EJ4MEUR.js";
+} from "../../chunks/chunk.B2JV2E47.js";
 import "../../chunks/chunk.CZ5Y2AVH.js";
+import "../../chunks/chunk.OQSCGAEY.js";
 export {
   Toggle
 };

package/dist/index.d.ts

@@ -1,2 +1,11 @@
-export { Toggle } from './components/toggle/Toggle';
+export * from './components/button/Button';
+export * from './components/checkbox/Checkbox';
+export * from './components/icon/Icon';
+export * from './components/listCaption/ListCaption';
+export * from './components/listItem/ListItem';
+export * from './components/listTitle/ListTitle';
+export * from './components/radio/Radio';
+export * from './components/searchField/SearchField';
+export * from './components/toggle/Toggle';
+export * from './components/textInput/TextInput';
 export * from './utils';

package/dist/index.js

@@ -1,8 +1,43 @@
+import {
+  SearchField
+} from "./chunks/chunk.KVGKM2JI.js";
+import "./chunks/chunk.7H4YRP4X.js";
+import {
+  TextInput
+} from "./chunks/chunk.73S52VD6.js";
+import "./chunks/chunk.CIHQLL6Y.js";
 import {
   Toggle
-} from "./chunks/chunk.NNC6C337.js";
-import "./chunks/chunk.4EJ4MEUR.js";
+} from "./chunks/chunk.B2JV2E47.js";
 import "./chunks/chunk.CZ5Y2AVH.js";
+import {
+  ListCaption
+} from "./chunks/chunk.KVXJ2L2C.js";
+import "./chunks/chunk.4ZX27FCY.js";
+import {
+  ListItem
+} from "./chunks/chunk.4MPJJ7EN.js";
+import "./chunks/chunk.INEDXDER.js";
+import {
+  ListTitle
+} from "./chunks/chunk.6DY4BFMZ.js";
+import "./chunks/chunk.3QXPJAHY.js";
+import "./chunks/chunk.4SSEOHVB.js";
+import {
+  Radio
+} from "./chunks/chunk.LN5IVTGU.js";
+import "./chunks/chunk.YWEWQ2LT.js";
+import {
+  Button
+} from "./chunks/chunk.DMHRBYRF.js";
+import "./chunks/chunk.RNOZ5AW4.js";
+import {
+  Checkbox
+} from "./chunks/chunk.XCMNSIIN.js";
+import "./chunks/chunk.H2AL2E3A.js";
+import {
+  Icon
+} from "./chunks/chunk.OQSCGAEY.js";
 
 // src/utils/useFonts.ts
 import { useFonts as useExpoFonts } from "expo-font";
@@ -10,6 +45,15 @@ function useFonts(map) {
   return useExpoFonts(map);
 }
 export {
+  Button,
+  Checkbox,
+  Icon,
+  ListCaption,
+  ListItem,
+  ListTitle,
+  Radio,
+  SearchField,
+  TextInput,
   Toggle,
   useFonts
 };