react-native-platform-components 1.3.0 → 1.5.0

package/lib/module/web/TextField.js

@@ -0,0 +1,316 @@
+"use strict";
+
+// web/TextField.tsx
+import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';
+import { Pressable, Text, TextInput, View } from 'react-native';
+import { resolveSubmitBehavior } from "../submitBehavior.js";
+import { Icon } from "./Icon.js";
+import { usePrimaryColor } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ERROR_COLOR = '#B3261E';
+const MUTED_COLOR = 'rgba(128, 128, 128, 1)';
+const OUTLINE_COLOR = 'rgba(128, 128, 128, 0.5)';
+function textEvent(text) {
+  return {
+    nativeEvent: {
+      text
+    }
+  };
+}
+
+/**
+ * A text input with the TextField extras around it: a label above, prefix and
+ * suffix, icons, a clear button, a password toggle, and supporting, error and
+ * counter text below.
+ */
+export const TextField = /*#__PURE__*/forwardRef(function TextFieldComponent(props, ref) {
+  const {
+    value,
+    defaultValue,
+    onChangeText,
+    onChange,
+    onFocus,
+    onBlur,
+    onSubmitEditing,
+    submitBehavior,
+    onSelectionChange,
+    selection,
+    label,
+    placeholder,
+    supportingText,
+    error,
+    prefix,
+    suffix,
+    leadingIcon,
+    trailingIcon,
+    onTrailingIconPress,
+    leadingIconTestID,
+    leadingIconAccessibilityLabel,
+    trailingIconTestID,
+    trailingIconAccessibilityLabel,
+    onPress,
+    activeColor,
+    outlineColor,
+    errorColor,
+    containerColor,
+    textColor,
+    placeholderTextColor,
+    maxFontSizeMultiplier,
+    textAlign,
+    minLines,
+    maxLines,
+    clearButtonMode = 'never',
+    passwordToggle,
+    showCharacterCount,
+    maxLength,
+    keyboardType,
+    returnKeyType,
+    autoCapitalize,
+    autoCorrect,
+    secureTextEntry,
+    multiline,
+    editable = true,
+    autoFocus,
+    selectTextOnFocus,
+    autoComplete,
+    keyboardAppearance,
+    textStyle,
+    accessibilityLabel,
+    ios,
+    android,
+    style,
+    testID,
+    ...viewProps
+  } = props;
+  const primary = usePrimaryColor();
+  const inputRef = useRef(null);
+  const eventCount = useRef(0);
+  const [uncontrolledText, setUncontrolledText] = useState(defaultValue ?? '');
+  const [focused, setFocused] = useState(false);
+  const [revealed, setRevealed] = useState(false);
+  const text = value ?? uncontrolledText;
+  const errorText = typeof error === 'string' ? error : undefined;
+  const invalid = error !== undefined && error !== false && error !== '';
+  const changeText = next => {
+    setUncontrolledText(next);
+    eventCount.current += 1;
+    onChangeText?.(next);
+    onChange?.({
+      nativeEvent: {
+        text: next,
+        eventCount: eventCount.current
+      }
+    });
+  };
+  useImperativeHandle(ref, () => ({
+    focus: () => inputRef.current?.focus(),
+    blur: () => inputRef.current?.blur(),
+    clear: () => changeText(''),
+    isFocused: () => inputRef.current?.isFocused() ?? false,
+    setSelection: (start, end) => {
+      // react-native-web's TextInput ref is the DOM input
+      const node = inputRef.current;
+      node?.setSelectionRange?.(start, end ?? start);
+    }
+  }));
+
+  // The keyboard toolbar and password rules are iOS only
+  const returnKey = resolveSubmitBehavior(submitBehavior, multiline);
+  // react-native-web submits a multi-line field only when it also blurs;
+  // Enter without Shift submits one that keeps focus
+  const submitsOnEnter = multiline && returnKey === 'submit';
+  const showClear = editable && text.length > 0 && (clearButtonMode === 'always' || clearButtonMode === 'while-editing' && focused || clearButtonMode === 'unless-editing' && !focused);
+  const errorTint = errorColor ?? ERROR_COLOR;
+  const accent = invalid ? errorTint : focused ? activeColor ?? primary : undefined;
+  // A read-only field with onPress acts as a button
+  const actsAsButton = !editable && onPress != null;
+  // A disabled Pressable marks every focusable descendant aria-disabled.
+  // Editable inputs need a neutral container, including their icon actions.
+  // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-disabled
+  const FieldContainer = actsAsButton ? Pressable : View;
+  const lineHeight = (textStyle?.fontSize ?? 16) * 1.25;
+  const bottomText = errorText ?? supportingText;
+  const counter = showCharacterCount ? maxLength !== undefined ? `${text.length} / ${maxLength}` : `${text.length}` : undefined;
+  return /*#__PURE__*/_jsxs(View, {
+    ...viewProps,
+    style: [{
+      gap: 4
+    }, style],
+    children: [label ? /*#__PURE__*/_jsx(Text, {
+      style: {
+        fontSize: 13,
+        color: accent ?? MUTED_COLOR
+      },
+      children: label
+    }) : null, /*#__PURE__*/_jsxs(FieldContainer, {
+      onPress: actsAsButton ? onPress : undefined,
+      accessibilityLabel: actsAsButton ? accessibilityLabel ?? label : undefined,
+      role: actsAsButton ? 'button' : undefined,
+      style: {
+        flexDirection: 'row',
+        alignItems: multiline ? 'flex-start' : 'center',
+        gap: 8,
+        minHeight: 40,
+        paddingHorizontal: 12,
+        borderWidth: 1,
+        borderRadius: 8,
+        borderColor: accent ?? outlineColor ?? OUTLINE_COLOR,
+        backgroundColor: containerColor,
+        opacity: editable || actsAsButton ? 1 : 0.6,
+        cursor: actsAsButton ? 'pointer' : undefined
+      },
+      children: [/*#__PURE__*/_jsx(View, {
+        testID: leadingIconTestID,
+        accessibilityLabel: leadingIconAccessibilityLabel,
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: leadingIcon,
+          color: MUTED_COLOR
+        })
+      }), prefix ? /*#__PURE__*/_jsx(Text, {
+        style: {
+          color: MUTED_COLOR
+        },
+        children: prefix
+      }) : null, /*#__PURE__*/_jsx(TextInput, {
+        ref: inputRef,
+        testID: testID,
+        value: text,
+        onChangeText: changeText,
+        onFocus: () => {
+          setFocused(true);
+          onFocus?.(textEvent(text));
+        },
+        onBlur: () => {
+          setFocused(false);
+          onBlur?.(textEvent(text));
+        },
+        onSubmitEditing: multiline && returnKey !== 'blurAndSubmit' ? undefined : () => onSubmitEditing?.(textEvent(text)),
+        submitBehavior: returnKey,
+        blurOnSubmit: returnKey === 'blurAndSubmit',
+        onKeyPress: submitsOnEnter ? event => {
+          const {
+            key,
+            shiftKey
+          } = event.nativeEvent;
+          if (key !== 'Enter' || shiftKey) return;
+          event.preventDefault();
+          onSubmitEditing?.(textEvent(text));
+        } : undefined,
+        selection: selection ? {
+          start: selection.start,
+          end: selection.end ?? selection.start
+        } : undefined,
+        onSelectionChange: onSelectionChange,
+        placeholder: placeholder,
+        placeholderTextColor: placeholderTextColor,
+        maxLength: maxLength,
+        keyboardType: keyboardType,
+        returnKeyType: returnKeyType === 'none' ? undefined : returnKeyType,
+        autoCapitalize: autoCapitalize,
+        autoCorrect: autoCorrect,
+        secureTextEntry: secureTextEntry && !revealed,
+        multiline: multiline,
+        numberOfLines: multiline ? minLines : undefined,
+        editable: editable,
+        pointerEvents: actsAsButton ? 'none' : undefined,
+        tabIndex: actsAsButton ? -1 : undefined,
+        autoFocus: autoFocus,
+        selectTextOnFocus: selectTextOnFocus,
+        autoComplete: autoComplete,
+        accessibilityLabel: accessibilityLabel ?? label,
+        "aria-invalid": invalid,
+        style: {
+          flex: 1,
+          minWidth: 0,
+          paddingVertical: 8,
+          maxHeight: multiline && maxLines ? lineHeight * maxLines + 16 : undefined,
+          textAlign,
+          color: textColor,
+          fontSize: textStyle?.fontSize ?? 16,
+          fontFamily: textStyle?.fontFamily,
+          fontWeight: textStyle?.fontWeight,
+          fontStyle: textStyle?.fontStyle,
+          outlineWidth: 0
+        }
+      }), suffix ? /*#__PURE__*/_jsx(Text, {
+        style: {
+          color: MUTED_COLOR
+        },
+        children: suffix
+      }) : null, showClear ? /*#__PURE__*/_jsx(FieldButton, {
+        label: "Clear text",
+        onPress: () => changeText(''),
+        children: "\u2715"
+      }) : null, passwordToggle ? /*#__PURE__*/_jsx(FieldButton, {
+        label: revealed ? 'Hide password' : 'Show password',
+        onPress: () => setRevealed(r => !r),
+        children: revealed ? 'Hide' : 'Show'
+      }) : null, trailingIcon ? onTrailingIconPress ? /*#__PURE__*/_jsx(Pressable, {
+        role: "button",
+        testID: trailingIconTestID,
+        accessibilityLabel: trailingIconAccessibilityLabel,
+        onPress: onTrailingIconPress,
+        style: {
+          padding: 4
+        },
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: trailingIcon,
+          color: MUTED_COLOR
+        })
+      }) : /*#__PURE__*/_jsx(View, {
+        testID: trailingIconTestID,
+        accessibilityLabel: trailingIconAccessibilityLabel,
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: trailingIcon,
+          color: MUTED_COLOR
+        })
+      }) : null]
+    }), bottomText || counter ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        gap: 8
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: {
+          flex: 1,
+          fontSize: 12,
+          color: errorText ? errorTint : MUTED_COLOR
+        },
+        children: bottomText ?? ''
+      }), counter ? /*#__PURE__*/_jsx(Text, {
+        style: {
+          fontSize: 12,
+          color: MUTED_COLOR
+        },
+        children: counter
+      }) : null]
+    }) : null]
+  });
+});
+function FieldButton({
+  label,
+  onPress,
+  children
+}) {
+  return /*#__PURE__*/_jsx("button", {
+    type: "button",
+    "aria-label": label
+    // Keep focus in the input, so a clear button shown only while editing
+    // is still there when the click lands.
+    ,
+    onMouseDown: event => event.preventDefault(),
+    onClick: onPress,
+    style: {
+      padding: '4px 6px',
+      border: 'none',
+      borderRadius: 4,
+      fontFamily: 'inherit',
+      fontSize: 13,
+      color: MUTED_COLOR,
+      backgroundColor: 'transparent',
+      cursor: 'pointer'
+    },
+    children: children
+  });
+}
+//# sourceMappingURL=TextField.js.map

package/lib/module/web/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useImperativeHandle","useRef","useState","Pressable","Text","TextInput","View","resolveSubmitBehavior","Icon","usePrimaryColor","jsx","_jsx","jsxs","_jsxs","ERROR_COLOR","MUTED_COLOR","OUTLINE_COLOR","textEvent","text","nativeEvent","TextField","TextFieldComponent","props","ref","value","defaultValue","onChangeText","onChange","onFocus","onBlur","onSubmitEditing","submitBehavior","onSelectionChange","selection","label","placeholder","supportingText","error","prefix","suffix","leadingIcon","trailingIcon","onTrailingIconPress","leadingIconTestID","leadingIconAccessibilityLabel","trailingIconTestID","trailingIconAccessibilityLabel","onPress","activeColor","outlineColor","errorColor","containerColor","textColor","placeholderTextColor","maxFontSizeMultiplier","textAlign","minLines","maxLines","clearButtonMode","passwordToggle","showCharacterCount","maxLength","keyboardType","returnKeyType","autoCapitalize","autoCorrect","secureTextEntry","multiline","editable","autoFocus","selectTextOnFocus","autoComplete","keyboardAppearance","textStyle","accessibilityLabel","ios","android","style","testID","viewProps","primary","inputRef","eventCount","uncontrolledText","setUncontrolledText","focused","setFocused","revealed","setRevealed","errorText","undefined","invalid","changeText","next","current","focus","blur","clear","isFocused","setSelection","start","end","node","setSelectionRange","returnKey","submitsOnEnter","showClear","length","errorTint","accent","actsAsButton","FieldContainer","lineHeight","fontSize","bottomText","counter","gap","children","color","role","flexDirection","alignItems","minHeight","paddingHorizontal","borderWidth","borderRadius","borderColor","backgroundColor","opacity","cursor","icon","blurOnSubmit","onKeyPress","event","key","shiftKey","preventDefault","numberOfLines","pointerEvents","tabIndex","flex","minWidth","paddingVertical","maxHeight","fontFamily","fontWeight","fontStyle","outlineWidth","FieldButton","r","padding","type","onMouseDown","onClick","border"],"sourceRoot":"../../../src","sources":["web/TextField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/web/components.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { withWebComponent } from "./PlatformComponentsProvider.js";
+import { Button as DefaultButton } from "./Button.js";
+import { ButtonGroup as DefaultButtonGroup } from "./ButtonGroup.js";
+import { SplitButton as DefaultSplitButton } from "./SplitButton.js";
+import { DatePicker as DefaultDatePicker } from "./DatePicker.js";
+import { DateRangePicker as DefaultDateRangePicker } from "./DateRangePicker.js";
+import { FloatingActionButton as DefaultFloatingActionButton } from "./FloatingActionButton.js";
+import { NavigationRail as DefaultNavigationRail } from "./NavigationRail.js";
+import { SegmentedControl as DefaultSegmentedControl } from "./SegmentedControl.js";
+import { SelectionMenu as DefaultSelectionMenu } from "./SelectionMenu.js";
+import { TabBar as DefaultTabBar } from "./TabBar.js";
+import { TextField as DefaultTextField } from "./TextField.js";
+import { ContextMenu as DefaultContextMenu, FloatingToolbar as DefaultFloatingToolbar, LiquidGlass as DefaultLiquidGlass, LiquidGlassContainer as DefaultLiquidGlassContainer } from "./containers.js";
+
+// Explicit types keep published declarations tied to a resolvable type import.
+export const Button = withWebComponent('Button', DefaultButton);
+export const ButtonGroup = withWebComponent('ButtonGroup', DefaultButtonGroup);
+export const SplitButton = withWebComponent('SplitButton', DefaultSplitButton);
+export const DatePicker = withWebComponent('DatePicker', DefaultDatePicker);
+export const DateRangePicker = withWebComponent('DateRangePicker', DefaultDateRangePicker);
+export const FloatingActionButton = withWebComponent('FloatingActionButton', DefaultFloatingActionButton);
+export const NavigationRail = withWebComponent('NavigationRail', DefaultNavigationRail);
+export const SegmentedControl = withWebComponent('SegmentedControl', DefaultSegmentedControl);
+export const SelectionMenu = withWebComponent('SelectionMenu', DefaultSelectionMenu);
+export const TabBar = withWebComponent('TabBar', DefaultTabBar);
+export const TextField = withWebComponent('TextField', DefaultTextField);
+export const ContextMenu = withWebComponent('ContextMenu', DefaultContextMenu);
+export const FloatingToolbar = withWebComponent('FloatingToolbar', DefaultFloatingToolbar);
+export const LiquidGlass = withWebComponent('LiquidGlass', DefaultLiquidGlass);
+export const LiquidGlassContainer = withWebComponent('LiquidGlassContainer', DefaultLiquidGlassContainer);
+//# sourceMappingURL=components.js.map

package/lib/module/web/components.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["withWebComponent","Button","DefaultButton","ButtonGroup","DefaultButtonGroup","SplitButton","DefaultSplitButton","DatePicker","DefaultDatePicker","DateRangePicker","DefaultDateRangePicker","FloatingActionButton","DefaultFloatingActionButton","NavigationRail","DefaultNavigationRail","SegmentedControl","DefaultSegmentedControl","SelectionMenu","DefaultSelectionMenu","TabBar","DefaultTabBar","TextField","DefaultTextField","ContextMenu","DefaultContextMenu","FloatingToolbar","DefaultFloatingToolbar","LiquidGlass","DefaultLiquidGlass","LiquidGlassContainer","DefaultLiquidGlassContainer"],"sourceRoot":"../../../src","sources":["web/components.tsx"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,iCAA8B;AAE/D,SAASC,MAAM,IAAIC,aAAa,QAAQ,aAAU;AAClD,SAASC,WAAW,IAAIC,kBAAkB,QAAQ,kBAAe;AACjE,SAASC,WAAW,IAAIC,kBAAkB,QAAQ,kBAAe;AACjE,SAASC,UAAU,IAAIC,iBAAiB,QAAQ,iBAAc;AAC9D,SAASC,eAAe,IAAIC,sBAAsB,QAAQ,sBAAmB;AAC7E,SAASC,oBAAoB,IAAIC,2BAA2B,QAAQ,2BAAwB;AAC5F,SAASC,cAAc,IAAIC,qBAAqB,QAAQ,qBAAkB;AAC1E,SAASC,gBAAgB,IAAIC,uBAAuB,QAAQ,uBAAoB;AAChF,SAASC,aAAa,IAAIC,oBAAoB,QAAQ,oBAAiB;AACvE,SAASC,MAAM,IAAIC,aAAa,QAAQ,aAAU;AAClD,SAASC,SAAS,IAAIC,gBAAgB,QAAQ,gBAAa;AAC3D,SACEC,WAAW,IAAIC,kBAAkB,EACjCC,eAAe,IAAIC,sBAAsB,EACzCC,WAAW,IAAIC,kBAAkB,EACjCC,oBAAoB,IAAIC,2BAA2B,QAC9C,iBAAc;;AAErB;AACA,OAAO,MAAM7B,MAA+B,GAAGD,gBAAgB,CAC7D,QAAQ,EACRE,aACF,CAAC;AACD,OAAO,MAAMC,WAAyC,GAAGH,gBAAgB,CACvE,aAAa,EACbI,kBACF,CAAC;AACD,OAAO,MAAMC,WAAyC,GAAGL,gBAAgB,CACvE,aAAa,EACbM,kBACF,CAAC;AACD,OAAO,MAAMC,UAAuC,GAAGP,gBAAgB,CACrE,YAAY,EACZQ,iBACF,CAAC;AACD,OAAO,MAAMC,eAAiD,GAC5DT,gBAAgB,CAAC,iBAAiB,EAAEU,sBAAsB,CAAC;AAC7D,OAAO,MAAMC,oBAA2D,GACtEX,gBAAgB,CAAC,sBAAsB,EAAEY,2BAA2B,CAAC;AACvE,OAAO,MAAMC,cAA+C,GAAGb,gBAAgB,CAC7E,gBAAgB,EAChBc,qBACF,CAAC;AACD,OAAO,MAAMC,gBAAmD,GAC9Df,gBAAgB,CAAC,kBAAkB,EAAEgB,uBAAuB,CAAC;AAC/D,OAAO,MAAMC,aAA6C,GAAGjB,gBAAgB,CAC3E,eAAe,EACfkB,oBACF,CAAC;AACD,OAAO,MAAMC,MAA+B,GAAGnB,gBAAgB,CAC7D,QAAQ,EACRoB,aACF,CAAC;AACD,OAAO,MAAMC,SAAqC,GAAGrB,gBAAgB,CACnE,WAAW,EACXsB,gBACF,CAAC;AACD,OAAO,MAAMC,WAAyC,GAAGvB,gBAAgB,CACvE,aAAa,EACbwB,kBACF,CAAC;AACD,OAAO,MAAMC,eAAiD,GAC5DzB,gBAAgB,CAAC,iBAAiB,EAAE0B,sBAAsB,CAAC;AAC7D,OAAO,MAAMC,WAAyC,GAAG3B,gBAAgB,CACvE,aAAa,EACb4B,kBACF,CAAC;AACD,OAAO,MAAMC,oBAA2D,GACtE7B,gBAAgB,CAAC,sBAAsB,EAAE8B,2BAA2B,CAAC","ignoreList":[]}

package/lib/module/web/containers.js

@@ -0,0 +1,112 @@
+"use strict";
+
+// web/containers.tsx
+//
+// The components that wrap children: ContextMenu, FloatingToolbar,
+// LiquidGlass and LiquidGlassContainer. They keep their layout on web and
+// render their children.
+import React from 'react';
+import { View } from 'react-native';
+import { warnOnce } from "./shared.js";
+
+/**
+ * Renders its children without a menu: browsers have no native menu to
+ * attach. Provide a web menu with a `.web.tsx` file in your app.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ContextMenu(props) {
+  const {
+    title,
+    actions,
+    disabled,
+    trigger,
+    onPressAction,
+    onMenuOpen,
+    onMenuClose,
+    onPreviewPress,
+    ios,
+    android,
+    children,
+    ...viewProps
+  } = props;
+  warnOnce('ContextMenu', 'ContextMenu has no web implementation; its children render without a menu. ' + 'See https://jarx-concepts.github.io/react-native-platform-components/guides/web');
+  return /*#__PURE__*/_jsx(View, {
+    ...viewProps,
+    children: children
+  });
+}
+
+/**
+ * A pill-shaped surface that lays out its children in a row or column. It
+ * doesn't follow a linked ScrollView (`scrollViewNativeID`, `hideOnScroll`).
+ */
+export function FloatingToolbar(props) {
+  const {
+    orientation = 'horizontal',
+    color,
+    scrollViewNativeID,
+    hideOnScroll,
+    ios,
+    android,
+    children,
+    style,
+    ...viewProps
+  } = props;
+  return /*#__PURE__*/_jsx(View, {
+    ...viewProps,
+    style: [{
+      flexDirection: orientation === 'vertical' ? 'column' : 'row',
+      alignItems: 'center',
+      alignSelf: 'flex-start',
+      gap: 4,
+      padding: 8,
+      borderRadius: 32,
+      backgroundColor: color ?? 'rgba(128, 128, 128, 0.16)',
+      // @ts-expect-error: react-native-web style
+      backdropFilter: 'blur(20px)'
+    }, style],
+    children: children
+  });
+}
+
+/**
+ * A plain view: Liquid Glass is iOS 26 only, so `isLiquidGlassSupported` is
+ * `false` on web, as on Android.
+ */
+export function LiquidGlass(props) {
+  const {
+    cornerRadius,
+    cornerStyle,
+    ios,
+    android,
+    children,
+    style,
+    ...viewProps
+  } = props;
+
+  // A capsule is fully rounded; concentric corners use cornerRadius
+  const radius = cornerStyle === 'capsule' ? 9999 : typeof cornerStyle === 'number' ? cornerStyle : cornerRadius;
+  return /*#__PURE__*/_jsx(View, {
+    ...viewProps,
+    style: [radius ? {
+      borderRadius: radius,
+      overflow: 'hidden'
+    } : null, style],
+    children: children
+  });
+}
+
+/** A plain view: glass only merges on iOS 26. */
+export function LiquidGlassContainer(props) {
+  const {
+    spacing,
+    children,
+    ...viewProps
+  } = props;
+  return /*#__PURE__*/_jsx(View, {
+    ...viewProps,
+    children: children
+  });
+}
+export const isLiquidGlassSupported = false;
+//# sourceMappingURL=containers.js.map

package/lib/module/web/containers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","warnOnce","jsx","_jsx","ContextMenu","props","title","actions","disabled","trigger","onPressAction","onMenuOpen","onMenuClose","onPreviewPress","ios","android","children","viewProps","FloatingToolbar","orientation","color","scrollViewNativeID","hideOnScroll","style","flexDirection","alignItems","alignSelf","gap","padding","borderRadius","backgroundColor","backdropFilter","LiquidGlass","cornerRadius","cornerStyle","radius","overflow","LiquidGlassContainer","spacing","isLiquidGlassSupported"],"sourceRoot":"../../../src","sources":["web/containers.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAMnC,SAASC,QAAQ,QAAQ,aAAU;;AAEnC;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA;AAIA,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAsB;EACvE,MAAM;IACJC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACPC,aAAa;IACbC,UAAU;IACVC,WAAW;IACXC,cAAc;IACdC,GAAG;IACHC,OAAO;IACPC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGZ,KAAK;EAETJ,QAAQ,CACN,aAAa,EACb,6EAA6E,GAC3E,iFACJ,CAAC;EAED,oBAAOE,IAAA,CAACH,IAAI;IAAA,GAAKiB,SAAS;IAAAD,QAAA,EAAGA;EAAQ,CAAO,CAAC;AAC/C;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASE,eAAeA,CAC7Bb,KAA2B,EACP;EACpB,MAAM;IACJc,WAAW,GAAG,YAAY;IAC1BC,KAAK;IACLC,kBAAkB;IAClBC,YAAY;IACZR,GAAG;IACHC,OAAO;IACPC,QAAQ;IACRO,KAAK;IACL,GAAGN;EACL,CAAC,GAAGZ,KAAK;EAET,oBACEF,IAAA,CAACH,IAAI;IAAA,GACCiB,SAAS;IACbM,KAAK,EAAE,CACL;MACEC,aAAa,EAAEL,WAAW,KAAK,UAAU,GAAG,QAAQ,GAAG,KAAK;MAC5DM,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE,YAAY;MACvBC,GAAG,EAAE,CAAC;MACNC,OAAO,EAAE,CAAC;MACVC,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAEV,KAAK,IAAI,2BAA2B;MACrD;MACAW,cAAc,EAAE;IAClB,CAAC,EACDR,KAAK,CACL;IAAAP,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASgB,WAAWA,CAAC3B,KAAuB,EAAsB;EACvE,MAAM;IACJ4B,YAAY;IACZC,WAAW;IACXpB,GAAG;IACHC,OAAO;IACPC,QAAQ;IACRO,KAAK;IACL,GAAGN;EACL,CAAC,GAAGZ,KAAK;;EAET;EACA,MAAM8B,MAAM,GACVD,WAAW,KAAK,SAAS,GACrB,IAAI,GACJ,OAAOA,WAAW,KAAK,QAAQ,GAC7BA,WAAW,GACXD,YAAY;EAEpB,oBACE9B,IAAA,CAACH,IAAI;IAAA,GACCiB,SAAS;IACbM,KAAK,EAAE,CACLY,MAAM,GAAG;MAAEN,YAAY,EAAEM,MAAM;MAAEC,QAAQ,EAAE;IAAS,CAAC,GAAG,IAAI,EAC5Db,KAAK,CACL;IAAAP,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX;;AAEA;AACA,OAAO,SAASqB,oBAAoBA,CAClChC,KAAgC,EACZ;EACpB,MAAM;IAAEiC,OAAO;IAAEtB,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGZ,KAAK;EACjD,oBAAOF,IAAA,CAACH,IAAI;IAAA,GAAKiB,SAAS;IAAAD,QAAA,EAAGA;EAAQ,CAAO,CAAC;AAC/C;AAEA,OAAO,MAAMuB,sBAAsB,GAAG,KAAK","ignoreList":[]}

package/lib/module/web/dateInput.js

@@ -0,0 +1,109 @@
+"use strict";
+
+// web/dateInput.ts
+//
+// Conversions between `Date` and the value strings of the browser's date and
+// time inputs, in local time.
+
+/** The `<input type>`s the pickers use. */
+
+/** The `<input type>` for a picker mode. */
+export function inputTypeForMode(mode) {
+  switch (mode) {
+    case 'time':
+    case 'countDownTimer':
+      return 'time';
+    case 'dateAndTime':
+      return 'datetime-local';
+    case 'yearAndMonth':
+      return 'month';
+    default:
+      return 'date';
+  }
+}
+const pad = (n, width = 2) => String(n).padStart(width, '0');
+
+/** Formats `date` as the value of an input of `type`; `''` for no date. */
+export function formatInputValue(date, type) {
+  if (!date || !Number.isFinite(date.getTime())) return '';
+  const month = `${pad(date.getFullYear(), 4)}-${pad(date.getMonth() + 1)}`;
+  const day = `${month}-${pad(date.getDate())}`;
+  const time = `${pad(date.getHours())}:${pad(date.getMinutes())}`;
+  if (type === 'month') return month;
+  if (type === 'date') return day;
+  if (type === 'time') return time;
+  return `${day}T${time}`;
+}
+
+/**
+ * Parses an input value back into a `Date`. Parts the input doesn't show are
+ * kept from `base` (the time of day for a date input, the day for a time
+ * input); a month input gives the first of the month. Returns `null` for an
+ * empty or invalid value.
+ */
+export function parseInputValue(value, type, base) {
+  const hasBase = base && Number.isFinite(base.getTime());
+  const result = hasBase ? new Date(base.getTime()) : new Date();
+  if (!hasBase) result.setHours(0, 0, 0, 0);
+  if (type === 'month') {
+    const monthMatch = /^(\d{4,})-(\d{2})$/.exec(value);
+    if (!monthMatch) return null;
+    const year = Number(monthMatch[1]);
+    const month = Number(monthMatch[2]);
+    if (year < 1 || month < 1 || month > 12) return null;
+    result.setFullYear(year, month - 1, 1);
+    return Number.isFinite(result.getTime()) ? result : null;
+  }
+  const dayMatch = type === 'date' ? /^(\d{4,})-(\d{2})-(\d{2})$/.exec(value) : /^(\d{4,})-(\d{2})-(\d{2})T\d{2}:\d{2}(?::\d{2})?$/.exec(value);
+  const timeMatch = /(?:^|T)(\d{2}):(\d{2})(?::(\d{2}))?$/.exec(value);
+  if (type !== 'time') {
+    if (!dayMatch) return null;
+    const year = Number(dayMatch[1]);
+    const month = Number(dayMatch[2]);
+    const day = Number(dayMatch[3]);
+    if (year < 1 || month < 1 || month > 12 || day < 1 || day > 31) {
+      return null;
+    }
+    result.setFullYear(year, month - 1, day);
+    // Date setters normalize impossible dates (February 30 becomes March 2).
+    if (result.getFullYear() !== year || result.getMonth() !== month - 1 || result.getDate() !== day) {
+      return null;
+    }
+  }
+  if (type !== 'date') {
+    if (!timeMatch) return null;
+    if (type === 'time' && !/^\d{2}:\d{2}(?::\d{2})?$/.test(value)) {
+      return null;
+    }
+    const hours = Number(timeMatch[1]);
+    const minutes = Number(timeMatch[2]);
+    const seconds = Number(timeMatch[3] ?? 0);
+    if (hours > 23 || minutes > 59 || seconds > 59) return null;
+    result.setHours(hours, minutes, seconds, 0);
+  }
+  return Number.isFinite(result.getTime()) ? result : null;
+}
+
+/** Compare only the date/time fields the input displays, like its min/max. */
+function inputValueNumber(date, type) {
+  if (type === 'month') return date.getFullYear() * 12 + date.getMonth();
+  if (type === 'time') return date.getHours() * 60 + date.getMinutes();
+  const result = new Date(date.getTime());
+  if (type === 'date') result.setHours(0, 0, 0, 0);else result.setSeconds(0, 0);
+  return result.getTime();
+}
+
+/**
+ * Bounds also apply to typed values and the modal's initial selection. HTML
+ * inputs report constraint violations but don't prevent a button callback.
+ */
+export function isWithinInputBounds(date, type, minDate, maxDate) {
+  if (!date || !Number.isFinite(date.getTime())) return false;
+  const value = inputValueNumber(date, type);
+  const min = minDate ? inputValueNumber(minDate, type) : NaN;
+  const max = maxDate ? inputValueNumber(maxDate, type) : NaN;
+  // Time inputs have a periodic domain: 23:00–01:00 spans midnight.
+  if (type === 'time' && min > max) return value >= min || value <= max;
+  return (!Number.isFinite(min) || value >= min) && (!Number.isFinite(max) || value <= max);
+}
+//# sourceMappingURL=dateInput.js.map

package/lib/module/web/dateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputTypeForMode","mode","pad","n","width","String","padStart","formatInputValue","date","type","Number","isFinite","getTime","month","getFullYear","getMonth","day","getDate","time","getHours","getMinutes","parseInputValue","value","base","hasBase","result","Date","setHours","monthMatch","exec","year","setFullYear","dayMatch","timeMatch","test","hours","minutes","seconds","inputValueNumber","setSeconds","isWithinInputBounds","minDate","maxDate","min","NaN","max"],"sourceRoot":"../../../src","sources":["web/dateInput.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAGA;;AAGA;AACA,OAAO,SAASA,gBAAgBA,CAC9BC,IAAgC,EACjB;EACf,QAAQA,IAAI;IACV,KAAK,MAAM;IACX,KAAK,gBAAgB;MACnB,OAAO,MAAM;IACf,KAAK,aAAa;MAChB,OAAO,gBAAgB;IACzB,KAAK,cAAc;MACjB,OAAO,OAAO;IAChB;MACE,OAAO,MAAM;EACjB;AACF;AAEA,MAAMC,GAAG,GAAGA,CAACC,CAAS,EAAEC,KAAK,GAAG,CAAC,KAAKC,MAAM,CAACF,CAAC,CAAC,CAACG,QAAQ,CAACF,KAAK,EAAE,GAAG,CAAC;;AAEpE;AACA,OAAO,SAASG,gBAAgBA,CAC9BC,IAA6B,EAC7BC,IAAmB,EACX;EACR,IAAI,CAACD,IAAI,IAAI,CAACE,MAAM,CAACC,QAAQ,CAACH,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE;EACxD,MAAMC,KAAK,GAAG,GAAGX,GAAG,CAACM,IAAI,CAACM,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,IAAIZ,GAAG,CAACM,IAAI,CAACO,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE;EACzE,MAAMC,GAAG,GAAG,GAAGH,KAAK,IAAIX,GAAG,CAACM,IAAI,CAACS,OAAO,CAAC,CAAC,CAAC,EAAE;EAC7C,MAAMC,IAAI,GAAG,GAAGhB,GAAG,CAACM,IAAI,CAACW,QAAQ,CAAC,CAAC,CAAC,IAAIjB,GAAG,CAACM,IAAI,CAACY,UAAU,CAAC,CAAC,CAAC,EAAE;EAChE,IAAIX,IAAI,KAAK,OAAO,EAAE,OAAOI,KAAK;EAClC,IAAIJ,IAAI,KAAK,MAAM,EAAE,OAAOO,GAAG;EAC/B,IAAIP,IAAI,KAAK,MAAM,EAAE,OAAOS,IAAI;EAChC,OAAO,GAAGF,GAAG,IAAIE,IAAI,EAAE;AACzB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,eAAeA,CAC7BC,KAAa,EACbb,IAAmB,EACnBc,IAA6B,EAChB;EACb,MAAMC,OAAO,GAAGD,IAAI,IAAIb,MAAM,CAACC,QAAQ,CAACY,IAAI,CAACX,OAAO,CAAC,CAAC,CAAC;EACvD,MAAMa,MAAM,GAAGD,OAAO,GAAG,IAAIE,IAAI,CAACH,IAAI,CAACX,OAAO,CAAC,CAAC,CAAC,GAAG,IAAIc,IAAI,CAAC,CAAC;EAC9D,IAAI,CAACF,OAAO,EAAEC,MAAM,CAACE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EAEzC,IAAIlB,IAAI,KAAK,OAAO,EAAE;IACpB,MAAMmB,UAAU,GAAG,oBAAoB,CAACC,IAAI,CAACP,KAAK,CAAC;IACnD,IAAI,CAACM,UAAU,EAAE,OAAO,IAAI;IAC5B,MAAME,IAAI,GAAGpB,MAAM,CAACkB,UAAU,CAAC,CAAC,CAAC,CAAC;IAClC,MAAMf,KAAK,GAAGH,MAAM,CAACkB,UAAU,CAAC,CAAC,CAAC,CAAC;IACnC,IAAIE,IAAI,GAAG,CAAC,IAAIjB,KAAK,GAAG,CAAC,IAAIA,KAAK,GAAG,EAAE,EAAE,OAAO,IAAI;IACpDY,MAAM,CAACM,WAAW,CAACD,IAAI,EAAEjB,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC;IACtC,OAAOH,MAAM,CAACC,QAAQ,CAACc,MAAM,CAACb,OAAO,CAAC,CAAC,CAAC,GAAGa,MAAM,GAAG,IAAI;EAC1D;EAEA,MAAMO,QAAQ,GACZvB,IAAI,KAAK,MAAM,GACX,4BAA4B,CAACoB,IAAI,CAACP,KAAK,CAAC,GACxC,mDAAmD,CAACO,IAAI,CAACP,KAAK,CAAC;EACrE,MAAMW,SAAS,GAAG,sCAAsC,CAACJ,IAAI,CAACP,KAAK,CAAC;EAEpE,IAAIb,IAAI,KAAK,MAAM,EAAE;IACnB,IAAI,CAACuB,QAAQ,EAAE,OAAO,IAAI;IAC1B,MAAMF,IAAI,GAAGpB,MAAM,CAACsB,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChC,MAAMnB,KAAK,GAAGH,MAAM,CAACsB,QAAQ,CAAC,CAAC,CAAC,CAAC;IACjC,MAAMhB,GAAG,GAAGN,MAAM,CAACsB,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC/B,IAAIF,IAAI,GAAG,CAAC,IAAIjB,KAAK,GAAG,CAAC,IAAIA,KAAK,GAAG,EAAE,IAAIG,GAAG,GAAG,CAAC,IAAIA,GAAG,GAAG,EAAE,EAAE;MAC9D,OAAO,IAAI;IACb;IACAS,MAAM,CAACM,WAAW,CAACD,IAAI,EAAEjB,KAAK,GAAG,CAAC,EAAEG,GAAG,CAAC;IACxC;IACA,IACES,MAAM,CAACX,WAAW,CAAC,CAAC,KAAKgB,IAAI,IAC7BL,MAAM,CAACV,QAAQ,CAAC,CAAC,KAAKF,KAAK,GAAG,CAAC,IAC/BY,MAAM,CAACR,OAAO,CAAC,CAAC,KAAKD,GAAG,EACxB;MACA,OAAO,IAAI;IACb;EACF;EACA,IAAIP,IAAI,KAAK,MAAM,EAAE;IACnB,IAAI,CAACwB,SAAS,EAAE,OAAO,IAAI;IAC3B,IAAIxB,IAAI,KAAK,MAAM,IAAI,CAAC,0BAA0B,CAACyB,IAAI,CAACZ,KAAK,CAAC,EAAE;MAC9D,OAAO,IAAI;IACb;IACA,MAAMa,KAAK,GAAGzB,MAAM,CAACuB,SAAS,CAAC,CAAC,CAAC,CAAC;IAClC,MAAMG,OAAO,GAAG1B,MAAM,CAACuB,SAAS,CAAC,CAAC,CAAC,CAAC;IACpC,MAAMI,OAAO,GAAG3B,MAAM,CAACuB,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACzC,IAAIE,KAAK,GAAG,EAAE,IAAIC,OAAO,GAAG,EAAE,IAAIC,OAAO,GAAG,EAAE,EAAE,OAAO,IAAI;IAC3DZ,MAAM,CAACE,QAAQ,CAACQ,KAAK,EAAEC,OAAO,EAAEC,OAAO,EAAE,CAAC,CAAC;EAC7C;EACA,OAAO3B,MAAM,CAACC,QAAQ,CAACc,MAAM,CAACb,OAAO,CAAC,CAAC,CAAC,GAAGa,MAAM,GAAG,IAAI;AAC1D;;AAEA;AACA,SAASa,gBAAgBA,CAAC9B,IAAU,EAAEC,IAAmB,EAAU;EACjE,IAAIA,IAAI,KAAK,OAAO,EAAE,OAAOD,IAAI,CAACM,WAAW,CAAC,CAAC,GAAG,EAAE,GAAGN,IAAI,CAACO,QAAQ,CAAC,CAAC;EACtE,IAAIN,IAAI,KAAK,MAAM,EAAE,OAAOD,IAAI,CAACW,QAAQ,CAAC,CAAC,GAAG,EAAE,GAAGX,IAAI,CAACY,UAAU,CAAC,CAAC;EACpE,MAAMK,MAAM,GAAG,IAAIC,IAAI,CAAClB,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC;EACvC,IAAIH,IAAI,KAAK,MAAM,EAAEgB,MAAM,CAACE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,KAC5CF,MAAM,CAACc,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC;EAC5B,OAAOd,MAAM,CAACb,OAAO,CAAC,CAAC;AACzB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAAS4B,mBAAmBA,CACjChC,IAA6B,EAC7BC,IAAmB,EACnBgC,OAAqB,EACrBC,OAAqB,EACP;EACd,IAAI,CAAClC,IAAI,IAAI,CAACE,MAAM,CAACC,QAAQ,CAACH,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,KAAK;EAC3D,MAAMU,KAAK,GAAGgB,gBAAgB,CAAC9B,IAAI,EAAEC,IAAI,CAAC;EAC1C,MAAMkC,GAAG,GAAGF,OAAO,GAAGH,gBAAgB,CAACG,OAAO,EAAEhC,IAAI,CAAC,GAAGmC,GAAG;EAC3D,MAAMC,GAAG,GAAGH,OAAO,GAAGJ,gBAAgB,CAACI,OAAO,EAAEjC,IAAI,CAAC,GAAGmC,GAAG;EAC3D;EACA,IAAInC,IAAI,KAAK,MAAM,IAAIkC,GAAG,GAAGE,GAAG,EAAE,OAAOvB,KAAK,IAAIqB,GAAG,IAAIrB,KAAK,IAAIuB,GAAG;EACrE,OACE,CAAC,CAACnC,MAAM,CAACC,QAAQ,CAACgC,GAAG,CAAC,IAAIrB,KAAK,IAAIqB,GAAG,MACrC,CAACjC,MAAM,CAACC,QAAQ,CAACkC,GAAG,CAAC,IAAIvB,KAAK,IAAIuB,GAAG,CAAC;AAE3C","ignoreList":[]}