@cdx-ui/components 0.0.1-beta.1 → 0.0.1-beta.100

package/lib/typescript/components/Form/FormRoot.web.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export type BaseFormRootProps = React.FormHTMLAttributes<HTMLFormElement> & {
-    className?: string;
-    children?: React.ReactNode;
-};
-export declare const BaseFormRoot: React.ForwardRefExoticComponent<React.FormHTMLAttributes<HTMLFormElement> & {
-    className?: string;
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLFormElement>>;
-//# sourceMappingURL=FormRoot.web.d.ts.map

package/lib/typescript/components/Form/FormRoot.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormRoot.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormRoot.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,GAAG;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,YAAY;gBAJX,MAAM;eACP,KAAK,CAAC,SAAS;yCAK1B,CAAC"}

package/lib/typescript/components/Input/BaseInput.android.d.ts

@@ -1,3 +0,0 @@
-import { TextInput, type TextInputProps } from 'react-native';
-export declare const BaseInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<TextInput>>;
-//# sourceMappingURL=BaseInput.android.d.ts.map

package/lib/typescript/components/Input/BaseInput.android.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseInput.android.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/BaseInput.android.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAO9D,eAAO,MAAM,SAAS,sGAEpB,CAAC"}

package/lib/typescript/components/Input/BaseInput.d.ts

@@ -1,2 +0,0 @@
-export { TextInput as BaseInput } from 'react-native';
-//# sourceMappingURL=BaseInput.d.ts.map

package/lib/typescript/components/Input/BaseInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/BaseInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/lib/typescript/components/Input/BaseInput.web.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const BaseInput: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
-//# sourceMappingURL=BaseInput.web.d.ts.map

package/lib/typescript/components/Input/BaseInput.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseInput.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/BaseInput.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,SAAS,8EAmCpB,CAAC"}

package/lib/typescript/components/Select/SelectTriggerHost.d.ts

@@ -1,3 +0,0 @@
-/** Native: `Pressable`. Web: `SelectTriggerHost.web` uses `<button>` so `<label htmlFor>` works. */
-export declare const SelectTriggerHost: import("react").ForwardRefExoticComponent<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>>;
-//# sourceMappingURL=SelectTriggerHost.d.ts.map

package/lib/typescript/components/Select/SelectTriggerHost.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectTriggerHost.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/SelectTriggerHost.tsx"],"names":[],"mappings":"AAEA,oGAAoG;AACpG,eAAO,MAAM,iBAAiB,+IAAY,CAAC"}

package/lib/typescript/components/Select/SelectTriggerHost.web.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { PressableProps } from 'react-native';
-export type SelectTriggerHostProps = PressableProps & {
-    className?: string;
-};
-/**
- * Native `<button type="button">` so the trigger is HTML-labelable (`<label htmlFor>` focuses it).
- * `Pressable` on web is a non-labelable div; no extra refs are needed for label association.
- */
-export declare const SelectTriggerHost: React.ForwardRefExoticComponent<PressableProps & {
-    className?: string;
-} & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=SelectTriggerHost.web.d.ts.map

package/lib/typescript/components/Select/SelectTriggerHost.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectTriggerHost.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/SelectTriggerHost.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAwE7E;;;GAGG;AACH,eAAO,MAAM,iBAAiB;gBA5EsC,MAAM;2CAiIzE,CAAC"}

package/src/components/Field/FieldLabel.tsx

@@ -1,33 +0,0 @@
-import { forwardRef } from 'react';
-import { Text, TextProps, type GestureResponderEvent } from 'react-native';
-import { composeEventHandlers, useFormControlContext } from '@cdx-ui/utils';
-
-export type BaseFieldLabelProps = TextProps & {
-  /** @platform web — forwarded on web; ignored here (see `FieldLabelRoot.web`). */
-  htmlFor?: string;
-  /** Optional; composed with label tap-to-focus on native. */
-  onPress?: ((event: GestureResponderEvent) => void) | null;
-};
-
-/**
- * Native: `Text` label row — tap focuses the field input via form context
- * (parity with `<label htmlFor>` on web).
- */
-export const BaseFieldLabel = forwardRef<Text, BaseFieldLabelProps>(
-  ({ htmlFor: _omitHtmlFor, onPress, ...props }, ref) => {
-    void _omitHtmlFor;
-
-    const { focusInput, isDisabled } = useFormControlContext();
-
-    return (
-      <Text
-        ref={ref}
-        {...props}
-        disabled={Boolean(isDisabled)}
-        onPress={composeEventHandlers(onPress, () => focusInput?.())}
-      />
-    );
-  },
-);
-
-BaseFieldLabel.displayName = 'BaseFieldLabel';

package/src/components/Field/FieldLabel.web.tsx

@@ -1,25 +0,0 @@
-import React, { forwardRef, type ReactNode } from 'react';
-import type { ViewProps } from 'react-native';
-
-// TODO: Why does dataSet need to be decomposed into individual data attributes?
-
-export type BaseFieldLabelProps = ViewProps & {
-  htmlFor?: string;
-  children?: ReactNode;
-  /** @platform native — ignored on DOM `<label>`; set by form primitive for Uniwind. */
-  dataSet?: Record<string, string>;
-};
-
-/** Real `<label>` so clicking the label focuses the associated control (`htmlFor` → input `id`). */
-export const BaseFieldLabel = forwardRef<HTMLLabelElement, BaseFieldLabelProps>((props, ref) => {
-  return (
-    <label
-      ref={ref}
-      {...(props as React.LabelHTMLAttributes<HTMLLabelElement>)}
-      data-invalid={props.dataSet?.invalid}
-      data-required={props.dataSet?.required}
-    />
-  );
-});
-
-BaseFieldLabel.displayName = 'BaseFieldLabel';

package/src/components/Form/FormRoot.tsx

@@ -1,20 +0,0 @@
-import { forwardRef } from 'react';
-import { View, type ViewProps } from 'react-native';
-
-export type BaseFormRootProps = ViewProps & {
-  onSubmit?: (e: React.SyntheticEvent) => void;
-  action?: string | ((formData: FormData) => void | Promise<void>);
-  method?: string;
-  className?: string;
-};
-
-export const BaseFormRoot = forwardRef<View, BaseFormRootProps>(
-  ({ onSubmit: _onSubmit, action: _action, method: _method, ...props }, ref) => {
-    void _onSubmit;
-    void _action;
-    void _method;
-    return <View ref={ref} {...props} />;
-  },
-);
-
-BaseFormRoot.displayName = 'BaseFormRoot';

package/src/components/Form/FormRoot.web.tsx

@@ -1,12 +0,0 @@
-import React, { forwardRef } from 'react';
-
-export type BaseFormRootProps = React.FormHTMLAttributes<HTMLFormElement> & {
-  className?: string;
-  children?: React.ReactNode;
-};
-
-export const BaseFormRoot = forwardRef<HTMLFormElement, BaseFormRootProps>((props, ref) => {
-  return <form ref={ref} {...props} />;
-});
-
-BaseFormRoot.displayName = 'BaseFormRoot';

package/src/components/Input/BaseInput.android.tsx

@@ -1,13 +0,0 @@
-import { forwardRef } from 'react';
-import { TextInput, type TextInputProps } from 'react-native';
-
-const androidDefaults = {
-  includeFontPadding: false,
-  textAlignVertical: 'center' as const,
-};
-
-export const BaseInput = forwardRef<TextInput, TextInputProps>((props, ref) => (
-  <TextInput ref={ref} {...props} style={[androidDefaults, props.style]} />
-));
-
-BaseInput.displayName = 'BaseInput';

package/src/components/Input/BaseInput.tsx

@@ -1 +0,0 @@
-export { TextInput as BaseInput } from 'react-native';

package/src/components/Input/BaseInput.web.tsx

@@ -1,41 +0,0 @@
-import React, { forwardRef } from 'react';
-import { TextInput } from 'react-native';
-
-export const BaseInput = forwardRef<any, any>((props, ref) => {
-  if (props.type === 'file') {
-    return React.createElement('input', {
-      ref,
-      type: 'file',
-      accept: props.accept || undefined,
-      multiple: props.multiple || undefined,
-      capture: props.capture || undefined,
-      disabled: props.disabled || undefined,
-      'aria-label': props['aria-label'],
-      'aria-required': props['aria-required'] || undefined,
-      'aria-invalid': props['aria-invalid'] || undefined,
-      'aria-disabled': props['aria-disabled'] || undefined,
-      onChange: (e: any) => {
-        const files = e.target.files;
-        if (files && props.onFiles) {
-          props.onFiles(Array.from(files));
-        }
-      },
-      onFocus: props.onFocus,
-      onBlur: props.onBlur,
-      style: {
-        flex: 1,
-        minWidth: 0,
-        border: 'none',
-        outline: 'none',
-        background: 'transparent',
-        cursor: props.disabled ? 'not-allowed' : 'pointer',
-        fontSize: 'inherit',
-        fontFamily: 'inherit',
-      },
-    });
-  }
-
-  return <TextInput ref={ref} {...props} />;
-});
-
-BaseInput.displayName = 'BaseInput';

package/src/components/Select/SelectTriggerHost.tsx

@@ -1,4 +0,0 @@
-import { Pressable } from 'react-native';
-
-/** Native: `Pressable`. Web: `SelectTriggerHost.web` uses `<button>` so `<label htmlFor>` works. */
-export const SelectTriggerHost = Pressable;

package/src/components/Select/SelectTriggerHost.web.tsx

@@ -1,136 +0,0 @@
-import React, { forwardRef } from 'react';
-import { StyleSheet } from 'react-native';
-import type { PressableProps } from 'react-native';
-
-export type SelectTriggerHostProps = PressableProps & { className?: string };
-
-/** Props that must not be forwarded to a DOM `<button>`. */
-const OMIT = new Set<string>([
-  'hitSlop',
-  'pressRetentionOffset',
-  'android_ripple',
-  'android_disableSound',
-  'unstable_pressDelay',
-  'onLongPress',
-  'delayLongPress',
-  'onPress',
-  'onPressIn',
-  'onPressOut',
-  'onHoverIn',
-  'onHoverOut',
-  'disabled',
-  'style',
-  'className',
-  'testID',
-  'children',
-  'accessible',
-  'accessibilityActions',
-  'accessibilityElementsHidden',
-  'accessibilityHint',
-  'accessibilityIgnoresInvertColors',
-  'accessibilityLabel',
-  'accessibilityLabelledBy',
-  'accessibilityLiveRegion',
-  'accessibilityRole',
-  'accessibilityState',
-  'accessibilityValue',
-  'accessibilityViewIsModal',
-  'importantForAccessibility',
-  'needsOffscreenAlphaCompositing',
-  'collapsable',
-  'shouldRasterizeIOS',
-  'removeClippedSubviews',
-  'onAccessibilityAction',
-  'onAccessibilityEscape',
-  'onAccessibilityTap',
-]);
-
-function resolveChildren(children: PressableProps['children']): React.ReactNode {
-  if (typeof children === 'function') {
-    return children({ pressed: false });
-  }
-  return children;
-}
-
-function filterDomProps(rest: object): React.ButtonHTMLAttributes<HTMLButtonElement> {
-  const entries = Object.entries(rest).filter(([key]) => !OMIT.has(key));
-  return Object.fromEntries(entries) as React.ButtonHTMLAttributes<HTMLButtonElement>;
-}
-
-/** UA `<button>` defaults (centered text, inline sizing) fight our flex + `justify-between` layout. */
-const webButtonLayoutStyle: React.CSSProperties = {
-  display: 'flex',
-  flexDirection: 'row',
-  alignItems: 'center',
-  justifyContent: 'space-between',
-  width: '100%',
-  minWidth: 0,
-  textAlign: 'start',
-  boxSizing: 'border-box',
-  margin: 0,
-  font: 'inherit',
-  lineHeight: 'normal',
-  WebkitAppearance: 'none',
-  appearance: 'none',
-};
-
-/**
- * Native `<button type="button">` so the trigger is HTML-labelable (`<label htmlFor>` focuses it).
- * `Pressable` on web is a non-labelable div; no extra refs are needed for label association.
- */
-export const SelectTriggerHost = forwardRef<HTMLButtonElement, SelectTriggerHostProps>(
-  function SelectTriggerHost(props, ref) {
-    const {
-      children,
-      onPress,
-      onPressIn,
-      onPressOut,
-      onHoverIn,
-      onHoverOut,
-      disabled,
-      style,
-      className,
-      testID,
-      ...rest
-    } = props;
-
-    const domProps = filterDomProps(rest);
-    const flattened = StyleSheet.flatten(style) as React.CSSProperties | undefined;
-
-    return (
-      <button
-        ref={ref}
-        {...domProps}
-        type="button"
-        disabled={!!disabled}
-        className={typeof className === 'string' ? className : undefined}
-        style={{ ...webButtonLayoutStyle, ...(flattened ?? {}) }}
-        data-testid={testID}
-        onClick={(e) => {
-          if (!disabled) {
-            onPress?.(e as unknown as Parameters<NonNullable<PressableProps['onPress']>>[0]);
-          }
-        }}
-        onPointerDown={(e) => {
-          onPressIn?.(e as unknown as Parameters<NonNullable<PressableProps['onPressIn']>>[0]);
-        }}
-        onPointerUp={(e) => {
-          onPressOut?.(e as unknown as Parameters<NonNullable<PressableProps['onPressOut']>>[0]);
-        }}
-        onPointerCancel={(e) => {
-          onPressOut?.(e as unknown as Parameters<NonNullable<PressableProps['onPressOut']>>[0]);
-        }}
-        onMouseEnter={(e) => {
-          onHoverIn?.(e as unknown as Parameters<NonNullable<PressableProps['onHoverIn']>>[0]);
-        }}
-        onMouseLeave={(e) => {
-          onHoverOut?.(e as unknown as Parameters<NonNullable<PressableProps['onHoverOut']>>[0]);
-        }}
-      >
-        {resolveChildren(children)}
-      </button>
-    );
-  },
-);
-
-SelectTriggerHost.displayName = 'SelectTriggerHost';