@ds-autonomie/react-native 0.2.0 → 0.4.0

package/dist/chunks/chunk.SZJKAIPC.js

@@ -0,0 +1,20 @@
+// src/components/divider/Divider.styles.ts
+import theme from "@ds-autonomie/assets/js/dsa-theme";
+import { StyleSheet } from "react-native";
+var dividerStyles = StyleSheet.create({
+  container: {
+    backgroundColor: theme.collection.background.divider
+  },
+  horizontal: {
+    height: 1,
+    width: "100%"
+  },
+  vertical: {
+    width: 1,
+    height: "100%"
+  }
+});
+
+export {
+  dividerStyles
+};

package/dist/chunks/chunk.TWXAL56H.js

@@ -0,0 +1,21 @@
+import {
+  fonts
+} from "./chunk.4GJSNQET.js";
+
+// src/components/listCaption/ListCaption.styles.ts
+import theme from "@ds-autonomie/assets/js/dsa-theme";
+import { StyleSheet } from "react-native";
+var listCaptionStyles = StyleSheet.create({
+  container: {
+    paddingHorizontal: theme.primitives.spacing[16],
+    paddingTop: theme.primitives.spacing[12]
+  },
+  text: {
+    ...fonts.labelMedium,
+    paddingHorizontal: theme.primitives.spacing[16]
+  }
+});
+
+export {
+  listCaptionStyles
+};

package/dist/chunks/chunk.VPRSFOFO.js

@@ -0,0 +1,40 @@
+import {
+  fonts
+} from "./chunk.4GJSNQET.js";
+
+// src/components/tabs/tabItem/TabItem.styles.ts
+import theme from "@ds-autonomie/assets/js/dsa-theme";
+import { StyleSheet } from "react-native";
+var tabItemStyles = StyleSheet.create({
+  container: {
+    height: 48,
+    flex: 1,
+    justifyContent: "center",
+    paddingHorizontal: theme.primitives.spacing[16],
+    gap: theme.primitives.spacing[8],
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  text: {
+    ...fonts.labelLarge,
+    textAlign: "center",
+    color: theme.collection.tab.unselected["on-enabled"]
+  },
+  selected: {
+    color: theme.collection.tab.selected["on-enabled"],
+    backgroundColor: theme.collection.tab.selected.enabled
+  },
+  focus: {
+    color: theme.collection.tab.selected["on-focus"],
+    backgroundColor: theme.collection.tab.unselected.focus
+  },
+  focusSelected: {
+    color: theme.collection.tab.selected["on-focus"],
+    backgroundColor: theme.collection.tab.selected.focus
+  }
+});
+
+export {
+  tabItemStyles
+};

package/dist/chunks/chunk.WVKTSG5X.js

@@ -0,0 +1,22 @@
+import {
+  listTitleStyles
+} from "./chunk.523CLSSB.js";
+
+// src/components/listTitle/ListTitle.tsx
+import React from "react";
+import { View, Text } from "react-native";
+var ListTitle = React.forwardRef(
+  function ListTitle2({ style, children, ...restProps }, ref) {
+    return <View
+      ref={ref}
+      {...restProps}
+      accessibilityRole="text"
+      accessible
+      style={[style, listTitleStyles.container]}
+    ><Text style={[listTitleStyles.text]}>{children}</Text></View>;
+  }
+);
+
+export {
+  ListTitle
+};

package/dist/chunks/chunk.XCMNSIIN.js

@@ -0,0 +1,72 @@
+import {
+  checkboxCheckStyles,
+  checkboxContainerStyles
+} from "./chunk.H2AL2E3A.js";
+import {
+  Icon
+} from "./chunk.OQSCGAEY.js";
+
+// src/components/checkbox/Checkbox.tsx
+import theme from "@ds-autonomie/assets/js/dsa-theme";
+import React, { useEffect, useState } from "react";
+import { Pressable, View } from "react-native";
+var Checkbox = React.forwardRef(function Checkbox2({
+  value = false,
+  disabled = false,
+  error = false,
+  onValueChange,
+  style: styleProps,
+  ...restProps
+}, ref) {
+  const [checked, setChecked] = useState(value);
+  useEffect(
+    function onValueUpdate() {
+      setChecked(value);
+    },
+    [value]
+  );
+  function handlePress() {
+    if (disabled) {
+      return;
+    }
+    onValueChange?.(!checked);
+    setChecked(!checked);
+  }
+  return <Pressable
+    ref={ref}
+    {...restProps}
+    accessibilityLabel="checkbox"
+    accessibilityRole="checkbox"
+    accessibilityState={{ checked, disabled }}
+    accessible
+    aria-checked={checked}
+    aria-disabled={disabled}
+    aria-invalid={error}
+    aria-pressed={checked}
+    onPress={handlePress}
+    role="checkbox"
+    hitSlop={15}
+    style={[
+      styleProps,
+      checkboxContainerStyles.default,
+      checked && checkboxContainerStyles.active,
+      error && checkboxContainerStyles.error,
+      disabled && checkboxContainerStyles.disabled
+    ]}
+  >{checked && <View
+    style={[
+      checkboxCheckStyles.default,
+      checked && checkboxCheckStyles.active,
+      error && checkboxCheckStyles.error,
+      disabled && checkboxCheckStyles.disabled
+    ]}
+  ><Icon
+    name="check"
+    color={theme.primitives.color.neutral[100]}
+    size={18}
+  /></View>}</Pressable>;
+});
+
+export {
+  Checkbox
+};

package/dist/components/button/Button.js

@@ -1,68 +1,8 @@
 import {
-  getContainerStyle,
-  getIconColor,
-  getTextStyle
-} from "../../chunks/chunk.RNOZ5AW4.js";
-import {
-  Icon
-} from "../../chunks/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>;
-});
+  Button
+} from "../../chunks/chunk.DMHRBYRF.js";
+import "../../chunks/chunk.RNOZ5AW4.js";
+import "../../chunks/chunk.OQSCGAEY.js";
 export {
   Button
 };

package/dist/components/checkbox/Checkbox.js

@@ -1,71 +1,8 @@
 import {
-  checkboxCheckStyles,
-  checkboxContainerStyles
-} from "../../chunks/chunk.H2AL2E3A.js";
-import {
-  Icon
-} from "../../chunks/chunk.OQSCGAEY.js";
-
-// src/components/checkbox/Checkbox.tsx
-import theme from "@ds-autonomie/assets/js/dsa-theme";
-import React, { useEffect, useState } from "react";
-import { Pressable, View } from "react-native";
-var Checkbox = React.forwardRef(function Checkbox2({
-  value = false,
-  disabled = false,
-  error = false,
-  onValueChange,
-  style: styleProps,
-  ...restProps
-}, ref) {
-  const [checked, setChecked] = useState(value);
-  useEffect(
-    function onValueUpdate() {
-      setChecked(value);
-    },
-    [value]
-  );
-  function handlePress() {
-    if (disabled) {
-      return;
-    }
-    onValueChange?.(!checked);
-    setChecked(!checked);
-  }
-  return <Pressable
-    ref={ref}
-    {...restProps}
-    accessibilityLabel="checkbox"
-    accessibilityRole="checkbox"
-    accessibilityState={{ checked, disabled }}
-    accessible
-    aria-checked={checked}
-    aria-disabled={disabled}
-    aria-invalid={error}
-    aria-pressed={checked}
-    onPress={handlePress}
-    role="checkbox"
-    hitSlop={15}
-    style={[
-      styleProps,
-      checkboxContainerStyles.default,
-      checked && checkboxContainerStyles.active,
-      error && checkboxContainerStyles.error,
-      disabled && checkboxContainerStyles.disabled
-    ]}
-  >{checked && <View
-    style={[
-      checkboxCheckStyles.default,
-      checked && checkboxCheckStyles.active,
-      error && checkboxCheckStyles.error,
-      disabled && checkboxCheckStyles.disabled
-    ]}
-  ><Icon
-    name="check"
-    color={theme.primitives.color.neutral[100]}
-    size={18}
-  /></View>}</Pressable>;
-});
+  Checkbox
+} from "../../chunks/chunk.XCMNSIIN.js";
+import "../../chunks/chunk.H2AL2E3A.js";
+import "../../chunks/chunk.OQSCGAEY.js";
 export {
   Checkbox
 };

package/dist/components/divider/Divider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+type DividerProps = {
+    orientation?: 'horizontal' | 'vertical';
+} & ViewProps;
+export declare const Divider: ({ orientation, style, ...rest }: DividerProps) => React.JSX.Element;
+export {};

package/dist/components/divider/Divider.js

@@ -0,0 +1,24 @@
+import {
+  dividerStyles
+} from "../../chunks/chunk.SZJKAIPC.js";
+
+// src/components/divider/Divider.tsx
+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
+    ]}
+  />;
+};
+export {
+  Divider
+};

package/dist/components/divider/Divider.styles.d.ts

@@ -0,0 +1,13 @@
+export declare const dividerStyles: {
+    container: {
+        backgroundColor: "#e7e7e7ff";
+    };
+    horizontal: {
+        height: number;
+        width: "100%";
+    };
+    vertical: {
+        width: number;
+        height: "100%";
+    };
+};

package/dist/components/divider/Divider.styles.js

@@ -0,0 +1,6 @@
+import {
+  dividerStyles
+} from "../../chunks/chunk.SZJKAIPC.js";
+export {
+  dividerStyles
+};

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.LR5V6SDZ.js";
+import "../../chunks/chunk.TWXAL56H.js";
+import "../../chunks/chunk.4GJSNQET.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.TWXAL56H.js";
+import "../../chunks/chunk.4GJSNQET.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.JQRCUHR6.js";
+import "../../chunks/chunk.DE3QWY2X.js";
+import "../../chunks/chunk.4GJSNQET.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.DE3QWY2X.js";
+import "../../chunks/chunk.4GJSNQET.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.WVKTSG5X.js";
+import "../../chunks/chunk.523CLSSB.js";
+import "../../chunks/chunk.4GJSNQET.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.523CLSSB.js";
+import "../../chunks/chunk.4GJSNQET.js";
+export {
+  listTitleStyles
+};

package/dist/components/radio/Radio.js

@@ -1,59 +1,7 @@
 import {
-  radioContainerStyles,
-  radioDotStyles
-} from "../../chunks/chunk.YWEWQ2LT.js";
-
-// src/components/radio/Radio.tsx
-import React, { useEffect, useState } from "react";
-import { Pressable, View } from "react-native";
-var Radio = React.forwardRef(function Checkbox({
-  value = false,
-  disabled = false,
-  onValueChange,
-  style: styleProps,
-  ...restProps
-}, ref) {
-  const [checked, setChecked] = useState(value);
-  useEffect(
-    function onValueUpdate() {
-      setChecked(value);
-    },
-    [value]
-  );
-  function handlePress() {
-    if (disabled || checked) {
-      return;
-    }
-    onValueChange?.(true);
-    setChecked(true);
-  }
-  return <Pressable
-    ref={ref}
-    {...restProps}
-    accessibilityLabel="radio"
-    accessibilityRole="radio"
-    accessibilityState={{ checked, disabled }}
-    accessible
-    aria-checked={checked}
-    aria-disabled={disabled}
-    aria-pressed={checked}
-    onPress={handlePress}
-    hitSlop={14}
-    role="radio"
-    style={[
-      styleProps,
-      radioContainerStyles.default,
-      checked && radioContainerStyles.active,
-      disabled && radioContainerStyles.disabled
-    ]}
-  >{checked && <View
-    style={[
-      radioDotStyles.default,
-      checked && radioDotStyles.active,
-      disabled && radioDotStyles.disabled
-    ]}
-  />}</Pressable>;
-});
+  Radio
+} from "../../chunks/chunk.LN5IVTGU.js";
+import "../../chunks/chunk.YWEWQ2LT.js";
 export {
   Radio
 };

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/{search → searchField}/SearchField.styles.js

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

package/dist/components/tabs/Tabs.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+type Props = {
+    /**
+     * Active tab index
+     * */
+    value: number;
+    /**
+     * Callback fired when the value is changed.
+     */
+    onChange: (index: number) => void;
+    /**
+     * If `true` the tab list is scrollable
+     * */
+    scrollable?: boolean;
+} & ViewProps;
+export declare const Tabs: ({ children, value, onChange, scrollable, style, ...rest }: Props) => React.JSX.Element;
+export {};

package/dist/components/tabs/Tabs.js

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