@xleddyl/443-components-native 0.0.0-stage → 0.1.0

package/lib/module/components/overlays/Select.js

@@ -0,0 +1,241 @@
+"use strict";
+
+import { useRef, useState } from 'react';
+import { View } from 'react-native';
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { joinLabel } from "../../utils/a11y.js";
+import { Button } from "../core/Button.js";
+import { fieldErrorMessage, inputHeight, inputState, inputSurface, useFieldIds } from "../core/field.js";
+import { FieldLabel, FieldMessage } from "../core/FieldLabel.js";
+import { renderIcon } from "../core/Icon.js";
+import { Text } from "../core/Text.js";
+import { TextField } from "../core/TextField.js";
+import { Touchable } from "../core/Touchable.js";
+import { useFieldContext } from "../forms/fieldContext.js";
+import { SelectOptionRow } from "./SelectOptionRow.js";
+import { Sheet } from "./Sheet.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const toList = (value, multiple) => {
+  if (value === null || value === undefined) {
+    return [];
+  }
+  return multiple ? value : [value];
+};
+const defaultFilter = (option, query) => option.label.toLowerCase().includes(query.trim().toLowerCase());
+export const Select = props => {
+  const {
+    ref,
+    options,
+    label,
+    placeholder = 'Select',
+    description,
+    error,
+    required: requiredProp = false,
+    disabled: disabledProp = false,
+    size = 'md',
+    leftIcon,
+    searchable = false,
+    searchPlaceholder = 'Search',
+    filter = defaultFilter,
+    renderOption,
+    renderValue,
+    isEqual = Object.is,
+    emptyState,
+    sheetTitle,
+    doneLabel = 'Done',
+    snapPoints,
+    open: openProp,
+    defaultOpen = false,
+    onOpenChange,
+    style,
+    styles
+  } = props;
+  const multiple = props.multiple === true;
+  const {
+    theme
+  } = useUnistyles();
+  const field = useFieldContext();
+  const disabled = disabledProp || !!field?.disabled;
+  const required = requiredProp || !!field?.required;
+  const {
+    labelId,
+    messageId
+  } = useFieldIds();
+  const triggerRef = useRef(null);
+  const [internal, setInternal] = useState(() => toList(props.defaultValue, multiple));
+  const [query, setQuery] = useState('');
+  const [open, setOpen] = useControllableState({
+    value: openProp,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const selectedValues = props.value !== undefined ? toList(props.value, multiple) : internal;
+  const isSelected = value => selectedValues.some(current => isEqual(current, value));
+  const selectedOptions = options.filter(option => isSelected(option.value));
+  const visibleOptions = query ? options.filter(option => filter(option, query)) : options;
+  const errorMessage = fieldErrorMessage(error);
+  const invalid = !!error || !!field?.invalid;
+  const message = errorMessage ?? description ?? field?.message;
+  const summary = selectedOptions.map(option => option.label).join(', ');
+  const commit = next => {
+    if (props.value === undefined) {
+      setInternal(next);
+    }
+    if (props.multiple === true) {
+      props.onValueChange?.(next);
+    } else {
+      props.onValueChange?.(next[0] ?? null);
+    }
+  };
+  const choose = option => {
+    if (multiple) {
+      commit(isSelected(option.value) ? selectedValues.filter(value => !isEqual(value, option.value)) : [...selectedValues, option.value]);
+      return;
+    }
+    commit([option.value]);
+    setOpen(false);
+  };
+  const valueNode = renderValue ? renderValue(selectedOptions) : /*#__PURE__*/_jsx(Text, {
+    numberOfLines: 1,
+    tone: summary ? 'default' : 'dimmed',
+    style: summary ? styles?.value : styles?.placeholder,
+    children: summary || placeholder
+  });
+  const title = sheetTitle ?? label;
+  return /*#__PURE__*/_jsxs(View, {
+    ref: ref,
+    style: [stylesheet.root, style, styles?.root],
+    children: [label ? /*#__PURE__*/_jsx(FieldLabel, {
+      nativeID: labelId,
+      required: required,
+      disabled: disabled,
+      style: styles?.label,
+      children: label
+    }) : null, /*#__PURE__*/_jsxs(Touchable, {
+      ref: triggerRef,
+      feedback: "opacity",
+      disabled: disabled,
+      onPress: () => setOpen(true),
+      accessibilityRole: "button",
+      accessibilityLabel: joinLabel(label ?? placeholder, required && 'required', summary || placeholder),
+      accessibilityLabelledBy: label ? labelId : field?.labelId,
+      accessibilityHint: message,
+      accessibilityState: {
+        disabled,
+        expanded: open
+      },
+      "aria-invalid": invalid,
+      "aria-describedby": errorMessage || description ? messageId : field?.message ? field.messageId : undefined,
+      style: [stylesheet.trigger(size, inputState({
+        disabled,
+        invalid
+      })), styles?.trigger],
+      children: [leftIcon ? renderIcon(leftIcon, {
+        size: 'md',
+        color: theme.colors.textMuted
+      }) : null, /*#__PURE__*/_jsx(View, {
+        style: stylesheet.value,
+        children: valueNode
+      }), renderIcon('chevron-down', {
+        size: 'sm',
+        color: theme.colors.textMuted
+      })]
+    }), /*#__PURE__*/_jsx(FieldMessage, {
+      nativeID: messageId,
+      error: errorMessage,
+      description: description,
+      errorStyle: styles?.error,
+      descriptionStyle: styles?.description
+    }), /*#__PURE__*/_jsx(Sheet, {
+      open: open,
+      onOpenChange: setOpen,
+      onDismiss: () => setQuery(''),
+      returnFocusRef: triggerRef,
+      title: searchable ? undefined : title,
+      header: searchable ? /*#__PURE__*/_jsxs(View, {
+        style: stylesheet.searchHeader,
+        children: [title ? /*#__PURE__*/_jsx(Text, {
+          variant: "heading",
+          accessibilityRole: "header",
+          children: title
+        }) : null, /*#__PURE__*/_jsx(TextField, {
+          value: query,
+          onChangeText: setQuery,
+          placeholder: searchPlaceholder,
+          accessibilityLabel: searchPlaceholder,
+          leftElement: renderIcon('search', {
+            size: 'sm',
+            color: theme.colors.textMuted
+          }),
+          autoCorrect: false,
+          autoCapitalize: "none",
+          returnKeyType: "search",
+          size: "sm"
+        })]
+      }) : undefined,
+      accessibilityLabel: title,
+      snapPoints: snapPoints ?? (searchable ? ['85%'] : ['content']),
+      footer: multiple ? /*#__PURE__*/_jsx(Button, {
+        fullWidth: true,
+        onPress: () => setOpen(false),
+        children: doneLabel
+      }) : undefined,
+      children: /*#__PURE__*/_jsx(View, {
+        accessibilityRole: multiple ? undefined : 'radiogroup',
+        style: stylesheet.options,
+        children: visibleOptions.length === 0 ? emptyState ?? /*#__PURE__*/_jsx(Text, {
+          tone: "muted",
+          align: "center",
+          style: stylesheet.empty,
+          children: "No results"
+        }) : visibleOptions.map((option, index) => {
+          const selected = isSelected(option.value);
+          const optionDisabled = !!option.disabled;
+          return /*#__PURE__*/_jsx(SelectOptionRow, {
+            label: option.label,
+            description: option.description,
+            icon: option.icon,
+            selected: selected,
+            disabled: optionDisabled,
+            multiple: multiple,
+            onPress: () => choose(option),
+            style: styles?.option,
+            labelStyle: styles?.optionLabel,
+            children: renderOption?.(option, {
+              selected,
+              disabled: optionDisabled,
+              multiple
+            })
+          }, `${option.label}-${index}`);
+        })
+      })
+    })]
+  });
+};
+const stylesheet = StyleSheet.create(theme => ({
+  root: {
+    gap: theme.space(0.75)
+  },
+  trigger: (size, state) => ({
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: theme.space(1),
+    minHeight: inputHeight(theme, size),
+    paddingHorizontal: theme.space(1.5),
+    ...inputSurface(theme, state)
+  }),
+  value: {
+    flex: 1
+  },
+  searchHeader: {
+    gap: theme.space(1.5)
+  },
+  options: {
+    gap: theme.space(0.25)
+  },
+  empty: {
+    paddingVertical: theme.space(3)
+  }
+}));
+//# sourceMappingURL=Select.js.map

package/lib/module/components/overlays/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","View","StyleSheet","useUnistyles","useControllableState","joinLabel","Button","fieldErrorMessage","inputHeight","inputState","inputSurface","useFieldIds","FieldLabel","FieldMessage","renderIcon","Text","TextField","Touchable","useFieldContext","SelectOptionRow","Sheet","jsx","_jsx","jsxs","_jsxs","toList","value","multiple","undefined","defaultFilter","option","query","label","toLowerCase","includes","trim","Select","props","ref","options","placeholder","description","error","required","requiredProp","disabled","disabledProp","size","leftIcon","searchable","searchPlaceholder","filter","renderOption","renderValue","isEqual","Object","is","emptyState","sheetTitle","doneLabel","snapPoints","open","openProp","defaultOpen","onOpenChange","style","styles","theme","field","labelId","messageId","triggerRef","internal","setInternal","defaultValue","setQuery","setOpen","onChange","selectedValues","isSelected","some","current","selectedOptions","visibleOptions","errorMessage","invalid","message","summary","map","join","commit","next","onValueChange","choose","valueNode","numberOfLines","tone","children","title","stylesheet","root","nativeID","feedback","onPress","accessibilityRole","accessibilityLabel","accessibilityLabelledBy","accessibilityHint","accessibilityState","expanded","trigger","color","colors","textMuted","errorStyle","descriptionStyle","onDismiss","returnFocusRef","header","searchHeader","variant","onChangeText","leftElement","autoCorrect","autoCapitalize","returnKeyType","footer","fullWidth","length","align","empty","index","selected","optionDisabled","icon","labelStyle","optionLabel","create","gap","space","state","flexDirection","alignItems","minHeight","paddingHorizontal","flex","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/overlays/Select.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/overlays/SelectOptionRow.js

@@ -0,0 +1,91 @@
+"use strict";
+
+import { View } from 'react-native';
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { toneColors } from "../../theme/tones.js";
+import { joinLabel } from "../../utils/a11y.js";
+import { renderIcon } from "../core/Icon.js";
+import { Text } from "../core/Text.js";
+import { Touchable } from "../core/Touchable.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const SelectOptionRow = ({
+  label,
+  description,
+  icon,
+  selected,
+  disabled,
+  multiple,
+  onPress,
+  children,
+  style,
+  labelStyle
+}) => {
+  const {
+    theme
+  } = useUnistyles();
+  const primary = toneColors(theme, 'primary');
+  return /*#__PURE__*/_jsx(Touchable, {
+    feedback: "opacity",
+    haptic: "selection",
+    disabled: disabled,
+    onPress: onPress,
+    accessibilityRole: multiple ? 'checkbox' : 'radio',
+    accessibilityLabel: joinLabel(label, description),
+    accessibilityState: {
+      checked: selected,
+      selected,
+      disabled
+    },
+    style: [stylesheet.option(selected), style],
+    children: children !== undefined ? children : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [icon ? renderIcon(icon, {
+        size: 'md',
+        color: theme.colors.textMuted
+      }) : null, /*#__PURE__*/_jsxs(View, {
+        style: stylesheet.texts,
+        children: [/*#__PURE__*/_jsx(Text, {
+          weight: selected ? 'semibold' : 'regular',
+          style: labelStyle,
+          children: label
+        }), description ? /*#__PURE__*/_jsx(Text, {
+          variant: "caption",
+          tone: "muted",
+          children: description
+        }) : null]
+      }), /*#__PURE__*/_jsx(View, {
+        style: stylesheet.indicator(selected, multiple),
+        children: selected ? renderIcon('check', {
+          size: 'sm',
+          color: multiple ? primary.on : primary.text
+        }) : null
+      })]
+    })
+  });
+};
+const stylesheet = StyleSheet.create(theme => ({
+  option: selected => ({
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: theme.space(1.5),
+    minHeight: theme.sizes.minTouchTarget + theme.space(0.5),
+    paddingHorizontal: theme.space(1.5),
+    paddingVertical: theme.space(1),
+    borderRadius: theme.radius.md,
+    backgroundColor: selected ? theme.colors.primarySoft : 'transparent'
+  }),
+  texts: {
+    flex: 1,
+    gap: theme.space(0.25)
+  },
+  indicator: (selected, multiple) => ({
+    width: theme.sizes.icon.md,
+    height: theme.sizes.icon.md,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: theme.radius.xs,
+    borderWidth: multiple ? theme.sizes.borderWidth * 1.5 : 0,
+    borderColor: selected ? theme.colors.primary : theme.colors.borderStrong,
+    backgroundColor: multiple && selected ? theme.colors.primary : 'transparent'
+  })
+}));
+//# sourceMappingURL=SelectOptionRow.js.map

package/lib/module/components/overlays/SelectOptionRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","useUnistyles","toneColors","joinLabel","renderIcon","Text","Touchable","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SelectOptionRow","label","description","icon","selected","disabled","multiple","onPress","children","style","labelStyle","theme","primary","feedback","haptic","accessibilityRole","accessibilityLabel","accessibilityState","checked","stylesheet","option","undefined","size","color","colors","textMuted","texts","weight","variant","tone","indicator","on","text","create","flexDirection","alignItems","gap","space","minHeight","sizes","minTouchTarget","paddingHorizontal","paddingVertical","borderRadius","radius","md","backgroundColor","primarySoft","flex","width","height","justifyContent","xs","borderWidth","borderColor","borderStrong"],"sourceRoot":"../../../../src","sources":["components/overlays/SelectOptionRow.tsx"],"mappings":"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","ignoreList":[]}