@lmb-it/kitsconcerto-native 0.1.236

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

@@ -0,0 +1,387 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useState, useMemo } from 'react';
+import { View, ScrollView, Pressable, Modal, Text, Dimensions, StyleSheet } from 'react-native';
+import { X, ChevronDown } from 'lucide-react-native';
+import CoreTree from './CoreTree.js';
+import { resolveThemeTokenForNative } from '../../../Factory/helpers/style.js';
+
+const t = 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 = useRef(null);
+  const [open, setOpen] = useState(false);
+  const [focused, setFocused] = useState(false);
+  const [internalFilterValue, setInternalFilterValue] = useState("");
+  const [triggerLayout, setTriggerLayout] = 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 = 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 = 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__ */ jsx(Text, { style: [styles.placeholder, { color: colors.placeholder }], children: placeholder });
+    }
+    if (display === "chip") {
+      return /* @__PURE__ */ jsx(View, { style: styles.chipContainer, children: selectedLabels.map((label, i) => /* @__PURE__ */ jsx(View, { style: [styles.chip, { backgroundColor: colors.chip }], children: /* @__PURE__ */ jsx(Text, { style: [styles.chipText, { color: colors.chipText }], numberOfLines: 1, children: label }) }, i)) });
+    }
+    return /* @__PURE__ */ jsx(Text, { style: [styles.valueText, { color: colors.text }], numberOfLines: 1, children: selectedLabels.join(", ") });
+  };
+  const Panel = /* @__PURE__ */ jsxs(View, { style: styles.panel, children: [
+    panelHeaderTemplate && /* @__PURE__ */ jsx(View, { style: [styles.panelHeader, { borderBottomColor: colors.border }], children: typeof panelHeaderTemplate === "function" ? panelHeaderTemplate() : panelHeaderTemplate }),
+    /* @__PURE__ */ jsx(
+      ScrollView,
+      {
+        style: { maxHeight: scrollHeight ?? 350 },
+        nestedScrollEnabled: true,
+        children: /* @__PURE__ */ jsx(
+          CoreTree,
+          {
+            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__ */ jsx(View, { style: [styles.panelFooter, { borderTopColor: colors.border }], children: typeof panelFooterTemplate === "function" ? panelFooterTemplate() : panelFooterTemplate })
+  ] });
+  return /* @__PURE__ */ jsxs(View, { style: [{ width: "100%" }, style], className, children: [
+    /* @__PURE__ */ jsxs(
+      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__ */ jsx(View, { style: styles.inputValueContainer, children: renderDisplayValue() }),
+          /* @__PURE__ */ jsxs(View, { style: styles.inputIcons, children: [
+            showClear && hasValue && !disabled && /* @__PURE__ */ jsx(
+              Pressable,
+              {
+                onPress: (e) => {
+                  e.stopPropagation?.();
+                  clearSelection();
+                },
+                hitSlop: 8,
+                style: styles.clearButton,
+                children: /* @__PURE__ */ jsx(X, { size: 14, color: colors.textSecondary })
+              }
+            ),
+            /* @__PURE__ */ jsx(View, { style: styles.dropdownIcon, children: /* @__PURE__ */ jsx(ChevronDown, { size: 16, color: colors.textSecondary }) })
+          ] })
+        ]
+      }
+    ),
+    isModal ? /* @__PURE__ */ jsx(
+      Modal,
+      {
+        visible: open,
+        transparent: true,
+        animationType: "fade",
+        onRequestClose: handleClose,
+        children: /* @__PURE__ */ jsx(
+          Pressable,
+          {
+            style: [styles.overlay, { backgroundColor: colors.overlay }],
+            onPress: handleClose,
+            children: /* @__PURE__ */ jsxs(
+              Pressable,
+              {
+                onPress: () => {
+                },
+                style: [styles.modalPanel, { backgroundColor: colors.surface }],
+                children: [
+                  /* @__PURE__ */ jsxs(View, { style: [styles.modalHeader, { borderBottomColor: colors.border }], children: [
+                    /* @__PURE__ */ jsx(Text, { style: [styles.modalHeaderText, { color: colors.text }], children: placeholder }),
+                    /* @__PURE__ */ jsx(
+                      Pressable,
+                      {
+                        onPress: handleClose,
+                        hitSlop: 8,
+                        children: /* @__PURE__ */ jsx(X, { size: 20, color: colors.textSecondary })
+                      }
+                    )
+                  ] }),
+                  Panel
+                ]
+              }
+            )
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsx(
+      Modal,
+      {
+        visible: open && !!triggerLayout,
+        transparent: true,
+        animationType: "none",
+        onRequestClose: handleClose,
+        children: /* @__PURE__ */ jsx(Pressable, { style: styles.popoverOverlay, onPress: handleClose, children: triggerLayout && (() => {
+          const screen = 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__ */ jsx(
+            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 = 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
+  }
+});
+
+export { CoreTreeSelect as default };
+//# sourceMappingURL=CoreTreeSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoreTreeSelect.js","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":[],"mappings":"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"}

package/apps/mobile/src/Core/Trees/engine/TreeEngine.cjs

@@ -0,0 +1,111 @@
+'use strict';
+
+var TreeEvents = require('./TreeEvents.cjs');
+var TreeExpansion = require('./TreeExpansion.cjs');
+var TreeFiltering = require('./TreeFiltering.cjs');
+var TreeLazy = require('./TreeLazy.cjs');
+var TreeSelection_multiple = require('./TreeSelection.multiple.cjs');
+var TreeSelection_checkbox = require('./TreeSelection.checkbox.cjs');
+
+function createTreeEngine(props) {
+  const {
+    nodes,
+    selectionMode = "single",
+    selectionKeys,
+    expandedKeys,
+    filterValue,
+    filterBy,
+    filterMode,
+    onSelectionChange,
+    onToggle,
+    onExpand,
+    onCollapse
+  } = props;
+  let _selection = selectionKeys ?? null;
+  let _expanded = expandedKeys ?? {};
+  const selectionControlled = selectionKeys !== void 0;
+  const expansionControlled = expandedKeys !== void 0;
+  const visibleNodes = filterValue ? TreeFiltering.filterTree(nodes, filterValue, { filterBy, filterMode }) : nodes;
+  return {
+    state: {
+      get selection() {
+        return selectionControlled ? selectionKeys : _selection;
+      },
+      get expandedKeys() {
+        return expansionControlled ? expandedKeys : _expanded;
+      },
+      get nodes() {
+        return visibleNodes;
+      }
+    },
+    actions: {
+      // -----------------------------
+      // Selection
+      // -----------------------------
+      selectNode(key, options) {
+        let next = _selection;
+        if (selectionMode === "single") {
+          next = key;
+        }
+        if (selectionMode === "multiple") {
+          next = TreeSelection_multiple.toggleMultipleSelection(
+            _selection,
+            { key });
+        }
+        if (selectionMode === "checkbox") {
+          next = TreeSelection_checkbox.toggleCheckboxSelection(
+            _selection,
+            { key },
+            nodes
+          );
+        }
+        if (!selectionControlled) {
+          _selection = next;
+        }
+        onSelectionChange?.(
+          TreeEvents.createTreeEvent(next, options?.originalEvent)
+        );
+      },
+      // -----------------------------
+      // Expansion
+      // -----------------------------
+      toggleNode(node, originalEvent) {
+        const key = node.key;
+        if (TreeLazy.isLazyNode(node)) {
+          onExpand?.(TreeLazy.createLazyExpandEvent(node, originalEvent));
+          return;
+        }
+        const next = TreeExpansion.toggleExpansion(
+          expansionControlled ? expandedKeys : _expanded,
+          key
+        );
+        if (!expansionControlled) {
+          _expanded = next;
+        }
+        onToggle?.(TreeEvents.createTreeEvent(next, originalEvent));
+        if (next[key]) {
+          onExpand?.(TreeEvents.createTreeEvent(node, originalEvent));
+        } else {
+          onCollapse?.(TreeEvents.createTreeEvent(node, originalEvent));
+        }
+      },
+      expandAll(originalEvent) {
+        const next = TreeExpansion.expandAll(nodes);
+        if (!expansionControlled) {
+          _expanded = next;
+        }
+        onToggle?.(TreeEvents.createTreeEvent(next, originalEvent));
+      },
+      collapseAll(originalEvent) {
+        const next = TreeExpansion.collapseAll();
+        if (!expansionControlled) {
+          _expanded = next;
+        }
+        onToggle?.(TreeEvents.createTreeEvent(next, originalEvent));
+      }
+    }
+  };
+}
+
+exports.createTreeEngine = createTreeEngine;
+//# sourceMappingURL=TreeEngine.cjs.map

package/apps/mobile/src/Core/Trees/engine/TreeEngine.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeEngine.cjs","sources":["../../../../../../../../../../apps/mobile/src/Core/Trees/engine/TreeEngine.ts"],"sourcesContent":["// core/tree/engine/TreeEngine.ts\n\nimport type { TreeNode } from '../models/TreeNode';\nimport type { ExpandedKeys } from '../models/ExpandedKeys';\nimport type {\n  SelectionValue,\n} from '../models/Selection';\n\nimport { createTreeEvent } from './TreeEvents';\nimport {\n  toggleExpansion,\n  expandAll,\n  collapseAll,\n} from './TreeExpansion';\nimport { filterTree } from './TreeFiltering';\nimport { isLazyNode, createLazyExpandEvent } from './TreeLazy';\n\nimport { toggleMultipleSelection } from './TreeSelection.multiple';\nimport { toggleCheckboxSelection } from './TreeSelection.checkbox';\n\nexport interface TreeEngineProps {\n  nodes?: TreeNode[];\n\n  /** Selection */\n  selectionMode?: 'single' | 'multiple' | 'checkbox';\n  selectionKeys?: SelectionValue;\n  metaKeySelection?: boolean;\n\n  /** Expansion */\n  expandedKeys?: ExpandedKeys;\n\n  /** Filtering */\n  filterValue?: string;\n  filterBy?: string;\n  filterMode?: 'lenient' | 'strict';\n\n  /** Callbacks */\n  onSelectionChange?: (e: any) => void;\n  onToggle?: (e: any) => void;\n  onExpand?: (e: any) => void;\n  onCollapse?: (e: any) => void;\n}\n\nexport function createTreeEngine(props: TreeEngineProps) {\n  const {\n    nodes,\n    selectionMode = 'single',\n    selectionKeys,\n    expandedKeys,\n    metaKeySelection = true,\n\n    filterValue,\n    filterBy,\n    filterMode,\n\n    onSelectionChange,\n    onToggle,\n    onExpand,\n    onCollapse,\n  } = props;\n\n  // -----------------------------\n  // Controlled vs uncontrolled\n  // -----------------------------\n\n  let _selection: SelectionValue = selectionKeys ?? null;\n  let _expanded: ExpandedKeys = expandedKeys ?? {};\n\n  const selectionControlled = selectionKeys !== undefined;\n  const expansionControlled = expandedKeys !== undefined;\n\n  // -----------------------------\n  // Derived tree (filtering)\n  // -----------------------------\n\n  // Filter whenever filterValue is provided — the `filter` prop only controls\n  // whether the built-in filter UI is rendered, not the engine itself.\n  const visibleNodes =\n    filterValue\n      ? filterTree(nodes, filterValue, { filterBy, filterMode })\n      : nodes;\n\n  // -----------------------------\n  // Engine API\n  // -----------------------------\n\n  return {\n    state: {\n      get selection() {\n        return selectionControlled ? selectionKeys! : _selection;\n      },\n      get expandedKeys() {\n        return expansionControlled ? expandedKeys! : _expanded;\n      },\n      get nodes() {\n        return visibleNodes;\n      },\n    },\n\n    actions: {\n      // -----------------------------\n      // Selection\n      // -----------------------------\n      selectNode(\n        key: string,\n        options?: {\n          metaKeyPressed?: boolean;\n          originalEvent?: any;\n        }\n      ) {\n        let next: SelectionValue = _selection;\n\n        if (selectionMode === 'single') {\n          next = key;\n        }\n\n        if (selectionMode === 'multiple') {\n          const isTouch =\n            typeof navigator !== 'undefined'\n              ? navigator.maxTouchPoints > 0\n              : true;\n          const effectiveMetaKey = isTouch ? false : metaKeySelection;\n          next = toggleMultipleSelection(\n            _selection as Record<string, boolean> | null,\n            { key } as any, // TreeNode key is all we need\n            effectiveMetaKey\n          );\n        }\n\n        if (selectionMode === 'checkbox') {\n          next = toggleCheckboxSelection(\n              _selection as unknown as Record<string, { checked: boolean; }> | null,\n              { key } as any,\n              nodes,\n          ) as unknown as SelectionValue;\n        }\n\n        // uncontrolled → store internally\n        if (!selectionControlled) {\n          _selection = next;\n        }\n\n        // ALWAYS emit PrimeReact-compatible event\n        onSelectionChange?.(\n          createTreeEvent(next, options?.originalEvent)\n        );\n      },\n\n      // -----------------------------\n      // Expansion\n      // -----------------------------\n      toggleNode(node: TreeNode, originalEvent?: any) {\n        const key = node.key;\n\n        // Lazy expand\n        if (isLazyNode(node)) {\n          onExpand?.(createLazyExpandEvent(node, originalEvent));\n          return;\n        }\n\n        const next = toggleExpansion(\n          expansionControlled ? expandedKeys : _expanded,\n          key\n        );\n\n        if (!expansionControlled) {\n          _expanded = next;\n        }\n\n        onToggle?.(createTreeEvent(next, originalEvent));\n\n        if (next[key]) {\n          onExpand?.(createTreeEvent(node, originalEvent));\n        } else {\n          onCollapse?.(createTreeEvent(node, originalEvent));\n        }\n      },\n\n      expandAll(originalEvent?: any) {\n        const next = expandAll(nodes);\n\n        if (!expansionControlled) {\n          _expanded = next;\n        }\n\n        onToggle?.(createTreeEvent(next, originalEvent));\n      },\n\n      collapseAll(originalEvent?: any) {\n        const next = collapseAll();\n\n        if (!expansionControlled) {\n          _expanded = next;\n        }\n\n        onToggle?.(createTreeEvent(next, originalEvent));\n      },\n    },\n  };\n}\n"],"names":["filterTree","toggleMultipleSelection","toggleCheckboxSelection","createTreeEvent","isLazyNode","createLazyExpandEvent","toggleExpansion","expandAll","collapseAll"],"mappings":"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"}

package/apps/mobile/src/Core/Trees/engine/TreeEngine.js

@@ -0,0 +1,109 @@
+import { createTreeEvent } from './TreeEvents.js';
+import { expandAll, toggleExpansion, collapseAll } from './TreeExpansion.js';
+import { filterTree } from './TreeFiltering.js';
+import { isLazyNode, createLazyExpandEvent } from './TreeLazy.js';
+import { toggleMultipleSelection } from './TreeSelection.multiple.js';
+import { toggleCheckboxSelection } from './TreeSelection.checkbox.js';
+
+function createTreeEngine(props) {
+  const {
+    nodes,
+    selectionMode = "single",
+    selectionKeys,
+    expandedKeys,
+    filterValue,
+    filterBy,
+    filterMode,
+    onSelectionChange,
+    onToggle,
+    onExpand,
+    onCollapse
+  } = props;
+  let _selection = selectionKeys ?? null;
+  let _expanded = expandedKeys ?? {};
+  const selectionControlled = selectionKeys !== void 0;
+  const expansionControlled = expandedKeys !== void 0;
+  const visibleNodes = filterValue ? filterTree(nodes, filterValue, { filterBy, filterMode }) : nodes;
+  return {
+    state: {
+      get selection() {
+        return selectionControlled ? selectionKeys : _selection;
+      },
+      get expandedKeys() {
+        return expansionControlled ? expandedKeys : _expanded;
+      },
+      get nodes() {
+        return visibleNodes;
+      }
+    },
+    actions: {
+      // -----------------------------
+      // Selection
+      // -----------------------------
+      selectNode(key, options) {
+        let next = _selection;
+        if (selectionMode === "single") {
+          next = key;
+        }
+        if (selectionMode === "multiple") {
+          next = toggleMultipleSelection(
+            _selection,
+            { key });
+        }
+        if (selectionMode === "checkbox") {
+          next = toggleCheckboxSelection(
+            _selection,
+            { key },
+            nodes
+          );
+        }
+        if (!selectionControlled) {
+          _selection = next;
+        }
+        onSelectionChange?.(
+          createTreeEvent(next, options?.originalEvent)
+        );
+      },
+      // -----------------------------
+      // Expansion
+      // -----------------------------
+      toggleNode(node, originalEvent) {
+        const key = node.key;
+        if (isLazyNode(node)) {
+          onExpand?.(createLazyExpandEvent(node, originalEvent));
+          return;
+        }
+        const next = toggleExpansion(
+          expansionControlled ? expandedKeys : _expanded,
+          key
+        );
+        if (!expansionControlled) {
+          _expanded = next;
+        }
+        onToggle?.(createTreeEvent(next, originalEvent));
+        if (next[key]) {
+          onExpand?.(createTreeEvent(node, originalEvent));
+        } else {
+          onCollapse?.(createTreeEvent(node, originalEvent));
+        }
+      },
+      expandAll(originalEvent) {
+        const next = expandAll(nodes);
+        if (!expansionControlled) {
+          _expanded = next;
+        }
+        onToggle?.(createTreeEvent(next, originalEvent));
+      },
+      collapseAll(originalEvent) {
+        const next = collapseAll();
+        if (!expansionControlled) {
+          _expanded = next;
+        }
+        onToggle?.(createTreeEvent(next, originalEvent));
+      }
+    }
+  };
+}
+
+export { createTreeEngine };
+//# sourceMappingURL=TreeEngine.js.map