@kanso-labs/react-native-kanso-ui 0.8.0 → 0.10.0

package/dist/segments/field.js

@@ -0,0 +1,277 @@
+import { useTheme } from "../theme/scope.js";
+import { composeStyles } from "../theme/styles.js";
+import { useTypeRole } from "../typography/roles.js";
+import { messagesFor } from "../i18n/index.js";
+import { useFieldValidation } from "../form/index.js";
+import { FieldBox, FieldMessage, FieldSegments, describedBy } from "../field/index.js";
+import { segmentStylesOf } from "./styles.js";
+import { DateSegments } from "./index.js";
+import { c } from "react/compiler-runtime";
+import { Text, View } from "react-native";
+import { useId, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/segments/field.tsx
+function arrivedOf({ leaving, onFocus, setFocused }) {
+	return () => {
+		if (leaving.current === void 0) {
+			setFocused(true);
+			onFocus?.();
+		} else clearTimeout(leaving.current);
+	};
+}
+function backToStart({ control }) {
+	return () => {
+		control.current?.focusLast();
+	};
+}
+function FieldLine(line) {
+	const $ = c(54);
+	const { box, control, description, end, endControl, endName, endSubmitted: t0, error, errors, floatingLabel: t1, focused, holding, isDisabled, isEmpty, isReadOnly, isRequired, label, leadingIcon, locale, name, ref, separator, state, style, submitted, testID, trailingIcon, variant: t2 } = line;
+	const endSubmitted = t0 === void 0 ? "" : t0;
+	const floatingLabel = t1 === void 0 ? true : t1;
+	const variant = t2 === void 0 ? "filled" : t2;
+	const id = useId();
+	const theme = useTheme();
+	const own = segmentStylesOf(theme);
+	const role = useTypeRole("bodyLarge");
+	let t3;
+	if ($[0] !== locale) {
+		t3 = messagesFor(locale);
+		$[0] = locale;
+		$[1] = t3;
+	} else t3 = $[1];
+	const words = t3.segments;
+	let t4;
+	if ($[2] !== end || $[3] !== endName || $[4] !== endSubmitted) {
+		t4 = end === void 0 ? void 0 : [endName, endSubmitted];
+		$[2] = end;
+		$[3] = endName;
+		$[4] = endSubmitted;
+		$[5] = t4;
+	} else t4 = $[5];
+	let t5;
+	if ($[6] !== errors) {
+		t5 = () => errors;
+		$[6] = errors;
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] !== control || $[9] !== error || $[10] !== isDisabled || $[11] !== isEmpty || $[12] !== isReadOnly || $[13] !== isRequired || $[14] !== name || $[15] !== submitted || $[16] !== t4 || $[17] !== t5) {
+		t6 = {
+			alongside: t4,
+			control,
+			error,
+			isDisabled,
+			isEmpty,
+			isReadOnly,
+			isRequired,
+			name,
+			submitted,
+			validate: t5,
+			value: null
+		};
+		$[8] = control;
+		$[9] = error;
+		$[10] = isDisabled;
+		$[11] = isEmpty;
+		$[12] = isReadOnly;
+		$[13] = isRequired;
+		$[14] = name;
+		$[15] = submitted;
+		$[16] = t4;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	const validation = useFieldValidation(t6);
+	const shownError = validation.error;
+	let t7;
+	if ($[19] !== description || $[20] !== id || $[21] !== shownError) {
+		t7 = describedBy(id, {
+			description,
+			error: shownError
+		});
+		$[19] = description;
+		$[20] = id;
+		$[21] = shownError;
+		$[22] = t7;
+	} else t7 = $[22];
+	const described = t7;
+	let t8;
+	if ($[23] !== line) {
+		t8 = arrivedOf(line);
+		$[23] = line;
+		$[24] = t8;
+	} else t8 = $[24];
+	const arrived = t8;
+	let t9;
+	if ($[25] !== line || $[26] !== validation.onBlur) {
+		t9 = leftOf(line, validation.onBlur);
+		$[25] = line;
+		$[26] = validation.onBlur;
+		$[27] = t9;
+	} else t9 = $[27];
+	const left = t9;
+	const T0 = View;
+	const t10 = "group";
+	const T1 = FieldBox;
+	const t11 = focused ? void 0 : control;
+	const t12 = shownError !== void 0;
+	const t13 = true;
+	const t14 = end === void 0 ? /* @__PURE__ */ jsx(DateSegments, {
+		described,
+		holding,
+		isInvalid: shownError !== void 0,
+		label,
+		locale,
+		onBlur: left,
+		onEdit: validation.onEdit,
+		onFocus: arrived,
+		ref: control,
+		state
+	}) : /* @__PURE__ */ jsxs(FieldSegments, { children: [
+		/* @__PURE__ */ jsx(DateSegments, {
+			described,
+			holding,
+			isInvalid: shownError !== void 0,
+			label: `${words.startDate}, ${label}`,
+			locale,
+			onBlur: left,
+			onEdit: validation.onEdit,
+			onFocus: arrived,
+			onPastEnd: onToEnd(line),
+			ref: control,
+			state
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			"aria-hidden": true,
+			style: composeStyles(role, own.separator, isDisabled ? own.textDisabled : own.textMuted),
+			children: separator
+		}),
+		/* @__PURE__ */ jsx(DateSegments, {
+			described,
+			holding,
+			isInvalid: shownError !== void 0,
+			label: `${words.endDate}, ${label}`,
+			locale,
+			onBeforeStart: backToStart(line),
+			onBlur: left,
+			onEdit: validation.onEdit,
+			onFocus: arrived,
+			ref: endControl,
+			state: end
+		})
+	] });
+	let t15;
+	if ($[28] !== T1 || $[29] !== box || $[30] !== floatingLabel || $[31] !== focused || $[32] !== isDisabled || $[33] !== isRequired || $[34] !== label || $[35] !== leadingIcon || $[36] !== t11 || $[37] !== t12 || $[38] !== t14 || $[39] !== trailingIcon || $[40] !== variant) {
+		t15 = /* @__PURE__ */ jsx(T1, {
+			control: t11,
+			floatingLabel,
+			isDisabled,
+			isFocused: focused,
+			isInvalid: t12,
+			isPopulated: t13,
+			isRequired,
+			label,
+			leading: leadingIcon,
+			ref: box,
+			trailing: trailingIcon,
+			variant,
+			children: t14
+		});
+		$[28] = T1;
+		$[29] = box;
+		$[30] = floatingLabel;
+		$[31] = focused;
+		$[32] = isDisabled;
+		$[33] = isRequired;
+		$[34] = label;
+		$[35] = leadingIcon;
+		$[36] = t11;
+		$[37] = t12;
+		$[38] = t14;
+		$[39] = trailingIcon;
+		$[40] = variant;
+		$[41] = t15;
+	} else t15 = $[41];
+	let t16;
+	if ($[42] !== description || $[43] !== id || $[44] !== shownError) {
+		t16 = /* @__PURE__ */ jsx(FieldMessage, {
+			description,
+			error: shownError,
+			id
+		});
+		$[42] = description;
+		$[43] = id;
+		$[44] = shownError;
+		$[45] = t16;
+	} else t16 = $[45];
+	let t17;
+	if ($[46] !== T0 || $[47] !== label || $[48] !== ref || $[49] !== style || $[50] !== t15 || $[51] !== t16 || $[52] !== testID) {
+		t17 = /* @__PURE__ */ jsxs(T0, {
+			"aria-label": label,
+			ref,
+			role: t10,
+			style,
+			testID,
+			children: [t15, t16]
+		});
+		$[46] = T0;
+		$[47] = label;
+		$[48] = ref;
+		$[49] = style;
+		$[50] = t15;
+		$[51] = t16;
+		$[52] = testID;
+		$[53] = t17;
+	} else t17 = $[53];
+	return t17;
+}
+function leftOf({ end, leaving, onBlur, setFocused }, validationBlur) {
+	const left = () => {
+		leaving.current = void 0;
+		setFocused(false);
+		onBlur?.();
+	};
+	return () => {
+		validationBlur();
+		if (end === void 0) left();
+		else leaving.current = setTimeout(left, 0);
+	};
+}
+function onToEnd({ endControl }) {
+	return () => {
+		endControl.current?.focus();
+	};
+}
+/**
+* A field of segments from React Stately's date field state, in the text
+* field's box: the label floated from the start, since the segments always
+* show, and the error what `error` says, else what `errors` says, in React
+* Stately's order and its words. Given an `end` it draws a range.
+*/
+function SegmentedField(props) {
+	const $ = c(3);
+	const control = useRef(null);
+	const endControl = useRef(null);
+	const leaving = useRef(void 0);
+	const [focused, setFocused] = useState(false);
+	let t0;
+	if ($[0] !== focused || $[1] !== props) {
+		t0 = /* @__PURE__ */ jsx(FieldLine, {
+			...props,
+			control,
+			endControl,
+			focused,
+			leaving,
+			setFocused
+		});
+		$[0] = focused;
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+}
+//#endregion
+export { SegmentedField };
+
+//# sourceMappingURL=field.js.map

package/dist/segments/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":["ComponentRef","ReactNode","Ref","RefObject","HostInstance","StyleProp","TextStyle","ViewStyle","DateFieldState","useId","useRef","useState","Text","View","SegmentsHandle","FieldVariant","DateSegments","describedBy","FieldBox","FieldMessage","FieldSegments","useFieldValidation","messagesFor","useTheme","composeStyles","useTypeRole","segmentStylesOf","FieldLineProps","SegmentedFieldProps","control","endControl","focused","leaving","ReturnType","setTimeout","setFocused","box","description","end","endName","endSubmitted","error","errors","floatingLabel","holding","isDisabled","isEmpty","isReadOnly","isRequired","label","leadingIcon","locale","name","onBlur","onFocus","ref","separator","state","style","submitted","testID","trailingIcon","variant","arrivedOf","current","undefined","clearTimeout","backToStart","focusLast","FieldLine","line","$","_c","t0","t1","t2","id","theme","own","role","t3","words","segments","t4","t5","t6","alongside","validate","value","validation","shownError","t7","described","t8","arrived","t9","leftOf","left","T0","t10","T1","t11","t12","t13","t14","onEdit","startDate","onToEnd","textDisabled","textMuted","endDate","t15","t16","t17","validationBlur","focus","SegmentedField","props","_c"],"sources":["../../src/segments/field.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref, RefObject } from 'react'\nimport type {\n  HostInstance,\n  StyleProp,\n  TextStyle,\n  ViewStyle,\n} from 'react-native'\nimport type { DateFieldState } from 'react-stately/useDateFieldState'\n\nimport { useId, useRef, useState } from 'react'\nimport { Text, View } from 'react-native'\n\nimport type { SegmentsHandle } from '.'\nimport type { FieldVariant } from '../field'\n\nimport { DateSegments } from '.'\nimport { describedBy, FieldBox, FieldMessage, FieldSegments } from '../field'\nimport { useFieldValidation } from '../form'\nimport { messagesFor } from '../i18n'\nimport { useTheme } from '../theme/scope'\nimport { composeStyles } from '../theme/styles'\nimport { useTypeRole } from '../typography/roles'\nimport { segmentStylesOf } from './styles'\n\n// The field a date or a time is typed into: src/field's box, label and line\n// under it around the segments, with the value taking part in the Form\n// around it. DateField and TimeField differ in the state they build, and\n// both draw it through this, as web's two draw the same chrome around React\n// Aria's DateInput. DatePicker draws it with the calendar's button in the\n// trailing slot, and DateRangePicker with two dates on its line.\n//\n// **A range is two sets of segments with a separator between them**, the\n// start's and the end's, each its own React Stately field and each named for\n// its date before the label, \"Start Date\" and \"End Date\" in React Aria's\n// words. Focus runs on from the start's last segment to the end's first, as\n// a full segment or an arrow key moves it, and back from the end's first as\n// a backspace does, as React Aria's picker moves it across both. The\n// separator is decoration in the segments' muted role, hidden from a screen\n// reader, which already hears which date each segment is part of.\n//\n// Focus moving from one date to the other is not focus leaving the field: a\n// date's blur waits for the other's focus before the field draws itself\n// blurred and tells the call site, as React Aria's picker hears focus leave\n// the whole group. A field of one date has nothing to wait for, so its blur\n// is the field's at once. A press on the box while either date has focus\n// leaves focus where it is, rather than taking it back to the start's first\n// segment.\n\n// What the field keeps for its line: each date's segments, the timer a\n// date's blur waits on, and whether it draws itself focused.\ntype FieldLineProps = SegmentedFieldProps & {\n  readonly control: RefObject<null | SegmentsHandle>\n  readonly endControl: RefObject<null | SegmentsHandle>\n  readonly focused: boolean\n  readonly leaving: RefObject<ReturnType<typeof setTimeout> | undefined>\n  readonly setFocused: (focused: boolean) => void\n}\n\ntype SegmentedFieldProps = {\n  /** The box, which a picker measures to place its calendar under. */\n  readonly box?: Ref<HostInstance>\n  readonly description?: string\n  /** A range's end, whose segments follow the separator. */\n  readonly end?: DateFieldState\n  /** The name a range's end is submitted under. */\n  readonly endName?: string\n  /** What the Form submits a range's end as, `''` while empty. */\n  readonly endSubmitted?: string\n  readonly error?: string\n  /** What React Stately's validation of the value says, in its words. */\n  readonly errors: readonly string[]\n  readonly floatingLabel?: boolean\n  /**\n   * What the segments are read as holding, after their own names: the date\n   * written out by default, a range picker's whole range where given.\n   */\n  readonly holding?: string\n  readonly isDisabled: boolean\n  /** Whether the value is what a required field must not be left as. */\n  readonly isEmpty: boolean\n  readonly isReadOnly: boolean\n  readonly isRequired: boolean\n  readonly label: string\n  readonly leadingIcon?: ReactNode\n  /** The locale the segments are written in, already resolved. */\n  readonly locale: string\n  readonly name?: string\n  readonly onBlur?: () => void\n  readonly onFocus?: () => void\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  /** What is drawn between a range's two dates. */\n  readonly separator?: string\n  /** The field's state, or a range's start. */\n  readonly state: DateFieldState\n  readonly style?: StyleProp<ViewStyle>\n  /** What the Form around the field submits the value as, `''` while empty. */\n  readonly submitted: string\n  readonly testID?: string\n  readonly trailingIcon?: ReactNode\n  readonly variant?: FieldVariant\n}\n\n// A date's segments arriving in focus: the field's focus where focus comes\n// from outside it, and nothing new where it comes from the other date, whose\n// leaving is then called off. The timer's id is kept until the next blur\n// replaces it, since focus arrives nowhere else before one.\nfunction arrivedOf({ leaving, onFocus, setFocused }: FieldLineProps) {\n  return () => {\n    if (leaving.current === undefined) {\n      setFocused(true)\n      onFocus?.()\n    } else {\n      clearTimeout(leaving.current)\n    }\n  }\n}\n\n// Moves focus back from the end's first segment to the start's last.\nfunction backToStart({ control }: FieldLineProps) {\n  return () => {\n    control.current?.focusLast()\n  }\n}\n\n// The field's box, label and line under it around its segments.\nfunction FieldLine(line: FieldLineProps) {\n  const {\n    box,\n    control,\n    description,\n    end,\n    endControl,\n    endName,\n    endSubmitted = '',\n    error,\n    errors,\n    floatingLabel = true,\n    focused,\n    holding,\n    isDisabled,\n    isEmpty,\n    isReadOnly,\n    isRequired,\n    label,\n    leadingIcon,\n    locale,\n    name,\n    ref,\n    separator,\n    state,\n    style,\n    submitted,\n    testID,\n    trailingIcon,\n    variant = 'filled',\n  } = line\n  const id = useId()\n  const theme = useTheme()\n  const own = segmentStylesOf(theme)\n  const role = useTypeRole('bodyLarge')\n  const words = messagesFor(locale).segments\n  const validation = useFieldValidation({\n    alongside: end === undefined ? undefined : [endName, endSubmitted],\n    control,\n    error,\n    isDisabled,\n    isEmpty,\n    isReadOnly,\n    isRequired,\n    name,\n    submitted,\n    validate: () => errors,\n    value: null,\n  })\n  const shownError = validation.error\n  const described = describedBy(id, { description, error: shownError })\n  const arrived = arrivedOf(line)\n  const left = leftOf(line, validation.onBlur)\n\n  return (\n    <View\n      aria-label={label}\n      ref={ref}\n      role=\"group\"\n      style={style}\n      testID={testID}\n    >\n      <FieldBox\n        control={focused ? undefined : control}\n        floatingLabel={floatingLabel}\n        isDisabled={isDisabled}\n        isFocused={focused}\n        isInvalid={shownError !== undefined}\n        isPopulated\n        isRequired={isRequired}\n        label={label}\n        leading={leadingIcon}\n        ref={box}\n        trailing={trailingIcon}\n        variant={variant}\n      >\n        {end === undefined ? (\n          <DateSegments\n            described={described}\n            holding={holding}\n            isInvalid={shownError !== undefined}\n            label={label}\n            locale={locale}\n            onBlur={left}\n            onEdit={validation.onEdit}\n            onFocus={arrived}\n            ref={control}\n            state={state}\n          />\n        ) : (\n          <FieldSegments>\n            <DateSegments\n              described={described}\n              holding={holding}\n              isInvalid={shownError !== undefined}\n              label={`${words.startDate}, ${label}`}\n              locale={locale}\n              onBlur={left}\n              onEdit={validation.onEdit}\n              onFocus={arrived}\n              onPastEnd={onToEnd(line)}\n              ref={control}\n              state={state}\n            />\n            <Text\n              aria-hidden\n              style={composeStyles<TextStyle>(\n                role,\n                own.separator,\n                isDisabled ? own.textDisabled : own.textMuted,\n              )}\n            >\n              {separator}\n            </Text>\n            <DateSegments\n              described={described}\n              holding={holding}\n              isInvalid={shownError !== undefined}\n              label={`${words.endDate}, ${label}`}\n              locale={locale}\n              onBeforeStart={backToStart(line)}\n              onBlur={left}\n              onEdit={validation.onEdit}\n              onFocus={arrived}\n              ref={endControl}\n              state={end}\n            />\n          </FieldSegments>\n        )}\n      </FieldBox>\n      <FieldMessage description={description} error={shownError} id={id} />\n    </View>\n  )\n}\n\n// A date's segments losing focus: the validation's blur at once, as each of\n// React Aria's date fields commits its own, and the field's blur once the\n// other date has not taken focus, or at once where there is no other.\nfunction leftOf(\n  { end, leaving, onBlur, setFocused }: FieldLineProps,\n  validationBlur: () => void,\n) {\n  const left = () => {\n    leaving.current = undefined\n    setFocused(false)\n    onBlur?.()\n  }\n\n  return () => {\n    validationBlur()\n\n    if (end === undefined) {\n      left()\n    } else {\n      leaving.current = setTimeout(left, 0)\n    }\n  }\n}\n\n// Moves focus on from the start's last segment to the end's first.\nfunction onToEnd({ endControl }: FieldLineProps) {\n  return () => {\n    endControl.current?.focus()\n  }\n}\n\n/**\n * A field of segments from React Stately's date field state, in the text\n * field's box: the label floated from the start, since the segments always\n * show, and the error what `error` says, else what `errors` says, in React\n * Stately's order and its words. Given an `end` it draws a range.\n */\nfunction SegmentedField(props: SegmentedFieldProps) {\n  const control = useRef<SegmentsHandle>(null)\n  const endControl = useRef<SegmentsHandle>(null)\n  const leaving = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const [focused, setFocused] = useState(false)\n\n  return (\n    <FieldLine\n      {...props}\n      control={control}\n      endControl={endControl}\n      focused={focused}\n      leaving={leaving}\n      setFocused={setFocused}\n    />\n  )\n}\n\nexport { SegmentedField }\nexport type { SegmentedFieldProps }\n"],"mappings":"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"}