elseware-ui 3.2.0 → 3.4.0

package/dist/index.native.d.ts

@@ -1,30 +1,4 @@
-import * as react from 'react';
-import { B as ButtonProps, C as CheckboxProps, D as DateSelectorProps, F as FormProps, a as FormResponseProps, I as InputProps, b as InputFileProps, c as InputLabelProps, d as InputResponseProps, S as SelectProps, T as TagsProps, e as TextAreaProps } from './resolveGlobalConfigs-ClQlBbvH.js';
-export { f as BaseDateSelectorProps, g as BaseSelectProps, h as BaseTagsProps, i as BaseTextAreaProps, j as ButtonIcon, k as ButtonMode, l as CheckboxColumns, m as CheckboxOption, E as EUIComponentDefaults, n as EUIConfigs, o as EUIProvider, p as EUIRoute, q as FormChangeMeta, r as FormChildren, s as InputFilePicker, t as InputFileValue, N as NativeInputFileValue, u as SelectOption, v as SelectOptionValue, w as resolveWithGlobal, x as useEUIConfig } from './resolveGlobalConfigs-ClQlBbvH.js';
-import { FormikValues } from 'formik';
-
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<never>>;
-
-declare function Checkbox(checkboxProps: CheckboxProps): react.JSX.Element;
-
-declare function DateSelector(dateSelectorProps: DateSelectorProps): react.JSX.Element;
-
-declare function Form<Values extends FormikValues = FormikValues>({ initialValues, validationSchema, enableReinitialize, children, className, contentClassName, onSubmit, onChange, onDirtyChange, }: FormProps<Values>): react.JSX.Element;
-
-declare function FormResponse({ text, variant, shape, size, className, textClassName, }: FormResponseProps): react.JSX.Element | null;
-
-declare function Input(inputProps: InputProps): react.JSX.Element;
-
-declare function InputFile(inputFileProps: InputFileProps): react.JSX.Element;
-
-declare function InputLabel({ text, children, className, floating, errored, disabled, animatedValue, }: InputLabelProps): react.JSX.Element;
-
-declare function InputResponse({ name, visibility, variant, className, message, }: InputResponseProps): react.JSX.Element | null;
-
-declare function Select(selectProps: SelectProps): react.JSX.Element;
-
-declare function Tags(tagsProps: TagsProps): react.JSX.Element;
-
-declare function TextArea(textAreaProps: TextAreaProps): react.JSX.Element;
-
-export { Button, ButtonProps, Checkbox, CheckboxProps, DateSelector, DateSelectorProps, Form, FormProps, FormResponse, FormResponseProps, Input, InputFile, InputFileProps, InputLabel, InputLabelProps, InputProps, InputResponse, InputResponseProps, Select, SelectProps, Tags, TagsProps, TextArea, TextAreaProps };
+export * from "./components/index.native";
+export * from "./components/eui";
+export * from "./data";
+//# sourceMappingURL=index.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../src/index.native.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC"}

package/dist/index.native.mjs

@@ -1,52 +1,14 @@
 import { createContext, forwardRef, useContext, useState, useRef, useEffect } from 'react';
 import { View, ActivityIndicator, Text, Pressable, Animated, Easing, TextInput, Modal, ScrollView } from 'react-native';
+import clsx from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx as jsx$1 } from 'react/jsx-runtime';
 import { jsx, jsxs } from 'nativewind/jsx-runtime';
 import { Formik, ErrorMessage, useField } from 'formik';
 
 // src/components/data-entry/button/native/Button.native.tsx
-
-// node_modules/clsx/dist/clsx.mjs
-function r(e) {
-  var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e) n += e;
-  else if ("object" == typeof e) if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
-}
-var clsx_default = clsx;
 function cn(...inputs) {
-  return twMerge(clsx_default(inputs));
-}
-
-// src/utils/styles.ts
-function extractTextColorClasses(className) {
-  return className.split(/\s+/).filter(
-    (token) => token.startsWith("text-") || token.startsWith("dark:text-") || token.startsWith("disabled:text-")
-  ).join(" ");
-}
-function resolveAppearanceStyles({
-  appearance = "solid",
-  variant = "default",
-  solid,
-  lite,
-  ghost
-}) {
-  switch (appearance) {
-    case "ghost":
-      return ghost[variant];
-    case "lite":
-      return lite[variant];
-    default:
-      return solid[variant];
-  }
+  return twMerge(clsx(inputs));
 }
 var EUIContext = createContext(null);
 var EUIProvider = ({
@@ -68,7 +30,7 @@ var useEUIConfig = () => {
 function resolveWithGlobal(config, props, defaults) {
   return {
     ...defaults,
-    ...config?.global ?? {},
+    ...config?.global,
     ...props
   };
 }
@@ -150,6 +112,29 @@ var shapes = {
   ["circle" /* circle */]: "rounded-full"
 };
 
+// src/utils/styles.ts
+function extractTextColorClasses(className) {
+  return className.split(/\s+/).filter(
+    (token) => token.startsWith("text-") || token.startsWith("dark:text-") || token.startsWith("disabled:text-")
+  ).join(" ");
+}
+function resolveAppearanceStyles({
+  appearance = "solid",
+  variant = "default",
+  solid,
+  lite,
+  ghost
+}) {
+  switch (appearance) {
+    case "ghost":
+      return ghost[variant];
+    case "lite":
+      return lite[variant];
+    default:
+      return solid[variant];
+  }
+}
+
 // src/components/data-entry/button/base/Button.styles.ts
 function resolveButtonVariantStyles({
   appearance,
@@ -701,7 +686,7 @@ function InputLabel({
   animatedValue
 }) {
   const isFloatingLabel = typeof floating === "boolean";
-  const progress = animatedValue;
+  const progress = animatedValue instanceof Animated.Value ? animatedValue : void 0;
   const animatedStyle = progress ? {
     fontSize: progress.interpolate({
       inputRange: [0, 1],
@@ -820,7 +805,6 @@ var nativeInputControlStyle = {
   borderWidth: 0,
   includeFontPadding: false,
   outlineColor: "transparent",
-  outlineStyle: "none",
   textAlignVertical: "center"
 };
 function useResolvedDateSelectorConfig({
@@ -1108,8 +1092,7 @@ function Input(inputProps) {
     className,
     onBlur,
     onFocus,
-    onChange: _onChange,
-    ..._props
+    onChange: _onChange
   } = inputProps;
   const { field, helpers, meta } = useInputFieldState(inputProps);
   const [focused, setFocused] = useState(false);
@@ -1387,8 +1370,7 @@ function Select(selectProps) {
     styles,
     className,
     onBlur,
-    onFocus,
-    ..._props
+    onFocus
   } = selectProps;
   const { field, helpers, meta } = useSelectFieldState(selectProps);
   const [focused, setFocused] = useState(false);
@@ -1590,8 +1572,7 @@ function Tags(tagsProps) {
     counterClassName,
     className,
     onBlur,
-    onFocus,
-    ..._props
+    onFocus
   } = tagsProps;
   const { field, helpers, meta } = useTagsFieldState(tagsProps);
   const [input, setInput] = useState("");
@@ -1813,8 +1794,7 @@ function TextArea(textAreaProps) {
     styles,
     className,
     onBlur,
-    onFocus,
-    ..._props
+    onFocus
   } = textAreaProps;
   const { field, helpers, meta } = useTextAreaFieldState(textAreaProps);
   const [focused, setFocused] = useState(false);
@@ -1903,6 +1883,28 @@ function TextArea(textAreaProps) {
   ] });
 }
 
-export { Button_native_default as Button, Checkbox, DateSelector, EUIProvider, Form, FormResponse, Input, InputFile, InputLabel, InputResponse, Select, Tags, TextArea, resolveWithGlobal, useEUIConfig };
+// src/data/z-order.ts
+var Z_INDEX = Object.freeze({
+  base: 0,
+  raisedContent: 10,
+  localOverlay: 20,
+  stickyContent: 100,
+  select: 200,
+  header: 300,
+  sidebar: 310,
+  dropdown: 400,
+  backdrop: 500,
+  drawerBackdrop: 510,
+  drawer: 520,
+  cookieBanner: 600,
+  loadingOverlay: 650,
+  toast: 700,
+  modalBackdrop: 800,
+  modal: 810,
+  tooltip: 900,
+  windowTitleBar: 1e3
+});
+
+export { Button_native_default as Button, Checkbox, DateSelector, EUIProvider, Form, FormResponse, Input, InputFile, InputLabel, InputResponse, Select, Tags, TextArea, Z_INDEX, resolveWithGlobal, useEUIConfig };
 //# sourceMappingURL=index.native.mjs.map
 //# sourceMappingURL=index.native.mjs.map