@lmb-it/kitsconcerto-native 0.1.236

package/data/TreeView/Toolbar/index.cjs

@@ -0,0 +1,177 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactNative = require('react-native');
+var KitsThemeProvider_native = require('../../../contexts/Theme/KitsThemeProvider.cjs');
+var index_native = require('../../../assets/Icons/index.cjs');
+
+const Icon = ({ name, color = "#333", size = 16 }) => {
+  const cleanName = name.replace("pi pi-", "");
+  const C = index_native.IconMap[cleanName];
+  if (!C) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(C, { size, color });
+};
+const ActionButton = ({
+  icon,
+  onPress,
+  disabled,
+  variant = "primary",
+  hideDisabledButton
+}) => {
+  const { resolveToken } = KitsThemeProvider_native.useKitsTheme();
+  if (disabled && hideDisabledButton) return null;
+  const bgColor = variant === "danger" ? resolveToken("red.50") : variant === "secondary" ? resolveToken("bg-subtle") : resolveToken("blue.50");
+  const iconColor = variant === "danger" ? resolveToken("danger") : variant === "secondary" ? resolveToken("text-secondary") : resolveToken("primary");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.TouchableOpacity,
+    {
+      onPress,
+      disabled,
+      style: [
+        styles.button,
+        { backgroundColor: disabled ? resolveToken("bg-subtle") : bgColor, opacity: disabled ? 0.5 : 1 }
+      ],
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: icon, color: disabled ? resolveToken("gray.400") : iconColor })
+    }
+  );
+};
+const TreeViewToolbar = ({
+  props,
+  filterValue,
+  setFilterValue,
+  treeRef,
+  selectedNode,
+  expandAll,
+  collapseAll,
+  onAddNode,
+  onAddNodeItem,
+  onDeleteNode,
+  onEditNode,
+  build
+}) => {
+  const { width } = reactNative.useWindowDimensions();
+  const isWide = width >= 768;
+  const { resolveToken } = KitsThemeProvider_native.useKitsTheme();
+  const toolbarBg = resolveToken("bg-subtle");
+  const toolbarBorder = resolveToken("border");
+  const searchBg = resolveToken("surface-card");
+  const searchBorder = resolveToken("border");
+  const searchTextColor = resolveToken("text");
+  const searchPlaceholderColor = resolveToken("text-secondary");
+  const {
+    expendableControls,
+    serverSide,
+    text,
+    rules,
+    hideDisabledButton
+  } = props;
+  const itemButton = rules?.allowIndependentItem && rules?.addItem || rules?.addItem && !!selectedNode && !selectedNode.data?.isItem;
+  const categoryButton = rules?.addCategory && !selectedNode || rules?.addSubCategory && !!selectedNode && !selectedNode.data?.isItem;
+  const deleteButton = !!selectedNode && (rules?.deleteCategory && !selectedNode.data?.isItem && !selectedNode.data?.parentId || rules?.deleteSubCategory && !selectedNode.data?.isItem && !!selectedNode.data?.parentId || rules?.deleteItem && !!selectedNode.data?.isItem);
+  const editButton = !!selectedNode && (rules?.updateCategory && !selectedNode.data?.isItem && !selectedNode.data?.parentId || rules?.updateSubCategory && !selectedNode.data?.isItem && !!selectedNode.data?.parentId || rules?.updateItem && !!selectedNode.data?.isItem);
+  const SearchBox = /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles.searchBox, { backgroundColor: searchBg, borderColor: searchBorder }], children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "pi pi-search", color: searchPlaceholderColor }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.TextInput,
+      {
+        style: [styles.searchInput, { color: searchTextColor }],
+        value: filterValue,
+        placeholder: "Search...",
+        placeholderTextColor: searchPlaceholderColor,
+        onChangeText: (val) => {
+          setFilterValue(val);
+          treeRef?.filter?.(val);
+        }
+      }
+    )
+  ] });
+  const ExpandButtons = /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.btnGroup, children: [
+    !!expendableControls && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ActionButton, { icon: "pi pi-angle-double-down", onPress: expandAll, variant: "secondary" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ActionButton, { icon: "pi pi-angle-double-up", onPress: collapseAll, variant: "secondary" })
+    ] }),
+    !!serverSide?.listFetcher && /* @__PURE__ */ jsxRuntime.jsx(ActionButton, { icon: "pi pi-refresh", onPress: build, variant: "secondary" })
+  ] });
+  const CrudButtons = /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.btnGroup, children: [
+    (!hideDisabledButton && !categoryButton || categoryButton) && /* @__PURE__ */ jsxRuntime.jsx(ActionButton, { icon: "pi pi-plus", onPress: () => onAddNode(selectedNode?.key), disabled: !categoryButton, hideDisabledButton }),
+    (!hideDisabledButton && !itemButton || itemButton) && /* @__PURE__ */ jsxRuntime.jsx(ActionButton, { icon: "pi pi-plus", onPress: () => onAddNodeItem(selectedNode?.key), disabled: !itemButton, variant: "secondary", hideDisabledButton }),
+    (!hideDisabledButton && !deleteButton || deleteButton) && /* @__PURE__ */ jsxRuntime.jsx(ActionButton, { icon: "pi pi-trash", onPress: () => onDeleteNode(selectedNode?.key), disabled: !deleteButton, variant: "danger", hideDisabledButton }),
+    (!hideDisabledButton && !editButton || editButton) && /* @__PURE__ */ jsxRuntime.jsx(ActionButton, { icon: "pi pi-pencil", onPress: () => onEditNode(selectedNode?.key), disabled: !editButton, variant: "secondary", hideDisabledButton })
+  ] });
+  if (isWide) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles.toolbarRow, { backgroundColor: toolbarBg, borderColor: toolbarBorder }], children: [
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles.searchSection, children: SearchBox }),
+      ExpandButtons,
+      CrudButtons
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles.toolbarColumn, { backgroundColor: toolbarBg, borderColor: toolbarBorder }], children: [
+    SearchBox,
+    /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.buttonsRow, children: [
+      ExpandButtons,
+      CrudButtons
+    ] })
+  ] });
+};
+const styles = reactNative.StyleSheet.create({
+  // Wide layout (iPad landscape)
+  toolbarRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderWidth: 1,
+    borderRadius: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    gap: 12
+  },
+  searchSection: {
+    flex: 1,
+    minWidth: 0
+  },
+  // Narrow layout (phone)
+  toolbarColumn: {
+    borderWidth: 1,
+    borderRadius: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    gap: 8
+  },
+  buttonsRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  // Search input
+  searchBox: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderRadius: 6,
+    paddingHorizontal: 10,
+    height: 40,
+    borderWidth: 1
+  },
+  searchInput: {
+    flex: 1,
+    marginLeft: 8,
+    fontSize: 14,
+    paddingVertical: 0
+  },
+  // Button groups
+  btnGroup: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4
+  },
+  button: {
+    width: 38,
+    height: 38,
+    borderRadius: 6,
+    justifyContent: "center",
+    alignItems: "center"
+  }
+});
+
+exports.default = TreeViewToolbar;
+//# sourceMappingURL=index.cjs.map

package/data/TreeView/Toolbar/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/data/TreeView/Toolbar/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    View,\n    TextInput,\n    TouchableOpacity,\n    StyleSheet,\n    useWindowDimensions,\n} from \"react-native\";\nimport type { IconName, IToolbarProps } from \"@lmb-it/kitsconcerto-types\";\nimport { IconMap } from \"../../../_compat\";\nimport {useKitsTheme} from \"../../../contexts/Theme\";\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\nconst Icon = ({ name, color = \"#333\", size = 16 }: { name: string; color?: string; size?: number }) => {\n    const cleanName: IconName = name.replace(\"pi pi-\", \"\") as IconName;\n    const C = IconMap[cleanName];\n    if (!C) return null;\n    return <C size={size} color={color} />;\n};\n\nconst ActionButton = ({\n    icon,\n    onPress,\n    disabled,\n    variant = \"primary\",\n    hideDisabledButton,\n}: {\n    icon: string;\n    onPress: () => void;\n    disabled?: boolean;\n    variant?: \"primary\" | \"secondary\" | \"danger\";\n    hideDisabledButton?: boolean;\n}) => {\n    const {resolveToken} = useKitsTheme();\n    if (disabled && hideDisabledButton) return null;\n\n    const bgColor =\n        variant === \"danger\" ? resolveToken('red.50')\n            : variant === \"secondary\" ? resolveToken('bg-subtle')\n                : resolveToken('blue.50');\n    const iconColor =\n        variant === \"danger\" ? resolveToken('danger')\n            : variant === \"secondary\" ? resolveToken('text-secondary')\n                : resolveToken('primary');\n\n    return (\n        <TouchableOpacity\n            onPress={onPress}\n            disabled={disabled}\n            style={[\n                styles.button,\n                { backgroundColor: disabled ? resolveToken('bg-subtle') : bgColor, opacity: disabled ? 0.5 : 1 },\n            ]}\n        >\n            <Icon name={icon} color={disabled ? resolveToken('gray.400') : iconColor} />\n        </TouchableOpacity>\n    );\n};\n\n/* ------------------------------------------------------------------ */\n/* TreeViewToolbar                                                      */\n/* ------------------------------------------------------------------ */\n\nconst TreeViewToolbar = <T,>({\n    props,\n    filterValue,\n    setFilterValue,\n    treeRef,\n    selectedNode,\n    expandAll,\n    collapseAll,\n    onAddNode,\n    onAddNodeItem,\n    onDeleteNode,\n    onEditNode,\n    build,\n}: IToolbarProps<T>) => {\n    const { width } = useWindowDimensions();\n    const isWide = width >= 768;\n    const {resolveToken} = useKitsTheme();\n    const toolbarBg = resolveToken('bg-subtle');\n    const toolbarBorder = resolveToken('border');\n    const searchBg = resolveToken('surface-card');\n    const searchBorder = resolveToken('border');\n    const searchTextColor = resolveToken('text');\n    const searchPlaceholderColor = resolveToken('text-secondary');\n\n    const {\n        expendableControls,\n        serverSide,\n        text,\n        rules,\n        hideDisabledButton,\n    } = props;\n\n    // --- Button visibility logic (same as web) ---\n    const itemButton =\n        (rules?.allowIndependentItem && rules?.addItem) ||\n        (rules?.addItem && !!selectedNode && !selectedNode.data?.isItem);\n\n    const categoryButton =\n        (rules?.addCategory && !selectedNode) ||\n        (rules?.addSubCategory && !!selectedNode && !selectedNode.data?.isItem);\n\n    const deleteButton =\n        !!selectedNode &&\n        ((rules?.deleteCategory && !selectedNode.data?.isItem && !selectedNode.data?.parentId) ||\n            (rules?.deleteSubCategory && !selectedNode.data?.isItem && !!selectedNode.data?.parentId) ||\n            (rules?.deleteItem && !!selectedNode.data?.isItem));\n\n    const editButton =\n        !!selectedNode &&\n        ((rules?.updateCategory && !selectedNode.data?.isItem && !selectedNode.data?.parentId) ||\n            (rules?.updateSubCategory && !selectedNode.data?.isItem && !!selectedNode.data?.parentId) ||\n            (rules?.updateItem && !!selectedNode.data?.isItem));\n\n    /* ---- Search box ---- */\n    const SearchBox = (\n        <View style={[styles.searchBox, {backgroundColor: searchBg, borderColor: searchBorder}]}>\n            <Icon name=\"pi pi-search\" color={searchPlaceholderColor} />\n            <TextInput\n                style={[styles.searchInput, {color: searchTextColor}]}\n                value={filterValue}\n                placeholder=\"Search...\"\n                placeholderTextColor={searchPlaceholderColor}\n                onChangeText={(val) => {\n                    setFilterValue(val);\n                    treeRef?.filter?.(val);\n                }}\n            />\n        </View>\n    );\n\n    /* ---- Expand / Collapse / Refresh ---- */\n    const ExpandButtons = (\n        <View style={styles.btnGroup}>\n            {!!expendableControls && (\n                <>\n                    <ActionButton icon=\"pi pi-angle-double-down\" onPress={expandAll} variant=\"secondary\" />\n                    <ActionButton icon=\"pi pi-angle-double-up\" onPress={collapseAll} variant=\"secondary\" />\n                </>\n            )}\n            {!!serverSide?.listFetcher && (\n                <ActionButton icon=\"pi pi-refresh\" onPress={build} variant=\"secondary\" />\n            )}\n        </View>\n    );\n\n    /* ---- CRUD buttons ---- */\n    const CrudButtons = (\n        <View style={styles.btnGroup}>\n            {((!hideDisabledButton && !categoryButton) || categoryButton) && (\n                <ActionButton icon=\"pi pi-plus\" onPress={() => onAddNode(selectedNode?.key)} disabled={!categoryButton} hideDisabledButton={hideDisabledButton} />\n            )}\n            {((!hideDisabledButton && !itemButton) || itemButton) && (\n                <ActionButton icon=\"pi pi-plus\" onPress={() => onAddNodeItem(selectedNode?.key)} disabled={!itemButton} variant=\"secondary\" hideDisabledButton={hideDisabledButton} />\n            )}\n            {((!hideDisabledButton && !deleteButton) || deleteButton) && (\n                <ActionButton icon=\"pi pi-trash\" onPress={() => onDeleteNode(selectedNode?.key)} disabled={!deleteButton} variant=\"danger\" hideDisabledButton={hideDisabledButton} />\n            )}\n            {((!hideDisabledButton && !editButton) || editButton) && (\n                <ActionButton icon=\"pi pi-pencil\" onPress={() => onEditNode(selectedNode?.key)} disabled={!editButton} variant=\"secondary\" hideDisabledButton={hideDisabledButton} />\n            )}\n        </View>\n    );\n\n    /* ---- Layout ---- */\n\n    if (isWide) {\n        // iPad landscape: [Search ............] [Expand] [CRUD]\n        return (\n            <View style={[styles.toolbarRow, {backgroundColor: toolbarBg, borderColor: toolbarBorder}]}>\n                <View style={styles.searchSection}>{SearchBox}</View>\n                {ExpandButtons}\n                {CrudButtons}\n            </View>\n        );\n    }\n\n    // Phone: Search full width on top, buttons row below\n    return (\n        <View style={[styles.toolbarColumn, {backgroundColor: toolbarBg, borderColor: toolbarBorder}]}>\n            {SearchBox}\n            <View style={styles.buttonsRow}>\n                {ExpandButtons}\n                {CrudButtons}\n            </View>\n        </View>\n    );\n};\n\n/* ------------------------------------------------------------------ */\n/* Styles                                                               */\n/* ------------------------------------------------------------------ */\n\nconst styles = StyleSheet.create({\n    // Wide layout (iPad landscape)\n    toolbarRow: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        borderWidth: 1,\n        borderRadius: 6,\n        paddingHorizontal: 12,\n        paddingVertical: 8,\n        gap: 12,\n    },\n    searchSection: {\n        flex: 1,\n        minWidth: 0,\n    },\n\n    // Narrow layout (phone)\n    toolbarColumn: {\n        borderWidth: 1,\n        borderRadius: 6,\n        paddingHorizontal: 12,\n        paddingVertical: 8,\n        gap: 8,\n    },\n    buttonsRow: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n    },\n\n    // Search input\n    searchBox: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        borderRadius: 6,\n        paddingHorizontal: 10,\n        height: 40,\n        borderWidth: 1,\n    },\n    searchInput: {\n        flex: 1,\n        marginLeft: 8,\n        fontSize: 14,\n        paddingVertical: 0,\n    },\n\n    // Button groups\n    btnGroup: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        gap: 4,\n    },\n    button: {\n        width: 38,\n        height: 38,\n        borderRadius: 6,\n        justifyContent: \"center\",\n        alignItems: \"center\",\n    },\n});\n\nexport default TreeViewToolbar;\n"],"names":["IconMap","jsx","useKitsTheme","TouchableOpacity","useWindowDimensions","jsxs","View","TextInput","Fragment","StyleSheet"],"mappings":"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"}

package/data/TreeView/Toolbar/index.js

@@ -0,0 +1,173 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useWindowDimensions, View, TextInput, StyleSheet, TouchableOpacity } from 'react-native';
+import { useKitsTheme } from '../../../contexts/Theme/KitsThemeProvider.js';
+import { IconMap } from '../../../assets/Icons/index.js';
+
+const Icon = ({ name, color = "#333", size = 16 }) => {
+  const cleanName = name.replace("pi pi-", "");
+  const C = IconMap[cleanName];
+  if (!C) return null;
+  return /* @__PURE__ */ jsx(C, { size, color });
+};
+const ActionButton = ({
+  icon,
+  onPress,
+  disabled,
+  variant = "primary",
+  hideDisabledButton
+}) => {
+  const { resolveToken } = useKitsTheme();
+  if (disabled && hideDisabledButton) return null;
+  const bgColor = variant === "danger" ? resolveToken("red.50") : variant === "secondary" ? resolveToken("bg-subtle") : resolveToken("blue.50");
+  const iconColor = variant === "danger" ? resolveToken("danger") : variant === "secondary" ? resolveToken("text-secondary") : resolveToken("primary");
+  return /* @__PURE__ */ jsx(
+    TouchableOpacity,
+    {
+      onPress,
+      disabled,
+      style: [
+        styles.button,
+        { backgroundColor: disabled ? resolveToken("bg-subtle") : bgColor, opacity: disabled ? 0.5 : 1 }
+      ],
+      children: /* @__PURE__ */ jsx(Icon, { name: icon, color: disabled ? resolveToken("gray.400") : iconColor })
+    }
+  );
+};
+const TreeViewToolbar = ({
+  props,
+  filterValue,
+  setFilterValue,
+  treeRef,
+  selectedNode,
+  expandAll,
+  collapseAll,
+  onAddNode,
+  onAddNodeItem,
+  onDeleteNode,
+  onEditNode,
+  build
+}) => {
+  const { width } = useWindowDimensions();
+  const isWide = width >= 768;
+  const { resolveToken } = useKitsTheme();
+  const toolbarBg = resolveToken("bg-subtle");
+  const toolbarBorder = resolveToken("border");
+  const searchBg = resolveToken("surface-card");
+  const searchBorder = resolveToken("border");
+  const searchTextColor = resolveToken("text");
+  const searchPlaceholderColor = resolveToken("text-secondary");
+  const {
+    expendableControls,
+    serverSide,
+    text,
+    rules,
+    hideDisabledButton
+  } = props;
+  const itemButton = rules?.allowIndependentItem && rules?.addItem || rules?.addItem && !!selectedNode && !selectedNode.data?.isItem;
+  const categoryButton = rules?.addCategory && !selectedNode || rules?.addSubCategory && !!selectedNode && !selectedNode.data?.isItem;
+  const deleteButton = !!selectedNode && (rules?.deleteCategory && !selectedNode.data?.isItem && !selectedNode.data?.parentId || rules?.deleteSubCategory && !selectedNode.data?.isItem && !!selectedNode.data?.parentId || rules?.deleteItem && !!selectedNode.data?.isItem);
+  const editButton = !!selectedNode && (rules?.updateCategory && !selectedNode.data?.isItem && !selectedNode.data?.parentId || rules?.updateSubCategory && !selectedNode.data?.isItem && !!selectedNode.data?.parentId || rules?.updateItem && !!selectedNode.data?.isItem);
+  const SearchBox = /* @__PURE__ */ jsxs(View, { style: [styles.searchBox, { backgroundColor: searchBg, borderColor: searchBorder }], children: [
+    /* @__PURE__ */ jsx(Icon, { name: "pi pi-search", color: searchPlaceholderColor }),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        style: [styles.searchInput, { color: searchTextColor }],
+        value: filterValue,
+        placeholder: "Search...",
+        placeholderTextColor: searchPlaceholderColor,
+        onChangeText: (val) => {
+          setFilterValue(val);
+          treeRef?.filter?.(val);
+        }
+      }
+    )
+  ] });
+  const ExpandButtons = /* @__PURE__ */ jsxs(View, { style: styles.btnGroup, children: [
+    !!expendableControls && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(ActionButton, { icon: "pi pi-angle-double-down", onPress: expandAll, variant: "secondary" }),
+      /* @__PURE__ */ jsx(ActionButton, { icon: "pi pi-angle-double-up", onPress: collapseAll, variant: "secondary" })
+    ] }),
+    !!serverSide?.listFetcher && /* @__PURE__ */ jsx(ActionButton, { icon: "pi pi-refresh", onPress: build, variant: "secondary" })
+  ] });
+  const CrudButtons = /* @__PURE__ */ jsxs(View, { style: styles.btnGroup, children: [
+    (!hideDisabledButton && !categoryButton || categoryButton) && /* @__PURE__ */ jsx(ActionButton, { icon: "pi pi-plus", onPress: () => onAddNode(selectedNode?.key), disabled: !categoryButton, hideDisabledButton }),
+    (!hideDisabledButton && !itemButton || itemButton) && /* @__PURE__ */ jsx(ActionButton, { icon: "pi pi-plus", onPress: () => onAddNodeItem(selectedNode?.key), disabled: !itemButton, variant: "secondary", hideDisabledButton }),
+    (!hideDisabledButton && !deleteButton || deleteButton) && /* @__PURE__ */ jsx(ActionButton, { icon: "pi pi-trash", onPress: () => onDeleteNode(selectedNode?.key), disabled: !deleteButton, variant: "danger", hideDisabledButton }),
+    (!hideDisabledButton && !editButton || editButton) && /* @__PURE__ */ jsx(ActionButton, { icon: "pi pi-pencil", onPress: () => onEditNode(selectedNode?.key), disabled: !editButton, variant: "secondary", hideDisabledButton })
+  ] });
+  if (isWide) {
+    return /* @__PURE__ */ jsxs(View, { style: [styles.toolbarRow, { backgroundColor: toolbarBg, borderColor: toolbarBorder }], children: [
+      /* @__PURE__ */ jsx(View, { style: styles.searchSection, children: SearchBox }),
+      ExpandButtons,
+      CrudButtons
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(View, { style: [styles.toolbarColumn, { backgroundColor: toolbarBg, borderColor: toolbarBorder }], children: [
+    SearchBox,
+    /* @__PURE__ */ jsxs(View, { style: styles.buttonsRow, children: [
+      ExpandButtons,
+      CrudButtons
+    ] })
+  ] });
+};
+const styles = StyleSheet.create({
+  // Wide layout (iPad landscape)
+  toolbarRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderWidth: 1,
+    borderRadius: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    gap: 12
+  },
+  searchSection: {
+    flex: 1,
+    minWidth: 0
+  },
+  // Narrow layout (phone)
+  toolbarColumn: {
+    borderWidth: 1,
+    borderRadius: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    gap: 8
+  },
+  buttonsRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  // Search input
+  searchBox: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderRadius: 6,
+    paddingHorizontal: 10,
+    height: 40,
+    borderWidth: 1
+  },
+  searchInput: {
+    flex: 1,
+    marginLeft: 8,
+    fontSize: 14,
+    paddingVertical: 0
+  },
+  // Button groups
+  btnGroup: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4
+  },
+  button: {
+    width: 38,
+    height: 38,
+    borderRadius: 6,
+    justifyContent: "center",
+    alignItems: "center"
+  }
+});
+
+export { TreeViewToolbar as default };
+//# sourceMappingURL=index.js.map

package/data/TreeView/Toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/data/TreeView/Toolbar/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    View,\n    TextInput,\n    TouchableOpacity,\n    StyleSheet,\n    useWindowDimensions,\n} from \"react-native\";\nimport type { IconName, IToolbarProps } from \"@lmb-it/kitsconcerto-types\";\nimport { IconMap } from \"../../../_compat\";\nimport {useKitsTheme} from \"../../../contexts/Theme\";\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\nconst Icon = ({ name, color = \"#333\", size = 16 }: { name: string; color?: string; size?: number }) => {\n    const cleanName: IconName = name.replace(\"pi pi-\", \"\") as IconName;\n    const C = IconMap[cleanName];\n    if (!C) return null;\n    return <C size={size} color={color} />;\n};\n\nconst ActionButton = ({\n    icon,\n    onPress,\n    disabled,\n    variant = \"primary\",\n    hideDisabledButton,\n}: {\n    icon: string;\n    onPress: () => void;\n    disabled?: boolean;\n    variant?: \"primary\" | \"secondary\" | \"danger\";\n    hideDisabledButton?: boolean;\n}) => {\n    const {resolveToken} = useKitsTheme();\n    if (disabled && hideDisabledButton) return null;\n\n    const bgColor =\n        variant === \"danger\" ? resolveToken('red.50')\n            : variant === \"secondary\" ? resolveToken('bg-subtle')\n                : resolveToken('blue.50');\n    const iconColor =\n        variant === \"danger\" ? resolveToken('danger')\n            : variant === \"secondary\" ? resolveToken('text-secondary')\n                : resolveToken('primary');\n\n    return (\n        <TouchableOpacity\n            onPress={onPress}\n            disabled={disabled}\n            style={[\n                styles.button,\n                { backgroundColor: disabled ? resolveToken('bg-subtle') : bgColor, opacity: disabled ? 0.5 : 1 },\n            ]}\n        >\n            <Icon name={icon} color={disabled ? resolveToken('gray.400') : iconColor} />\n        </TouchableOpacity>\n    );\n};\n\n/* ------------------------------------------------------------------ */\n/* TreeViewToolbar                                                      */\n/* ------------------------------------------------------------------ */\n\nconst TreeViewToolbar = <T,>({\n    props,\n    filterValue,\n    setFilterValue,\n    treeRef,\n    selectedNode,\n    expandAll,\n    collapseAll,\n    onAddNode,\n    onAddNodeItem,\n    onDeleteNode,\n    onEditNode,\n    build,\n}: IToolbarProps<T>) => {\n    const { width } = useWindowDimensions();\n    const isWide = width >= 768;\n    const {resolveToken} = useKitsTheme();\n    const toolbarBg = resolveToken('bg-subtle');\n    const toolbarBorder = resolveToken('border');\n    const searchBg = resolveToken('surface-card');\n    const searchBorder = resolveToken('border');\n    const searchTextColor = resolveToken('text');\n    const searchPlaceholderColor = resolveToken('text-secondary');\n\n    const {\n        expendableControls,\n        serverSide,\n        text,\n        rules,\n        hideDisabledButton,\n    } = props;\n\n    // --- Button visibility logic (same as web) ---\n    const itemButton =\n        (rules?.allowIndependentItem && rules?.addItem) ||\n        (rules?.addItem && !!selectedNode && !selectedNode.data?.isItem);\n\n    const categoryButton =\n        (rules?.addCategory && !selectedNode) ||\n        (rules?.addSubCategory && !!selectedNode && !selectedNode.data?.isItem);\n\n    const deleteButton =\n        !!selectedNode &&\n        ((rules?.deleteCategory && !selectedNode.data?.isItem && !selectedNode.data?.parentId) ||\n            (rules?.deleteSubCategory && !selectedNode.data?.isItem && !!selectedNode.data?.parentId) ||\n            (rules?.deleteItem && !!selectedNode.data?.isItem));\n\n    const editButton =\n        !!selectedNode &&\n        ((rules?.updateCategory && !selectedNode.data?.isItem && !selectedNode.data?.parentId) ||\n            (rules?.updateSubCategory && !selectedNode.data?.isItem && !!selectedNode.data?.parentId) ||\n            (rules?.updateItem && !!selectedNode.data?.isItem));\n\n    /* ---- Search box ---- */\n    const SearchBox = (\n        <View style={[styles.searchBox, {backgroundColor: searchBg, borderColor: searchBorder}]}>\n            <Icon name=\"pi pi-search\" color={searchPlaceholderColor} />\n            <TextInput\n                style={[styles.searchInput, {color: searchTextColor}]}\n                value={filterValue}\n                placeholder=\"Search...\"\n                placeholderTextColor={searchPlaceholderColor}\n                onChangeText={(val) => {\n                    setFilterValue(val);\n                    treeRef?.filter?.(val);\n                }}\n            />\n        </View>\n    );\n\n    /* ---- Expand / Collapse / Refresh ---- */\n    const ExpandButtons = (\n        <View style={styles.btnGroup}>\n            {!!expendableControls && (\n                <>\n                    <ActionButton icon=\"pi pi-angle-double-down\" onPress={expandAll} variant=\"secondary\" />\n                    <ActionButton icon=\"pi pi-angle-double-up\" onPress={collapseAll} variant=\"secondary\" />\n                </>\n            )}\n            {!!serverSide?.listFetcher && (\n                <ActionButton icon=\"pi pi-refresh\" onPress={build} variant=\"secondary\" />\n            )}\n        </View>\n    );\n\n    /* ---- CRUD buttons ---- */\n    const CrudButtons = (\n        <View style={styles.btnGroup}>\n            {((!hideDisabledButton && !categoryButton) || categoryButton) && (\n                <ActionButton icon=\"pi pi-plus\" onPress={() => onAddNode(selectedNode?.key)} disabled={!categoryButton} hideDisabledButton={hideDisabledButton} />\n            )}\n            {((!hideDisabledButton && !itemButton) || itemButton) && (\n                <ActionButton icon=\"pi pi-plus\" onPress={() => onAddNodeItem(selectedNode?.key)} disabled={!itemButton} variant=\"secondary\" hideDisabledButton={hideDisabledButton} />\n            )}\n            {((!hideDisabledButton && !deleteButton) || deleteButton) && (\n                <ActionButton icon=\"pi pi-trash\" onPress={() => onDeleteNode(selectedNode?.key)} disabled={!deleteButton} variant=\"danger\" hideDisabledButton={hideDisabledButton} />\n            )}\n            {((!hideDisabledButton && !editButton) || editButton) && (\n                <ActionButton icon=\"pi pi-pencil\" onPress={() => onEditNode(selectedNode?.key)} disabled={!editButton} variant=\"secondary\" hideDisabledButton={hideDisabledButton} />\n            )}\n        </View>\n    );\n\n    /* ---- Layout ---- */\n\n    if (isWide) {\n        // iPad landscape: [Search ............] [Expand] [CRUD]\n        return (\n            <View style={[styles.toolbarRow, {backgroundColor: toolbarBg, borderColor: toolbarBorder}]}>\n                <View style={styles.searchSection}>{SearchBox}</View>\n                {ExpandButtons}\n                {CrudButtons}\n            </View>\n        );\n    }\n\n    // Phone: Search full width on top, buttons row below\n    return (\n        <View style={[styles.toolbarColumn, {backgroundColor: toolbarBg, borderColor: toolbarBorder}]}>\n            {SearchBox}\n            <View style={styles.buttonsRow}>\n                {ExpandButtons}\n                {CrudButtons}\n            </View>\n        </View>\n    );\n};\n\n/* ------------------------------------------------------------------ */\n/* Styles                                                               */\n/* ------------------------------------------------------------------ */\n\nconst styles = StyleSheet.create({\n    // Wide layout (iPad landscape)\n    toolbarRow: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        borderWidth: 1,\n        borderRadius: 6,\n        paddingHorizontal: 12,\n        paddingVertical: 8,\n        gap: 12,\n    },\n    searchSection: {\n        flex: 1,\n        minWidth: 0,\n    },\n\n    // Narrow layout (phone)\n    toolbarColumn: {\n        borderWidth: 1,\n        borderRadius: 6,\n        paddingHorizontal: 12,\n        paddingVertical: 8,\n        gap: 8,\n    },\n    buttonsRow: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n    },\n\n    // Search input\n    searchBox: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        borderRadius: 6,\n        paddingHorizontal: 10,\n        height: 40,\n        borderWidth: 1,\n    },\n    searchInput: {\n        flex: 1,\n        marginLeft: 8,\n        fontSize: 14,\n        paddingVertical: 0,\n    },\n\n    // Button groups\n    btnGroup: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        gap: 4,\n    },\n    button: {\n        width: 38,\n        height: 38,\n        borderRadius: 6,\n        justifyContent: \"center\",\n        alignItems: \"center\",\n    },\n});\n\nexport default TreeViewToolbar;\n"],"names":[],"mappings":"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"}

package/data/TreeView/index.cjs

@@ -0,0 +1,187 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+require('../../apps/mobile/src/ui/accordion/index.cjs');
+require('../../apps/mobile/src/ui/actionsheet/index.cjs');
+require('../../apps/mobile/src/ui/alert/index.cjs');
+require('../../apps/mobile/src/ui/alert-dialog/index.cjs');
+require('../../apps/mobile/src/ui/avatar/index.cjs');
+require('../../apps/mobile/src/ui/badge/index.cjs');
+require('../../apps/mobile/src/ui/bottomsheet/index.cjs');
+require('../../apps/mobile/src/ui/box/index.cjs');
+require('../../apps/mobile/src/ui/button/index.cjs');
+require('../../apps/mobile/src/ui/card/index.cjs');
+require('../../apps/mobile/src/ui/center/index.cjs');
+require('../../apps/mobile/src/ui/checkbox/index.cjs');
+require('../../apps/mobile/src/ui/divider/index.cjs');
+require('../../apps/mobile/src/ui/drawer/index.cjs');
+require('../../apps/mobile/src/ui/fab/index.cjs');
+var reactNative = require('react-native');
+require('../../apps/mobile/src/ui/form-control/index.cjs');
+require('../../apps/mobile/src/ui/gluestack-ui-provider/config.cjs');
+require('@gluestack-ui/core/overlay/creator');
+require('@gluestack-ui/core/toast/creator');
+require('nativewind');
+require('../../apps/mobile/src/ui/grid/index.cjs');
+require('../../apps/mobile/src/ui/heading/index.cjs');
+require('../../apps/mobile/src/ui/hstack/index.cjs');
+require('../../apps/mobile/src/ui/icon/index.cjs');
+require('../../apps/mobile/src/ui/image/index.cjs');
+require('../../apps/mobile/src/ui/image-background/index.cjs');
+require('../../apps/mobile/src/ui/input/index.cjs');
+require('../../apps/mobile/src/ui/link/index.cjs');
+require('../../apps/mobile/src/ui/menu/index.cjs');
+require('../../apps/mobile/src/ui/modal/index.cjs');
+require('../../apps/mobile/src/ui/popover/index.cjs');
+require('../../apps/mobile/src/ui/portal/index.cjs');
+require('../../apps/mobile/src/ui/pressable/index.cjs');
+require('../../apps/mobile/src/ui/progress/index.cjs');
+require('../../apps/mobile/src/ui/radio/index.cjs');
+require('react-native-safe-area-context');
+require('../../apps/mobile/src/ui/select/index.cjs');
+require('../../apps/mobile/src/ui/skeleton/index.cjs');
+require('../../apps/mobile/src/ui/slider/index.cjs');
+require('../../apps/mobile/src/ui/spinner/index.cjs');
+require('../../apps/mobile/src/ui/switch/index.cjs');
+require('../../apps/mobile/src/ui/table/index.cjs');
+require('../../apps/mobile/src/ui/text/index.cjs');
+require('../../apps/mobile/src/ui/textarea/index.cjs');
+require('../../apps/mobile/src/ui/toast/index.cjs');
+require('../../apps/mobile/src/ui/tooltip/index.cjs');
+require('../../apps/mobile/src/ui/vstack/index.cjs');
+require('react-native-reanimated');
+require('react-icons/fa');
+require('react-icons/ai');
+require('react-icons/io');
+require('../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.cjs');
+require('yup');
+require('../../packages/types/src/Css/map/index.cjs');
+require('../../packages/types/src/Theme/shadows.cjs');
+require('../../packages/types/src/Theme/defaultTheme.cjs');
+require('../../apps/mobile/src/Factory/DimensionsContext.cjs');
+require('i18next');
+require('react-i18next');
+require('../../apps/mobile/src/Core/AutoComplete/index.cjs');
+require('../../apps/mobile/src/Core/Dropdown/index.cjs');
+require('../../apps/mobile/src/Core/MultiSelect/index.cjs');
+var CoreTree = require('../../apps/mobile/src/Core/Trees/components/CoreTree.cjs');
+require('../../apps/mobile/src/Core/Trees/components/CoreTreeSelect.cjs');
+require('../../apps/mobile/src/Core/Trees/components/CoreToolbar.cjs');
+require('../../apps/mobile/src/Core/Paginator/index.cjs');
+require('lucide-react-native');
+require('../../apps/mobile/src/Core/SelectButton/index.cjs');
+require('../../apps/mobile/src/Core/DataTable/DataTable.cjs');
+require('../../apps/mobile/src/Core/Tag/index.cjs');
+require('../../apps/mobile/src/Core/Badge/index.cjs');
+require('../../apps/mobile/src/Core/ProgressBar/index.cjs');
+require('../../apps/mobile/src/Core/Checkbox/index.cjs');
+require('../../apps/mobile/src/Core/RadioButton/index.cjs');
+require('../../apps/mobile/src/Core/Input/index.cjs');
+require('../../apps/mobile/src/Core/Input/Field.cjs');
+require('../../apps/mobile/src/Core/Input/Slot.cjs');
+var useTreeViewController = require('./useTreeViewController.cjs');
+var index_native = require('./Toolbar/index.cjs');
+var KitsThemeProvider_native = require('../../contexts/Theme/KitsThemeProvider.cjs');
+var index = require('../../layout/Flex/index.cjs');
+var index_native$1 = require('../../primitives/Text/index.cjs');
+
+const TreeView = (props) => {
+  const {
+    selectedNode,
+    filterValue,
+    build,
+    setFilterValue,
+    expandAll,
+    collapseAll,
+    operations,
+    treeProps
+  } = useTreeViewController.useTreeViewController(props);
+  const { resolveToken } = KitsThemeProvider_native.useKitsTheme();
+  const selectedBg = resolveToken("surface-hover");
+  const {
+    nodeTemplate,
+    containerProps,
+    hideSearchBox,
+    hideDisabledButton,
+    expendableControls,
+    hideToolbar: propsHideToolbar
+  } = props;
+  const treeRef = React.useRef(null);
+  const shouldHideToolbar = propsHideToolbar || !!hideSearchBox && !!hideDisabledButton && !expendableControls;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    index.default,
+    {
+      id: "tree-view",
+      w: "full",
+      h: "full",
+      flexDirection: "column",
+      ...containerProps,
+      children: [
+        !shouldHideToolbar && /* @__PURE__ */ jsxRuntime.jsx(
+          index_native.default,
+          {
+            props,
+            filterValue,
+            setFilterValue,
+            treeRef: treeRef.current,
+            selectedNode,
+            expandAll,
+            collapseAll,
+            onAddNode: operations.onAddNode,
+            onAddNodeItem: operations.onAddNodeItem,
+            onDeleteNode: operations.onDeleteNode,
+            onEditNode: operations.onEditNode,
+            build
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          CoreTree.default,
+          {
+            ref: treeRef,
+            ...treeProps,
+            filterValue,
+            filterMode: "lenient",
+            nodeTemplate: (node, options) => {
+              const isSelected = node.key == selectedNode?.key;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                reactNative.Pressable,
+                {
+                  onPress: () => {
+                    if (treeProps.onNodeClick) {
+                      treeProps.onNodeClick({
+                        node,
+                        originalEvent: {}
+                      });
+                    }
+                  },
+                  style: {
+                    flex: 1,
+                    flexDirection: "row",
+                    alignItems: "center",
+                    minHeight: 40,
+                    paddingHorizontal: 4,
+                    backgroundColor: isSelected ? selectedBg : "transparent",
+                    borderRadius: 4
+                  },
+                  children: !!nodeTemplate ? nodeTemplate(node, options) : /* @__PURE__ */ jsxRuntime.jsx(
+                    index_native$1.default,
+                    {
+                      fontWeight: isSelected ? "bold" : "normal",
+                      children: node.label
+                    }
+                  )
+                }
+              );
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+
+exports.default = TreeView;
+//# sourceMappingURL=index.cjs.map

package/data/TreeView/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/data/TreeView/index.native.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { TreeView as Tree, type TreeRef } from \"@lmb-it/kitsconcertomobile\";\nimport { Flex, Text } from \"../../_compat\";\nimport type { ITreeViewProps } from \"@lmb-it/kitsconcerto-types\";\nimport { useTreeViewController } from \"./useTreeViewController\";\nimport TreeViewToolbar from \"./Toolbar\";\nimport { Pressable, View } from \"react-native\";\nimport {useKitsTheme} from \"../../contexts/Theme\";\n\nconst TreeView = <T = any,>(props: ITreeViewProps<T>) => {\n    const {\n        treeValue,\n        selectedNode,\n        filterValue,\n        build,\n        setFilterValue,\n        expandAll,\n        collapseAll,\n        operations,\n        treeProps,\n    } = useTreeViewController(props);\n\n    const {resolveToken} = useKitsTheme();\n    const selectedBg = resolveToken('surface-hover');\n\n    const {\n        nodeTemplate,\n        containerProps,\n        hideSearchBox,\n        hideDisabledButton,\n        expendableControls,\n        hideToolbar: propsHideToolbar,\n    } = props;\n\n    const treeRef = useRef<TreeRef>(null);\n\n    const shouldHideToolbar =\n        propsHideToolbar ||\n        (!!hideSearchBox && !!hideDisabledButton && !expendableControls);\n\n    return (\n        <Flex\n            id={\"tree-view\"}\n            w={\"full\"}\n            h={\"full\"}\n            flexDirection={\"column\"}\n            {...containerProps}\n        >\n            {!shouldHideToolbar && (\n                <TreeViewToolbar\n                    props={props}\n                    filterValue={filterValue}\n                    setFilterValue={setFilterValue}\n                    treeRef={treeRef.current}\n                    selectedNode={selectedNode}\n                    expandAll={expandAll}\n                    collapseAll={collapseAll}\n                    onAddNode={operations.onAddNode}\n                    onAddNodeItem={operations.onAddNodeItem}\n                    onDeleteNode={operations.onDeleteNode}\n                    onEditNode={operations.onEditNode}\n                    build={build}\n                />\n            )}\n\n            <Tree\n                ref={treeRef}\n                {...treeProps}\n                filterValue={filterValue}\n                filterMode={\"lenient\"}\n                nodeTemplate={(node, options) => {\n                    const isSelected = node.key == selectedNode?.key;\n                    return (\n                        <Pressable\n                            onPress={() => {\n                                if (treeProps.onNodeClick) {\n                                    treeProps.onNodeClick({\n                                        node,\n                                        originalEvent: {} as any,\n                                    });\n                                }\n                            }}\n                            style={{\n                                flex: 1,\n                                flexDirection: \"row\",\n                                alignItems: \"center\",\n                                minHeight: 40,\n                                paddingHorizontal: 4,\n                                backgroundColor: isSelected\n                                    ? selectedBg\n                                    : \"transparent\",\n                                borderRadius: 4,\n                            }}\n                        >\n                            {!!nodeTemplate ? (\n                                nodeTemplate(node, options)\n                            ) : (\n                                <Text\n                                    fontWeight={isSelected ? \"bold\" : \"normal\"}\n                                >\n                                    {node.label}\n                                </Text>\n                            )}\n                        </Pressable>\n                    );\n                }}\n            />\n        </Flex>\n    );\n};\n\nexport default TreeView;\n"],"names":["useTreeViewController","useKitsTheme","useRef","jsxs","Flex","jsx","TreeViewToolbar","Tree","Pressable","Text"],"mappings":"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"}