elseware-ui 3.0.13 → 3.0.15

package/dist/index.native.d.mts

@@ -1,30 +1,30 @@
-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-TVdFbK-t.mjs';
-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-TVdFbK-t.mjs';
+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.mjs';
+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.mjs';
 import { FormikValues } from 'formik';
 
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<never>>;
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<never>>;
 
-declare function Checkbox(checkboxProps: CheckboxProps): React.JSX.Element;
+declare function Checkbox(checkboxProps: CheckboxProps): react.JSX.Element;
 
-declare function DateSelector(dateSelectorProps: DateSelectorProps): 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 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 FormResponse({ text, variant, shape, size, className, textClassName, }: FormResponseProps): react.JSX.Element | null;
 
-declare function Input(inputProps: InputProps): React.JSX.Element;
+declare function Input(inputProps: InputProps): react.JSX.Element;
 
-declare function InputFile(inputFileProps: InputFileProps): 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 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 InputResponse({ name, visibility, variant, className, message, }: InputResponseProps): react.JSX.Element | null;
 
-declare function Select(selectProps: SelectProps): React.JSX.Element;
+declare function Select(selectProps: SelectProps): react.JSX.Element;
 
-declare function Tags(tagsProps: TagsProps): React.JSX.Element;
+declare function Tags(tagsProps: TagsProps): react.JSX.Element;
 
-declare function TextArea(textAreaProps: TextAreaProps): 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 };

package/dist/index.native.d.ts

@@ -1,30 +1,30 @@
-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-TVdFbK-t.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-TVdFbK-t.js';
+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 const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<never>>;
 
-declare function Checkbox(checkboxProps: CheckboxProps): React.JSX.Element;
+declare function Checkbox(checkboxProps: CheckboxProps): react.JSX.Element;
 
-declare function DateSelector(dateSelectorProps: DateSelectorProps): 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 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 FormResponse({ text, variant, shape, size, className, textClassName, }: FormResponseProps): react.JSX.Element | null;
 
-declare function Input(inputProps: InputProps): React.JSX.Element;
+declare function Input(inputProps: InputProps): react.JSX.Element;
 
-declare function InputFile(inputFileProps: InputFileProps): 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 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 InputResponse({ name, visibility, variant, className, message, }: InputResponseProps): react.JSX.Element | null;
 
-declare function Select(selectProps: SelectProps): React.JSX.Element;
+declare function Select(selectProps: SelectProps): react.JSX.Element;
 
-declare function Tags(tagsProps: TagsProps): React.JSX.Element;
+declare function Tags(tagsProps: TagsProps): react.JSX.Element;
 
-declare function TextArea(textAreaProps: TextAreaProps): 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 };

package/dist/index.native.js

@@ -217,6 +217,7 @@ function useButton(props) {
   const {
     // Consumed by the shared model
     icon,
+    iconPosition = "leading",
     text,
     children,
     loading = false,
@@ -244,7 +245,19 @@ function useButton(props) {
     onMouseMove: _onMouseMove,
     ...rootRest
   } = props;
-  const { shape: resolvedShape, size: resolvedSize, variant: resolvedVariant, appearance: resolvedAppearance } = useResolvedButtonConfig({ compact, mode, variant, appearance, shape, size });
+  const {
+    shape: resolvedShape,
+    size: resolvedSize,
+    variant: resolvedVariant,
+    appearance: resolvedAppearance
+  } = useResolvedButtonConfig({
+    compact,
+    mode,
+    variant,
+    appearance,
+    shape,
+    size
+  });
   const tokens = buttonSizeTokens[resolvedSize];
   const variantClassName = resolveButtonVariantStyles({
     appearance: resolvedAppearance,
@@ -264,6 +277,7 @@ function useButton(props) {
     loading,
     iconSize: tokens.icon,
     icon: resolvedIcon,
+    iconPosition,
     label,
     hasTextLabel: typeof label === "string" || typeof label === "number",
     variantClassName,
@@ -290,6 +304,38 @@ var Button = react.forwardRef(
       testID
     } = props;
     const model = useButton(props);
+    const trailing = model.iconPosition === "trailing";
+    const iconSlot = model.loading || model.icon ? /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.View,
+      {
+        className: cn(
+          "shrink-0 items-center justify-center",
+          model.tokens.slot
+        ),
+        children: model.loading ? /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.ActivityIndicator,
+          {
+            className: model.labelColorClassName,
+            size: "small"
+          }
+        ) : model.icon
+      }
+    ) : null;
+    const labelNode = model.hasTextLabel ? /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Text,
+      {
+        className: cn(
+          "font-bold",
+          model.tokens.text,
+          model.tokens.leading,
+          model.labelColorClassName,
+          labelClassName
+        ),
+        numberOfLines: 1,
+        style: nativeLabelBaseStyle,
+        children: model.label
+      }
+    ) : model.label;
     return /* @__PURE__ */ jsxRuntime.jsx(
       reactNative.Pressable,
       {
@@ -297,7 +343,10 @@ var Button = react.forwardRef(
         ref,
         accessibilityLabel,
         accessibilityRole,
-        accessibilityState: { disabled: model.isBusy, selected: model.selected },
+        accessibilityState: {
+          disabled: model.isBusy,
+          selected: model.selected
+        },
         testID,
         disabled: model.isBusy,
         onPress: model.onPress,
@@ -321,37 +370,8 @@ var Button = react.forwardRef(
               contentClassName
             ),
             children: [
-              (model.loading || model.icon) && /* @__PURE__ */ jsxRuntime.jsx(
-                reactNative.View,
-                {
-                  className: cn(
-                    "shrink-0 items-center justify-center",
-                    model.tokens.slot
-                  ),
-                  children: model.loading ? /* @__PURE__ */ jsxRuntime.jsx(
-                    reactNative.ActivityIndicator,
-                    {
-                      className: model.labelColorClassName,
-                      size: "small"
-                    }
-                  ) : model.icon
-                }
-              ),
-              model.hasTextLabel ? /* @__PURE__ */ jsxRuntime.jsx(
-                reactNative.Text,
-                {
-                  className: cn(
-                    "font-bold",
-                    model.tokens.text,
-                    model.tokens.leading,
-                    model.labelColorClassName,
-                    labelClassName
-                  ),
-                  numberOfLines: 1,
-                  style: nativeLabelBaseStyle,
-                  children: model.label
-                }
-              ) : model.label
+              trailing ? labelNode : iconSlot,
+              trailing ? iconSlot : labelNode
             ]
           }
         )