@g9tm/lynxcontrols 0.0.0-stage → 1.4.2

package/dist/popup/input-form.jsx

@@ -0,0 +1,160 @@
+import "./popup.css";
+import { G9InputType, G9TextInputDirection } from "@g9tm/lynxcontrols-foundation";
+import { useEffect, useRef, useSyncExternalStore } from "@lynx-js/react";
+import { g9RowStyle } from "../base/control.jsx";
+import { useG9Press } from "../base/press.jsx";
+import { G9Editor } from "../fields/editor.jsx";
+import { G9TextEntry } from "../fields/text-entry.jsx";
+import { useG9Direction } from "../provider/hooks.jsx";
+import { G9CheckBox } from "../toggle/checkbox.jsx";
+import { initialPopupFormState, popupCheckBoxOptions, popupFieldKeyboard, validatePopupForm } from "./input.jsx";
+function createPopupFormStore(fields) {
+    let state = {
+        form: initialPopupFormState(fields),
+        errors: {},
+        focus: null
+    };
+    const listeners = new Set();
+    const set = (next)=>{
+        state = next;
+        for (const l of listeners)l();
+    };
+    const clearError = (key)=>{
+        if (!(key in state.errors)) return state.errors;
+        const { [key]: _, ...rest } = state.errors;
+        return rest;
+    };
+    return {
+        fields,
+        getState: ()=>state,
+        subscribe (listener) {
+            listeners.add(listener);
+            return ()=>listeners.delete(listener);
+        },
+        setText (key, value) {
+            set({
+                ...state,
+                form: {
+                    ...state.form,
+                    text: {
+                        ...state.form.text,
+                        [key]: value
+                    }
+                },
+                errors: clearError(key)
+            });
+        },
+        toggle (key, value, on) {
+            var _state_form_selected_key;
+            const current = null != (_state_form_selected_key = state.form.selected[key]) ? _state_form_selected_key : [];
+            const next = on ? current.includes(value) ? current : [
+                ...current,
+                value
+            ] : current.filter((v)=>v !== value);
+            set({
+                ...state,
+                form: {
+                    ...state.form,
+                    selected: {
+                        ...state.form.selected,
+                        [key]: next
+                    }
+                },
+                errors: clearError(key)
+            });
+        },
+        validate (messages) {
+            var _ref;
+            var _state_focus;
+            const result = validatePopupForm(fields, state.form, messages);
+            set({
+                ...state,
+                errors: result.errors,
+                focus: result.firstInvalid ? {
+                    key: result.firstInvalid,
+                    n: (null != (_ref = null == (_state_focus = state.focus) ? void 0 : _state_focus.n) ? _ref : 0) + 1
+                } : state.focus
+            });
+            return result;
+        }
+    };
+}
+function RadioRow(props) {
+    const press = useG9Press(props.onPick, {
+        source: 'G9PopupInput',
+        guardMs: 0,
+        blocked: props.disabled
+    });
+    const direction = useG9Direction();
+    return <view className={`g9-popup-input__radio${props.selected ? ' g9-popup-input__radio--selected' : ''}`} style={g9RowStyle(direction)} accessibility-element={true} accessibility-traits="button" accessibility-label={props.text} accessibility-value={props.selected ? 'selected' : ''} bindtap={press}>
+      <view className="g9-popup-input__radio-ring">
+        {props.selected ? <view className="g9-popup-input__radio-dot"/> : null}
+      </view>
+      <text className="g9-popup-input__option-text">{props.text}</text>
+    </view>;
+}
+const inputTypeOf = (f)=>'email' === f.type ? G9InputType.Email : 'phone' === f.type ? G9InputType.Phone : 'number' === f.type ? G9InputType.Number : G9InputType.Default;
+function PopupInputForm(props) {
+    var _state_focus;
+    const { store } = props;
+    const state = useSyncExternalStore((l)=>store.subscribe(l), ()=>store.getState());
+    const direction = useG9Direction();
+    const handles = useRef(new Map());
+    useEffect(()=>{
+        var _handles_current_get;
+        if (!props.focusFirst) return;
+        const first = store.fields.find((f)=>'checkBox' !== f.type && 'radioButton' !== f.type);
+        if (first) null == (_handles_current_get = handles.current.get(first.key)) || _handles_current_get.focus();
+    }, []);
+    useEffect(()=>{
+        var _handles_current_get;
+        if (state.focus) null == (_handles_current_get = handles.current.get(state.focus.key)) || _handles_current_get.focus();
+    }, [
+        null == (_state_focus = state.focus) ? void 0 : _state_focus.n
+    ]);
+    return <view className={`g9-popup-input g9-dir-${direction}`}>
+      {store.fields.map((f)=>{
+        var _state_form_text_f_key, _f_direction;
+        const error = state.errors[f.key];
+        if ('checkBox' === f.type || 'radioButton' === f.type) {
+            var _f_items, _state_form_selected_f_key;
+            const options = 'checkBox' === f.type ? popupCheckBoxOptions(f) : null != (_f_items = f.items) ? _f_items : [];
+            const selected = null != (_state_form_selected_f_key = state.form.selected[f.key]) ? _state_form_selected_f_key : [];
+            return <view key={f.key} className="g9-popup-input__group">
+              <text className="g9-popup-input__label" style={f.fontFamily ? {
+                fontFamily: f.fontFamily
+            } : {}}>
+                {f.label}
+              </text>
+              {options.map((o)=>'checkBox' === f.type ? <G9CheckBox key={o.value} text={o.text} checked={selected.includes(o.value)} disabled={f.isReadOnly} onCheckedChange={(on)=>store.toggle(f.key, o.value, on)}/> : <RadioRow key={o.value} text={o.text} selected={state.form.text[f.key] === o.value} disabled={f.isReadOnly} onPick={()=>store.setText(f.key, o.value)}/>)}
+              {error ? <text className="g9-popup-input__error">{error}</text> : null}
+            </view>;
+        }
+        const common = {
+            label: f.label,
+            placeholder: f.placeholder,
+            value: null != (_state_form_text_f_key = state.form.text[f.key]) ? _state_form_text_f_key : '',
+            onValueChange: (v)=>store.setText(f.key, v),
+            readOnly: f.isReadOnly,
+            hasError: void 0 !== error,
+            errorText: null != error ? error : null,
+            inputTextDirection: null != (_f_direction = f.direction) ? _f_direction : G9TextInputDirection.MatchParent,
+            customFont: f.fontFamily,
+            voiceEnabled: f.enableVoice,
+            isSpellCheckEnabled: f.isSpellCheckEnabled,
+            isTextPredictionEnabled: f.isTextPredictionEnabled,
+            ...f.maxLength ? {
+                maxLength: f.maxLength,
+                showCharacterCounter: false
+            } : {},
+            ref: (h)=>{
+                handles.current.set(f.key, h);
+            }
+        };
+        return 'multiline' === f.type || 'textArea' === f.type ? <G9Editor key={f.key} {...common}/> : <G9TextEntry key={f.key} {...common} keyboardType={popupFieldKeyboard(f)} inputType={inputTypeOf(f)} isPassword={'password' === f.type} passwordToggle={'password' === f.type}/>;
+    })}
+    </view>;
+}
+export { PopupInputForm, createPopupFormStore };
+
+//# sourceMappingURL=input-form.jsx.map

package/dist/popup/input-form.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup/input-form.jsx","sources":["../../src/popup/input-form.tsx"],"sourcesContent":["import './popup.css';\nimport { G9InputType, G9TextInputDirection } from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useEffect, useRef, useSyncExternalStore } from '@lynx-js/react';\nimport { g9RowStyle } from '../base/control';\nimport { useG9Press } from '../base/press';\nimport { G9Editor } from '../fields/editor';\nimport { G9TextEntry } from '../fields/text-entry';\nimport type { G9TextInputHandle } from '../fields/use-text-input';\nimport { useG9Direction } from '../provider/hooks';\nimport { G9CheckBox } from '../toggle/checkbox';\nimport {\n  type G9PopupFormState,\n  type G9PopupInputField,\n  initialPopupFormState,\n  popupCheckBoxOptions,\n  popupFieldKeyboard,\n  validatePopupForm,\n} from './input';\n\n/** The live state of an input popup's form: survives a re-show (a nested popup, a failed submit). */\nexport interface G9PopupFormStore {\n  readonly fields: ReadonlyArray<G9PopupInputField>;\n  getState(): {\n    form: G9PopupFormState;\n    errors: Readonly<Record<string, string>>;\n    focus: { key: string; n: number } | null;\n  };\n  subscribe(listener: () => void): () => void;\n  setText(key: string, value: string): void;\n  toggle(key: string, value: string, on: boolean): void;\n  /** Validates, shows the errors, focuses the first invalid field. */\n  validate(messages: {\n    readonly requiredSuffix: string;\n    readonly invalidEmail: string;\n  }): ReturnType<typeof validatePopupForm>;\n}\n\n/** Creates the store of one input popup. */\nexport function createPopupFormStore(fields: ReadonlyArray<G9PopupInputField>): G9PopupFormStore {\n  let state: ReturnType<G9PopupFormStore['getState']> = {\n    form: initialPopupFormState(fields),\n    errors: {},\n    focus: null,\n  };\n  const listeners = new Set<() => void>();\n  const set = (next: typeof state) => {\n    state = next;\n    for (const l of listeners) l();\n  };\n  const clearError = (key: string) => {\n    if (!(key in state.errors)) return state.errors;\n    const { [key]: _, ...rest } = state.errors;\n    return rest;\n  };\n  return {\n    fields,\n    getState: () => state,\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n    setText(key, value) {\n      set({ ...state, form: { ...state.form, text: { ...state.form.text, [key]: value } }, errors: clearError(key) });\n    },\n    toggle(key, value, on) {\n      const current = state.form.selected[key] ?? [];\n      const next = on ? (current.includes(value) ? current : [...current, value]) : current.filter((v) => v !== value);\n      set({\n        ...state,\n        form: { ...state.form, selected: { ...state.form.selected, [key]: next } },\n        errors: clearError(key),\n      });\n    },\n    validate(messages) {\n      const result = validatePopupForm(fields, state.form, messages);\n      set({\n        ...state,\n        errors: result.errors,\n        focus: result.firstInvalid ? { key: result.firstInvalid, n: (state.focus?.n ?? 0) + 1 } : state.focus,\n      });\n      return result;\n    },\n  };\n}\n\nfunction RadioRow(props: {\n  readonly text: string;\n  readonly selected: boolean;\n  readonly disabled: boolean;\n  readonly onPick: () => void;\n}): ReactNode {\n  const press = useG9Press(props.onPick, { source: 'G9PopupInput', guardMs: 0, blocked: props.disabled });\n  const direction = useG9Direction();\n  return (\n    <view\n      className={`g9-popup-input__radio${props.selected ? ' g9-popup-input__radio--selected' : ''}`}\n      style={g9RowStyle(direction)}\n      accessibility-element={true}\n      accessibility-traits=\"button\"\n      accessibility-label={props.text}\n      accessibility-value={props.selected ? 'selected' : ''}\n      bindtap={press}\n    >\n      <view className=\"g9-popup-input__radio-ring\">\n        {props.selected ? <view className=\"g9-popup-input__radio-dot\" /> : null}\n      </view>\n      <text className=\"g9-popup-input__option-text\">{props.text}</text>\n    </view>\n  );\n}\n\nconst inputTypeOf = (f: G9PopupInputField): G9InputType =>\n  f.type === 'email'\n    ? G9InputType.Email\n    : f.type === 'phone'\n      ? G9InputType.Phone\n      : f.type === 'number'\n        ? G9InputType.Number\n        : G9InputType.Default;\n\n/**\n * The input popup's form (MAUI `ShowInputG9PopupAsync` form view): a `G9TextEntry` per text field (keyboard and\n * direction from the field), a `G9Editor` for multiline/text-area, a `G9CheckBox` per check-box option and radio rows.\n * Errors show under their fields; the first field is focused on open, the first invalid one after a failed submit.\n */\nexport function PopupInputForm(props: { readonly store: G9PopupFormStore; readonly focusFirst: boolean }): ReactNode {\n  const { store } = props;\n  const state = useSyncExternalStore(\n    (l) => store.subscribe(l),\n    () => store.getState(),\n  );\n  const direction = useG9Direction();\n  const handles = useRef(new Map<string, G9TextInputHandle | null>());\n  useEffect(() => {\n    if (!props.focusFirst) return;\n    const first = store.fields.find((f) => f.type !== 'checkBox' && f.type !== 'radioButton');\n    if (first) handles.current.get(first.key)?.focus();\n  }, []);\n  useEffect(() => {\n    if (state.focus) handles.current.get(state.focus.key)?.focus();\n  }, [state.focus?.n]);\n  return (\n    <view className={`g9-popup-input g9-dir-${direction}`}>\n      {store.fields.map((f) => {\n        const error = state.errors[f.key];\n        if (f.type === 'checkBox' || f.type === 'radioButton') {\n          const options = f.type === 'checkBox' ? popupCheckBoxOptions(f) : (f.items ?? []);\n          const selected = state.form.selected[f.key] ?? [];\n          return (\n            <view key={f.key} className=\"g9-popup-input__group\">\n              <text className=\"g9-popup-input__label\" style={f.fontFamily ? { fontFamily: f.fontFamily } : {}}>\n                {f.label}\n              </text>\n              {options.map((o) =>\n                f.type === 'checkBox' ? (\n                  <G9CheckBox\n                    key={o.value}\n                    text={o.text}\n                    checked={selected.includes(o.value)}\n                    disabled={f.isReadOnly}\n                    onCheckedChange={(on) => store.toggle(f.key, o.value, on)}\n                  />\n                ) : (\n                  <RadioRow\n                    key={o.value}\n                    text={o.text}\n                    selected={state.form.text[f.key] === o.value}\n                    disabled={f.isReadOnly}\n                    onPick={() => store.setText(f.key, o.value)}\n                  />\n                ),\n              )}\n              {error ? <text className=\"g9-popup-input__error\">{error}</text> : null}\n            </view>\n          );\n        }\n        const common = {\n          label: f.label,\n          placeholder: f.placeholder,\n          value: state.form.text[f.key] ?? '',\n          onValueChange: (v: string) => store.setText(f.key, v),\n          readOnly: f.isReadOnly,\n          hasError: error !== undefined,\n          errorText: error ?? null,\n          inputTextDirection: f.direction ?? G9TextInputDirection.MatchParent,\n          customFont: f.fontFamily,\n          voiceEnabled: f.enableVoice,\n          isSpellCheckEnabled: f.isSpellCheckEnabled,\n          isTextPredictionEnabled: f.isTextPredictionEnabled,\n          ...(f.maxLength ? { maxLength: f.maxLength, showCharacterCounter: false } : {}),\n          ref: (h: G9TextInputHandle | null) => {\n            handles.current.set(f.key, h);\n          },\n        };\n        return f.type === 'multiline' || f.type === 'textArea' ? (\n          <G9Editor key={f.key} {...common} />\n        ) : (\n          <G9TextEntry\n            key={f.key}\n            {...common}\n            keyboardType={popupFieldKeyboard(f)}\n            inputType={inputTypeOf(f)}\n            isPassword={f.type === 'password'}\n            passwordToggle={f.type === 'password'}\n          />\n        );\n      })}\n    </view>\n  );\n}\n"],"names":["createPopupFormStore","fields","state","initialPopupFormState","listeners","Set","set","next","l","clearError","key","_","rest","listener","value","on","_state_form_selected_key","current","v","messages","_state_focus","result","validatePopupForm","RadioRow","props","press","useG9Press","direction","useG9Direction","view","g9RowStyle","text","inputTypeOf","f","G9InputType","PopupInputForm","store","useSyncExternalStore","handles","useRef","Map","useEffect","_handles_current_get","first","_state_form_text_f_key","_f_direction","error","_f_items","_state_form_selected_f_key","options","popupCheckBoxOptions","selected","o","G9CheckBox","common","undefined","G9TextInputDirection","h","G9Editor","G9TextEntry","popupFieldKeyboard"],"mappings":"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"}

package/dist/popup/input.d.ts

@@ -0,0 +1,175 @@
+import { G9KeyboardType, G9TextInputDirection } from '@g9tm/lynxcontrols-foundation';
+import type { G9PopupAnimationType, G9PopupButton, G9PopupSettings, G9PopupType } from './types.js';
+/** Field kinds (MAUI `G9PopupInputFieldType`). */
+export declare const G9PopupInputFieldType: {
+    readonly Text: "text";
+    readonly Email: "email";
+    readonly Phone: "phone";
+    readonly Password: "password";
+    readonly Number: "number";
+    readonly TextArea: "textArea";
+    readonly CheckBox: "checkBox";
+    readonly RadioButton: "radioButton";
+    readonly Multiline: "multiline";
+};
+export type G9PopupInputFieldType = (typeof G9PopupInputFieldType)[keyof typeof G9PopupInputFieldType];
+/** One choice of a check box / radio field (MAUI `G9PopupInputOption`). */
+export interface G9PopupInputOption {
+    readonly value: string;
+    readonly text: string;
+    readonly isSelected: boolean;
+}
+/** MAUI `G9PopupInputOption.Create(value, text, isSelected)`: the text defaults to the value. */
+export declare function popupInputOption(value: string, text?: string | null, isSelected?: boolean): G9PopupInputOption;
+/** One form field (MAUI `G9PopupInputField`). Build it with {@link g9PopupInputField}. */
+export interface G9PopupInputField {
+    readonly key: string;
+    readonly label: string;
+    readonly placeholder: string | null;
+    readonly initialValue: string | null;
+    readonly initialChecked: boolean | null;
+    /** Check box / radio choices. */
+    readonly items: ReadonlyArray<G9PopupInputOption> | null;
+    /** Writing direction of the value: `matchParent` (culture) for prose, LTR pinned for phone/email/password. */
+    readonly direction: G9TextInputDirection;
+    readonly fontFamily: string | null;
+    readonly type: G9PopupInputFieldType;
+    readonly isRequired: boolean;
+    /** Replaces "{label} is required". */
+    readonly requiredMessage: string | null;
+    readonly maxLength: number | null;
+    readonly isReadOnly: boolean;
+    /** Trim text values before validation and in the result. Default true. */
+    readonly trimValue: boolean;
+    readonly isTextPredictionEnabled: boolean;
+    readonly isSpellCheckEnabled: boolean;
+    /** Keyboard override; default from the type. */
+    readonly keyboard: G9KeyboardType | null;
+    /** Extra validation: return an error message, or `null` when valid. */
+    readonly validator: ((value: string) => string | null | undefined) | null;
+    /** Dictation microphone (text and text-area fields; never on a password). */
+    readonly enableVoice: boolean;
+    /** Text next to a single check box. */
+    readonly description: string | null;
+}
+/** Options of the field factories (MAUI optional parameters). */
+export interface G9PopupInputFieldOptions {
+    readonly placeholder?: string | null;
+    readonly isRequired?: boolean;
+    readonly initialValue?: string | null;
+    readonly maxLength?: number | null;
+    readonly direction?: G9TextInputDirection;
+    readonly fontFamily?: string | null;
+    readonly enableVoice?: boolean;
+    readonly requiredMessage?: string | null;
+    readonly isReadOnly?: boolean;
+    readonly trimValue?: boolean;
+    readonly isTextPredictionEnabled?: boolean;
+    readonly isSpellCheckEnabled?: boolean;
+    readonly keyboard?: G9KeyboardType | null;
+    readonly validator?: ((value: string) => string | null | undefined) | null;
+}
+/**
+ * Field factories (MAUI `G9PopupInputField.Text/Phone/Email/…`). The culture rule: `text`, `multiline` and `textArea`
+ * follow the app's language (`matchParent`); `phone`, `email` and `password` are pinned left-to-right because those
+ * values are LTR in every language; `number` uses the number policy (LTR digits).
+ */
+export declare const g9PopupInputField: Readonly<{
+    text: (key: string, label: string, o?: G9PopupInputFieldOptions) => G9PopupInputField;
+    phone: (key: string, label: string, o?: G9PopupInputFieldOptions) => G9PopupInputField;
+    email: (key: string, label: string, o?: G9PopupInputFieldOptions) => G9PopupInputField;
+    password: (key: string, label: string, o?: G9PopupInputFieldOptions) => G9PopupInputField;
+    number: (key: string, label: string, o?: G9PopupInputFieldOptions) => G9PopupInputField;
+    multiline: (key: string, label: string, o?: G9PopupInputFieldOptions) => G9PopupInputField;
+    textArea: (key: string, label: string, o?: G9PopupInputFieldOptions) => G9PopupInputField;
+    /** A check box per option (MAUI `CheckBox(key, label, items, …)`). */
+    checkBoxes: (key: string, label: string, items: ReadonlyArray<G9PopupInputOption>, o?: {
+        readonly isRequired?: boolean;
+        readonly fontFamily?: string | null;
+        readonly requiredMessage?: string | null;
+    }) => G9PopupInputField;
+    /** One check box (MAUI `CheckBox(key, label, isRequired, initialChecked, description)`); value `"true"` when checked. */
+    checkBox: (key: string, label: string, o?: {
+        readonly isRequired?: boolean;
+        readonly initialChecked?: boolean;
+        readonly description?: string | null;
+        readonly fontFamily?: string | null;
+        readonly requiredMessage?: string | null;
+    }) => G9PopupInputField;
+    radioButton: (key: string, label: string, items: ReadonlyArray<G9PopupInputOption>, o?: {
+        readonly isRequired?: boolean;
+        readonly initialValue?: string | null;
+        readonly fontFamily?: string | null;
+        readonly requiredMessage?: string | null;
+    }) => G9PopupInputField;
+}>;
+/** The keyboard of a field: its override, else from the type (MAUI `ResolveG9Keyboard`). */
+export declare function popupFieldKeyboard(f: G9PopupInputField): G9KeyboardType;
+/** The choices of a check box field: its items, or one `"true"` option labelled by placeholder/label. */
+export declare function popupCheckBoxOptions(f: G9PopupInputField): ReadonlyArray<G9PopupInputOption>;
+/** Options of an input popup (MAUI `G9PopupInputOptions`). */
+export interface G9PopupInputOptions {
+    readonly fields: ReadonlyArray<G9PopupInputField>;
+    readonly title?: string | null;
+    readonly message?: string | null;
+    /** Default localized Save. */
+    readonly submitButtonText?: string | null;
+    /** Default localized Cancel. */
+    readonly cancelButtonText?: string | null;
+    /** Full submit button (its callback is replaced by the form's). */
+    readonly submitButton?: G9PopupButton | null;
+    readonly cancelButton?: G9PopupButton | null;
+    /** Default `'information'`. */
+    readonly type?: G9PopupType;
+    readonly settings?: G9PopupSettings | null;
+    readonly animation?: G9PopupAnimationType | null;
+    /** Focus the first text field when the popup opens. Default true. */
+    readonly focusFirstFieldOnOpen?: boolean;
+}
+/** MAUI `G9PopupInputOptions.Create(params fields)`. */
+export declare function popupInputOptions(...fields: G9PopupInputField[]): G9PopupInputOptions;
+/** What an input popup returns (MAUI `G9PopupInputResult`). */
+export interface G9PopupInputResult {
+    readonly isSubmitted: boolean;
+    /** Text per key (check boxes: the selected values joined with ", "). */
+    readonly values: Readonly<Record<string, string>>;
+    /** Selected values of multi-choice fields. */
+    readonly arrayValues: Readonly<Record<string, ReadonlyArray<string>>> | null;
+    /** Message per invalid key (a submit that failed validation). */
+    readonly validationErrors: Readonly<Record<string, string>> | null;
+    /** MAUI `GetValue(key)`: case-insensitive. */
+    getValue(key: string): string | null;
+    /** MAUI `GetArrayValues(key)`: `[]` when absent. */
+    getArrayValues(key: string): ReadonlyArray<string>;
+}
+/** Builders (MAUI `G9PopupInputResult.Cancel/Submit/ValidationFailed`). */
+export declare const g9PopupInputResult: Readonly<{
+    cancel: () => G9PopupInputResult;
+    submit: (values: Record<string, string>, arrayValues?: Record<string, ReadonlyArray<string>> | null) => G9PopupInputResult;
+    validationFailed: (values: Record<string, string>, arrayValues: Record<string, ReadonlyArray<string>> | null, errors: Record<string, string>) => G9PopupInputResult;
+}>;
+/** MAUI `IsEmailFormatValid`: one `@` not first, a dot after it with text on both sides. */
+export declare function isPopupEmailValid(value: string): boolean;
+/** The raw form state: text per key and selected values per multi-choice key. */
+export interface G9PopupFormState {
+    readonly text: Readonly<Record<string, string>>;
+    readonly selected: Readonly<Record<string, ReadonlyArray<string>>>;
+}
+/** Initial form state from the fields (initial values, selected options, initial checks). */
+export declare function initialPopupFormState(fields: ReadonlyArray<G9PopupInputField>): G9PopupFormState;
+/**
+ * Validates a form (MAUI `ValidateInputFields` + `ValidateInputField`): text is trimmed (unless `trimValue: false`),
+ * required fields need text (check boxes: one selection), emails need a valid format, then the field's validator.
+ * Returns the values, array values, errors and the key of the first invalid field (focused by the form).
+ */
+export declare function validatePopupForm(fields: ReadonlyArray<G9PopupInputField>, state: G9PopupFormState, messages: {
+    readonly requiredSuffix: string;
+    readonly invalidEmail: string;
+}): {
+    valid: boolean;
+    values: Record<string, string>;
+    arrayValues: Record<string, ReadonlyArray<string>>;
+    errors: Record<string, string>;
+    firstInvalid: string | null;
+};
+//# sourceMappingURL=input.d.ts.map

package/dist/popup/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/popup/input.ts"],"names":[],"mappings":"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"}

package/dist/popup/input.jsx

@@ -0,0 +1,176 @@
+import { G9KeyboardType, G9TextInputDirection } from "@g9tm/lynxcontrols-foundation";
+const G9PopupInputFieldType = {
+    Text: 'text',
+    Email: 'email',
+    Phone: 'phone',
+    Password: 'password',
+    Number: 'number',
+    TextArea: 'textArea',
+    CheckBox: 'checkBox',
+    RadioButton: 'radioButton',
+    Multiline: 'multiline'
+};
+function popupInputOption(value, text, isSelected = false) {
+    return {
+        value,
+        text: null != text ? text : value,
+        isSelected
+    };
+}
+function field(type, key, label, o, direction) {
+    var _o_placeholder, _o_initialValue, _o_initialChecked, _o_items, _o_direction, _o_fontFamily, _o_requiredMessage, _o_maxLength, _o_keyboard, _o_validator, _o_description;
+    return {
+        key,
+        label,
+        placeholder: null != (_o_placeholder = o.placeholder) ? _o_placeholder : null,
+        initialValue: null != (_o_initialValue = o.initialValue) ? _o_initialValue : null,
+        initialChecked: null != (_o_initialChecked = o.initialChecked) ? _o_initialChecked : null,
+        items: null != (_o_items = o.items) ? _o_items : null,
+        direction: null != (_o_direction = o.direction) ? _o_direction : direction,
+        fontFamily: null != (_o_fontFamily = o.fontFamily) ? _o_fontFamily : null,
+        type,
+        isRequired: true === o.isRequired,
+        requiredMessage: null != (_o_requiredMessage = o.requiredMessage) ? _o_requiredMessage : null,
+        maxLength: null != (_o_maxLength = o.maxLength) ? _o_maxLength : null,
+        isReadOnly: true === o.isReadOnly,
+        trimValue: false !== o.trimValue,
+        isTextPredictionEnabled: false !== o.isTextPredictionEnabled,
+        isSpellCheckEnabled: false !== o.isSpellCheckEnabled,
+        keyboard: null != (_o_keyboard = o.keyboard) ? _o_keyboard : null,
+        validator: null != (_o_validator = o.validator) ? _o_validator : null,
+        enableVoice: 'password' !== type && true === o.enableVoice,
+        description: null != (_o_description = o.description) ? _o_description : null
+    };
+}
+const g9PopupInputField = Object.freeze({
+    text: (key, label, o = {})=>field('text', key, label, o, G9TextInputDirection.MatchParent),
+    phone: (key, label, o = {})=>field('phone', key, label, o, G9TextInputDirection.LeftToRight),
+    email: (key, label, o = {})=>field('email', key, label, o, G9TextInputDirection.LeftToRight),
+    password: (key, label, o = {})=>field('password', key, label, o, G9TextInputDirection.LeftToRight),
+    number: (key, label, o = {})=>field('number', key, label, o, G9TextInputDirection.LeftToRight),
+    multiline: (key, label, o = {})=>field('multiline', key, label, o, G9TextInputDirection.MatchParent),
+    textArea: (key, label, o = {})=>field('textArea', key, label, o, G9TextInputDirection.MatchParent),
+    checkBoxes: (key, label, items, o = {})=>field('checkBox', key, label, {
+            ...o,
+            items
+        }, G9TextInputDirection.MatchParent),
+    checkBox: (key, label, o = {})=>field('checkBox', key, label, o, G9TextInputDirection.MatchParent),
+    radioButton: (key, label, items, o = {})=>field('radioButton', key, label, {
+            ...o,
+            items
+        }, G9TextInputDirection.MatchParent)
+});
+function popupFieldKeyboard(f) {
+    if (f.keyboard) return f.keyboard;
+    if ('email' === f.type) return G9KeyboardType.Email;
+    if ('phone' === f.type) return G9KeyboardType.Phone;
+    if ('number' === f.type) return G9KeyboardType.Number;
+    if ('password' === f.type) return G9KeyboardType.Password;
+    return G9KeyboardType.Default;
+}
+function popupCheckBoxOptions(f) {
+    var _f_items;
+    var _f_description, _f_placeholder;
+    const items = (null != (_f_items = f.items) ? _f_items : []).filter((o)=>'' !== o.value.trim());
+    if (items.length > 0) return items;
+    const text = (null == (_f_description = f.description) ? void 0 : _f_description.trim()) ? f.description : (null == (_f_placeholder = f.placeholder) ? void 0 : _f_placeholder.trim()) ? f.placeholder : f.label;
+    return [
+        popupInputOption('true', text, true === f.initialChecked)
+    ];
+}
+function popupInputOptions(...fields) {
+    return {
+        fields
+    };
+}
+function makeResult(isSubmitted, values, arrayValues, errors) {
+    function find(map, key) {
+        if (!map) return;
+        if (key in map) return map[key];
+        const lower = key.toLowerCase();
+        const hit = Object.keys(map).find((k)=>k.toLowerCase() === lower);
+        return void 0 === hit ? void 0 : map[hit];
+    }
+    return Object.freeze({
+        isSubmitted,
+        values: Object.freeze({
+            ...values
+        }),
+        arrayValues: arrayValues ? Object.freeze({
+            ...arrayValues
+        }) : null,
+        validationErrors: errors ? Object.freeze({
+            ...errors
+        }) : null,
+        getValue: (key)=>{
+            var _find;
+            return null != (_find = find(values, key)) ? _find : null;
+        },
+        getArrayValues: (key)=>{
+            var _find;
+            return null != (_find = find(arrayValues, key)) ? _find : [];
+        }
+    });
+}
+const g9PopupInputResult = Object.freeze({
+    cancel: ()=>makeResult(false, {}, null, null),
+    submit: (values, arrayValues)=>makeResult(true, values, null != arrayValues ? arrayValues : null, null),
+    validationFailed: (values, arrayValues, errors)=>makeResult(false, values, arrayValues, errors)
+});
+function isPopupEmailValid(value) {
+    const at = value.indexOf('@');
+    if (at <= 0 || at !== value.lastIndexOf('@')) return false;
+    const dot = value.lastIndexOf('.');
+    return dot > at + 1 && dot < value.length - 1;
+}
+function initialPopupFormState(fields) {
+    const text = {};
+    const selected = {};
+    for (const f of fields){
+        var _f_initialValue;
+        if ('checkBox' === f.type) selected[f.key] = popupCheckBoxOptions(f).filter((o)=>o.isSelected).map((o)=>o.value);
+        else if ('radioButton' === f.type) {
+            var _ref, _f_initialValue1;
+            var _f_items_find, _f_items;
+            text[f.key] = null != (_ref = null != (_f_initialValue1 = f.initialValue) ? _f_initialValue1 : null == (_f_items = f.items) ? void 0 : null == (_f_items_find = _f_items.find((o)=>o.isSelected)) ? void 0 : _f_items_find.value) ? _ref : '';
+        } else text[f.key] = null != (_f_initialValue = f.initialValue) ? _f_initialValue : '';
+    }
+    return {
+        text,
+        selected
+    };
+}
+function validatePopupForm(fields, state, messages) {
+    const values = {};
+    const arrayValues = {};
+    const errors = {};
+    let firstInvalid = null;
+    for (const f of fields){
+        var _state_selected_f_key, _state_text_f_key, _f_requiredMessage, _ref;
+        var _f_validator;
+        const selected = 'checkBox' === f.type ? null != (_state_selected_f_key = state.selected[f.key]) ? _state_selected_f_key : [] : [];
+        const raw = null != (_state_text_f_key = state.text[f.key]) ? _state_text_f_key : '';
+        const value = 'radioButton' !== f.type && 'checkBox' !== f.type && f.trimValue ? raw.trim() : raw;
+        if (selected.length > 0) {
+            arrayValues[f.key] = selected;
+            values[f.key] = selected.join(', ');
+        } else values[f.key] = value;
+        const required = null != (_f_requiredMessage = f.requiredMessage) ? _f_requiredMessage : `${f.label} ${messages.requiredSuffix}`;
+        let error = null;
+        error = f.isRequired && ('checkBox' === f.type ? 0 === selected.length : '' === value.trim()) ? required : 'email' !== f.type || '' === value.trim() || isPopupEmailValid(value) ? null != (_ref = null == (_f_validator = f.validator) ? void 0 : _f_validator.call(f, value)) ? _ref : null : messages.invalidEmail;
+        if (error) {
+            errors[f.key] = error;
+            null != firstInvalid || (firstInvalid = f.key);
+        }
+    }
+    return {
+        valid: 0 === Object.keys(errors).length,
+        values,
+        arrayValues,
+        errors,
+        firstInvalid
+    };
+}
+export { G9PopupInputFieldType, g9PopupInputField, g9PopupInputResult, initialPopupFormState, isPopupEmailValid, popupCheckBoxOptions, popupFieldKeyboard, popupInputOption, popupInputOptions, validatePopupForm };
+
+//# sourceMappingURL=input.jsx.map

package/dist/popup/input.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup/input.jsx","sources":["../../src/popup/input.ts"],"sourcesContent":["import { G9KeyboardType, G9TextInputDirection } from '@g9tm/lynxcontrols-foundation';\nimport type { G9PopupAnimationType, G9PopupButton, G9PopupSettings, G9PopupType } from './types';\n\n// Input popup data (MAUI `G9PopupInputField`, `G9PopupInputFieldType`, `G9PopupInputOption`, `G9PopupInputOptions`,\n// `G9PopupInputResult`) and its validation (MAUI `ValidateInputFields`).\n\n/** Field kinds (MAUI `G9PopupInputFieldType`). */\nexport const G9PopupInputFieldType = {\n  Text: 'text',\n  Email: 'email',\n  Phone: 'phone',\n  Password: 'password',\n  Number: 'number',\n  TextArea: 'textArea',\n  CheckBox: 'checkBox',\n  RadioButton: 'radioButton',\n  Multiline: 'multiline',\n} as const;\nexport type G9PopupInputFieldType = (typeof G9PopupInputFieldType)[keyof typeof G9PopupInputFieldType];\n\n/** One choice of a check box / radio field (MAUI `G9PopupInputOption`). */\nexport interface G9PopupInputOption {\n  readonly value: string;\n  readonly text: string;\n  readonly isSelected: boolean;\n}\n\n/** MAUI `G9PopupInputOption.Create(value, text, isSelected)`: the text defaults to the value. */\nexport function popupInputOption(value: string, text?: string | null, isSelected = false): G9PopupInputOption {\n  return { value, text: text ?? value, isSelected };\n}\n\n/** One form field (MAUI `G9PopupInputField`). Build it with {@link g9PopupInputField}. */\nexport interface G9PopupInputField {\n  readonly key: string;\n  readonly label: string;\n  readonly placeholder: string | null;\n  readonly initialValue: string | null;\n  readonly initialChecked: boolean | null;\n  /** Check box / radio choices. */\n  readonly items: ReadonlyArray<G9PopupInputOption> | null;\n  /** Writing direction of the value: `matchParent` (culture) for prose, LTR pinned for phone/email/password. */\n  readonly direction: G9TextInputDirection;\n  readonly fontFamily: string | null;\n  readonly type: G9PopupInputFieldType;\n  readonly isRequired: boolean;\n  /** Replaces \"{label} is required\". */\n  readonly requiredMessage: string | null;\n  readonly maxLength: number | null;\n  readonly isReadOnly: boolean;\n  /** Trim text values before validation and in the result. Default true. */\n  readonly trimValue: boolean;\n  readonly isTextPredictionEnabled: boolean;\n  readonly isSpellCheckEnabled: boolean;\n  /** Keyboard override; default from the type. */\n  readonly keyboard: G9KeyboardType | null;\n  /** Extra validation: return an error message, or `null` when valid. */\n  readonly validator: ((value: string) => string | null | undefined) | null;\n  /** Dictation microphone (text and text-area fields; never on a password). */\n  readonly enableVoice: boolean;\n  /** Text next to a single check box. */\n  readonly description: string | null;\n}\n\n/** Options of the field factories (MAUI optional parameters). */\nexport interface G9PopupInputFieldOptions {\n  readonly placeholder?: string | null;\n  readonly isRequired?: boolean;\n  readonly initialValue?: string | null;\n  readonly maxLength?: number | null;\n  readonly direction?: G9TextInputDirection;\n  readonly fontFamily?: string | null;\n  readonly enableVoice?: boolean;\n  readonly requiredMessage?: string | null;\n  readonly isReadOnly?: boolean;\n  readonly trimValue?: boolean;\n  readonly isTextPredictionEnabled?: boolean;\n  readonly isSpellCheckEnabled?: boolean;\n  readonly keyboard?: G9KeyboardType | null;\n  readonly validator?: ((value: string) => string | null | undefined) | null;\n}\n\nfunction field(\n  type: G9PopupInputFieldType,\n  key: string,\n  label: string,\n  o: G9PopupInputFieldOptions & {\n    readonly items?: ReadonlyArray<G9PopupInputOption> | null;\n    readonly initialChecked?: boolean | null;\n    readonly description?: string | null;\n  },\n  direction: G9TextInputDirection,\n): G9PopupInputField {\n  return {\n    key,\n    label,\n    placeholder: o.placeholder ?? null,\n    initialValue: o.initialValue ?? null,\n    initialChecked: o.initialChecked ?? null,\n    items: o.items ?? null,\n    direction: o.direction ?? direction,\n    fontFamily: o.fontFamily ?? null,\n    type,\n    isRequired: o.isRequired === true,\n    requiredMessage: o.requiredMessage ?? null,\n    maxLength: o.maxLength ?? null,\n    isReadOnly: o.isReadOnly === true,\n    trimValue: o.trimValue !== false,\n    isTextPredictionEnabled: o.isTextPredictionEnabled !== false,\n    isSpellCheckEnabled: o.isSpellCheckEnabled !== false,\n    keyboard: o.keyboard ?? null,\n    validator: o.validator ?? null,\n    enableVoice: type !== 'password' && o.enableVoice === true,\n    description: o.description ?? null,\n  };\n}\n\n/**\n * Field factories (MAUI `G9PopupInputField.Text/Phone/Email/…`). The culture rule: `text`, `multiline` and `textArea`\n * follow the app's language (`matchParent`); `phone`, `email` and `password` are pinned left-to-right because those\n * values are LTR in every language; `number` uses the number policy (LTR digits).\n */\nexport const g9PopupInputField = Object.freeze({\n  text: (key: string, label: string, o: G9PopupInputFieldOptions = {}) =>\n    field('text', key, label, o, G9TextInputDirection.MatchParent),\n  phone: (key: string, label: string, o: G9PopupInputFieldOptions = {}) =>\n    field('phone', key, label, o, G9TextInputDirection.LeftToRight),\n  email: (key: string, label: string, o: G9PopupInputFieldOptions = {}) =>\n    field('email', key, label, o, G9TextInputDirection.LeftToRight),\n  password: (key: string, label: string, o: G9PopupInputFieldOptions = {}) =>\n    field('password', key, label, o, G9TextInputDirection.LeftToRight),\n  number: (key: string, label: string, o: G9PopupInputFieldOptions = {}) =>\n    field('number', key, label, o, G9TextInputDirection.LeftToRight),\n  multiline: (key: string, label: string, o: G9PopupInputFieldOptions = {}) =>\n    field('multiline', key, label, o, G9TextInputDirection.MatchParent),\n  textArea: (key: string, label: string, o: G9PopupInputFieldOptions = {}) =>\n    field('textArea', key, label, o, G9TextInputDirection.MatchParent),\n  /** A check box per option (MAUI `CheckBox(key, label, items, …)`). */\n  checkBoxes: (\n    key: string,\n    label: string,\n    items: ReadonlyArray<G9PopupInputOption>,\n    o: {\n      readonly isRequired?: boolean;\n      readonly fontFamily?: string | null;\n      readonly requiredMessage?: string | null;\n    } = {},\n  ) => field('checkBox', key, label, { ...o, items }, G9TextInputDirection.MatchParent),\n  /** One check box (MAUI `CheckBox(key, label, isRequired, initialChecked, description)`); value `\"true\"` when checked. */\n  checkBox: (\n    key: string,\n    label: string,\n    o: {\n      readonly isRequired?: boolean;\n      readonly initialChecked?: boolean;\n      readonly description?: string | null;\n      readonly fontFamily?: string | null;\n      readonly requiredMessage?: string | null;\n    } = {},\n  ) => field('checkBox', key, label, o, G9TextInputDirection.MatchParent),\n  radioButton: (\n    key: string,\n    label: string,\n    items: ReadonlyArray<G9PopupInputOption>,\n    o: {\n      readonly isRequired?: boolean;\n      readonly initialValue?: string | null;\n      readonly fontFamily?: string | null;\n      readonly requiredMessage?: string | null;\n    } = {},\n  ) => field('radioButton', key, label, { ...o, items }, G9TextInputDirection.MatchParent),\n});\n\n/** The keyboard of a field: its override, else from the type (MAUI `ResolveG9Keyboard`). */\nexport function popupFieldKeyboard(f: G9PopupInputField): G9KeyboardType {\n  if (f.keyboard) return f.keyboard;\n  if (f.type === 'email') return G9KeyboardType.Email;\n  if (f.type === 'phone') return G9KeyboardType.Phone;\n  if (f.type === 'number') return G9KeyboardType.Number;\n  if (f.type === 'password') return G9KeyboardType.Password;\n  return G9KeyboardType.Default;\n}\n\n/** The choices of a check box field: its items, or one `\"true\"` option labelled by placeholder/label. */\nexport function popupCheckBoxOptions(f: G9PopupInputField): ReadonlyArray<G9PopupInputOption> {\n  const items = (f.items ?? []).filter((o) => o.value.trim() !== '');\n  if (items.length > 0) return items;\n  const text = f.description?.trim() ? f.description : f.placeholder?.trim() ? f.placeholder : f.label;\n  return [popupInputOption('true', text, f.initialChecked === true)];\n}\n\n/** Options of an input popup (MAUI `G9PopupInputOptions`). */\nexport interface G9PopupInputOptions {\n  readonly fields: ReadonlyArray<G9PopupInputField>;\n  readonly title?: string | null;\n  readonly message?: string | null;\n  /** Default localized Save. */\n  readonly submitButtonText?: string | null;\n  /** Default localized Cancel. */\n  readonly cancelButtonText?: string | null;\n  /** Full submit button (its callback is replaced by the form's). */\n  readonly submitButton?: G9PopupButton | null;\n  readonly cancelButton?: G9PopupButton | null;\n  /** Default `'information'`. */\n  readonly type?: G9PopupType;\n  readonly settings?: G9PopupSettings | null;\n  readonly animation?: G9PopupAnimationType | null;\n  /** Focus the first text field when the popup opens. Default true. */\n  readonly focusFirstFieldOnOpen?: boolean;\n}\n\n/** MAUI `G9PopupInputOptions.Create(params fields)`. */\nexport function popupInputOptions(...fields: G9PopupInputField[]): G9PopupInputOptions {\n  return { fields };\n}\n\n/** What an input popup returns (MAUI `G9PopupInputResult`). */\nexport interface G9PopupInputResult {\n  readonly isSubmitted: boolean;\n  /** Text per key (check boxes: the selected values joined with \", \"). */\n  readonly values: Readonly<Record<string, string>>;\n  /** Selected values of multi-choice fields. */\n  readonly arrayValues: Readonly<Record<string, ReadonlyArray<string>>> | null;\n  /** Message per invalid key (a submit that failed validation). */\n  readonly validationErrors: Readonly<Record<string, string>> | null;\n  /** MAUI `GetValue(key)`: case-insensitive. */\n  getValue(key: string): string | null;\n  /** MAUI `GetArrayValues(key)`: `[]` when absent. */\n  getArrayValues(key: string): ReadonlyArray<string>;\n}\n\nfunction makeResult(\n  isSubmitted: boolean,\n  values: Record<string, string>,\n  arrayValues: Record<string, ReadonlyArray<string>> | null,\n  errors: Record<string, string> | null,\n): G9PopupInputResult {\n  function find<T>(map: Record<string, T> | null, key: string): T | undefined {\n    if (!map) return undefined;\n    if (key in map) return map[key];\n    const lower = key.toLowerCase();\n    const hit = Object.keys(map).find((k) => k.toLowerCase() === lower);\n    return hit === undefined ? undefined : map[hit];\n  }\n  return Object.freeze({\n    isSubmitted,\n    values: Object.freeze({ ...values }),\n    arrayValues: arrayValues ? Object.freeze({ ...arrayValues }) : null,\n    validationErrors: errors ? Object.freeze({ ...errors }) : null,\n    getValue: (key: string) => find(values, key) ?? null,\n    getArrayValues: (key: string) => find(arrayValues, key) ?? [],\n  });\n}\n\n/** Builders (MAUI `G9PopupInputResult.Cancel/Submit/ValidationFailed`). */\nexport const g9PopupInputResult = Object.freeze({\n  cancel: (): G9PopupInputResult => makeResult(false, {}, null, null),\n  submit: (values: Record<string, string>, arrayValues?: Record<string, ReadonlyArray<string>> | null) =>\n    makeResult(true, values, arrayValues ?? null, null),\n  validationFailed: (\n    values: Record<string, string>,\n    arrayValues: Record<string, ReadonlyArray<string>> | null,\n    errors: Record<string, string>,\n  ) => makeResult(false, values, arrayValues, errors),\n});\n\n/** MAUI `IsEmailFormatValid`: one `@` not first, a dot after it with text on both sides. */\nexport function isPopupEmailValid(value: string): boolean {\n  const at = value.indexOf('@');\n  if (at <= 0 || at !== value.lastIndexOf('@')) return false;\n  const dot = value.lastIndexOf('.');\n  return dot > at + 1 && dot < value.length - 1;\n}\n\n/** The raw form state: text per key and selected values per multi-choice key. */\nexport interface G9PopupFormState {\n  readonly text: Readonly<Record<string, string>>;\n  readonly selected: Readonly<Record<string, ReadonlyArray<string>>>;\n}\n\n/** Initial form state from the fields (initial values, selected options, initial checks). */\nexport function initialPopupFormState(fields: ReadonlyArray<G9PopupInputField>): G9PopupFormState {\n  const text: Record<string, string> = {};\n  const selected: Record<string, ReadonlyArray<string>> = {};\n  for (const f of fields) {\n    if (f.type === 'checkBox')\n      selected[f.key] = popupCheckBoxOptions(f)\n        .filter((o) => o.isSelected)\n        .map((o) => o.value);\n    else if (f.type === 'radioButton') {\n      text[f.key] = f.initialValue ?? f.items?.find((o) => o.isSelected)?.value ?? '';\n    } else text[f.key] = f.initialValue ?? '';\n  }\n  return { text, selected };\n}\n\n/**\n * Validates a form (MAUI `ValidateInputFields` + `ValidateInputField`): text is trimmed (unless `trimValue: false`),\n * required fields need text (check boxes: one selection), emails need a valid format, then the field's validator.\n * Returns the values, array values, errors and the key of the first invalid field (focused by the form).\n */\nexport function validatePopupForm(\n  fields: ReadonlyArray<G9PopupInputField>,\n  state: G9PopupFormState,\n  messages: { readonly requiredSuffix: string; readonly invalidEmail: string },\n): {\n  valid: boolean;\n  values: Record<string, string>;\n  arrayValues: Record<string, ReadonlyArray<string>>;\n  errors: Record<string, string>;\n  firstInvalid: string | null;\n} {\n  const values: Record<string, string> = {};\n  const arrayValues: Record<string, ReadonlyArray<string>> = {};\n  const errors: Record<string, string> = {};\n  let firstInvalid: string | null = null;\n  for (const f of fields) {\n    const selected = f.type === 'checkBox' ? (state.selected[f.key] ?? []) : [];\n    const raw = state.text[f.key] ?? '';\n    const value = f.type === 'radioButton' || f.type === 'checkBox' || !f.trimValue ? raw : raw.trim();\n    if (selected.length > 0) {\n      arrayValues[f.key] = selected;\n      values[f.key] = selected.join(', ');\n    } else values[f.key] = value;\n    const required = f.requiredMessage ?? `${f.label} ${messages.requiredSuffix}`;\n    let error: string | null = null;\n    if (f.isRequired && (f.type === 'checkBox' ? selected.length === 0 : value.trim() === '')) error = required;\n    else if (f.type === 'email' && value.trim() !== '' && !isPopupEmailValid(value)) error = messages.invalidEmail;\n    else error = f.validator?.(value) ?? null;\n    if (error) {\n      errors[f.key] = error;\n      firstInvalid ??= f.key;\n    }\n  }\n  return { valid: Object.keys(errors).length === 0, values, arrayValues, errors, firstInvalid };\n}\n"],"names":["G9PopupInputFieldType","popupInputOption","value","text","isSelected","field","type","key","label","o","direction","_o_placeholder","_o_initialValue","_o_initialChecked","_o_items","_o_direction","_o_fontFamily","_o_requiredMessage","_o_maxLength","_o_keyboard","_o_validator","_o_description","g9PopupInputField","Object","G9TextInputDirection","items","popupFieldKeyboard","f","G9KeyboardType","popupCheckBoxOptions","_f_items","_f_description","_f_placeholder","popupInputOptions","fields","makeResult","isSubmitted","values","arrayValues","errors","find","map","lower","hit","k","undefined","_find","g9PopupInputResult","isPopupEmailValid","at","dot","initialPopupFormState","selected","_f_initialValue","_ref","_f_items_find","validatePopupForm","state","messages","firstInvalid","_state_selected_f_key","_state_text_f_key","_f_requiredMessage","raw","required","error"],"mappings":"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"}

package/dist/popup/popup-view.d.ts

@@ -0,0 +1,25 @@
+import './popup.css';
+import { type ReactNode } from '@lynx-js/react';
+import { type G9PopupViewOpenOptions } from './frame.js';
+/** Props of {@link G9PopupView}. */
+export interface G9PopupViewProps {
+    /** Shown (MAUI `Open` / `CloseAsync` / `IsOpen`). */
+    readonly open: boolean;
+    /** Asks to close: background tap (with `closeOnBackgroundTap`), hardware back (with `closeOnBackButton`), auto-close. */
+    readonly onOpenChange?: (open: boolean) => void;
+    readonly options?: G9PopupViewOpenOptions;
+    /** The scrim was tapped (MAUI `BackgroundTapped`), whether or not it closes the popup. */
+    readonly onBackgroundTap?: () => void;
+    /** After the close motion (MAUI `Closed`). */
+    readonly onClosed?: () => void;
+    /** The card content (MAUI `Content` / `SetContent`). */
+    readonly children?: ReactNode;
+}
+/**
+ * A popup card you place yourself (MAUI `G9PopupView` hosted in your own layout): the same scrim, card, motions,
+ * placement and drag as the queued popups, but outside the queue: for floating tools (non-modal `overlayMode:
+ * 'none'` + `isDraggable` + a `G9PopupDragHandle` header) or a second popup next to the queued one. It fills its
+ * parent; put it in a full-size container (or a host layer).
+ */
+export declare function G9PopupView(props: G9PopupViewProps): ReactNode;
+//# sourceMappingURL=popup-view.d.ts.map

package/dist/popup/popup-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-view.d.ts","sourceRoot":"","sources":["../../src/popup/popup-view.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,gBAAgB,CAAC;AAI7E,OAAO,EAAE,KAAK,sBAAsB,EAAc,MAAM,SAAS,CAAC;AAElE,oCAAoC;AACpC,MAAM,WAAW,gBAAgB;IAC/B,qDAAqD;IACrD,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,yHAAyH;IACzH,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IAC1C,0FAA0F;IAC1F,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,8CAA8C;IAC9C,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,wDAAwD;IACxD,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAqD9D"}