@lmb-it/kitsconcerto-native 0.1.236

package/apps/mobile/src/Core/Dropdown/index.js

@@ -0,0 +1,516 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React, { useRef, useState, useMemo, useCallback } from 'react';
+import { Text, Pressable, View, Modal, Dimensions, TextInput, FlatList, Keyboard, StyleSheet } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import '../../ui/accordion/index.js';
+import '../../ui/actionsheet/index.js';
+import '../../ui/alert/index.js';
+import '../../ui/alert-dialog/index.js';
+import '../../ui/avatar/index.js';
+import '../../ui/badge/index.js';
+import '../../ui/bottomsheet/index.js';
+import '../../ui/box/index.js';
+import '../../ui/button/index.js';
+import '../../ui/card/index.js';
+import '../../ui/center/index.js';
+import '../../ui/checkbox/index.js';
+import '../../ui/divider/index.js';
+import '../../ui/drawer/index.js';
+import '../../ui/fab/index.js';
+import '../../ui/form-control/index.js';
+import '../../ui/gluestack-ui-provider/config.js';
+import '@gluestack-ui/core/overlay/creator';
+import '@gluestack-ui/core/toast/creator';
+import 'nativewind';
+import '../../ui/grid/index.js';
+import '../../ui/heading/index.js';
+import '../../ui/hstack/index.js';
+import '../../ui/icon/index.js';
+import '../../ui/image/index.js';
+import '../../ui/image-background/index.js';
+import { Input, InputField } from '../../ui/input/index.js';
+import '../../ui/link/index.js';
+import '../../ui/menu/index.js';
+import '../../ui/modal/index.js';
+import '../../ui/popover/index.js';
+import '../../ui/portal/index.js';
+import '../../ui/pressable/index.js';
+import '../../ui/progress/index.js';
+import '../../ui/radio/index.js';
+import '../../ui/select/index.js';
+import '../../ui/skeleton/index.js';
+import '../../ui/slider/index.js';
+import '../../ui/spinner/index.js';
+import '../../ui/switch/index.js';
+import '../../ui/table/index.js';
+import '../../ui/text/index.js';
+import '../../ui/textarea/index.js';
+import '../../ui/toast/index.js';
+import '../../ui/tooltip/index.js';
+import '../../ui/vstack/index.js';
+import 'react-native-reanimated';
+import { resolveThemeTokenForNative } from '../../Factory/helpers/style.js';
+import '../../Factory/DimensionsContext.js';
+import 'react-icons/fa';
+import 'react-icons/ai';
+import 'react-icons/io';
+import '../../../../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.js';
+import 'yup';
+import '../../../../../packages/types/src/Css/map/index.js';
+import '../../../../../packages/types/src/Theme/shadows.js';
+import '../../../../../packages/types/src/Theme/defaultTheme.js';
+import 'i18next';
+import 'react-i18next';
+import '../AutoComplete/index.js';
+import '../MultiSelect/index.js';
+import '../Trees/components/CoreTree.js';
+import '../Trees/components/CoreTreeSelect.js';
+import '../Trees/components/CoreToolbar.js';
+import '../Paginator/index.js';
+import 'lucide-react-native';
+import '../SelectButton/index.js';
+import '../DataTable/DataTable.js';
+import '../Tag/index.js';
+import '../Badge/index.js';
+import '../ProgressBar/index.js';
+import '../Checkbox/index.js';
+import '../RadioButton/index.js';
+import '../Input/index.js';
+import '../Input/Field.js';
+import '../Input/Slot.js';
+
+const getLabel = (item, optionLabel) => {
+  if (!item) return "";
+  if (!optionLabel) return String(item);
+  return String(item[optionLabel]);
+};
+const getValue = (item, optionValue) => {
+  if (!item) return null;
+  if (!optionValue) return item;
+  return item[optionValue];
+};
+const t = resolveThemeTokenForNative;
+const TEXT_STYLE_KEYS = /* @__PURE__ */ new Set([
+  "fontSize",
+  "fontFamily",
+  "fontWeight",
+  "fontStyle",
+  "color",
+  "letterSpacing",
+  "lineHeight",
+  "textAlign",
+  "textDecorationLine",
+  "textTransform"
+]);
+function splitStyle(combined) {
+  if (!combined) return {};
+  const view = {};
+  const text = {};
+  for (const [k, v] of Object.entries(combined)) {
+    if (TEXT_STYLE_KEYS.has(k)) text[k] = v;
+    else view[k] = v;
+  }
+  return {
+    viewStyle: Object.keys(view).length ? view : void 0,
+    textStyle: Object.keys(text).length ? text : void 0
+  };
+}
+function Dropdown({
+  value,
+  options = [],
+  onChange,
+  optionLabel,
+  optionValue,
+  placeholder,
+  disabled,
+  editable,
+  isModal = false,
+  checkmark,
+  highlightOnSelect = true,
+  filter,
+  filterBy,
+  emptyFilterMessage = "No results found",
+  itemTemplate,
+  valueTemplate,
+  panelFooterTemplate,
+  optionGroupLabel,
+  optionGroupChildren,
+  optionGroupTemplate,
+  virtualScrollerOptions,
+  invalid,
+  testID,
+  style: externalStyle
+}) {
+  const inputRef = useRef(null);
+  const triggerRef = useRef(null);
+  const [open, setOpen] = useState(false);
+  const [inputText, setInputText] = useState("");
+  const [filterQuery, setFilterQuery] = useState("");
+  const [triggerLayout, setTriggerLayout] = useState(null);
+  const insets = useSafeAreaInsets();
+  const { viewStyle: externalViewStyle, textStyle: externalTextStyle } = splitStyle(externalStyle);
+  const colors = {
+    border: t("border") || t("gray.300"),
+    borderInvalid: t("danger") || t("red.500"),
+    bg: t("surface-card") || "#fff",
+    text: t("text") || t("gray.800"),
+    placeholder: t("text-secondary") || t("gray.400"),
+    optionSelected: t("highlight-bg") || t("gray.100"),
+    groupBg: t("surface-ground") || t("gray.50"),
+    filterBorder: t("border") || t("gray.200"),
+    filterBg: t("surface-ground") || t("gray.50"),
+    filterText: t("text") || t("gray.800"),
+    emptyText: t("text-secondary") || t("gray.400"),
+    primary: t("primary")
+  };
+  const selectedItem = useMemo(() => {
+    if (value == null) return null;
+    if (optionGroupChildren) {
+      for (const group of options) {
+        const children = group[optionGroupChildren];
+        if (Array.isArray(children)) {
+          const found = children.find((c) => getValue(c, optionValue) === value);
+          if (found) return found;
+        }
+      }
+      return null;
+    }
+    return options.find(
+      (o) => getValue(o, optionValue) === value
+    ) ?? null;
+  }, [value, options, optionValue, optionGroupChildren]);
+  const toggle = () => {
+    if (disabled) return;
+    Keyboard.dismiss();
+    if (open) {
+      setOpen(false);
+      return;
+    }
+    setFilterQuery("");
+    triggerRef.current?.measureInWindow((x, y, width, height) => {
+      setTriggerLayout({ x, y, width, height });
+      setOpen(true);
+    });
+  };
+  const close = () => setOpen(false);
+  const selectItem = (item) => {
+    const newValue = getValue(item, optionValue);
+    if (!onChange) return;
+    const syntheticEvent = {
+      target: {
+        value: newValue
+      }
+    };
+    onChange(syntheticEvent, item);
+    setOpen(false);
+  };
+  const renderItem = useCallback(
+    (item, index) => {
+      if (!item) {
+        return null;
+      }
+      if (item.__group) {
+        return /* @__PURE__ */ jsx(Text, { style: [styles.groupLabel, { backgroundColor: colors.groupBg }], children: optionGroupLabel ? item.group?.[optionGroupLabel] : "" }, `group-${index}`);
+      }
+      const selected = value != null && getValue(item, optionValue) === value;
+      let content;
+      if (itemTemplate) {
+        const rendered = itemTemplate(item);
+        content = React.isValidElement(rendered) ? rendered : /* @__PURE__ */ jsx(Text, { children: String(rendered ?? "") });
+      } else {
+        content = /* @__PURE__ */ jsx(Text, { style: [{ color: colors.text }, externalTextStyle && { fontSize: externalTextStyle.fontSize }], children: getLabel(item, optionLabel) });
+      }
+      return /* @__PURE__ */ jsxs(
+        Pressable,
+        {
+          onPress: () => selectItem(item),
+          style: [
+            styles.option,
+            selected && highlightOnSelect && { backgroundColor: colors.optionSelected }
+          ],
+          children: [
+            content,
+            checkmark && selected && /* @__PURE__ */ jsx(Text, { children: "\u2713" })
+          ]
+        },
+        `item-${index}`
+      );
+    },
+    [
+      value,
+      optionValue,
+      optionLabel,
+      itemTemplate,
+      optionGroupLabel,
+      checkmark,
+      highlightOnSelect
+    ]
+  );
+  const flatData = useMemo(() => {
+    if (!optionGroupLabel || !optionGroupChildren) {
+      return options;
+    }
+    const out = [];
+    options.forEach((g) => {
+      out.push({ __group: true, group: g });
+      g[optionGroupChildren]?.forEach((c) => out.push(c));
+    });
+    return out;
+  }, [options]);
+  const filteredData = useMemo(() => {
+    if (!filter || !filterQuery) return flatData;
+    const q = filterQuery.toLowerCase();
+    const key = filterBy || optionLabel;
+    return flatData.filter((entry) => {
+      if (entry.__group) return true;
+      const label = getLabel(entry, key);
+      return label.toLowerCase().includes(q);
+    });
+  }, [flatData, filter, filterQuery, filterBy, optionLabel]);
+  const displayValue = valueTemplate ? valueTemplate(selectedItem) : selectedItem ? getLabel(selectedItem, optionLabel) : "";
+  return /* @__PURE__ */ jsxs(View, { style: styles.container, testID, children: [
+    /* @__PURE__ */ jsxs(
+      Pressable,
+      {
+        ref: triggerRef,
+        style: [
+          styles.control,
+          { borderColor: colors.border, backgroundColor: colors.bg },
+          invalid && { borderColor: colors.borderInvalid },
+          disabled && styles.disabled,
+          externalViewStyle
+        ],
+        onPress: toggle,
+        children: [
+          editable ? /* @__PURE__ */ jsx(Input, { style: styles.input, children: /* @__PURE__ */ jsx(
+            InputField,
+            {
+              ref: inputRef,
+              value: inputText,
+              onChangeText: setInputText,
+              placeholder,
+              editable: !disabled
+            }
+          ) }) : /* @__PURE__ */ jsx(
+            Text,
+            {
+              numberOfLines: 1,
+              style: [
+                // Fill the trigger row and left-align the value/placeholder so it
+                // doesn't read as centred (the row is justify=space-between, so the
+                // arrow stays pinned right).
+                { flex: 1, textAlign: "left" },
+                displayValue ? { color: colors.text } : { color: colors.placeholder },
+                externalTextStyle,
+                !displayValue && { color: colors.placeholder }
+              ],
+              children: displayValue || placeholder
+            }
+          ),
+          /* @__PURE__ */ jsx(Text, { style: [{ color: colors.text }, externalTextStyle], children: "\u25BE" })
+        ]
+      }
+    ),
+    !isModal && /* @__PURE__ */ jsx(
+      Modal,
+      {
+        visible: open && !!triggerLayout,
+        transparent: true,
+        animationType: "none",
+        onRequestClose: close,
+        children: /* @__PURE__ */ jsx(Pressable, { style: styles.popoverOverlay, onPress: close, children: triggerLayout && (() => {
+          const screen = Dimensions.get("window");
+          const PANEL_MAX_HEIGHT = 260;
+          const GAP = 4;
+          const spaceBelow = screen.height - (triggerLayout.y + triggerLayout.height) - insets.bottom;
+          const spaceAbove = triggerLayout.y - insets.top;
+          const openUp = spaceBelow < PANEL_MAX_HEIGHT && spaceAbove > spaceBelow;
+          const maxHeight = Math.min(
+            PANEL_MAX_HEIGHT,
+            openUp ? spaceAbove - GAP : spaceBelow - GAP
+          );
+          const top = openUp ? triggerLayout.y - maxHeight - GAP : triggerLayout.y + triggerLayout.height + GAP;
+          return /* @__PURE__ */ jsxs(
+            View,
+            {
+              style: [
+                styles.popoverPanel,
+                {
+                  top,
+                  left: triggerLayout.x,
+                  width: triggerLayout.width,
+                  maxHeight,
+                  borderColor: colors.border,
+                  backgroundColor: colors.bg
+                }
+              ],
+              onStartShouldSetResponder: () => true,
+              children: [
+                filter && /* @__PURE__ */ jsx(View, { style: [styles.filterContainer, { borderBottomColor: colors.filterBorder }], children: /* @__PURE__ */ jsx(
+                  TextInput,
+                  {
+                    value: filterQuery,
+                    onChangeText: setFilterQuery,
+                    placeholder: "Search...",
+                    placeholderTextColor: colors.placeholder,
+                    style: [styles.filterInput, {
+                      borderColor: colors.filterBorder,
+                      backgroundColor: colors.filterBg,
+                      color: colors.filterText
+                    }],
+                    autoFocus: true
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(
+                  FlatList,
+                  {
+                    style: { flex: 1 },
+                    contentContainerStyle: { paddingBottom: 12 },
+                    data: filteredData,
+                    keyExtractor: (item, i) => item?.__group ? `group-${i}` : `item-${i}`,
+                    renderItem: ({ item, index }) => renderItem(item, index),
+                    keyboardShouldPersistTaps: "handled",
+                    showsHorizontalScrollIndicator: false,
+                    ListEmptyComponent: filterQuery ? /* @__PURE__ */ jsx(View, { style: styles.emptyContainer, children: /* @__PURE__ */ jsx(Text, { style: [styles.emptyText, { color: colors.emptyText }], children: emptyFilterMessage }) }) : null
+                  }
+                ),
+                panelFooterTemplate?.()
+              ]
+            }
+          );
+        })() })
+      }
+    ),
+    isModal && /* @__PURE__ */ jsx(Modal, { visible: open, transparent: true, animationType: "fade", children: /* @__PURE__ */ jsx(Pressable, { style: styles.modalOverlay, onPress: close, children: /* @__PURE__ */ jsxs(
+      View,
+      {
+        style: [styles.modalPanel, { backgroundColor: colors.bg }],
+        onStartShouldSetResponder: () => true,
+        children: [
+          filter && /* @__PURE__ */ jsx(View, { style: [styles.filterContainer, { borderBottomColor: colors.filterBorder }], children: /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              value: filterQuery,
+              onChangeText: setFilterQuery,
+              placeholder: "Search...",
+              placeholderTextColor: colors.placeholder,
+              style: [styles.filterInput, {
+                borderColor: colors.filterBorder,
+                backgroundColor: colors.filterBg,
+                color: colors.filterText
+              }],
+              autoFocus: true
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            FlatList,
+            {
+              data: filteredData,
+              keyExtractor: (item, i) => item?.__group ? `group-${i}` : `item-${i}`,
+              renderItem: ({ item, index }) => renderItem(item, index),
+              nestedScrollEnabled: true,
+              keyboardShouldPersistTaps: "handled",
+              style: { flex: 1 },
+              contentContainerStyle: { paddingBottom: 12 },
+              ListEmptyComponent: filterQuery ? /* @__PURE__ */ jsx(View, { style: styles.emptyContainer, children: /* @__PURE__ */ jsx(Text, { style: [styles.emptyText, { color: colors.emptyText }], children: emptyFilterMessage }) }) : null
+            }
+          ),
+          panelFooterTemplate?.()
+        ]
+      }
+    ) }) })
+  ] });
+}
+const styles = StyleSheet.create({
+  container: {
+    width: "100%",
+    position: "relative"
+  },
+  control: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    borderWidth: 1,
+    borderRadius: 6,
+    paddingHorizontal: 10,
+    paddingVertical: 10
+  },
+  disabled: {
+    opacity: 0.5
+  },
+  option: {
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  groupLabel: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    fontWeight: "600"
+  },
+  input: {
+    flex: 1
+  },
+  panel: {
+    position: "absolute",
+    top: "100%",
+    left: 0,
+    right: 0,
+    marginTop: 4,
+    borderWidth: 1,
+    borderRadius: 6,
+    maxHeight: 260,
+    overflow: "hidden",
+    zIndex: 9999
+  },
+  filterContainer: {
+    paddingHorizontal: 8,
+    paddingVertical: 6,
+    borderBottomWidth: 1
+  },
+  filterInput: {
+    fontSize: 14,
+    paddingHorizontal: 8,
+    paddingVertical: 6,
+    borderWidth: 1,
+    borderRadius: 4
+  },
+  emptyContainer: {
+    padding: 16,
+    alignItems: "center"
+  },
+  emptyText: {
+    fontSize: 14
+  },
+  popoverOverlay: {
+    flex: 1,
+    backgroundColor: "transparent"
+  },
+  popoverPanel: {
+    position: "absolute",
+    borderWidth: 1,
+    borderRadius: 6,
+    overflow: "hidden",
+    elevation: 8,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.15,
+    shadowRadius: 8
+  },
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.4)",
+    justifyContent: "center"
+  },
+  modalPanel: {
+    margin: 24,
+    maxHeight: "70%",
+    borderRadius: 12,
+    overflow: "hidden"
+  }
+});
+
+export { Dropdown as default };
+//# sourceMappingURL=index.js.map

package/apps/mobile/src/Core/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/Core/Dropdown/index.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState, type ChangeEvent } from \"react\";\nimport {\n  Dimensions,\n  FlatList,\n  Keyboard,\n  Modal,\n  Pressable,\n  ScrollView,\n  TouchableOpacity,\n  View,\n  StyleSheet, Text, TextInput\n} from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport { Input, InputField, type VirtualScrollerOptions } from \"../../\";\nimport { resolveThemeTokenForNative } from '../../Factory/helpers/style';\n\n/* ---------------------------------------------\n Types (PrimeReact-compatible)\n---------------------------------------------- */\n\nexport interface DropdownChangeEvent<T = any> {\n  originalEvent?: any;\n  value: T | null;\n}\n\n\nexport interface DropdownProps<T = any> {\n  value?: T | null;\n  options?: T[];\n\n  onChange?: (e: ChangeEvent<T>, item:any) => void;\n\n  optionLabel?: string;\n  optionValue?: string;\n\n  placeholder?: string;\n  disabled?: boolean;\n  editable?: boolean;\n  loading?: boolean;\n  showClear?: boolean;\n  isModal?: boolean;\n\n  checkmark?: boolean;\n  highlightOnSelect?: boolean;\n\n  filter?: boolean;\n  filterBy?: string;\n  emptyFilterMessage?: string;\n\n  itemTemplate?: (item: T) => React.ReactNode;\n  valueTemplate?: (value: T | null) => React.ReactNode;\n  panelFooterTemplate?: () => React.ReactNode;\n\n  optionGroupLabel?: string;\n  optionGroupChildren?: string;\n  optionGroupTemplate?: (group: any) => React.ReactNode;\n\n  virtualScrollerOptions?: VirtualScrollerOptions;\n\n  invalid?: boolean;\n  testID?: string;\n  style?: import('react-native').ViewStyle;\n}\n\n/* ---------------------------------------------\n Helpers\n---------------------------------------------- */\n\nconst getLabel = (item: any, optionLabel?: string) => {\n  if (!item) return \"\";\n  if (!optionLabel) return String(item);\n  return String(item[optionLabel]);\n};\n\nconst getValue = (item: any, optionValue?: string) => {\n  if (!item) return null;\n  if (!optionValue) return item;\n  return item[optionValue];\n};\n\nconst t = resolveThemeTokenForNative;\n\nconst TEXT_STYLE_KEYS = new Set([\n  'fontSize', 'fontFamily', 'fontWeight', 'fontStyle',\n  'color', 'letterSpacing', 'lineHeight', 'textAlign',\n  'textDecorationLine', 'textTransform',\n]);\n\nfunction splitStyle(combined?: any): { viewStyle?: any; textStyle?: any } {\n  if (!combined) return {};\n  const view: Record<string, any> = {};\n  const text: Record<string, any> = {};\n  for (const [k, v] of Object.entries(combined)) {\n    if (TEXT_STYLE_KEYS.has(k)) text[k] = v;\n    else view[k] = v;\n  }\n  return {\n    viewStyle: Object.keys(view).length ? view : undefined,\n    textStyle: Object.keys(text).length ? text : undefined,\n  };\n}\n\n/* ---------------------------------------------\n Component\n---------------------------------------------- */\n\nexport default function Dropdown<T = any>({\n                                    value,\n                                    options = [],\n                                    onChange,\n\n                                    optionLabel,\n                                    optionValue,\n\n                                    placeholder,\n                                    disabled,\n                                    editable,\n                                    isModal = false,\n\n                                    checkmark,\n                                    highlightOnSelect = true,\n\n                                    filter,\n                                    filterBy,\n                                    emptyFilterMessage = 'No results found',\n\n                                    itemTemplate,\n                                    valueTemplate,\n                                    panelFooterTemplate,\n\n                                    optionGroupLabel,\n                                    optionGroupChildren,\n                                    optionGroupTemplate,\n\n                                    virtualScrollerOptions,\n\n                                    invalid,\n                                    testID,\n                                    style: externalStyle,\n                                  }: DropdownProps<T>) {\n  const inputRef = useRef<any>(null);\n  const triggerRef = useRef<View>(null);\n  const [open, setOpen] = useState(false);\n  const [inputText, setInputText] = useState(\"\");\n  const [filterQuery, setFilterQuery] = useState(\"\");\n  const [triggerLayout, setTriggerLayout] = useState<{\n    x: number; y: number; width: number; height: number;\n  } | null>(null);\n  const insets = useSafeAreaInsets();\n\n  const { viewStyle: externalViewStyle, textStyle: externalTextStyle } = splitStyle(externalStyle);\n\n  const colors = {\n    border: t('border') || t('gray.300'),\n    borderInvalid: t('danger') || t('red.500'),\n    bg: t('surface-card') || '#fff',\n    text: t('text') || t('gray.800'),\n    placeholder: t('text-secondary') || t('gray.400'),\n    optionSelected: t('highlight-bg') || t('gray.100'),\n    groupBg: t('surface-ground') || t('gray.50'),\n    filterBorder: t('border') || t('gray.200'),\n    filterBg: t('surface-ground') || t('gray.50'),\n    filterText: t('text') || t('gray.800'),\n    emptyText: t('text-secondary') || t('gray.400'),\n    primary: t('primary'),\n  };\n\n  /* ---------------------------------------------\n   Derived\n  ---------------------------------------------- */\n\n  const selectedItem = useMemo(() => {\n    if (value == null) return null;\n    // Search through group children when grouped\n    if (optionGroupChildren) {\n      for (const group of options as any[]) {\n        const children = group[optionGroupChildren];\n        if (Array.isArray(children)) {\n          const found = children.find((c: any) => getValue(c, optionValue) === value);\n          if (found) return found;\n        }\n      }\n      return null;\n    }\n    return options.find(\n      (o) => getValue(o, optionValue) === value\n    ) ?? null;\n  }, [value, options, optionValue, optionGroupChildren]);\n\n  /* ---------------------------------------------\n   Open / Close\n  ---------------------------------------------- */\n\n  const toggle = () => {\n    if (disabled) return;\n    Keyboard.dismiss();\n    if (open) {\n      setOpen(false);\n      return;\n    }\n    setFilterQuery(\"\");\n    // Measure trigger position in window so the popover can be rendered\n    // inside a Modal (escaping any parent ScrollView) at the correct anchor.\n    triggerRef.current?.measureInWindow((x, y, width, height) => {\n      setTriggerLayout({ x, y, width, height });\n      setOpen(true);\n    });\n  };\n\n  const close = () => setOpen(false);\n\n  /* ---------------------------------------------\n   Selection\n  ---------------------------------------------- */\n\n  const selectItem = (item: T) => {\n    const newValue = getValue(item, optionValue);\n\n    if (!onChange) return;\n\n    const syntheticEvent = {\n      target: {\n        value: newValue,\n      },\n    } as React.ChangeEvent<any>;\n\n    onChange(syntheticEvent, item);\n\n    setOpen(false);\n  };\n\n  /* ---------------------------------------------\n   Render item\n  ---------------------------------------------- */\n\n  const renderItem = useCallback(\n    (item: any, index: number) => {\n      if (!item) {\n        return null;\n      }\n\n      // Group header\n      if (item.__group) {\n        return (\n          <Text key={`group-${index}`} style={[styles.groupLabel, { backgroundColor: colors.groupBg }]}>\n            {optionGroupLabel ? item.group?.[optionGroupLabel] : \"\"}\n          </Text>\n        );\n      }\n\n      const selected =\n        value != null &&\n        getValue(item, optionValue) === value;\n\n      let content: React.ReactElement;\n\n      if (itemTemplate) {\n        const rendered = itemTemplate(item);\n\n        content = React.isValidElement(rendered) ? (\n          rendered\n        ) : (\n          <Text>{String(rendered ?? \"\")}</Text>\n        );\n      } else {\n        content = (\n          <Text style={[{ color: colors.text }, externalTextStyle && { fontSize: externalTextStyle.fontSize }]}>\n            {getLabel(item, optionLabel)}\n          </Text>\n        );\n      }\n\n      return (\n        <Pressable\n          key={`item-${index}`}\n          onPress={() => selectItem(item)}\n          style={[\n            styles.option,\n            selected && highlightOnSelect && { backgroundColor: colors.optionSelected },\n          ]}\n        >\n          {content}\n          {checkmark && selected && <Text>✓</Text>}\n        </Pressable>\n      );\n    },\n    [\n      value,\n      optionValue,\n      optionLabel,\n      itemTemplate,\n      optionGroupLabel,\n      checkmark,\n      highlightOnSelect,\n    ]\n  );\n\n\n  /* ---------------------------------------------\n   Group flattening\n  ---------------------------------------------- */\n\n  const flatData = useMemo(() => {\n    if (!optionGroupLabel || !optionGroupChildren) {\n      return options;\n    }\n\n    const out: any[] = [];\n    options.forEach((g: any) => {\n      out.push({ __group: true, group: g });\n      g[optionGroupChildren]?.forEach((c: any) => out.push(c));\n    });\n    return out;\n  }, [options]);\n\n  /* ---------------------------------------------\n   Filter\n  ---------------------------------------------- */\n\n  const filteredData = useMemo(() => {\n    if (!filter || !filterQuery) return flatData;\n    const q = filterQuery.toLowerCase();\n    const key = filterBy || optionLabel;\n\n    return flatData.filter((entry: any) => {\n      // Keep group headers\n      if (entry.__group) return true;\n      const label = getLabel(entry, key);\n      return label.toLowerCase().includes(q);\n    });\n  }, [flatData, filter, filterQuery, filterBy, optionLabel]);\n\n  /* ---------------------------------------------\n   Display value\n  ---------------------------------------------- */\n\n  const displayValue = valueTemplate\n    ? valueTemplate(selectedItem)\n    : selectedItem\n      ? getLabel(selectedItem, optionLabel)\n      : \"\";\n\n  /* ---------------------------------------------\n   Render\n  ---------------------------------------------- */\n\n  return (\n    <View style={styles.container} testID={testID}>\n      <Pressable\n        ref={triggerRef as any}\n        style={[\n          styles.control,\n          { borderColor: colors.border, backgroundColor: colors.bg },\n          invalid && { borderColor: colors.borderInvalid },\n          disabled && styles.disabled,\n          externalViewStyle,\n        ]}\n        onPress={toggle}\n      >\n        {editable ? (\n          <Input style={styles.input}>\n            <InputField\n              ref={inputRef}\n              value={inputText}\n              onChangeText={setInputText}\n              placeholder={placeholder}\n              editable={!disabled}\n            />\n          </Input>\n        ) : (\n          <Text\n            numberOfLines={1}\n            style={[\n              // Fill the trigger row and left-align the value/placeholder so it\n              // doesn't read as centred (the row is justify=space-between, so the\n              // arrow stays pinned right).\n              { flex: 1, textAlign: \"left\" as const },\n              displayValue ? { color: colors.text } : { color: colors.placeholder },\n              externalTextStyle,\n              !displayValue && { color: colors.placeholder },\n            ]}>\n            {displayValue || placeholder}\n          </Text>\n        )}\n\n        <Text style={[{ color: colors.text }, externalTextStyle]}>▾</Text>\n      </Pressable>\n\n      {!isModal && (\n        <Modal\n          visible={open && !!triggerLayout}\n          transparent\n          animationType=\"none\"\n          onRequestClose={close}\n        >\n          <Pressable style={styles.popoverOverlay} onPress={close}>\n            {triggerLayout && (() => {\n              const screen = Dimensions.get('window');\n              const PANEL_MAX_HEIGHT = 260;\n              const GAP = 4;\n              const spaceBelow =\n                screen.height - (triggerLayout.y + triggerLayout.height) - insets.bottom;\n              const spaceAbove = triggerLayout.y - insets.top;\n              const openUp = spaceBelow < PANEL_MAX_HEIGHT && spaceAbove > spaceBelow;\n              const maxHeight = Math.min(\n                PANEL_MAX_HEIGHT,\n                openUp ? spaceAbove - GAP : spaceBelow - GAP,\n              );\n              const top = openUp\n                ? triggerLayout.y - maxHeight - GAP\n                : triggerLayout.y + triggerLayout.height + GAP;\n\n              return (\n                <View\n                  style={[\n                    styles.popoverPanel,\n                    {\n                      top,\n                      left: triggerLayout.x,\n                      width: triggerLayout.width,\n                      maxHeight,\n                      borderColor: colors.border,\n                      backgroundColor: colors.bg,\n                    },\n                  ]}\n                  onStartShouldSetResponder={() => true}\n                >\n                  {filter && (\n                    <View style={[styles.filterContainer, { borderBottomColor: colors.filterBorder }]}>\n                      <TextInput\n                        value={filterQuery}\n                        onChangeText={setFilterQuery}\n                        placeholder=\"Search...\"\n                        placeholderTextColor={colors.placeholder}\n                        style={[styles.filterInput, {\n                          borderColor: colors.filterBorder,\n                          backgroundColor: colors.filterBg,\n                          color: colors.filterText,\n                        }]}\n                        autoFocus\n                      />\n                    </View>\n                  )}\n                  <FlatList\n                    style={{ flex: 1 }}\n                    contentContainerStyle={{ paddingBottom: 12 }}\n                    data={filteredData}\n                    keyExtractor={(item: any, i: number) =>\n                      item?.__group ? `group-${i}` : `item-${i}`\n                    }\n                    renderItem={({ item, index }) => renderItem(item, index)}\n                    keyboardShouldPersistTaps=\"handled\"\n                    showsHorizontalScrollIndicator={false}\n                    ListEmptyComponent={\n                      filterQuery ? (\n                        <View style={styles.emptyContainer}>\n                          <Text style={[styles.emptyText, { color: colors.emptyText }]}>{emptyFilterMessage}</Text>\n                        </View>\n                      ) : null\n                    }\n                  />\n                  {panelFooterTemplate?.()}\n                </View>\n              );\n            })()}\n          </Pressable>\n        </Modal>\n      )}\n\n      {isModal && (\n        <Modal visible={open} transparent animationType=\"fade\">\n          <Pressable style={styles.modalOverlay} onPress={close}>\n            <View\n              style={[styles.modalPanel, { backgroundColor: colors.bg }]}\n              onStartShouldSetResponder={() => true}\n            >\n              {filter && (\n                <View style={[styles.filterContainer, { borderBottomColor: colors.filterBorder }]}>\n                  <TextInput\n                    value={filterQuery}\n                    onChangeText={setFilterQuery}\n                    placeholder=\"Search...\"\n                    placeholderTextColor={colors.placeholder}\n                    style={[styles.filterInput, {\n                      borderColor: colors.filterBorder,\n                      backgroundColor: colors.filterBg,\n                      color: colors.filterText,\n                    }]}\n                    autoFocus\n                  />\n                </View>\n              )}\n              <FlatList\n                data={filteredData}\n                keyExtractor={(item: any, i: number) =>\n                  item?.__group ? `group-${i}` : `item-${i}`\n                }\n                renderItem={({ item, index }) => renderItem(item, index)}\n                nestedScrollEnabled\n                keyboardShouldPersistTaps=\"handled\"\n                style={{ flex: 1 }}\n                contentContainerStyle={{ paddingBottom: 12 }}\n                ListEmptyComponent={\n                  filterQuery ? (\n                    <View style={styles.emptyContainer}>\n                      <Text style={[styles.emptyText, { color: colors.emptyText }]}>{emptyFilterMessage}</Text>\n                    </View>\n                  ) : null\n                }\n              />\n              {panelFooterTemplate?.()}\n            </View>\n          </Pressable>\n        </Modal>\n      )}\n    </View>\n  );\n}\n\n/* ---------------------------------------------\n Styles (layout only — colors applied inline via theme tokens)\n---------------------------------------------- */\n\nconst styles = StyleSheet.create({\n  container: {\n    width: \"100%\",\n    position: \"relative\" as const,\n  },\n  control: {\n    flexDirection: \"row\" as const,\n    alignItems: \"center\" as const,\n    justifyContent: \"space-between\" as const,\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingHorizontal: 10,\n    paddingVertical: 10,\n  },\n  disabled: {\n    opacity: 0.5,\n  },\n  option: {\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n    flexDirection: \"row\" as const,\n    justifyContent: \"space-between\" as const,\n    alignItems: \"center\" as const,\n  },\n  groupLabel: {\n    paddingHorizontal: 12,\n    paddingVertical: 8,\n    fontWeight: \"600\" as const,\n  },\n  input: {\n    flex: 1,\n  },\n  panel: {\n    position: \"absolute\" as const,\n    top: \"100%\",\n    left: 0,\n    right: 0,\n    marginTop: 4,\n    borderWidth: 1,\n    borderRadius: 6,\n    maxHeight: 260,\n    overflow: \"hidden\" as const,\n    zIndex: 9999,\n  },\n  filterContainer: {\n    paddingHorizontal: 8,\n    paddingVertical: 6,\n    borderBottomWidth: 1,\n  },\n  filterInput: {\n    fontSize: 14,\n    paddingHorizontal: 8,\n    paddingVertical: 6,\n    borderWidth: 1,\n    borderRadius: 4,\n  },\n  emptyContainer: {\n    padding: 16,\n    alignItems: 'center' as const,\n  },\n  emptyText: {\n    fontSize: 14,\n  },\n  popoverOverlay: {\n    flex: 1,\n    backgroundColor: 'transparent',\n  },\n  popoverPanel: {\n    position: 'absolute' as const,\n    borderWidth: 1,\n    borderRadius: 6,\n    overflow: 'hidden' as const,\n    elevation: 8,\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.15,\n    shadowRadius: 8,\n  },\n  modalOverlay: {\n    flex: 1,\n    backgroundColor: 'rgba(0,0,0,0.4)',\n    justifyContent: 'center' as const,\n  },\n  modalPanel: {\n    margin: 24,\n    maxHeight: '70%',\n    borderRadius: 12,\n    overflow: 'hidden' as const,\n  },\n});\n"],"names":[],"mappings":"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"}

package/apps/mobile/src/Core/Input/Field.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+var style = require('../../Factory/helpers/style.cjs');
+
+const KitsCoreInputField = React.forwardRef(
+  function KitsCoreInputField2({ style: style$1, placeholderTextColor, underlineColorAndroid, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.TextInput,
+      {
+        ref,
+        ...rest,
+        placeholderTextColor: placeholderTextColor ?? style.resolveThemeTokenForNative("text-subtle"),
+        underlineColorAndroid: underlineColorAndroid ?? "transparent",
+        style: [
+          {
+            flex: 1,
+            paddingHorizontal: 12,
+            paddingVertical: 10,
+            fontSize: 14,
+            color: style.resolveThemeTokenForNative("text"),
+            fontFamily: style.resolveThemeTokenForNative("$fonts.body")
+          },
+          style$1
+        ]
+      }
+    );
+  }
+);
+KitsCoreInputField.displayName = "KitsCoreInputField";
+
+exports.default = KitsCoreInputField;
+//# sourceMappingURL=Field.cjs.map

package/apps/mobile/src/Core/Input/Field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.cjs","sources":["../../../../../../../../../apps/mobile/src/Core/Input/Field.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { TextInput, type TextInputProps, type TextStyle } from 'react-native';\nimport { resolveThemeTokenForNative } from '../../Factory/helpers/style';\n\nexport interface KitsCoreInputFieldProps extends TextInputProps {\n    style?: TextStyle;\n}\n\n/**\n * KitsCoreInputField — bare React Native TextInput wrapper that owns the\n * field-level styling for use inside `KitsCoreInput`. Replaces Gluestack's\n * `InputField`:\n *\n *   - `flex: 1` so it fills the KitsCoreInput row container.\n *   - `paddingHorizontal: 12, paddingVertical: 10` as default field padding.\n *   - `fontSize: 14`, `color: <text token>`, `fontFamily: <fonts.body token>`\n *     so the app-wide font set on `theme.fonts.body` flows into every input\n *     automatically.\n *   - `underlineColorAndroid=\"transparent\"` — CRITICAL: Gluestack does not\n *     reset Android's native bottom underline; without this, every Android\n *     field renders a stray underline below the visible KitsCoreInput border.\n *   - `placeholderTextColor` defaults to the `'text-subtle'` token so\n *     placeholders pick up the kits theme without per-call wiring.\n *   - The consumer-supplied `style` prop is spread LAST so per-element slot\n *     overrides always win on any key conflict.\n */\nconst KitsCoreInputField = forwardRef<TextInput, KitsCoreInputFieldProps>(\n    function KitsCoreInputField(\n        { style, placeholderTextColor, underlineColorAndroid, ...rest },\n        ref,\n    ) {\n        return (\n            <TextInput\n                ref={ref}\n                {...rest}\n                placeholderTextColor={\n                    placeholderTextColor ?? resolveThemeTokenForNative('text-subtle')\n                }\n                underlineColorAndroid={underlineColorAndroid ?? 'transparent'}\n                style={[\n                    {\n                        flex: 1,\n                        paddingHorizontal: 12,\n                        paddingVertical: 10,\n                        fontSize: 14,\n                        color: resolveThemeTokenForNative('text'),\n                        fontFamily: resolveThemeTokenForNative('$fonts.body'),\n                    },\n                    style,\n                ]}\n            />\n        );\n    },\n);\n\nKitsCoreInputField.displayName = 'KitsCoreInputField';\n\nexport default KitsCoreInputField;\n"],"names":["forwardRef","KitsCoreInputField","style","jsx","TextInput","resolveThemeTokenForNative"],"mappings":";;;;;;;;;AA0BA,MAAM,kBAAA,GAAqBA,gBAAA;AAAA,EACvB,SAASC,oBACL,SAAEC,OAAA,EAAO,sBAAsB,qBAAA,EAAuB,GAAG,IAAA,EAAK,EAC9D,GAAA,EACF;AACE,IAAA,uBACIC,cAAA;AAAA,MAACC,qBAAA;AAAA,MAAA;AAAA,QACG,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QACJ,oBAAA,EACI,oBAAA,IAAwBC,gCAAA,CAA2B,aAAa,CAAA;AAAA,QAEpE,uBAAuB,qBAAA,IAAyB,aAAA;AAAA,QAChD,KAAA,EAAO;AAAA,UACH;AAAA,YACI,IAAA,EAAM,CAAA;AAAA,YACN,iBAAA,EAAmB,EAAA;AAAA,YACnB,eAAA,EAAiB,EAAA;AAAA,YACjB,QAAA,EAAU,EAAA;AAAA,YACV,KAAA,EAAOA,iCAA2B,MAAM,CAAA;AAAA,YACxC,UAAA,EAAYA,iCAA2B,aAAa;AAAA,WACxD;AAAA,UACAH;AAAA;AACJ;AAAA,KACJ;AAAA,EAER;AACJ;AAEA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;;;;"}

package/apps/mobile/src/Core/Input/Field.js

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { TextInput } from 'react-native';
+import { resolveThemeTokenForNative } from '../../Factory/helpers/style.js';
+
+const KitsCoreInputField = forwardRef(
+  function KitsCoreInputField2({ style, placeholderTextColor, underlineColorAndroid, ...rest }, ref) {
+    return /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        ref,
+        ...rest,
+        placeholderTextColor: placeholderTextColor ?? resolveThemeTokenForNative("text-subtle"),
+        underlineColorAndroid: underlineColorAndroid ?? "transparent",
+        style: [
+          {
+            flex: 1,
+            paddingHorizontal: 12,
+            paddingVertical: 10,
+            fontSize: 14,
+            color: resolveThemeTokenForNative("text"),
+            fontFamily: resolveThemeTokenForNative("$fonts.body")
+          },
+          style
+        ]
+      }
+    );
+  }
+);
+KitsCoreInputField.displayName = "KitsCoreInputField";
+
+export { KitsCoreInputField as default };
+//# sourceMappingURL=Field.js.map