@lmb-it/kitsconcerto-native 0.1.258 → 0.1.259

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/Core/MultiSelect/index.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\nimport {\n  View,\n  Text,\n  TouchableOpacity,\n  Modal,\n  FlatList,\n  TextInput,\n  StyleSheet,\n  Pressable,\n  ActivityIndicator,\n  Dimensions,\n} from 'react-native';\nimport { resolveThemeTokenForNative } from '../../Factory/helpers/style';\n\nexport type MultiSelectChangeEvent<T> = React.ChangeEvent<{\n  value: T[];\n}>;\n\nexport interface MultiSelectProps<T> {\n  value?: T[] | null;\n  onChange?: (e: MultiSelectChangeEvent<T>, selectedItems: T[]) => void;\n  isModal?: boolean;\n\n  options?: T[];\n\n  optionLabel?: keyof T | string;\n  optionValue?: keyof T | string;\n\n  optionGroupLabel?: keyof T | string;\n  optionGroupChildren?: keyof T | string;\n\n  placeholder?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  filter?: boolean;\n  emptyFilterMessage?: string;\n  /**\n   * Placeholder for the panel's filter field, already written in the reader's\n   * language by the KitsConcerto wrapper — this component lives in\n   * `apps/mobile`, which `packages/ui` imports, so it cannot translate.\n   */\n  filterPlaceholder?: string;\n  /** Reader's direction, from the wrapper's `useLanguage().isRTL`. */\n  isRTL?: boolean;\n\n  display?: 'comma' | 'chip';\n  maxSelectedLabels?: number;\n\n  itemTemplate?: (item: T) => React.ReactElement;\n  selectedItemTemplate?: (item: T) => React.ReactElement;\n  style?: import('react-native').ViewStyle;\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\nexport default function MultiSelect<T>(props: MultiSelectProps<T>) {\n  const {\n    value,\n    onChange,\n    options = [],\n    optionLabel,\n    optionValue,\n    optionGroupLabel,\n    optionGroupChildren,\n    isModal = false,\n    placeholder = 'Select',\n    disabled,\n    loading,\n    filter,\n    // ⚠️ English literals of last resort, not translations — the wrapper always\n    // passes the reader's own sentence. These only apply when this component is\n    // used directly from `apps/mobile`, so a panel can never render blank.\n    emptyFilterMessage = 'No results found',\n    filterPlaceholder = 'Search...',\n    isRTL = false,\n    display = 'chip',\n    maxSelectedLabels = 10,\n    itemTemplate,\n    selectedItemTemplate,\n    style: externalStyle,\n  } = props;\n\n  const triggerRef = useRef<View>(null);\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [triggerLayout, setTriggerLayout] = useState<{\n    x: number; y: number; width: number; height: number;\n  } | null>(null);\n\n  const close = () => setOpen(false);\n\n  const toggleOpen = () => {\n    if (disabled) return;\n    if (open) {\n      setOpen(false);\n      return;\n    }\n    triggerRef.current?.measureInWindow((x, y, width, height) => {\n      setTriggerLayout({ x, y, width, height });\n      setOpen(true);\n    });\n  };\n\n  const { viewStyle: externalViewStyle, textStyle: externalTextStyle } = splitStyle(externalStyle);\n\n  const colors = {\n    border: t('border') || t('gray.300'),\n    borderFocus: t('primary'),\n    bg: t('surface-card') || '#fff',\n    disabledBg: t('surface-ground') || t('gray.100'),\n    placeholder: t('text-secondary') || t('gray.400'),\n    text: t('text') || t('gray.800'),\n    textSecondary: t('text-secondary') || t('gray.500'),\n    chipBg: t('primary.100') || t('indigo.100'),\n    chipText: t('primary.700') || t('indigo.700'),\n    chipRemove: t('primary.500') || t('indigo.500'),\n    chipMoreBg: t('surface-ground') || t('gray.100'),\n    headerBorder: t('border') || t('gray.200'),\n    groupBg: t('surface-ground') || t('gray.50'),\n    groupBorder: t('border') || t('gray.200'),\n    itemBorder: t('surface-ground') || t('gray.100'),\n    itemSelectedBg: t('highlight-bg') || t('indigo.50'),\n    itemSelectedText: t('primary.700') || t('indigo.700'),\n    checkboxBorder: t('border') || t('gray.300'),\n    checkboxChecked: t('primary'),\n    invalidBorder: t('danger') || t('red.500'),\n    searchBg: t('surface-ground') || t('gray.50'),\n  };\n\n  const getValue = (item: T, key?: keyof T | string) =>\n    key ? (item as any)[key] : item;\n\n  const getLabel = (item: T, key?: keyof T | string) =>\n    String(key ? (item as any)[key] : item);\n\n  const selectedValues = Array.isArray(value) ? value : [];\n\n  // Build display items: flat list with optional group headers\n  const displayItems: { type: 'group' | 'item'; data: any }[] = useMemo(() => {\n    if (optionGroupLabel && optionGroupChildren) {\n      const result: { type: 'group' | 'item'; data: any }[] = [];\n      options.forEach((group: any) => {\n        result.push({ type: 'group', data: group });\n        const children = group[optionGroupChildren] ?? [];\n        children.forEach((child: any) => result.push({ type: 'item', data: child }));\n      });\n      return result;\n    }\n    return options.map((item) => ({ type: 'item' as const, data: item }));\n  }, [options, optionGroupLabel, optionGroupChildren]);\n\n  const filtered = useMemo(() => {\n    if (!filter || !query) return displayItems;\n    return displayItems.filter((entry) => {\n      if (entry.type === 'group') return true; // keep group headers\n      return getLabel(entry.data, optionLabel)\n        .toLowerCase()\n        .includes(query.toLowerCase());\n    });\n  }, [query, displayItems]);\n\n  const isSelected = (item: T) =>\n    selectedValues.some(\n      (v) => getValue(v, optionValue) === getValue(item, optionValue),\n    );\n\n  const toggleItem = (item: T) => {\n    const exists = isSelected(item);\n    const next = exists\n      ? selectedValues.filter(\n          (v) => getValue(v, optionValue) !== getValue(item, optionValue),\n        )\n      : [...selectedValues, item];\n\n    const syntheticEvent = {\n      target: { value: next },\n    } as React.ChangeEvent<any>;\n\n    onChange?.(syntheticEvent, next);\n  };\n\n  const removeItem = (item: T) => {\n    const next = selectedValues.filter(\n      (v) => getValue(v, optionValue) !== getValue(item, optionValue),\n    );\n    const syntheticEvent = {\n      target: { value: next },\n    } as React.ChangeEvent<any>;\n    onChange?.(syntheticEvent, next);\n  };\n\n  const renderCheckbox = (checked: boolean) => (\n    <View\n      style={[\n        styles.checkbox,\n        { borderColor: colors.checkboxBorder, backgroundColor: colors.bg },\n        checked && { backgroundColor: colors.checkboxChecked, borderColor: colors.checkboxChecked },\n      ]}\n    >\n      {checked && <Text style={styles.checkmark}>✓</Text>}\n    </View>\n  );\n\n  const renderListContent = () => {\n    if (loading) {\n      return (\n        <View style={styles.loadingContainer}>\n          <ActivityIndicator size=\"small\" color={colors.checkboxChecked} />\n          <Text style={[styles.loadingText, { color: colors.placeholder }]}>Loading...</Text>\n        </View>\n      );\n    }\n\n    const itemsOnly = filtered.filter((e) => e.type === 'item');\n    if (itemsOnly.length === 0) {\n      return (\n        <View style={styles.emptyContainer}>\n          <Text style={[styles.emptyText, { color: colors.placeholder }]}>{emptyFilterMessage}</Text>\n        </View>\n      );\n    }\n\n    return (\n      <FlatList\n        data={filtered}\n        keyExtractor={(entry, i) =>\n          entry.type === 'group' ? `group-${i}` : `item-${i}`\n        }\n        keyboardShouldPersistTaps=\"handled\"\n        renderItem={({ item: entry }) => {\n          if (entry.type === 'group') {\n            return (\n              <View style={[styles.groupHeader, { backgroundColor: colors.groupBg, borderBottomColor: colors.groupBorder }]}>\n                <Text style={[styles.groupHeaderText, { color: colors.textSecondary }]}>\n                  {getLabel(entry.data, optionGroupLabel)}\n                </Text>\n              </View>\n            );\n          }\n          const checked = isSelected(entry.data);\n          return (\n            <TouchableOpacity\n              onPress={() => toggleItem(entry.data)}\n              style={[\n                styles.item,\n                { borderBottomColor: colors.itemBorder },\n                checked && { backgroundColor: colors.itemSelectedBg },\n              ]}\n              activeOpacity={0.7}\n            >\n              {renderCheckbox(checked)}\n              {itemTemplate ? (\n                itemTemplate(entry.data)\n              ) : (\n                <Text style={[\n                  styles.itemText,\n                  { color: colors.text },\n                  checked && { color: colors.itemSelectedText, fontWeight: '500' },\n                ]}>\n                  {getLabel(entry.data, optionLabel)}\n                </Text>\n              )}\n            </TouchableOpacity>\n          );\n        }}\n      />\n    );\n  };\n\n  const renderSelected = () => {\n    if (!selectedValues.length) {\n      return <Text style={[styles.placeholder, { color: colors.placeholder }, externalTextStyle]}>{placeholder}</Text>;\n    }\n\n    if (display === 'chip') {\n      const visibleItems = selectedValues.slice(0, maxSelectedLabels);\n      const remaining = selectedValues.length - maxSelectedLabels;\n      return (\n        <View style={styles.chips}>\n          {visibleItems.map((item, i) =>\n            selectedItemTemplate ? (\n              <React.Fragment key={i}>{selectedItemTemplate(item)}</React.Fragment>\n            ) : (\n              <View key={i} style={[styles.chip, { backgroundColor: colors.chipBg }]}>\n                <Text style={[styles.chipText, { color: colors.chipText }]}>{getLabel(item, optionLabel)}</Text>\n                <TouchableOpacity\n                  onPress={() => removeItem(item)}\n                  hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}\n                >\n                  <Text style={[styles.chipRemove, { color: colors.chipRemove }]}>✕</Text>\n                </TouchableOpacity>\n              </View>\n            ),\n          )}\n          {remaining > 0 && (\n            <View style={[styles.chipMore, { backgroundColor: colors.chipMoreBg }]}>\n              <Text style={[styles.chipMoreText, { color: colors.textSecondary }]}>+{remaining}</Text>\n            </View>\n          )}\n        </View>\n      );\n    }\n\n    return (\n      <Text numberOfLines={1} style={[styles.commaText, { color: colors.text }, externalTextStyle]}>\n        {selectedValues\n          .slice(0, maxSelectedLabels)\n          .map((v) => getLabel(v, optionLabel))\n          .join(', ')}\n      </Text>\n    );\n  };\n\n  const panelContent = (\n    <View style={{ flex: 1 }}>\n      {/* Header */}\n      <View style={[styles.panelHeader, { borderBottomColor: colors.headerBorder }]}>\n        <Text style={[styles.panelHeaderText, { color: colors.textSecondary }]}>\n          {selectedValues.length} item{selectedValues.length !== 1 ? 's' : ''} selected\n        </Text>\n        <TouchableOpacity onPress={() => setOpen(false)}>\n          <Text style={[styles.panelCloseText, { color: colors.placeholder }]}>✕</Text>\n        </TouchableOpacity>\n      </View>\n\n      {/* Search */}\n      {filter && (\n        <View style={[styles.searchContainer, { borderColor: colors.border, backgroundColor: colors.searchBg }]}>\n          <Text style={styles.searchIcon}>🔍</Text>\n          <TextInput\n            value={query}\n            onChangeText={setQuery}\n            placeholder={filterPlaceholder}\n            style={[\n              styles.searchInput,\n              { color: colors.text },\n              // The filter follows the reader's language, not the platform's\n              // layout direction — same rule as the Dropdown's panel.\n              isRTL ? styles.searchRtl : styles.searchLtr,\n            ]}\n            placeholderTextColor={colors.placeholder}\n          />\n        </View>\n      )}\n\n      {/* List */}\n      {renderListContent()}\n    </View>\n  );\n\n  return (\n    <View style={{ width: '100%' }}>\n      {/* Input trigger */}\n      <TouchableOpacity\n        ref={triggerRef as any}\n        activeOpacity={0.8}\n        disabled={disabled}\n        onPress={toggleOpen}\n        style={[\n          styles.input,\n          { borderColor: colors.border, backgroundColor: colors.bg },\n          disabled && { backgroundColor: colors.disabledBg, opacity: 0.6 },\n          open && { borderColor: colors.borderFocus },\n          externalViewStyle,\n        ]}\n      >\n        <View style={styles.inputContent}>\n          {renderSelected()}\n        </View>\n        <Text style={[styles.dropdownArrow, { color: colors.placeholder }]}>{open ? '▲' : '▼'}</Text>\n      </TouchableOpacity>\n\n      {/* Modal mode */}\n      {isModal && (\n        <Modal visible={open} transparent animationType=\"fade\">\n          <Pressable style={styles.overlay} onPress={() => setOpen(false)}>\n            <View\n              style={[styles.modalPanel, { backgroundColor: colors.bg }]}\n              onStartShouldSetResponder={() => true}\n            >\n              {panelContent}\n            </View>\n          </Pressable>\n        </Modal>\n      )}\n\n      {/* Inline mode — Modal-portal popover anchored to trigger */}\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 = 320;\n              const GAP = 4;\n              const spaceBelow = screen.height - (triggerLayout.y + triggerLayout.height);\n              const spaceAbove = triggerLayout.y;\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                  {panelContent}\n                </View>\n              );\n            })()}\n          </Pressable>\n        </Modal>\n      )}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  // Input\n  input: {\n    minHeight: 42,\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingHorizontal: 10,\n    paddingVertical: 6,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  inputContent: {\n    flex: 1,\n  },\n  dropdownArrow: {\n    fontSize: 10,\n    marginLeft: 8,\n  },\n\n  // Placeholder\n  placeholder: { fontSize: 14 },\n  commaText: { fontSize: 14 },\n\n  // Chips display\n  chips: {\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    gap: 4,\n  },\n  chip: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingLeft: 10,\n    paddingRight: 6,\n    paddingVertical: 3,\n    borderRadius: 16,\n    gap: 4,\n  },\n  chipText: {\n    fontSize: 13,\n  },\n  chipRemove: {\n    fontSize: 12,\n    paddingHorizontal: 2,\n  },\n  chipMore: {\n    paddingHorizontal: 10,\n    paddingVertical: 3,\n    borderRadius: 16,\n  },\n  chipMoreText: {\n    fontSize: 13,\n  },\n\n  // Panel header\n  panelHeader: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n    borderBottomWidth: 1,\n  },\n  panelHeaderText: {\n    fontSize: 13,\n  },\n  panelCloseText: {\n    fontSize: 18,\n    fontWeight: '600',\n  },\n\n  // Search\n  searchContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    margin: 8,\n    paddingHorizontal: 10,\n    height: 36,\n    borderWidth: 1,\n    borderRadius: 6,\n  },\n  searchIcon: {\n    fontSize: 14,\n    marginRight: 6,\n  },\n  searchInput: {\n    flex: 1,\n    fontSize: 14,\n    paddingVertical: 0,\n  },\n  searchLtr: {\n    textAlign: 'left' as const,\n    writingDirection: 'ltr' as const,\n  },\n  searchRtl: {\n    textAlign: 'right' as const,\n    writingDirection: 'rtl' as const,\n  },\n\n  // Group header\n  groupHeader: {\n    paddingHorizontal: 12,\n    paddingVertical: 8,\n    borderBottomWidth: StyleSheet.hairlineWidth,\n  },\n  groupHeaderText: {\n    fontSize: 12,\n    fontWeight: '700',\n    textTransform: 'uppercase',\n    letterSpacing: 0.5,\n  },\n\n  // Items\n  item: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingVertical: 10,\n    paddingHorizontal: 12,\n    gap: 10,\n    borderBottomWidth: StyleSheet.hairlineWidth,\n  },\n  itemText: {\n    fontSize: 14,\n    flex: 1,\n  },\n\n  // Checkbox\n  checkbox: {\n    width: 20,\n    height: 20,\n    borderWidth: 2,\n    borderRadius: 4,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  checkmark: {\n    color: '#fff',\n    fontSize: 13,\n    fontWeight: '700',\n  },\n\n  // Loading / Empty\n  loadingContainer: {\n    padding: 24,\n    alignItems: 'center',\n    gap: 8,\n  },\n  loadingText: {\n    fontSize: 13,\n  },\n  emptyContainer: {\n    padding: 24,\n    alignItems: 'center',\n  },\n  emptyText: {\n    fontSize: 14,\n  },\n\n  // Modal\n  overlay: {\n    flex: 1,\n    backgroundColor: 'rgba(0,0,0,0.4)',\n    justifyContent: 'center',\n  },\n  modalPanel: {\n    margin: 24,\n    maxHeight: '70%',\n    borderRadius: 12,\n    overflow: 'hidden',\n  },\n\n  // Popover (Modal-portal)\n  popoverOverlay: {\n    flex: 1,\n    backgroundColor: 'transparent',\n  },\n  popoverPanel: {\n    position: 'absolute',\n    borderWidth: 1,\n    borderRadius: 6,\n    overflow: 'hidden',\n    elevation: 8,\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.15,\n    shadowRadius: 8,\n  },\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/Core/MultiSelect/index.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\nimport {\n  View,\n  Text,\n  TouchableOpacity,\n  Modal,\n  FlatList,\n  TextInput,\n  StyleSheet,\n  Pressable,\n  ActivityIndicator,\n  Dimensions,\n} from 'react-native';\nimport { resolveThemeTokenForNative } from '../../Factory/helpers/style';\n\nexport type MultiSelectChangeEvent<T> = React.ChangeEvent<{\n  value: T[];\n}>;\n\nexport interface MultiSelectProps<T> {\n  value?: T[] | null;\n  onChange?: (e: MultiSelectChangeEvent<T>, selectedItems: T[]) => void;\n  isModal?: boolean;\n\n  options?: T[];\n\n  optionLabel?: keyof T | string;\n  optionValue?: keyof T | string;\n\n  optionGroupLabel?: keyof T | string;\n  optionGroupChildren?: keyof T | string;\n\n  placeholder?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  filter?: boolean;\n  emptyFilterMessage?: string;\n  /**\n   * Placeholder for the panel's filter field, already written in the reader's\n   * language by the KitsConcerto wrapper — this component lives in\n   * `apps/mobile`, which `packages/ui` imports, so it cannot translate.\n   */\n  filterPlaceholder?: string;\n  /** Reader's direction, from the wrapper's `useLanguage().isRTL`. */\n  isRTL?: boolean;\n  /**\n   * Open the options in a popup that owns the screen instead of a panel\n   * anchored to the trigger. Default false — see the Dropdown's own `popup`\n   * for why the anchor is the thing being escaped.\n   */\n  popup?: boolean;\n  /**\n   * Supplies the popup's container. Injected by the KitsConcerto wrapper: the\n   * container is this library's `KitsDialogControlled`, which lives in\n   * `packages/ui`, and `packages/ui` imports THIS file.\n   */\n  renderPopup?: (args: {\n    visible: boolean;\n    onClose: () => void;\n    title?: React.ReactNode;\n    children: React.ReactNode;\n  }) => React.ReactNode;\n  /** Title for the popup header. */\n  popupTitle?: React.ReactNode;\n\n  display?: 'comma' | 'chip';\n  maxSelectedLabels?: number;\n\n  itemTemplate?: (item: T) => React.ReactElement;\n  selectedItemTemplate?: (item: T) => React.ReactElement;\n  style?: import('react-native').ViewStyle;\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\nexport default function MultiSelect<T>(props: MultiSelectProps<T>) {\n  const {\n    value,\n    onChange,\n    options = [],\n    optionLabel,\n    optionValue,\n    optionGroupLabel,\n    optionGroupChildren,\n    isModal = false,\n    placeholder = 'Select',\n    disabled,\n    loading,\n    filter,\n    // ⚠️ English literals of last resort, not translations — the wrapper always\n    // passes the reader's own sentence. These only apply when this component is\n    // used directly from `apps/mobile`, so a panel can never render blank.\n    emptyFilterMessage = 'No results found',\n    filterPlaceholder = 'Search...',\n    isRTL = false,\n    popup = false,\n    renderPopup,\n    popupTitle,\n    display = 'chip',\n    maxSelectedLabels = 10,\n    itemTemplate,\n    selectedItemTemplate,\n    style: externalStyle,\n  } = props;\n\n  const triggerRef = useRef<View>(null);\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [triggerLayout, setTriggerLayout] = useState<{\n    x: number; y: number; width: number; height: number;\n  } | null>(null);\n\n  const close = () => setOpen(false);\n\n  const toggleOpen = () => {\n    if (disabled) return;\n    if (open) {\n      setOpen(false);\n      return;\n    }\n    triggerRef.current?.measureInWindow((x, y, width, height) => {\n      setTriggerLayout({ x, y, width, height });\n      setOpen(true);\n    });\n  };\n\n  const { viewStyle: externalViewStyle, textStyle: externalTextStyle } = splitStyle(externalStyle);\n\n  const colors = {\n    border: t('border') || t('gray.300'),\n    borderFocus: t('primary'),\n    bg: t('surface-card') || '#fff',\n    disabledBg: t('surface-ground') || t('gray.100'),\n    placeholder: t('text-secondary') || t('gray.400'),\n    text: t('text') || t('gray.800'),\n    textSecondary: t('text-secondary') || t('gray.500'),\n    chipBg: t('primary.100') || t('indigo.100'),\n    chipText: t('primary.700') || t('indigo.700'),\n    chipRemove: t('primary.500') || t('indigo.500'),\n    chipMoreBg: t('surface-ground') || t('gray.100'),\n    headerBorder: t('border') || t('gray.200'),\n    groupBg: t('surface-ground') || t('gray.50'),\n    groupBorder: t('border') || t('gray.200'),\n    itemBorder: t('surface-ground') || t('gray.100'),\n    itemSelectedBg: t('highlight-bg') || t('indigo.50'),\n    itemSelectedText: t('primary.700') || t('indigo.700'),\n    checkboxBorder: t('border') || t('gray.300'),\n    checkboxChecked: t('primary'),\n    invalidBorder: t('danger') || t('red.500'),\n    searchBg: t('surface-ground') || t('gray.50'),\n  };\n\n  const getValue = (item: T, key?: keyof T | string) =>\n    key ? (item as any)[key] : item;\n\n  const getLabel = (item: T, key?: keyof T | string) =>\n    String(key ? (item as any)[key] : item);\n\n  const selectedValues = Array.isArray(value) ? value : [];\n\n  // Build display items: flat list with optional group headers\n  const displayItems: { type: 'group' | 'item'; data: any }[] = useMemo(() => {\n    if (optionGroupLabel && optionGroupChildren) {\n      const result: { type: 'group' | 'item'; data: any }[] = [];\n      options.forEach((group: any) => {\n        result.push({ type: 'group', data: group });\n        const children = group[optionGroupChildren] ?? [];\n        children.forEach((child: any) => result.push({ type: 'item', data: child }));\n      });\n      return result;\n    }\n    return options.map((item) => ({ type: 'item' as const, data: item }));\n  }, [options, optionGroupLabel, optionGroupChildren]);\n\n  const filtered = useMemo(() => {\n    if (!filter || !query) return displayItems;\n    return displayItems.filter((entry) => {\n      if (entry.type === 'group') return true; // keep group headers\n      return getLabel(entry.data, optionLabel)\n        .toLowerCase()\n        .includes(query.toLowerCase());\n    });\n  }, [query, displayItems]);\n\n  const isSelected = (item: T) =>\n    selectedValues.some(\n      (v) => getValue(v, optionValue) === getValue(item, optionValue),\n    );\n\n  const toggleItem = (item: T) => {\n    const exists = isSelected(item);\n    const next = exists\n      ? selectedValues.filter(\n          (v) => getValue(v, optionValue) !== getValue(item, optionValue),\n        )\n      : [...selectedValues, item];\n\n    const syntheticEvent = {\n      target: { value: next },\n    } as React.ChangeEvent<any>;\n\n    onChange?.(syntheticEvent, next);\n  };\n\n  const removeItem = (item: T) => {\n    const next = selectedValues.filter(\n      (v) => getValue(v, optionValue) !== getValue(item, optionValue),\n    );\n    const syntheticEvent = {\n      target: { value: next },\n    } as React.ChangeEvent<any>;\n    onChange?.(syntheticEvent, next);\n  };\n\n  const renderCheckbox = (checked: boolean) => (\n    <View\n      style={[\n        styles.checkbox,\n        { borderColor: colors.checkboxBorder, backgroundColor: colors.bg },\n        checked && { backgroundColor: colors.checkboxChecked, borderColor: colors.checkboxChecked },\n      ]}\n    >\n      {checked && <Text style={styles.checkmark}>✓</Text>}\n    </View>\n  );\n\n  const renderListContent = () => {\n    if (loading) {\n      return (\n        <View style={styles.loadingContainer}>\n          <ActivityIndicator size=\"small\" color={colors.checkboxChecked} />\n          <Text style={[styles.loadingText, { color: colors.placeholder }]}>Loading...</Text>\n        </View>\n      );\n    }\n\n    const itemsOnly = filtered.filter((e) => e.type === 'item');\n    if (itemsOnly.length === 0) {\n      return (\n        <View style={styles.emptyContainer}>\n          <Text style={[styles.emptyText, { color: colors.placeholder }]}>{emptyFilterMessage}</Text>\n        </View>\n      );\n    }\n\n    return (\n      <FlatList\n        data={filtered}\n        keyExtractor={(entry, i) =>\n          entry.type === 'group' ? `group-${i}` : `item-${i}`\n        }\n        keyboardShouldPersistTaps=\"handled\"\n        renderItem={({ item: entry }) => {\n          if (entry.type === 'group') {\n            return (\n              <View style={[styles.groupHeader, { backgroundColor: colors.groupBg, borderBottomColor: colors.groupBorder }]}>\n                <Text style={[styles.groupHeaderText, { color: colors.textSecondary }]}>\n                  {getLabel(entry.data, optionGroupLabel)}\n                </Text>\n              </View>\n            );\n          }\n          const checked = isSelected(entry.data);\n          return (\n            <TouchableOpacity\n              onPress={() => toggleItem(entry.data)}\n              style={[\n                styles.item,\n                { borderBottomColor: colors.itemBorder },\n                checked && { backgroundColor: colors.itemSelectedBg },\n              ]}\n              activeOpacity={0.7}\n            >\n              {renderCheckbox(checked)}\n              {itemTemplate ? (\n                itemTemplate(entry.data)\n              ) : (\n                <Text style={[\n                  styles.itemText,\n                  { color: colors.text },\n                  checked && { color: colors.itemSelectedText, fontWeight: '500' },\n                ]}>\n                  {getLabel(entry.data, optionLabel)}\n                </Text>\n              )}\n            </TouchableOpacity>\n          );\n        }}\n      />\n    );\n  };\n\n  const renderSelected = () => {\n    if (!selectedValues.length) {\n      return <Text style={[styles.placeholder, { color: colors.placeholder }, externalTextStyle]}>{placeholder}</Text>;\n    }\n\n    if (display === 'chip') {\n      const visibleItems = selectedValues.slice(0, maxSelectedLabels);\n      const remaining = selectedValues.length - maxSelectedLabels;\n      return (\n        <View style={styles.chips}>\n          {visibleItems.map((item, i) =>\n            selectedItemTemplate ? (\n              <React.Fragment key={i}>{selectedItemTemplate(item)}</React.Fragment>\n            ) : (\n              <View key={i} style={[styles.chip, { backgroundColor: colors.chipBg }]}>\n                <Text style={[styles.chipText, { color: colors.chipText }]}>{getLabel(item, optionLabel)}</Text>\n                <TouchableOpacity\n                  onPress={() => removeItem(item)}\n                  hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}\n                >\n                  <Text style={[styles.chipRemove, { color: colors.chipRemove }]}>✕</Text>\n                </TouchableOpacity>\n              </View>\n            ),\n          )}\n          {remaining > 0 && (\n            <View style={[styles.chipMore, { backgroundColor: colors.chipMoreBg }]}>\n              <Text style={[styles.chipMoreText, { color: colors.textSecondary }]}>+{remaining}</Text>\n            </View>\n          )}\n        </View>\n      );\n    }\n\n    return (\n      <Text numberOfLines={1} style={[styles.commaText, { color: colors.text }, externalTextStyle]}>\n        {selectedValues\n          .slice(0, maxSelectedLabels)\n          .map((v) => getLabel(v, optionLabel))\n          .join(', ')}\n      </Text>\n    );\n  };\n\n  const usePopup = popup && typeof renderPopup === 'function';\n\n  const panelContent = (\n    <View style={{ flex: 1 }}>\n      {/* Header */}\n      <View style={[styles.panelHeader, { borderBottomColor: colors.headerBorder }]}>\n        <Text style={[styles.panelHeaderText, { color: colors.textSecondary }]}>\n          {selectedValues.length} item{selectedValues.length !== 1 ? 's' : ''} selected\n        </Text>\n        {/* In popup mode the sheet already draws a close control, and two ✕\n            in one header is a question the reader should not have to answer.\n            The count stays — it is information, not chrome. */}\n        {!usePopup && (\n          <TouchableOpacity onPress={() => setOpen(false)}>\n            <Text style={[styles.panelCloseText, { color: colors.placeholder }]}>✕</Text>\n          </TouchableOpacity>\n        )}\n      </View>\n\n      {/* Search */}\n      {filter && (\n        <View style={[styles.searchContainer, { borderColor: colors.border, backgroundColor: colors.searchBg }]}>\n          <Text style={styles.searchIcon}>🔍</Text>\n          <TextInput\n            value={query}\n            onChangeText={setQuery}\n            placeholder={filterPlaceholder}\n            style={[\n              styles.searchInput,\n              { color: colors.text },\n              // The filter follows the reader's language, not the platform's\n              // layout direction — same rule as the Dropdown's panel.\n              isRTL ? styles.searchRtl : styles.searchLtr,\n            ]}\n            placeholderTextColor={colors.placeholder}\n          />\n        </View>\n      )}\n\n      {/* List */}\n      {renderListContent()}\n    </View>\n  );\n\n  return (\n    <View style={{ width: '100%' }}>\n      {/* Input trigger */}\n      <TouchableOpacity\n        ref={triggerRef as any}\n        activeOpacity={0.8}\n        disabled={disabled}\n        onPress={toggleOpen}\n        style={[\n          styles.input,\n          { borderColor: colors.border, backgroundColor: colors.bg },\n          disabled && { backgroundColor: colors.disabledBg, opacity: 0.6 },\n          open && { borderColor: colors.borderFocus },\n          externalViewStyle,\n        ]}\n      >\n        <View style={styles.inputContent}>\n          {renderSelected()}\n        </View>\n        <Text style={[styles.dropdownArrow, { color: colors.placeholder }]}>{open ? '▲' : '▼'}</Text>\n      </TouchableOpacity>\n\n      {/* Popup — the container comes from the wrapper (this library's own\n          Dialog in sheet position); `panelContent` is unchanged. */}\n      {usePopup && renderPopup!({\n        visible: open,\n        onClose: () => setOpen(false),\n        title: popupTitle,\n        children: panelContent,\n      })}\n\n      {/* Modal mode */}\n      {!usePopup && isModal && (\n        <Modal visible={open} transparent animationType=\"fade\">\n          <Pressable style={styles.overlay} onPress={() => setOpen(false)}>\n            <View\n              style={[styles.modalPanel, { backgroundColor: colors.bg }]}\n              onStartShouldSetResponder={() => true}\n            >\n              {panelContent}\n            </View>\n          </Pressable>\n        </Modal>\n      )}\n\n      {/* Inline mode — Modal-portal popover anchored to trigger */}\n      {!usePopup && !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 = 320;\n              const GAP = 4;\n              const spaceBelow = screen.height - (triggerLayout.y + triggerLayout.height);\n              const spaceAbove = triggerLayout.y;\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                  {panelContent}\n                </View>\n              );\n            })()}\n          </Pressable>\n        </Modal>\n      )}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  // Input\n  input: {\n    minHeight: 42,\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingHorizontal: 10,\n    paddingVertical: 6,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  inputContent: {\n    flex: 1,\n  },\n  dropdownArrow: {\n    fontSize: 10,\n    marginLeft: 8,\n  },\n\n  // Placeholder\n  placeholder: { fontSize: 14 },\n  commaText: { fontSize: 14 },\n\n  // Chips display\n  chips: {\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    gap: 4,\n  },\n  chip: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingLeft: 10,\n    paddingRight: 6,\n    paddingVertical: 3,\n    borderRadius: 16,\n    gap: 4,\n  },\n  chipText: {\n    fontSize: 13,\n  },\n  chipRemove: {\n    fontSize: 12,\n    paddingHorizontal: 2,\n  },\n  chipMore: {\n    paddingHorizontal: 10,\n    paddingVertical: 3,\n    borderRadius: 16,\n  },\n  chipMoreText: {\n    fontSize: 13,\n  },\n\n  // Panel header\n  panelHeader: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n    borderBottomWidth: 1,\n  },\n  panelHeaderText: {\n    fontSize: 13,\n  },\n  panelCloseText: {\n    fontSize: 18,\n    fontWeight: '600',\n  },\n\n  // Search\n  searchContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    margin: 8,\n    paddingHorizontal: 10,\n    height: 36,\n    borderWidth: 1,\n    borderRadius: 6,\n  },\n  searchIcon: {\n    fontSize: 14,\n    marginRight: 6,\n  },\n  searchInput: {\n    flex: 1,\n    fontSize: 14,\n    paddingVertical: 0,\n  },\n  searchLtr: {\n    textAlign: 'left' as const,\n    writingDirection: 'ltr' as const,\n  },\n  searchRtl: {\n    textAlign: 'right' as const,\n    writingDirection: 'rtl' as const,\n  },\n\n  // Group header\n  groupHeader: {\n    paddingHorizontal: 12,\n    paddingVertical: 8,\n    borderBottomWidth: StyleSheet.hairlineWidth,\n  },\n  groupHeaderText: {\n    fontSize: 12,\n    fontWeight: '700',\n    textTransform: 'uppercase',\n    letterSpacing: 0.5,\n  },\n\n  // Items\n  item: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingVertical: 10,\n    paddingHorizontal: 12,\n    gap: 10,\n    borderBottomWidth: StyleSheet.hairlineWidth,\n  },\n  itemText: {\n    fontSize: 14,\n    flex: 1,\n  },\n\n  // Checkbox\n  checkbox: {\n    width: 20,\n    height: 20,\n    borderWidth: 2,\n    borderRadius: 4,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  checkmark: {\n    color: '#fff',\n    fontSize: 13,\n    fontWeight: '700',\n  },\n\n  // Loading / Empty\n  loadingContainer: {\n    padding: 24,\n    alignItems: 'center',\n    gap: 8,\n  },\n  loadingText: {\n    fontSize: 13,\n  },\n  emptyContainer: {\n    padding: 24,\n    alignItems: 'center',\n  },\n  emptyText: {\n    fontSize: 14,\n  },\n\n  // Modal\n  overlay: {\n    flex: 1,\n    backgroundColor: 'rgba(0,0,0,0.4)',\n    justifyContent: 'center',\n  },\n  modalPanel: {\n    margin: 24,\n    maxHeight: '70%',\n    borderRadius: 12,\n    overflow: 'hidden',\n  },\n\n  // Popover (Modal-portal)\n  popoverOverlay: {\n    flex: 1,\n    backgroundColor: 'transparent',\n  },\n  popoverPanel: {\n    position: 'absolute',\n    borderWidth: 1,\n    borderRadius: 6,\n    overflow: 'hidden',\n    elevation: 8,\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.15,\n    shadowRadius: 8,\n  },\n});\n"],"names":[],"mappings":"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"}

package/apps/mobile/src/Factory/helpers/useKeyboardHeight.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var React = require('react');
+var reactNative = require('react-native');
+
+function useKeyboardHeight() {
+  const [height, setHeight] = React.useState(0);
+  React.useEffect(() => {
+    const showEvent = reactNative.Platform.OS === "ios" ? "keyboardWillChangeFrame" : "keyboardDidShow";
+    const hideEvent = reactNative.Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide";
+    const onShow = (event) => setHeight(event?.endCoordinates?.height ?? 0);
+    const onHide = () => setHeight(0);
+    const showSub = reactNative.Keyboard.addListener(showEvent, onShow);
+    const hideSub = reactNative.Keyboard.addListener(hideEvent, onHide);
+    return () => {
+      showSub.remove();
+      hideSub.remove();
+    };
+  }, []);
+  return height;
+}
+
+exports.useKeyboardHeight = useKeyboardHeight;
+//# sourceMappingURL=useKeyboardHeight.cjs.map

package/apps/mobile/src/Factory/helpers/useKeyboardHeight.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardHeight.cjs","sources":["../../../../../../../../../apps/mobile/src/Factory/helpers/useKeyboardHeight.ts"],"sourcesContent":["import {useEffect, useState} from 'react';\nimport {Keyboard, Platform} from 'react-native';\n\n/**\n * Height of the on-screen keyboard in points, 0 when it is closed.\n *\n * ⛔ ONE HOOK, NOT ONE PER OVERLAY. The Dropdown's anchored panel needs this to\n * size itself, and the select popup needs it to sit above the keyboard rather\n * than under it. Those are two different containers with the same question, and\n * a second copy of the listener pair is how the two drift.\n *\n * ⛔ THE EVENT NAMES DIFFER BY PLATFORM AND IT MATTERS. iOS emits\n * `keyboardWillChangeFrame` BEFORE the animation, so a layout that reads this\n * settles in one step instead of visibly resizing after the keyboard has\n * arrived. Android has no `Will` events at all and only reports after the fact,\n * so it gets `keyboardDidShow`. Using `Did` on both would work and would look\n * worse on iOS; using `Will` on both would silently never fire on Android.\n */\nexport function useKeyboardHeight(): number {\n    const [height, setHeight] = useState(0);\n\n    useEffect(() => {\n        const showEvent = Platform.OS === 'ios' ? 'keyboardWillChangeFrame' : 'keyboardDidShow';\n        const hideEvent = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';\n\n        const onShow = (event: any) => setHeight(event?.endCoordinates?.height ?? 0);\n        const onHide = () => setHeight(0);\n\n        const showSub = Keyboard.addListener(showEvent as any, onShow);\n        const hideSub = Keyboard.addListener(hideEvent as any, onHide);\n\n        return () => {\n            showSub.remove();\n            hideSub.remove();\n        };\n    }, []);\n\n    return height;\n}\n\nexport default useKeyboardHeight;\n"],"names":["useState","useEffect","Platform","Keyboard"],"mappings":";;;;;AAkBO,SAAS,iBAAA,GAA4B;AACxC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAS,CAAC,CAAA;AAEtC,EAAAC,eAAA,CAAU,MAAM;AACZ,IAAA,MAAM,SAAA,GAAYC,oBAAA,CAAS,EAAA,KAAO,KAAA,GAAQ,yBAAA,GAA4B,iBAAA;AACtE,IAAA,MAAM,SAAA,GAAYA,oBAAA,CAAS,EAAA,KAAO,KAAA,GAAQ,kBAAA,GAAqB,iBAAA;AAE/D,IAAA,MAAM,SAAS,CAAC,KAAA,KAAe,UAAU,KAAA,EAAO,cAAA,EAAgB,UAAU,CAAC,CAAA;AAC3E,IAAA,MAAM,MAAA,GAAS,MAAM,SAAA,CAAU,CAAC,CAAA;AAEhC,IAAA,MAAM,OAAA,GAAUC,oBAAA,CAAS,WAAA,CAAY,SAAA,EAAkB,MAAM,CAAA;AAC7D,IAAA,MAAM,OAAA,GAAUA,oBAAA,CAAS,WAAA,CAAY,SAAA,EAAkB,MAAM,CAAA;AAE7D,IAAA,OAAO,MAAM;AACT,MAAA,OAAA,CAAQ,MAAA,EAAO;AACf,MAAA,OAAA,CAAQ,MAAA,EAAO;AAAA,IACnB,CAAA;AAAA,EACJ,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,MAAA;AACX;;;;"}

package/apps/mobile/src/Factory/helpers/useKeyboardHeight.js

@@ -0,0 +1,22 @@
+import { useState, useEffect } from 'react';
+import { Platform, Keyboard } from 'react-native';
+
+function useKeyboardHeight() {
+  const [height, setHeight] = useState(0);
+  useEffect(() => {
+    const showEvent = Platform.OS === "ios" ? "keyboardWillChangeFrame" : "keyboardDidShow";
+    const hideEvent = Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide";
+    const onShow = (event) => setHeight(event?.endCoordinates?.height ?? 0);
+    const onHide = () => setHeight(0);
+    const showSub = Keyboard.addListener(showEvent, onShow);
+    const hideSub = Keyboard.addListener(hideEvent, onHide);
+    return () => {
+      showSub.remove();
+      hideSub.remove();
+    };
+  }, []);
+  return height;
+}
+
+export { useKeyboardHeight };
+//# sourceMappingURL=useKeyboardHeight.js.map

package/apps/mobile/src/Factory/helpers/useKeyboardHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardHeight.js","sources":["../../../../../../../../../apps/mobile/src/Factory/helpers/useKeyboardHeight.ts"],"sourcesContent":["import {useEffect, useState} from 'react';\nimport {Keyboard, Platform} from 'react-native';\n\n/**\n * Height of the on-screen keyboard in points, 0 when it is closed.\n *\n * ⛔ ONE HOOK, NOT ONE PER OVERLAY. The Dropdown's anchored panel needs this to\n * size itself, and the select popup needs it to sit above the keyboard rather\n * than under it. Those are two different containers with the same question, and\n * a second copy of the listener pair is how the two drift.\n *\n * ⛔ THE EVENT NAMES DIFFER BY PLATFORM AND IT MATTERS. iOS emits\n * `keyboardWillChangeFrame` BEFORE the animation, so a layout that reads this\n * settles in one step instead of visibly resizing after the keyboard has\n * arrived. Android has no `Will` events at all and only reports after the fact,\n * so it gets `keyboardDidShow`. Using `Did` on both would work and would look\n * worse on iOS; using `Will` on both would silently never fire on Android.\n */\nexport function useKeyboardHeight(): number {\n    const [height, setHeight] = useState(0);\n\n    useEffect(() => {\n        const showEvent = Platform.OS === 'ios' ? 'keyboardWillChangeFrame' : 'keyboardDidShow';\n        const hideEvent = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';\n\n        const onShow = (event: any) => setHeight(event?.endCoordinates?.height ?? 0);\n        const onHide = () => setHeight(0);\n\n        const showSub = Keyboard.addListener(showEvent as any, onShow);\n        const hideSub = Keyboard.addListener(hideEvent as any, onHide);\n\n        return () => {\n            showSub.remove();\n            hideSub.remove();\n        };\n    }, []);\n\n    return height;\n}\n\nexport default useKeyboardHeight;\n"],"names":[],"mappings":";;;AAkBO,SAAS,iBAAA,GAA4B;AACxC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,CAAC,CAAA;AAEtC,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,MAAM,SAAA,GAAY,QAAA,CAAS,EAAA,KAAO,KAAA,GAAQ,yBAAA,GAA4B,iBAAA;AACtE,IAAA,MAAM,SAAA,GAAY,QAAA,CAAS,EAAA,KAAO,KAAA,GAAQ,kBAAA,GAAqB,iBAAA;AAE/D,IAAA,MAAM,SAAS,CAAC,KAAA,KAAe,UAAU,KAAA,EAAO,cAAA,EAAgB,UAAU,CAAC,CAAA;AAC3E,IAAA,MAAM,MAAA,GAAS,MAAM,SAAA,CAAU,CAAC,CAAA;AAEhC,IAAA,MAAM,OAAA,GAAU,QAAA,CAAS,WAAA,CAAY,SAAA,EAAkB,MAAM,CAAA;AAC7D,IAAA,MAAM,OAAA,GAAU,QAAA,CAAS,WAAA,CAAY,SAAA,EAAkB,MAAM,CAAA;AAE7D,IAAA,OAAO,MAAM;AACT,MAAA,OAAA,CAAQ,MAAA,EAAO;AACf,MAAA,OAAA,CAAQ,MAAA,EAAO;AAAA,IACnB,CAAA;AAAA,EACJ,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,MAAA;AACX;;;;"}

package/form/selects/Dropdown/index.cjs

@@ -90,6 +90,7 @@ var locale = require('../../../hooks/locale.cjs');
 require('../../../contexts/DialogContext.cjs');
 var useComponentDefaults = require('../../../hooks/useComponentDefaults.cjs');
 var useResolvedStyle = require('../../../hooks/useResolvedStyle.cjs');
+var SelectPopupOverlay_native = require('../helpers/SelectPopupOverlay.cjs');
 var index_native = require('../../helpers/FormContainer/index.cjs');
 require('axios');
 require('../SelectContext.cjs');
@@ -120,7 +121,8 @@ const KitsDropdown = ({ className, ref, ...rawProps }) => {
     filterBy,
     loading,
     showClear,
-    containerStyle
+    containerStyle,
+    popup
   } = props;
   const { list, keys, onChange, selectedValue } = useSelectBase.useSelectBase();
   const { t, isRTL } = locale.useLanguage();
@@ -137,6 +139,9 @@ const KitsDropdown = ({ className, ref, ...rawProps }) => {
       emptyFilterMessage: emptyFilterMessage ?? t("emptyFilterMessage"),
       filterPlaceholder: t("searchPlaceholder"),
       isRTL,
+      popup,
+      popupTitle: label ?? placeholder,
+      renderPopup: ({ visible, onClose, title, children }) => /* @__PURE__ */ jsxRuntime.jsx(SelectPopupOverlay_native.default, { visible, onClose, title, children }),
       value: dropdownValue,
       placeholder,
       options: Array.isArray(list) ? list : [],

package/form/selects/Dropdown/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../src/form/selects/Dropdown/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dropdown } from \"@lmb-it/kitsconcertomobile\";\nimport type { IDropdownSelect } from \"@lmb-it/kitsconcerto-types\";\nimport { KitsContainer } from \"../../../_compat\";\nimport { ClHelper } from \"../../helpers/Functions\";\nimport { useSelectBase } from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useLanguage, useResolvedStyle} from \"../../../hooks\";\n\nconst KitsDropdown = ({ className, ref, ...rawProps }: IDropdownSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('DropdownSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        rightAddon,\n        leftAddon,\n        errors,\n        invalid,\n        disabled,\n        required,\n        label,\n        localProps,\n        helperText,\n        isFloatedLabel,\n        withFilter,\n        attached,\n        inputSize,\n        placeholder,\n        hideError,\n        virtualScroll,\n        emptyFilterMessage,\n        filterBy,\n        loading,\n        showClear,\n        containerStyle\n    } = props;\n\n    const { list, keys, onChange, selectedValue } = useSelectBase();\n\n    /* The panel's own copy. The native Dropdown lives in `apps/mobile`, which\n       this package imports, so it cannot reach LocaleContext itself without a\n       cycle between the two workspaces — the sentence is resolved here, where\n       `useLanguage()` already is, and passed down as a prop.\n\n       ⛔ `isRTL` is the READER's language, never `I18nManager.isRTL`. A\n       consumer that forces RTL at boot keeps that process direction after the\n       reader switches to English, and the filter field must follow the reader. */\n    const { t, isRTL } = useLanguage();\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const dropdownValue = selectedValue != null && typeof selectedValue !== 'object'\n        ? selectedValue.toString()\n        : selectedValue;\n\n    const Element = (\n        <Dropdown\n            emptyFilterMessage={emptyFilterMessage ?? t('emptyFilterMessage')}\n            filterPlaceholder={t('searchPlaceholder')}\n            isRTL={isRTL}\n            value={dropdownValue}\n            placeholder={placeholder}\n            options={Array.isArray(list) ? list : []}\n            disabled={disabled}\n            loading={loading}\n            showClear={showClear ?? (!required && selectedValue != null)}\n            style={{ width: '100%', height: attached ? '100%' : undefined, borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n            onChange={onChange}\n            {...keys}\n            invalid={hideError && !!invalid}\n            filter={!!withFilter}\n            filterBy={filterBy ?? 'label'}\n            virtualScrollerOptions={virtualScroll}\n            className={`w-full ${className ?? ''} ${ClState}`}\n            {...(localProps ? localProps : {})}\n        />\n    );\n\n    if (attached) {\n        return Element;\n    }\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            containerStyle={containerStyle}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\nexport default KitsDropdown;\n"],"names":["useComponentDefaults","useResolvedStyle","useSelectBase","useLanguage","ClHelper","jsx","Dropdown","KitsContainer"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/selects/Dropdown/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dropdown } from \"@lmb-it/kitsconcertomobile\";\nimport type { IDropdownSelect } from \"@lmb-it/kitsconcerto-types\";\nimport { KitsContainer } from \"../../../_compat\";\nimport { ClHelper } from \"../../helpers/Functions\";\nimport { useSelectBase } from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useLanguage, useResolvedStyle} from \"../../../hooks\";\nimport SelectPopupOverlay from \"../helpers/SelectPopupOverlay\";\n\nconst KitsDropdown = ({ className, ref, ...rawProps }: IDropdownSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('DropdownSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        rightAddon,\n        leftAddon,\n        errors,\n        invalid,\n        disabled,\n        required,\n        label,\n        localProps,\n        helperText,\n        isFloatedLabel,\n        withFilter,\n        attached,\n        inputSize,\n        placeholder,\n        hideError,\n        virtualScroll,\n        emptyFilterMessage,\n        filterBy,\n        loading,\n        showClear,\n        containerStyle,\n        popup,\n    } = props;\n\n    const { list, keys, onChange, selectedValue } = useSelectBase();\n\n    /* The panel's own copy. The native Dropdown lives in `apps/mobile`, which\n       this package imports, so it cannot reach LocaleContext itself without a\n       cycle between the two workspaces — the sentence is resolved here, where\n       `useLanguage()` already is, and passed down as a prop.\n\n       ⛔ `isRTL` is the READER's language, never `I18nManager.isRTL`. A\n       consumer that forces RTL at boot keeps that process direction after the\n       reader switches to English, and the filter field must follow the reader. */\n    const { t, isRTL } = useLanguage();\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const dropdownValue = selectedValue != null && typeof selectedValue !== 'object'\n        ? selectedValue.toString()\n        : selectedValue;\n\n    const Element = (\n        <Dropdown\n            emptyFilterMessage={emptyFilterMessage ?? t('emptyFilterMessage')}\n            filterPlaceholder={t('searchPlaceholder')}\n            isRTL={isRTL}\n            popup={popup}\n            popupTitle={label ?? placeholder}\n            /* The container is this library's own Dialog. It is injected rather\n               than imported by the native Dropdown because that component lives\n               in `apps/mobile`, which this package imports — the reverse import\n               would be a cycle between the two workspaces. */\n            renderPopup={({visible, onClose, title, children}: {\n                visible: boolean;\n                onClose: () => void;\n                title?: React.ReactNode;\n                children: React.ReactNode;\n            }) => (\n                <SelectPopupOverlay visible={visible} onClose={onClose} title={title}>\n                    {children}\n                </SelectPopupOverlay>\n            )}\n            value={dropdownValue}\n            placeholder={placeholder}\n            options={Array.isArray(list) ? list : []}\n            disabled={disabled}\n            loading={loading}\n            showClear={showClear ?? (!required && selectedValue != null)}\n            style={{ width: '100%', height: attached ? '100%' : undefined, borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n            onChange={onChange}\n            {...keys}\n            invalid={hideError && !!invalid}\n            filter={!!withFilter}\n            filterBy={filterBy ?? 'label'}\n            virtualScrollerOptions={virtualScroll}\n            className={`w-full ${className ?? ''} ${ClState}`}\n            {...(localProps ? localProps : {})}\n        />\n    );\n\n    if (attached) {\n        return Element;\n    }\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            containerStyle={containerStyle}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\nexport default KitsDropdown;\n"],"names":["useComponentDefaults","useResolvedStyle","useSelectBase","useLanguage","ClHelper","jsx","Dropdown","SelectPopupOverlay","KitsContainer"],"mappings":"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"}

package/form/selects/Dropdown/index.js

@@ -86,6 +86,7 @@ import { useLanguage } from '../../../hooks/locale.js';
 import '../../../contexts/DialogContext.js';
 import useComponentDefaults from '../../../hooks/useComponentDefaults.js';
 import useResolvedStyle from '../../../hooks/useResolvedStyle.js';
+import SelectPopupOverlay from '../helpers/SelectPopupOverlay.js';
 import KitsContainer from '../../helpers/FormContainer/index.js';
 import 'axios';
 import '../SelectContext.js';
@@ -116,7 +117,8 @@ const KitsDropdown = ({ className, ref, ...rawProps }) => {
     filterBy,
     loading,
     showClear,
-    containerStyle
+    containerStyle,
+    popup
   } = props;
   const { list, keys, onChange, selectedValue } = useSelectBase();
   const { t, isRTL } = useLanguage();
@@ -133,6 +135,9 @@ const KitsDropdown = ({ className, ref, ...rawProps }) => {
       emptyFilterMessage: emptyFilterMessage ?? t("emptyFilterMessage"),
       filterPlaceholder: t("searchPlaceholder"),
       isRTL,
+      popup,
+      popupTitle: label ?? placeholder,
+      renderPopup: ({ visible, onClose, title, children }) => /* @__PURE__ */ jsx(SelectPopupOverlay, { visible, onClose, title, children }),
       value: dropdownValue,
       placeholder,
       options: Array.isArray(list) ? list : [],

package/form/selects/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/form/selects/Dropdown/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dropdown } from \"@lmb-it/kitsconcertomobile\";\nimport type { IDropdownSelect } from \"@lmb-it/kitsconcerto-types\";\nimport { KitsContainer } from \"../../../_compat\";\nimport { ClHelper } from \"../../helpers/Functions\";\nimport { useSelectBase } from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useLanguage, useResolvedStyle} from \"../../../hooks\";\n\nconst KitsDropdown = ({ className, ref, ...rawProps }: IDropdownSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('DropdownSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        rightAddon,\n        leftAddon,\n        errors,\n        invalid,\n        disabled,\n        required,\n        label,\n        localProps,\n        helperText,\n        isFloatedLabel,\n        withFilter,\n        attached,\n        inputSize,\n        placeholder,\n        hideError,\n        virtualScroll,\n        emptyFilterMessage,\n        filterBy,\n        loading,\n        showClear,\n        containerStyle\n    } = props;\n\n    const { list, keys, onChange, selectedValue } = useSelectBase();\n\n    /* The panel's own copy. The native Dropdown lives in `apps/mobile`, which\n       this package imports, so it cannot reach LocaleContext itself without a\n       cycle between the two workspaces — the sentence is resolved here, where\n       `useLanguage()` already is, and passed down as a prop.\n\n       ⛔ `isRTL` is the READER's language, never `I18nManager.isRTL`. A\n       consumer that forces RTL at boot keeps that process direction after the\n       reader switches to English, and the filter field must follow the reader. */\n    const { t, isRTL } = useLanguage();\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const dropdownValue = selectedValue != null && typeof selectedValue !== 'object'\n        ? selectedValue.toString()\n        : selectedValue;\n\n    const Element = (\n        <Dropdown\n            emptyFilterMessage={emptyFilterMessage ?? t('emptyFilterMessage')}\n            filterPlaceholder={t('searchPlaceholder')}\n            isRTL={isRTL}\n            value={dropdownValue}\n            placeholder={placeholder}\n            options={Array.isArray(list) ? list : []}\n            disabled={disabled}\n            loading={loading}\n            showClear={showClear ?? (!required && selectedValue != null)}\n            style={{ width: '100%', height: attached ? '100%' : undefined, borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n            onChange={onChange}\n            {...keys}\n            invalid={hideError && !!invalid}\n            filter={!!withFilter}\n            filterBy={filterBy ?? 'label'}\n            virtualScrollerOptions={virtualScroll}\n            className={`w-full ${className ?? ''} ${ClState}`}\n            {...(localProps ? localProps : {})}\n        />\n    );\n\n    if (attached) {\n        return Element;\n    }\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            containerStyle={containerStyle}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\nexport default KitsDropdown;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/form/selects/Dropdown/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dropdown } from \"@lmb-it/kitsconcertomobile\";\nimport type { IDropdownSelect } from \"@lmb-it/kitsconcerto-types\";\nimport { KitsContainer } from \"../../../_compat\";\nimport { ClHelper } from \"../../helpers/Functions\";\nimport { useSelectBase } from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useLanguage, useResolvedStyle} from \"../../../hooks\";\nimport SelectPopupOverlay from \"../helpers/SelectPopupOverlay\";\n\nconst KitsDropdown = ({ className, ref, ...rawProps }: IDropdownSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('DropdownSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        rightAddon,\n        leftAddon,\n        errors,\n        invalid,\n        disabled,\n        required,\n        label,\n        localProps,\n        helperText,\n        isFloatedLabel,\n        withFilter,\n        attached,\n        inputSize,\n        placeholder,\n        hideError,\n        virtualScroll,\n        emptyFilterMessage,\n        filterBy,\n        loading,\n        showClear,\n        containerStyle,\n        popup,\n    } = props;\n\n    const { list, keys, onChange, selectedValue } = useSelectBase();\n\n    /* The panel's own copy. The native Dropdown lives in `apps/mobile`, which\n       this package imports, so it cannot reach LocaleContext itself without a\n       cycle between the two workspaces — the sentence is resolved here, where\n       `useLanguage()` already is, and passed down as a prop.\n\n       ⛔ `isRTL` is the READER's language, never `I18nManager.isRTL`. A\n       consumer that forces RTL at boot keeps that process direction after the\n       reader switches to English, and the filter field must follow the reader. */\n    const { t, isRTL } = useLanguage();\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const dropdownValue = selectedValue != null && typeof selectedValue !== 'object'\n        ? selectedValue.toString()\n        : selectedValue;\n\n    const Element = (\n        <Dropdown\n            emptyFilterMessage={emptyFilterMessage ?? t('emptyFilterMessage')}\n            filterPlaceholder={t('searchPlaceholder')}\n            isRTL={isRTL}\n            popup={popup}\n            popupTitle={label ?? placeholder}\n            /* The container is this library's own Dialog. It is injected rather\n               than imported by the native Dropdown because that component lives\n               in `apps/mobile`, which this package imports — the reverse import\n               would be a cycle between the two workspaces. */\n            renderPopup={({visible, onClose, title, children}: {\n                visible: boolean;\n                onClose: () => void;\n                title?: React.ReactNode;\n                children: React.ReactNode;\n            }) => (\n                <SelectPopupOverlay visible={visible} onClose={onClose} title={title}>\n                    {children}\n                </SelectPopupOverlay>\n            )}\n            value={dropdownValue}\n            placeholder={placeholder}\n            options={Array.isArray(list) ? list : []}\n            disabled={disabled}\n            loading={loading}\n            showClear={showClear ?? (!required && selectedValue != null)}\n            style={{ width: '100%', height: attached ? '100%' : undefined, borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n            onChange={onChange}\n            {...keys}\n            invalid={hideError && !!invalid}\n            filter={!!withFilter}\n            filterBy={filterBy ?? 'label'}\n            virtualScrollerOptions={virtualScroll}\n            className={`w-full ${className ?? ''} ${ClState}`}\n            {...(localProps ? localProps : {})}\n        />\n    );\n\n    if (attached) {\n        return Element;\n    }\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            containerStyle={containerStyle}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\nexport default KitsDropdown;\n"],"names":[],"mappings":"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"}

package/form/selects/MultiSelect/index.cjs

@@ -92,6 +92,7 @@ var locale = require('../../../hooks/locale.cjs');
 require('../../../contexts/DialogContext.cjs');
 var useComponentDefaults = require('../../../hooks/useComponentDefaults.cjs');
 var useResolvedStyle = require('../../../hooks/useResolvedStyle.cjs');
+var SelectPopupOverlay_native = require('../helpers/SelectPopupOverlay.cjs');
 
 const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
   const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults.default("MultiSelect", rawProps, "Select");
@@ -118,7 +119,8 @@ const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
     withFilter,
     loading,
     showClear,
-    valueMode
+    valueMode,
+    popup
   } = props;
   const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase.useSelectBase();
   const { t, isRTL } = locale.useLanguage();
@@ -143,6 +145,9 @@ const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
       emptyFilterMessage: emptyFilterMessage ?? t("emptyFilterMessage"),
       filterPlaceholder: t("searchPlaceholder"),
       isRTL,
+      popup,
+      popupTitle: label ?? placeholder,
+      renderPopup: ({ visible, onClose, title, children }) => /* @__PURE__ */ jsxRuntime.jsx(SelectPopupOverlay_native.default, { visible, onClose, title, children }),
       value: selectedValue,
       onChange: handleChange,
       disabled,

package/form/selects/MultiSelect/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../src/form/selects/MultiSelect/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect} from \"react\";\nimport {MultiSelect} from \"@lmb-it/kitsconcertomobile\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport type {IMultiSelect} from \"@lmb-it/kitsconcerto-types\";\nimport {ClHelper} from \"../../helpers/Functions\";\nimport {checkKeys} from \"../helper\";\nimport {useSelectBase} from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useLanguage, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\n\nconst KitsMultiSelect = ({ className, ref, ...rawProps }: IMultiSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('MultiSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        disabled,\n        isFloatedLabel,\n        rightAddon,\n        leftAddon,\n        required,\n        errors,\n        invalid,\n        placeholder,\n        virtualScroll,\n        label,\n        inputSize,\n        helperText,\n        emptyFilterMessage,\n        selectionLimit,\n        localProps,\n        hideError,\n        withFilter,\n        loading,\n        showClear,\n        valueMode,\n    } = props;\n\n    const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();\n\n    /* Same rule as the Dropdown's panel — see that file. The sentence and the\n       edge are resolved here, where LocaleContext is, and passed down. */\n    const { t, isRTL } = useLanguage();\n\n    useEffect(() => {\n        checkKeys(list, labelKey, !childrenKey ? valueKey : undefined);\n    }, [list]);\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const handleChange = useCallback((e: any, items: any) => {\n        if (selectionLimit && Array.isArray(e?.target?.value) && e.target.value.length > selectionLimit) {\n            return;\n        }\n        onChange && onChange(e, items);\n    }, [selectionLimit, onChange]);\n\n    const Element = <MultiSelect\n        emptyFilterMessage={emptyFilterMessage ?? t('emptyFilterMessage')}\n        filterPlaceholder={t('searchPlaceholder')}\n        isRTL={isRTL}\n        value={selectedValue}\n        onChange={handleChange}\n        disabled={disabled}\n        loading={loading}\n        showClear={showClear}\n        options={typeof list !== \"function\" ? list : []}\n        placeholder={placeholder}\n        {...keys}\n        filter={withFilter !== false}\n        selectionLimit={selectionLimit}\n        display={valueMode === \"comma\" ? \"comma\" : (localProps?.maxSelectedLabels ? undefined : \"chip\")}\n        maxSelectedLabels={selectionLimit ?? localProps?.maxSelectedLabels ?? 10}\n        className={`w-full ${ClState}`}\n        style={{ borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n        {...(localProps ? localProps : {})}\n    />\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\n\nKitsMultiSelect.displayName = \"MultiSelect\";\nexport default KitsMultiSelect;\n"],"names":["useComponentDefaults","useResolvedStyle","useSelectBase","useLanguage","useEffect","checkKeys","ClHelper","useCallback","jsx","MultiSelect","KitsContainer"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/selects/MultiSelect/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect} from \"react\";\nimport {MultiSelect} from \"@lmb-it/kitsconcertomobile\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport type {IMultiSelect} from \"@lmb-it/kitsconcerto-types\";\nimport {ClHelper} from \"../../helpers/Functions\";\nimport {checkKeys} from \"../helper\";\nimport {useSelectBase} from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useLanguage, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\nimport SelectPopupOverlay from \"../helpers/SelectPopupOverlay\";\n\nconst KitsMultiSelect = ({ className, ref, ...rawProps }: IMultiSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('MultiSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        disabled,\n        isFloatedLabel,\n        rightAddon,\n        leftAddon,\n        required,\n        errors,\n        invalid,\n        placeholder,\n        virtualScroll,\n        label,\n        inputSize,\n        helperText,\n        emptyFilterMessage,\n        selectionLimit,\n        localProps,\n        hideError,\n        withFilter,\n        loading,\n        showClear,\n        valueMode,\n        popup,\n    } = props;\n\n    const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();\n\n    /* Same rule as the Dropdown's panel — see that file. The sentence and the\n       edge are resolved here, where LocaleContext is, and passed down. */\n    const { t, isRTL } = useLanguage();\n\n    useEffect(() => {\n        checkKeys(list, labelKey, !childrenKey ? valueKey : undefined);\n    }, [list]);\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const handleChange = useCallback((e: any, items: any) => {\n        if (selectionLimit && Array.isArray(e?.target?.value) && e.target.value.length > selectionLimit) {\n            return;\n        }\n        onChange && onChange(e, items);\n    }, [selectionLimit, onChange]);\n\n    const Element = <MultiSelect\n        emptyFilterMessage={emptyFilterMessage ?? t('emptyFilterMessage')}\n        filterPlaceholder={t('searchPlaceholder')}\n        isRTL={isRTL}\n        popup={popup}\n        popupTitle={label ?? placeholder}\n        renderPopup={({visible, onClose, title, children}: {\n                visible: boolean;\n                onClose: () => void;\n                title?: React.ReactNode;\n                children: React.ReactNode;\n            }) => (\n            <SelectPopupOverlay visible={visible} onClose={onClose} title={title}>\n                {children}\n            </SelectPopupOverlay>\n        )}\n        value={selectedValue}\n        onChange={handleChange}\n        disabled={disabled}\n        loading={loading}\n        showClear={showClear}\n        options={typeof list !== \"function\" ? list : []}\n        placeholder={placeholder}\n        {...keys}\n        filter={withFilter !== false}\n        selectionLimit={selectionLimit}\n        display={valueMode === \"comma\" ? \"comma\" : (localProps?.maxSelectedLabels ? undefined : \"chip\")}\n        maxSelectedLabels={selectionLimit ?? localProps?.maxSelectedLabels ?? 10}\n        className={`w-full ${ClState}`}\n        style={{ borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n        {...(localProps ? localProps : {})}\n    />\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\n\nKitsMultiSelect.displayName = \"MultiSelect\";\nexport default KitsMultiSelect;\n"],"names":["useComponentDefaults","useResolvedStyle","useSelectBase","useLanguage","useEffect","checkKeys","ClHelper","useCallback","jsx","MultiSelect","SelectPopupOverlay","KitsContainer"],"mappings":"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"}

package/form/selects/MultiSelect/index.js

@@ -88,6 +88,7 @@ import { useLanguage } from '../../../hooks/locale.js';
 import '../../../contexts/DialogContext.js';
 import useComponentDefaults from '../../../hooks/useComponentDefaults.js';
 import useResolvedStyle from '../../../hooks/useResolvedStyle.js';
+import SelectPopupOverlay from '../helpers/SelectPopupOverlay.js';
 
 const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
   const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults("MultiSelect", rawProps, "Select");
@@ -114,7 +115,8 @@ const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
     withFilter,
     loading,
     showClear,
-    valueMode
+    valueMode,
+    popup
   } = props;
   const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();
   const { t, isRTL } = useLanguage();
@@ -139,6 +141,9 @@ const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
       emptyFilterMessage: emptyFilterMessage ?? t("emptyFilterMessage"),
       filterPlaceholder: t("searchPlaceholder"),
       isRTL,
+      popup,
+      popupTitle: label ?? placeholder,
+      renderPopup: ({ visible, onClose, title, children }) => /* @__PURE__ */ jsx(SelectPopupOverlay, { visible, onClose, title, children }),
       value: selectedValue,
       onChange: handleChange,
       disabled,

package/form/selects/MultiSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/form/selects/MultiSelect/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect} from \"react\";\nimport {MultiSelect} from \"@lmb-it/kitsconcertomobile\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport type {IMultiSelect} from \"@lmb-it/kitsconcerto-types\";\nimport {ClHelper} from \"../../helpers/Functions\";\nimport {checkKeys} from \"../helper\";\nimport {useSelectBase} from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useLanguage, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\n\nconst KitsMultiSelect = ({ className, ref, ...rawProps }: IMultiSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('MultiSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        disabled,\n        isFloatedLabel,\n        rightAddon,\n        leftAddon,\n        required,\n        errors,\n        invalid,\n        placeholder,\n        virtualScroll,\n        label,\n        inputSize,\n        helperText,\n        emptyFilterMessage,\n        selectionLimit,\n        localProps,\n        hideError,\n        withFilter,\n        loading,\n        showClear,\n        valueMode,\n    } = props;\n\n    const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();\n\n    /* Same rule as the Dropdown's panel — see that file. The sentence and the\n       edge are resolved here, where LocaleContext is, and passed down. */\n    const { t, isRTL } = useLanguage();\n\n    useEffect(() => {\n        checkKeys(list, labelKey, !childrenKey ? valueKey : undefined);\n    }, [list]);\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const handleChange = useCallback((e: any, items: any) => {\n        if (selectionLimit && Array.isArray(e?.target?.value) && e.target.value.length > selectionLimit) {\n            return;\n        }\n        onChange && onChange(e, items);\n    }, [selectionLimit, onChange]);\n\n    const Element = <MultiSelect\n        emptyFilterMessage={emptyFilterMessage ?? t('emptyFilterMessage')}\n        filterPlaceholder={t('searchPlaceholder')}\n        isRTL={isRTL}\n        value={selectedValue}\n        onChange={handleChange}\n        disabled={disabled}\n        loading={loading}\n        showClear={showClear}\n        options={typeof list !== \"function\" ? list : []}\n        placeholder={placeholder}\n        {...keys}\n        filter={withFilter !== false}\n        selectionLimit={selectionLimit}\n        display={valueMode === \"comma\" ? \"comma\" : (localProps?.maxSelectedLabels ? undefined : \"chip\")}\n        maxSelectedLabels={selectionLimit ?? localProps?.maxSelectedLabels ?? 10}\n        className={`w-full ${ClState}`}\n        style={{ borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n        {...(localProps ? localProps : {})}\n    />\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\n\nKitsMultiSelect.displayName = \"MultiSelect\";\nexport default KitsMultiSelect;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/form/selects/MultiSelect/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect} from \"react\";\nimport {MultiSelect} from \"@lmb-it/kitsconcertomobile\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport type {IMultiSelect} from \"@lmb-it/kitsconcerto-types\";\nimport {ClHelper} from \"../../helpers/Functions\";\nimport {checkKeys} from \"../helper\";\nimport {useSelectBase} from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useLanguage, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\nimport SelectPopupOverlay from \"../helpers/SelectPopupOverlay\";\n\nconst KitsMultiSelect = ({ className, ref, ...rawProps }: IMultiSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('MultiSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        disabled,\n        isFloatedLabel,\n        rightAddon,\n        leftAddon,\n        required,\n        errors,\n        invalid,\n        placeholder,\n        virtualScroll,\n        label,\n        inputSize,\n        helperText,\n        emptyFilterMessage,\n        selectionLimit,\n        localProps,\n        hideError,\n        withFilter,\n        loading,\n        showClear,\n        valueMode,\n        popup,\n    } = props;\n\n    const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();\n\n    /* Same rule as the Dropdown's panel — see that file. The sentence and the\n       edge are resolved here, where LocaleContext is, and passed down. */\n    const { t, isRTL } = useLanguage();\n\n    useEffect(() => {\n        checkKeys(list, labelKey, !childrenKey ? valueKey : undefined);\n    }, [list]);\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const handleChange = useCallback((e: any, items: any) => {\n        if (selectionLimit && Array.isArray(e?.target?.value) && e.target.value.length > selectionLimit) {\n            return;\n        }\n        onChange && onChange(e, items);\n    }, [selectionLimit, onChange]);\n\n    const Element = <MultiSelect\n        emptyFilterMessage={emptyFilterMessage ?? t('emptyFilterMessage')}\n        filterPlaceholder={t('searchPlaceholder')}\n        isRTL={isRTL}\n        popup={popup}\n        popupTitle={label ?? placeholder}\n        renderPopup={({visible, onClose, title, children}: {\n                visible: boolean;\n                onClose: () => void;\n                title?: React.ReactNode;\n                children: React.ReactNode;\n            }) => (\n            <SelectPopupOverlay visible={visible} onClose={onClose} title={title}>\n                {children}\n            </SelectPopupOverlay>\n        )}\n        value={selectedValue}\n        onChange={handleChange}\n        disabled={disabled}\n        loading={loading}\n        showClear={showClear}\n        options={typeof list !== \"function\" ? list : []}\n        placeholder={placeholder}\n        {...keys}\n        filter={withFilter !== false}\n        selectionLimit={selectionLimit}\n        display={valueMode === \"comma\" ? \"comma\" : (localProps?.maxSelectedLabels ? undefined : \"chip\")}\n        maxSelectedLabels={selectionLimit ?? localProps?.maxSelectedLabels ?? 10}\n        className={`w-full ${ClState}`}\n        style={{ borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n        {...(localProps ? localProps : {})}\n    />\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\n\nKitsMultiSelect.displayName = \"MultiSelect\";\nexport default KitsMultiSelect;\n"],"names":[],"mappings":"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"}