@ds-autonomie/react-native 0.7.2 → 0.7.4

package/dist/chunks/chunk.DMWLLPBB.js

@@ -1,94 +0,0 @@
-import {
-  getCursorColors,
-  inputWrapperStyles,
-  styles
-} from "./chunk.65RCE3RB.js";
-import {
-  Icon
-} from "./chunk.OQSCGAEY.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 <View
-    style={[style, styles.container]}
-    accessibilityState={{ disabled }}
-    testID={`${testID}/container`}
-  >
-    <View style={styles.header}>
-      {label !== void 0 && label.length > 0 && <Text
-        nativeID="label"
-        testID={`${testID}/label`}
-        style={styles.label}
-      >
-        {required && <Text style={styles.labelRequired}>* </Text>}
-        {label}
-      </Text>}
-      {maxLength !== void 0 && <Text style={styles.counter} testID={`${testID}/counter`}>
-        {value.length}
-        {"/"}
-        {maxLength}
-      </Text>}
-    </View>
-    <View
-      style={[
-        inputWrapperStyles.default,
-        isFocused && inputWrapperStyles.focused,
-        error && inputWrapperStyles.error,
-        readOnly && inputWrapperStyles.readonly,
-        disabled && inputWrapperStyles.disabled
-      ]}
-    ><NativeTextInput
-      aria-label={label}
-      aria-labelby="label"
-      testID={`${testID}/input`}
-      {...props}
-      ref={ref}
-      value={value}
-      multiline={multiline}
-      maxLength={maxLength}
-      style={styles.input}
-      {...getCursorColors(error)}
-      onFocus={(e) => {
-        setIsFocused(true);
-        onFocus?.(e);
-      }}
-      onBlur={(e) => {
-        setIsFocused(false);
-        onBlur?.(e);
-      }}
-      editable={!(readOnly || disabled)}
-    /></View>
-    {error && errorText !== void 0 && <View style={[styles.bottomMessage]} testID={`${testID}/errorText`}>
-      <Icon name="error" style={styles.errorIcon} />
-      <Text style={styles.errorText}>{errorText}</Text>
-    </View>}
-    {helpText !== void 0 && <View style={[styles.bottomMessage]} testID={`${testID}/helpText`}><Text style={styles.helpText}>{helpText}</Text></View>}
-  </View>;
-});
-
-export {
-  TextInput
-};

package/dist/chunks/chunk.JQRCUHR6.js

@@ -1,65 +0,0 @@
-import {
-  styles
-} from "./chunk.DE3QWY2X.js";
-import {
-  Icon
-} from "./chunk.OQSCGAEY.js";
-
-// src/components/listItem/ListItem.tsx
-import theme from "@ds-autonomie/assets/js/dsa-theme";
-import React from "react";
-import {
-  View,
-  Text,
-  Pressable
-} from "react-native";
-var ListItem = React.forwardRef(
-  function ListItem2({
-    label,
-    subtitle,
-    prefix,
-    isLast = false,
-    isFirst = false,
-    suffix,
-    style,
-    inset = false,
-    ...restProps
-  }, ref) {
-    const isLarge = subtitle !== void 0 && subtitle !== "" || suffix !== void 0 || prefix !== void 0 || inset;
-    return <Pressable
-      ref={ref}
-      {...restProps}
-      accessibilityLabel={label}
-      accessible
-      style={[
-        style,
-        styles.container,
-        isLarge && styles.large,
-        isLast && styles.lastItem,
-        inset && styles.inset,
-        inset && isLast && styles.insetLast,
-        inset && isFirst && styles.insetFirst
-      ]}
-    >
-      {prefix}
-      <View style={{ flex: 1 }}>
-        <Text numberOfLines={1} style={styles.title}>{label}</Text>
-        {subtitle && <Text style={styles.subtitle}>{subtitle}</Text>}
-      </View>
-      {suffix}
-    </Pressable>;
-  }
-);
-var ChevronSuffix = ({ title }) => <View style={{ flexDirection: "row", alignItems: "center" }}>
-  <Text style={{ color: theme.collection["list item"]["end slot"].detail }}>{title}</Text>
-  <Icon
-    color={theme.collection["list item"]["end slot"].chevron}
-    name="chevron-right"
-    size={20}
-  />
-</View>;
-ListItem.ChevronSuffix = ChevronSuffix;
-
-export {
-  ListItem
-};

package/dist/chunks/chunk.KVGKM2JI.js

@@ -1,73 +0,0 @@
-import {
-  isIOS,
-  placeholderTextColor,
-  plateformStyles,
-  styles
-} from "./chunk.7H4YRP4X.js";
-
-// src/components/searchField/SearchField.tsx
-import React, { useEffect, useState } from "react";
-import {
-  View,
-  TextInput
-} from "react-native";
-import Icon from "react-native-vector-icons/MaterialIcons";
-var INIT_PLACEHOLDER = isIOS ? "Recherche" : "Rechercher un...";
-var SearchField = React.forwardRef(
-  function SearchField2({
-    onChangeText,
-    placeholder = INIT_PLACEHOLDER,
-    style,
-    value = "",
-    disabled = false,
-    ...props
-  }, ref) {
-    const [text, setText] = useState(value);
-    useEffect(
-      function onValueUpdate() {
-        setText(value);
-      },
-      [value]
-    );
-    function handleKeypress(text2) {
-      if (disabled) {
-        return;
-      }
-      onChangeText?.(text2);
-      setText(text2);
-    }
-    return <View
-      style={[
-        style,
-        styles.container,
-        isIOS && styles.iOScontainer,
-        disabled && styles.disabledContainer
-      ]}
-    >
-      <Icon
-        name="search"
-        {...plateformStyles}
-        accessibilityRole="button"
-        accessibilityLabel="search"
-      />
-      <TextInput
-        ref={ref}
-        {...props}
-        editable={!disabled}
-        accessibilityLabel="search"
-        accessibilityRole="search"
-        accessibilityState={{ disabled }}
-        onChangeText={handleKeypress}
-        placeholder={placeholder}
-        placeholderTextColor={placeholderTextColor}
-        returnKeyType="search"
-        style={[styles.input, isIOS ? styles.iOSInput : styles.androidInput]}
-        value={text}
-      />
-    </View>;
-  }
-);
-
-export {
-  SearchField
-};

package/dist/chunks/chunk.LN5IVTGU.js

@@ -1,60 +0,0 @@
-import {
-  radioContainerStyles,
-  radioDotStyles
-} from "./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>;
-});
-
-export {
-  Radio
-};

package/dist/chunks/chunk.LR5V6SDZ.js

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

package/dist/chunks/chunk.OQSCGAEY.js

@@ -1,17 +0,0 @@
-// src/components/icon/Icon.tsx
-import { forwardRef } from "react";
-import MaterialIcons from "react-native-vector-icons/MaterialIcons";
-var Icon = forwardRef(function Icon2({ size = 16, ...restProps }, ref) {
-  return <MaterialIcons
-    {...restProps}
-    ref={ref}
-    size={size}
-    selectable={false}
-    importantForAccessibility="no-hide-descendants"
-    accessibilityElementsHidden
-  />;
-});
-
-export {
-  Icon
-};

package/dist/chunks/chunk.WVKTSG5X.js

@@ -1,22 +0,0 @@
-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

@@ -1,72 +0,0 @@
-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
-};