@lmb-it/kitsconcerto-native 0.1.236

package/apps/mobile/src/Core/Trees/components/CoreTreeSelect.cjs

@@ -0,0 +1,391 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+var lucideReactNative = require('lucide-react-native');
+var CoreTree = require('./CoreTree.cjs');
+var style = require('../../../Factory/helpers/style.cjs');
+
+const t = style.resolveThemeTokenForNative;
+const CoreTreeSelect = (props) => {
+  const {
+    value,
+    options,
+    onChange,
+    selectionMode = "single",
+    metaKeySelection,
+    display = "comma",
+    placeholder = "Select",
+    showClear,
+    filter,
+    filterBy,
+    filterMode,
+    filterPlaceholder,
+    resetFilterOnHide,
+    expandedKeys,
+    onToggle,
+    disabled,
+    invalid,
+    variant = "outlined",
+    isModal = true,
+    panelHeaderTemplate,
+    panelFooterTemplate,
+    nodeTemplate,
+    emptyMessage,
+    scrollHeight,
+    onShow,
+    onHide,
+    onlyParentsWithChildren,
+    className,
+    style
+  } = props;
+  const triggerRef = React.useRef(null);
+  const [open, setOpen] = React.useState(false);
+  const [focused, setFocused] = React.useState(false);
+  const [internalFilterValue, setInternalFilterValue] = React.useState("");
+  const [triggerLayout, setTriggerLayout] = React.useState(null);
+  const colors = {
+    primary: t("primary"),
+    primaryDark: t("blue.600"),
+    primaryLight: t("blue.50"),
+    text: t("gray.700"),
+    textSecondary: t("gray.500"),
+    placeholder: t("gray.500"),
+    border: t("gray.300"),
+    borderFocus: t("primary"),
+    surface: "#ffffff",
+    hover: t("gray.200"),
+    invalid: t("red.500"),
+    chip: t("gray.300"),
+    chipText: t("gray.700"),
+    overlay: "rgba(0, 0, 0, 0.4)"
+  };
+  const handleOpen = () => {
+    setFocused(true);
+    onShow?.();
+    if (isModal) {
+      setOpen(true);
+      return;
+    }
+    triggerRef.current?.measureInWindow((x, y, width, height) => {
+      setTriggerLayout({ x, y, width, height });
+      setOpen(true);
+    });
+  };
+  const handleClose = () => {
+    setOpen(false);
+    setFocused(false);
+    if (resetFilterOnHide) setInternalFilterValue("");
+    onHide?.();
+  };
+  const nodeMap = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    const walk = (nodes) => {
+      nodes?.forEach((n) => {
+        map.set(n.key, n);
+        walk(n.children);
+      });
+    };
+    walk(options);
+    return map;
+  }, [options]);
+  const selectedLabels = React.useMemo(() => {
+    if (!value || !options) return [];
+    if (typeof value === "string") {
+      const node = nodeMap.get(value);
+      return node?.label ? [node.label] : [];
+    }
+    if (value && typeof value === "object") {
+      return Object.keys(value).filter((k) => {
+        const v = value[k];
+        if (!(v === true || v?.checked)) return false;
+        if (v?.partialChecked && !v?.checked) return false;
+        const node = nodeMap.get(k);
+        if (node && node.selectable === false) return false;
+        return true;
+      }).map((k) => nodeMap.get(k)?.label).filter(Boolean);
+    }
+    return [];
+  }, [value, options, nodeMap]);
+  const hasValue = selectedLabels.length > 0;
+  const handleChange = (next, originalEvent) => {
+    const event = {
+      originalEvent,
+      value: next
+    };
+    onChange?.(event);
+  };
+  const clearSelection = () => {
+    handleChange(selectionMode === "single" ? null : null);
+  };
+  const renderDisplayValue = () => {
+    if (!hasValue) {
+      return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles.placeholder, { color: colors.placeholder }], children: placeholder });
+    }
+    if (display === "chip") {
+      return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles.chipContainer, children: selectedLabels.map((label, i) => /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles.chip, { backgroundColor: colors.chip }], children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles.chipText, { color: colors.chipText }], numberOfLines: 1, children: label }) }, i)) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles.valueText, { color: colors.text }], numberOfLines: 1, children: selectedLabels.join(", ") });
+  };
+  const Panel = /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.panel, children: [
+    panelHeaderTemplate && /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles.panelHeader, { borderBottomColor: colors.border }], children: typeof panelHeaderTemplate === "function" ? panelHeaderTemplate() : panelHeaderTemplate }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.ScrollView,
+      {
+        style: { maxHeight: scrollHeight ?? 350 },
+        nestedScrollEnabled: true,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          CoreTree.default,
+          {
+            value: options,
+            selectionMode,
+            selectionKeys: value,
+            metaKeySelection,
+            expandedKeys,
+            onToggle,
+            filter,
+            filterValue: internalFilterValue,
+            filterBy,
+            filterMode,
+            filterPlaceholder,
+            nodeTemplate,
+            emptyMessage,
+            onlyParentsWithChildren,
+            onSelectionChange: (e) => {
+              handleChange(e.value, e.originalEvent);
+              if (!selectionMode || selectionMode === "single") {
+                handleClose();
+              }
+            },
+            style: { borderWidth: 0, borderRadius: 0 }
+          }
+        )
+      }
+    ),
+    panelFooterTemplate && /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles.panelFooter, { borderTopColor: colors.border }], children: typeof panelFooterTemplate === "function" ? panelFooterTemplate() : panelFooterTemplate })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [{ width: "100%" }, style], className, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      reactNative.Pressable,
+      {
+        ref: triggerRef,
+        disabled,
+        onPress: handleOpen,
+        style: [
+          styles.input,
+          { borderColor: colors.border, backgroundColor: colors.surface },
+          variant === "filled" && { backgroundColor: "#f8f9fa", borderColor: "transparent", borderBottomColor: colors.border, borderRadius: 0, borderTopLeftRadius: 6, borderTopRightRadius: 6 },
+          focused && { borderColor: colors.borderFocus },
+          invalid && { borderColor: colors.invalid },
+          disabled && { opacity: 0.6, backgroundColor: t("gray.200") }
+        ],
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles.inputValueContainer, children: renderDisplayValue() }),
+          /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.inputIcons, children: [
+            showClear && hasValue && !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+              reactNative.Pressable,
+              {
+                onPress: (e) => {
+                  e.stopPropagation?.();
+                  clearSelection();
+                },
+                hitSlop: 8,
+                style: styles.clearButton,
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.X, { size: 14, color: colors.textSecondary })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles.dropdownIcon, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.ChevronDown, { size: 16, color: colors.textSecondary }) })
+          ] })
+        ]
+      }
+    ),
+    isModal ? /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Modal,
+      {
+        visible: open,
+        transparent: true,
+        animationType: "fade",
+        onRequestClose: handleClose,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.Pressable,
+          {
+            style: [styles.overlay, { backgroundColor: colors.overlay }],
+            onPress: handleClose,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              reactNative.Pressable,
+              {
+                onPress: () => {
+                },
+                style: [styles.modalPanel, { backgroundColor: colors.surface }],
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles.modalHeader, { borderBottomColor: colors.border }], children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles.modalHeaderText, { color: colors.text }], children: placeholder }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      reactNative.Pressable,
+                      {
+                        onPress: handleClose,
+                        hitSlop: 8,
+                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.X, { size: 20, color: colors.textSecondary })
+                      }
+                    )
+                  ] }),
+                  Panel
+                ]
+              }
+            )
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Modal,
+      {
+        visible: open && !!triggerLayout,
+        transparent: true,
+        animationType: "none",
+        onRequestClose: handleClose,
+        children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { style: styles.popoverOverlay, onPress: handleClose, children: triggerLayout && (() => {
+          const screen = reactNative.Dimensions.get("window");
+          const PANEL_MAX_HEIGHT = 260;
+          const GAP = 4;
+          const spaceBelow = screen.height - (triggerLayout.y + triggerLayout.height);
+          const spaceAbove = triggerLayout.y;
+          const openUp = spaceBelow < PANEL_MAX_HEIGHT && spaceAbove > spaceBelow;
+          const maxH = Math.min(PANEL_MAX_HEIGHT, openUp ? spaceAbove - GAP : spaceBelow - GAP);
+          const top = openUp ? triggerLayout.y - maxH - GAP : triggerLayout.y + triggerLayout.height + GAP;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.View,
+            {
+              style: [
+                styles.popoverPanel,
+                {
+                  top,
+                  left: triggerLayout.x,
+                  width: triggerLayout.width,
+                  maxHeight: maxH,
+                  borderColor: colors.border,
+                  backgroundColor: colors.surface
+                }
+              ],
+              onStartShouldSetResponder: () => true,
+              children: Panel
+            }
+          );
+        })() })
+      }
+    )
+  ] });
+};
+const styles = reactNative.StyleSheet.create({
+  // Input
+  input: {
+    flexDirection: "row",
+    alignItems: "center",
+    minHeight: 42,
+    borderWidth: 1,
+    borderRadius: 6,
+    paddingLeft: 12,
+    paddingRight: 8,
+    paddingVertical: 4
+  },
+  inputValueContainer: {
+    flex: 1,
+    marginRight: 4
+  },
+  inputIcons: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4
+  },
+  // Placeholder / value
+  placeholder: {
+    fontSize: 14
+  },
+  valueText: {
+    fontSize: 14
+  },
+  // Chips
+  chipContainer: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 4
+  },
+  chip: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+    borderRadius: 16
+  },
+  chipText: {
+    fontSize: 13
+  },
+  // Clear / dropdown icons
+  clearButton: {
+    padding: 4
+  },
+  dropdownIcon: {
+    padding: 4
+  },
+  // Overlay (modal)
+  overlay: {
+    flex: 1,
+    justifyContent: "center"
+  },
+  modalPanel: {
+    marginHorizontal: 20,
+    borderRadius: 8,
+    maxHeight: "70%",
+    overflow: "hidden",
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.15,
+    shadowRadius: 12,
+    elevation: 8
+  },
+  modalHeader: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    borderBottomWidth: 1
+  },
+  modalHeaderText: {
+    fontSize: 16,
+    fontWeight: "600"
+  },
+  // Panel
+  panel: {
+    flex: 1
+  },
+  panelHeader: {
+    borderBottomWidth: 1,
+    padding: 8
+  },
+  panelFooter: {
+    borderTopWidth: 1,
+    padding: 8
+  },
+  // Popover (Modal portal)
+  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
+  }
+});
+
+exports.default = CoreTreeSelect;
+//# sourceMappingURL=CoreTreeSelect.cjs.map

package/apps/mobile/src/Core/Trees/components/CoreTreeSelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreTreeSelect.cjs","sources":["../../../../../../../../../../apps/mobile/src/Core/Trees/components/CoreTreeSelect.tsx"],"sourcesContent":["// core/tree/components/CoreTreeSelect.tsx\n\nimport React, { useMemo, useRef, useState } from 'react';\nimport {\n  View,\n  Text,\n  Pressable,\n  Modal,\n  ScrollView,\n  StyleSheet,\n  Dimensions,\n} from 'react-native';\nimport { ChevronDown, X } from 'lucide-react-native';\n\nimport type {\n  TreeSelectProps,\n  SelectionValue,\n  TreeNode,\n  TreeSelectChangeEvent,\n} from '../types';\nimport { createTreeEvent } from '../engine/TreeEvents';\nimport CoreTree from './CoreTree';\nimport { resolveThemeTokenForNative } from '../../../Factory/helpers/style';\n\nconst t = resolveThemeTokenForNative;\n\n/* ------------------------------------------------------------------ */\n/* TreeSelect Component                                                 */\n/* ------------------------------------------------------------------ */\n\nconst CoreTreeSelect: React.FC<TreeSelectProps<any>> = (props) => {\n  const {\n    value,\n    options,\n    onChange,\n    selectionMode = 'single',\n    metaKeySelection,\n    display = 'comma',\n    placeholder = 'Select',\n    showClear,\n    filter,\n    filterBy,\n    filterMode,\n    filterPlaceholder,\n    resetFilterOnHide,\n    expandedKeys,\n    onToggle,\n    disabled,\n    invalid,\n    variant = 'outlined',\n    isModal = true,\n    panelHeaderTemplate,\n    panelFooterTemplate,\n    nodeTemplate,\n    emptyMessage,\n    scrollHeight,\n    onShow,\n    onHide,\n    onlyParentsWithChildren,\n    className,\n    style,\n  } = props;\n\n  const triggerRef = useRef<View>(null);\n  const [open, setOpen] = useState(false);\n  const [focused, setFocused] = useState(false);\n  const [internalFilterValue, setInternalFilterValue] = useState('');\n  const [triggerLayout, setTriggerLayout] = useState<{\n    x: number; y: number; width: number; height: number;\n  } | null>(null);\n\n  const colors = {\n    primary: t('primary'),\n    primaryDark: t('blue.600'),\n    primaryLight: t('blue.50'),\n    text: t('gray.700'),\n    textSecondary: t('gray.500'),\n    placeholder: t('gray.500'),\n    border: t('gray.300'),\n    borderFocus: t('primary'),\n    surface: '#ffffff',\n    hover: t('gray.200'),\n    invalid: t('red.500'),\n    chip: t('gray.300'),\n    chipText: t('gray.700'),\n    overlay: 'rgba(0, 0, 0, 0.4)',\n  };\n\n  const handleOpen = () => {\n    setFocused(true);\n    onShow?.();\n    if (isModal) {\n      setOpen(true);\n      return;\n    }\n    // Measure trigger in window so the popover can render inside a Modal\n    // (escaping any parent ScrollView) anchored to the correct position.\n    triggerRef.current?.measureInWindow((x, y, width, height) => {\n      setTriggerLayout({ x, y, width, height });\n      setOpen(true);\n    });\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n    setFocused(false);\n    if (resetFilterOnHide) setInternalFilterValue('');\n    onHide?.();\n  };\n\n  /* ---- Label resolution ---- */\n\n  const nodeMap = useMemo(() => {\n    const map = new Map<string, TreeNode>();\n    const walk = (nodes?: TreeNode[]) => {\n      nodes?.forEach((n) => {\n        map.set(n.key, n);\n        walk(n.children);\n      });\n    };\n    walk(options);\n    return map;\n  }, [options]);\n\n  const selectedLabels = useMemo(() => {\n    if (!value || !options) return [];\n\n    if (typeof value === 'string') {\n      const node = nodeMap.get(value);\n      return node?.label ? [node.label] : [];\n    }\n\n    if (value && typeof value === 'object') {\n      return Object.keys(value)\n        .filter((k) => {\n          const v: any = (value as any)[k];\n          if (!(v === true || v?.checked)) return false;\n          // Skip partial-only entries\n          if (v?.partialChecked && !v?.checked) return false;\n          // Only show labels for selectable nodes\n          const node = nodeMap.get(k);\n          if (node && node.selectable === false) return false;\n          return true;\n        })\n        .map((k) => nodeMap.get(k)?.label)\n        .filter(Boolean) as string[];\n    }\n\n    return [];\n  }, [value, options, nodeMap]);\n\n  const hasValue = selectedLabels.length > 0;\n\n  /* ---- Handlers ---- */\n\n  const handleChange = (next: SelectionValue, originalEvent?: any) => {\n    const event: TreeSelectChangeEvent = {\n      originalEvent,\n      value: next,\n    };\n    onChange?.(event);\n  };\n\n  const clearSelection = () => {\n    handleChange(selectionMode === 'single' ? null : null);\n  };\n\n  /* ---- Display value ---- */\n\n  const renderDisplayValue = () => {\n    if (!hasValue) {\n      return <Text style={[styles.placeholder, { color: colors.placeholder }]}>{placeholder}</Text>;\n    }\n\n    if (display === 'chip') {\n      return (\n        <View style={styles.chipContainer}>\n          {selectedLabels.map((label, i) => (\n            <View key={i} style={[styles.chip, { backgroundColor: colors.chip }]}>\n              <Text style={[styles.chipText, { color: colors.chipText }]} numberOfLines={1}>{label}</Text>\n            </View>\n          ))}\n        </View>\n      );\n    }\n\n    // comma display\n    return (\n      <Text style={[styles.valueText, { color: colors.text }]} numberOfLines={1}>\n        {selectedLabels.join(', ')}\n      </Text>\n    );\n  };\n\n  /* ---- Panel content ---- */\n\n  const Panel = (\n    <View style={styles.panel}>\n      {/* Panel header */}\n      {panelHeaderTemplate && (\n        <View style={[styles.panelHeader, { borderBottomColor: colors.border }]}>\n          {typeof panelHeaderTemplate === 'function'\n            ? panelHeaderTemplate()\n            : panelHeaderTemplate}\n        </View>\n      )}\n\n      {/* Tree */}\n      <ScrollView\n        style={{ maxHeight: scrollHeight ?? 350 }}\n        nestedScrollEnabled\n      >\n        <CoreTree\n          value={options}\n          selectionMode={selectionMode}\n          selectionKeys={value}\n          metaKeySelection={metaKeySelection}\n          expandedKeys={expandedKeys}\n          onToggle={onToggle}\n          filter={filter}\n          filterValue={internalFilterValue}\n          filterBy={filterBy}\n          filterMode={filterMode}\n          filterPlaceholder={filterPlaceholder}\n          nodeTemplate={nodeTemplate}\n          emptyMessage={emptyMessage}\n          onlyParentsWithChildren={onlyParentsWithChildren}\n          onSelectionChange={(e) => {\n            handleChange(e.value, e.originalEvent);\n            // Close on single selection\n            if (!selectionMode || selectionMode === 'single') {\n              handleClose();\n            }\n          }}\n          style={{ borderWidth: 0, borderRadius: 0 }}\n        />\n      </ScrollView>\n\n      {/* Panel footer */}\n      {panelFooterTemplate && (\n        <View style={[styles.panelFooter, { borderTopColor: colors.border }]}>\n          {typeof panelFooterTemplate === 'function'\n            ? panelFooterTemplate()\n            : panelFooterTemplate}\n        </View>\n      )}\n    </View>\n  );\n\n  /* ---- Main render ---- */\n\n  return (\n    <View style={[{ width: '100%' }, style]} className={className}>\n      {/* Input trigger */}\n      <Pressable\n        ref={triggerRef as any}\n        disabled={disabled}\n        onPress={handleOpen}\n        style={[\n          styles.input,\n          { borderColor: colors.border, backgroundColor: colors.surface },\n          variant === 'filled' && { backgroundColor: '#f8f9fa', borderColor: 'transparent', borderBottomColor: colors.border, borderRadius: 0, borderTopLeftRadius: 6, borderTopRightRadius: 6 },\n          focused && { borderColor: colors.borderFocus },\n          invalid && { borderColor: colors.invalid },\n          disabled && { opacity: 0.6, backgroundColor: t('gray.200') },\n        ]}\n      >\n        <View style={styles.inputValueContainer}>\n          {renderDisplayValue()}\n        </View>\n\n        <View style={styles.inputIcons}>\n          {/* Clear button */}\n          {showClear && hasValue && !disabled && (\n            <Pressable\n              onPress={(e) => {\n                e.stopPropagation?.();\n                clearSelection();\n              }}\n              hitSlop={8}\n              style={styles.clearButton}\n            >\n              <X size={14} color={colors.textSecondary} />\n            </Pressable>\n          )}\n\n          {/* Dropdown arrow */}\n          <View style={styles.dropdownIcon}>\n            <ChevronDown size={16} color={colors.textSecondary} />\n          </View>\n        </View>\n      </Pressable>\n\n      {/* Modal overlay */}\n      {isModal ? (\n        <Modal\n          visible={open}\n          transparent\n          animationType=\"fade\"\n          onRequestClose={handleClose}\n        >\n          <Pressable\n            style={[styles.overlay, { backgroundColor: colors.overlay }]}\n            onPress={handleClose}\n          >\n            <Pressable\n              onPress={() => {}} // prevent close on panel press\n              style={[styles.modalPanel, { backgroundColor: colors.surface }]}\n            >\n              {/* Close button */}\n              <View style={[styles.modalHeader, { borderBottomColor: colors.border }]}>\n                <Text style={[styles.modalHeaderText, { color: colors.text }]}>\n                  {placeholder}\n                </Text>\n                <Pressable\n                  onPress={handleClose}\n                  hitSlop={8}\n                >\n                  <X size={20} color={colors.textSecondary} />\n                </Pressable>\n              </View>\n              {Panel}\n            </Pressable>\n          </Pressable>\n        </Modal>\n      ) : (\n        <Modal\n          visible={open && !!triggerLayout}\n          transparent\n          animationType=\"none\"\n          onRequestClose={handleClose}\n        >\n          <Pressable style={styles.popoverOverlay} onPress={handleClose}>\n            {triggerLayout && (() => {\n              const screen = Dimensions.get('window');\n              const PANEL_MAX_HEIGHT = 260;\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 maxH = Math.min(PANEL_MAX_HEIGHT, openUp ? spaceAbove - GAP : spaceBelow - GAP);\n              const top = openUp\n                ? triggerLayout.y - maxH - 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: maxH,\n                      borderColor: colors.border,\n                      backgroundColor: colors.surface,\n                    },\n                  ]}\n                  onStartShouldSetResponder={() => true}\n                >\n                  {Panel}\n                </View>\n              );\n            })()}\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  // Input\n  input: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    minHeight: 42,\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingLeft: 12,\n    paddingRight: 8,\n    paddingVertical: 4,\n  },\n  inputValueContainer: {\n    flex: 1,\n    marginRight: 4,\n  },\n  inputIcons: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n  },\n\n  // Placeholder / value\n  placeholder: {\n    fontSize: 14,\n  },\n  valueText: {\n    fontSize: 14,\n  },\n\n  // Chips\n  chipContainer: {\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    gap: 4,\n  },\n  chip: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingHorizontal: 8,\n    paddingVertical: 3,\n    borderRadius: 16,\n  },\n  chipText: {\n    fontSize: 13,\n  },\n\n  // Clear / dropdown icons\n  clearButton: {\n    padding: 4,\n  },\n  dropdownIcon: {\n    padding: 4,\n  },\n\n  // Overlay (modal)\n  overlay: {\n    flex: 1,\n    justifyContent: 'center',\n  },\n  modalPanel: {\n    marginHorizontal: 20,\n    borderRadius: 8,\n    maxHeight: '70%',\n    overflow: 'hidden',\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 4 },\n    shadowOpacity: 0.15,\n    shadowRadius: 12,\n    elevation: 8,\n  },\n  modalHeader: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    paddingHorizontal: 16,\n    paddingVertical: 12,\n    borderBottomWidth: 1,\n  },\n  modalHeaderText: {\n    fontSize: 16,\n    fontWeight: '600',\n  },\n\n  // Panel\n  panel: {\n    flex: 1,\n  },\n  panelHeader: {\n    borderBottomWidth: 1,\n    padding: 8,\n  },\n  panelFooter: {\n    borderTopWidth: 1,\n    padding: 8,\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\nexport default CoreTreeSelect;\n"],"names":["resolveThemeTokenForNative","useRef","useState","useMemo","jsx","Text","View","jsxs","ScrollView","CoreTree","Pressable","X","ChevronDown","Modal","Dimensions","StyleSheet"],"mappings":"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"}