@lmb-it/kitsconcerto-native 0.1.236

package/data/TreeView/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../../src/data/TreeView/utils.ts"],"sourcesContent":["import type { ITreeItem, TreeSelectionEvent, TreeNode } from \"@lmb-it/kitsconcerto-types\";\n\nexport const buildTree: (\n    data: Map<string | number, ITreeItem>,\n    allowIndependentItems: boolean,\n    parentKey?: null | string | number,\n) => TreeNode[] = (data, allowIndependentItems = false, parentKey = null) => {\n    const fetchedData = Array.from(data.values());\n\n    // Process categorized items\n    const categorized: TreeNode[] = fetchedData\n        .filter(({ parentId }) => parentId === parentKey)\n        .map((item, index) => {\n            return {\n                key: item.value.toString(),\n                label: item.label,\n                data: item,\n                id: item.value.toString(),\n                leaf: true,\n                className: `node-${item.value.toString().split(\".\").join(\"_\")}`,\n                icon: item.isItem && !item?.data?.icon ? \"pi pi-objects-column\" : \"\",\n                ...(item.selectable !== undefined && { selectable: item.selectable }),\n                children: buildTree(data, allowIndependentItems, item.value),\n            };\n        });\n\n    // If no parent category, process uncategorized items separately\n    if (parentKey === null && !allowIndependentItems) {\n        const uncategorized: TreeNode[] = fetchedData\n            .filter((item) => item.isItem && !item.parentId)\n            .map((item, index) => {\n                return {\n                    key: `uncategorized-${index}`,\n                    label: item.label,\n                    data: item,\n                    id: item.value.toString(),\n                    className: item.value.toString(),\n                    children: [],\n                };\n            });\n\n        if (uncategorized.length > 0) {\n            categorized.push({\n                key: \"uncategorized\",\n                label: \"Uncategorized\",\n                children: uncategorized,\n            });\n        }\n    }\n\n    return categorized;\n};\n\n/**\n * Mark a node's ancestors as partially or fully checked.\n * Moved from Selectable.tsx\n */\nexport function markAncestors(\n    nodeId: number | string,\n    nodes: Map<number | string, any>,\n    selections: TreeSelectionEvent[\"value\"],\n) {\n    const node = nodes.get(nodeId.toString());\n\n    if (!node) {\n        return;\n    }\n\n    const parentId = node.parentId;\n\n    if (parentId === null || parentId === undefined) {\n        return;\n    }\n\n    const parent = nodes.get(parentId.toString());\n\n    if (!parent) {\n        return;\n    }\n    if (!selections) {\n        return;\n    }\n    const siblings = Array.from(nodes.values()).filter(\n        (el) => el.parentId === parentId,\n    );\n\n    const allSiblingsChecked = siblings.every(\n        // @ts-ignore\n        (sibling) => selections[sibling.value]?.checked || false,\n    );\n\n    // If all siblings are checked, the parent is fully checked. Else, it is partially checked.\n    // @ts-ignore\n    selections[parentId] = { checked: allSiblingsChecked, partialChecked: true };\n\n    // Call the function recursively for the parent.\n    markAncestors(parentId, nodes, selections);\n}\n"],"names":[],"mappings":"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"}

package/data/TreeView/utils.js

@@ -0,0 +1,65 @@
+const buildTree = (data, allowIndependentItems = false, parentKey = null) => {
+  const fetchedData = Array.from(data.values());
+  const categorized = fetchedData.filter(({ parentId }) => parentId === parentKey).map((item, index) => {
+    return {
+      key: item.value.toString(),
+      label: item.label,
+      data: item,
+      id: item.value.toString(),
+      leaf: true,
+      className: `node-${item.value.toString().split(".").join("_")}`,
+      icon: item.isItem && !item?.data?.icon ? "pi pi-objects-column" : "",
+      ...item.selectable !== void 0 && { selectable: item.selectable },
+      children: buildTree(data, allowIndependentItems, item.value)
+    };
+  });
+  if (parentKey === null && !allowIndependentItems) {
+    const uncategorized = fetchedData.filter((item) => item.isItem && !item.parentId).map((item, index) => {
+      return {
+        key: `uncategorized-${index}`,
+        label: item.label,
+        data: item,
+        id: item.value.toString(),
+        className: item.value.toString(),
+        children: []
+      };
+    });
+    if (uncategorized.length > 0) {
+      categorized.push({
+        key: "uncategorized",
+        label: "Uncategorized",
+        children: uncategorized
+      });
+    }
+  }
+  return categorized;
+};
+function markAncestors(nodeId, nodes, selections) {
+  const node = nodes.get(nodeId.toString());
+  if (!node) {
+    return;
+  }
+  const parentId = node.parentId;
+  if (parentId === null || parentId === void 0) {
+    return;
+  }
+  const parent = nodes.get(parentId.toString());
+  if (!parent) {
+    return;
+  }
+  if (!selections) {
+    return;
+  }
+  const siblings = Array.from(nodes.values()).filter(
+    (el) => el.parentId === parentId
+  );
+  const allSiblingsChecked = siblings.every(
+    // @ts-ignore
+    (sibling) => selections[sibling.value]?.checked || false
+  );
+  selections[parentId] = { checked: allSiblingsChecked, partialChecked: true };
+  markAncestors(parentId, nodes, selections);
+}
+
+export { buildTree, markAncestors };
+//# sourceMappingURL=utils.js.map

package/data/TreeView/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/data/TreeView/utils.ts"],"sourcesContent":["import type { ITreeItem, TreeSelectionEvent, TreeNode } from \"@lmb-it/kitsconcerto-types\";\n\nexport const buildTree: (\n    data: Map<string | number, ITreeItem>,\n    allowIndependentItems: boolean,\n    parentKey?: null | string | number,\n) => TreeNode[] = (data, allowIndependentItems = false, parentKey = null) => {\n    const fetchedData = Array.from(data.values());\n\n    // Process categorized items\n    const categorized: TreeNode[] = fetchedData\n        .filter(({ parentId }) => parentId === parentKey)\n        .map((item, index) => {\n            return {\n                key: item.value.toString(),\n                label: item.label,\n                data: item,\n                id: item.value.toString(),\n                leaf: true,\n                className: `node-${item.value.toString().split(\".\").join(\"_\")}`,\n                icon: item.isItem && !item?.data?.icon ? \"pi pi-objects-column\" : \"\",\n                ...(item.selectable !== undefined && { selectable: item.selectable }),\n                children: buildTree(data, allowIndependentItems, item.value),\n            };\n        });\n\n    // If no parent category, process uncategorized items separately\n    if (parentKey === null && !allowIndependentItems) {\n        const uncategorized: TreeNode[] = fetchedData\n            .filter((item) => item.isItem && !item.parentId)\n            .map((item, index) => {\n                return {\n                    key: `uncategorized-${index}`,\n                    label: item.label,\n                    data: item,\n                    id: item.value.toString(),\n                    className: item.value.toString(),\n                    children: [],\n                };\n            });\n\n        if (uncategorized.length > 0) {\n            categorized.push({\n                key: \"uncategorized\",\n                label: \"Uncategorized\",\n                children: uncategorized,\n            });\n        }\n    }\n\n    return categorized;\n};\n\n/**\n * Mark a node's ancestors as partially or fully checked.\n * Moved from Selectable.tsx\n */\nexport function markAncestors(\n    nodeId: number | string,\n    nodes: Map<number | string, any>,\n    selections: TreeSelectionEvent[\"value\"],\n) {\n    const node = nodes.get(nodeId.toString());\n\n    if (!node) {\n        return;\n    }\n\n    const parentId = node.parentId;\n\n    if (parentId === null || parentId === undefined) {\n        return;\n    }\n\n    const parent = nodes.get(parentId.toString());\n\n    if (!parent) {\n        return;\n    }\n    if (!selections) {\n        return;\n    }\n    const siblings = Array.from(nodes.values()).filter(\n        (el) => el.parentId === parentId,\n    );\n\n    const allSiblingsChecked = siblings.every(\n        // @ts-ignore\n        (sibling) => selections[sibling.value]?.checked || false,\n    );\n\n    // If all siblings are checked, the parent is fully checked. Else, it is partially checked.\n    // @ts-ignore\n    selections[parentId] = { checked: allSiblingsChecked, partialChecked: true };\n\n    // Call the function recursively for the parent.\n    markAncestors(parentId, nodes, selections);\n}\n"],"names":[],"mappings":"AAEO,MAAM,YAIK,CAAC,IAAA,EAAM,qBAAA,GAAwB,KAAA,EAAO,YAAY,IAAA,KAAS;AACzE,EAAA,MAAM,WAAA,GAAc,KAAA,CAAM,IAAA,CAAK,IAAA,CAAK,QAAQ,CAAA;AAG5C,EAAA,MAAM,WAAA,GAA0B,WAAA,CAC3B,MAAA,CAAO,CAAC,EAAE,QAAA,EAAS,KAAM,QAAA,KAAa,SAAS,CAAA,CAC/C,GAAA,CAAI,CAAC,MAAM,KAAA,KAAU;AAClB,IAAA,OAAO;AAAA,MACH,GAAA,EAAK,IAAA,CAAK,KAAA,CAAM,QAAA,EAAS;AAAA,MACzB,OAAO,IAAA,CAAK,KAAA;AAAA,MACZ,IAAA,EAAM,IAAA;AAAA,MACN,EAAA,EAAI,IAAA,CAAK,KAAA,CAAM,QAAA,EAAS;AAAA,MACxB,IAAA,EAAM,IAAA;AAAA,MACN,SAAA,EAAW,CAAA,KAAA,EAAQ,IAAA,CAAK,KAAA,CAAM,QAAA,EAAS,CAAE,KAAA,CAAM,GAAG,CAAA,CAAE,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,MAC7D,MAAM,IAAA,CAAK,MAAA,IAAU,CAAC,IAAA,EAAM,IAAA,EAAM,OAAO,sBAAA,GAAyB,EAAA;AAAA,MAClE,GAAI,IAAA,CAAK,UAAA,KAAe,UAAa,EAAE,UAAA,EAAY,KAAK,UAAA,EAAW;AAAA,MACnE,QAAA,EAAU,SAAA,CAAU,IAAA,EAAM,qBAAA,EAAuB,KAAK,KAAK;AAAA,KAC/D;AAAA,EACJ,CAAC,CAAA;AAGL,EAAA,IAAI,SAAA,KAAc,IAAA,IAAQ,CAAC,qBAAA,EAAuB;AAC9C,IAAA,MAAM,aAAA,GAA4B,WAAA,CAC7B,MAAA,CAAO,CAAC,SAAS,IAAA,CAAK,MAAA,IAAU,CAAC,IAAA,CAAK,QAAQ,CAAA,CAC9C,GAAA,CAAI,CAAC,MAAM,KAAA,KAAU;AAClB,MAAA,OAAO;AAAA,QACH,GAAA,EAAK,iBAAiB,KAAK,CAAA,CAAA;AAAA,QAC3B,OAAO,IAAA,CAAK,KAAA;AAAA,QACZ,IAAA,EAAM,IAAA;AAAA,QACN,EAAA,EAAI,IAAA,CAAK,KAAA,CAAM,QAAA,EAAS;AAAA,QACxB,SAAA,EAAW,IAAA,CAAK,KAAA,CAAM,QAAA,EAAS;AAAA,QAC/B,UAAU;AAAC,OACf;AAAA,IACJ,CAAC,CAAA;AAEL,IAAA,IAAI,aAAA,CAAc,SAAS,CAAA,EAAG;AAC1B,MAAA,WAAA,CAAY,IAAA,CAAK;AAAA,QACb,GAAA,EAAK,eAAA;AAAA,QACL,KAAA,EAAO,eAAA;AAAA,QACP,QAAA,EAAU;AAAA,OACb,CAAA;AAAA,IACL;AAAA,EACJ;AAEA,EAAA,OAAO,WAAA;AACX;AAMO,SAAS,aAAA,CACZ,MAAA,EACA,KAAA,EACA,UAAA,EACF;AACE,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,GAAA,CAAI,MAAA,CAAO,UAAU,CAAA;AAExC,EAAA,IAAI,CAAC,IAAA,EAAM;AACP,IAAA;AAAA,EACJ;AAEA,EAAA,MAAM,WAAW,IAAA,CAAK,QAAA;AAEtB,EAAA,IAAI,QAAA,KAAa,IAAA,IAAQ,QAAA,KAAa,MAAA,EAAW;AAC7C,IAAA;AAAA,EACJ;AAEA,EAAA,MAAM,MAAA,GAAS,KAAA,CAAM,GAAA,CAAI,QAAA,CAAS,UAAU,CAAA;AAE5C,EAAA,IAAI,CAAC,MAAA,EAAQ;AACT,IAAA;AAAA,EACJ;AACA,EAAA,IAAI,CAAC,UAAA,EAAY;AACb,IAAA;AAAA,EACJ;AACA,EAAA,MAAM,WAAW,KAAA,CAAM,IAAA,CAAK,KAAA,CAAM,MAAA,EAAQ,CAAA,CAAE,MAAA;AAAA,IACxC,CAAC,EAAA,KAAO,EAAA,CAAG,QAAA,KAAa;AAAA,GAC5B;AAEA,EAAA,MAAM,qBAAqB,QAAA,CAAS,KAAA;AAAA;AAAA,IAEhC,CAAC,OAAA,KAAY,UAAA,CAAW,OAAA,CAAQ,KAAK,GAAG,OAAA,IAAW;AAAA,GACvD;AAIA,EAAA,UAAA,CAAW,QAAQ,CAAA,GAAI,EAAE,OAAA,EAAS,kBAAA,EAAoB,gBAAgB,IAAA,EAAK;AAG3E,EAAA,aAAA,CAAc,QAAA,EAAU,OAAO,UAAU,CAAA;AAC7C;;;;"}

package/form/Editable/index.cjs

@@ -0,0 +1,118 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../../layout/Flex/index.cjs');
+var index_native = require('../../primitives/Text/index.cjs');
+var index_native$1 = require('../inputs/InputText/index.cjs');
+var index_native$2 = require('../inputs/InputTextarea/index.cjs');
+var Button_native = require('../../components/Button/Button.cjs');
+
+const Editable = ({
+  defaultValue = "",
+  value,
+  onChange,
+  onSubmit,
+  activationMode = "click",
+  disabled = false,
+  type = "input",
+  previewProps,
+  inputProps,
+  textareaProps,
+  controls
+}) => {
+  const [isEditing, setIsEditing] = React.useState(false);
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const val = value ?? internalValue;
+  const startEditing = () => {
+    if (!disabled) setIsEditing(true);
+  };
+  const stopEditing = React.useCallback(() => {
+    setIsEditing(false);
+    onSubmit?.(val);
+    onChange?.(val);
+  }, [val, onSubmit, onChange]);
+  const cancelEditing = React.useCallback(() => {
+    setIsEditing(false);
+    setInternalValue(defaultValue);
+  }, [defaultValue]);
+  const handleInputChange = (e) => {
+    setInternalValue(e.target.value);
+    onChange?.(e.target.value);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: "column", justifyContent: "flex-start", gap: 10, position: "relative", children: [
+    !isEditing && /* @__PURE__ */ jsxRuntime.jsx(
+      index_native.default,
+      {
+        onPress: activationMode === "click" ? startEditing : void 0,
+        onLongPress: activationMode === "dblclick" ? startEditing : void 0,
+        disabled,
+        py: 10,
+        px: 12,
+        minH: "3rem",
+        lineHeight: "1.5rem",
+        ...previewProps,
+        children: val
+      }
+    ),
+    isEditing && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      type === "input" ? /* @__PURE__ */ jsxRuntime.jsx(
+        index_native$1.default,
+        {
+          autoFocus: true,
+          attached: true,
+          value: val,
+          onChange: handleInputChange,
+          onSubmitEditing: stopEditing,
+          onKeyDown: (e) => {
+            if (e && "code" in e && e.code == "Escape") {
+              cancelEditing();
+            }
+          },
+          ...inputProps
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        index_native$2.default,
+        {
+          autoFocus: true,
+          value: val,
+          onChange: handleInputChange,
+          onSubmitEditing: stopEditing,
+          onKeyDown: (e) => {
+            if (e && "code" in e && e.code == "Escape") {
+              cancelEditing();
+            }
+          },
+          ...textareaProps
+        }
+      ),
+      controls ? controls({
+        submit: stopEditing,
+        cancel: cancelEditing
+      }) : /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: "row", gap: 8, justifyContent: "flex-end", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button_native.Button,
+          {
+            onPress: cancelEditing,
+            severity: "danger",
+            icon: "pi pi-times",
+            size: "sm"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button_native.Button,
+          {
+            onPress: stopEditing,
+            icon: "pi pi-check",
+            size: "sm"
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+
+exports.default = Editable;
+//# sourceMappingURL=index.cjs.map

package/form/Editable/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/form/Editable/index.tsx"],"sourcesContent":["import React, { type FC, useState, useCallback } from \"react\";\nimport type { IEditableProps } from \"@lmb-it/kitsconcerto-types\";\n\nimport { Text, Flex, Button, KitsInputText, KitsInputTextarea } from \"../../_compat\";\n\n\nconst Editable: FC<IEditableProps> = ({\n                                          defaultValue = \"\",\n                                          value,\n                                          onChange,\n                                          onSubmit,\n                                          activationMode = \"click\",\n                                          disabled = false,\n                                          type = \"input\",\n                                          previewProps,\n                                          inputProps,\n                                          textareaProps,\n                                          controls,\n                                      }) => {\n    const [isEditing, setIsEditing] = useState(false);\n    const [internalValue, setInternalValue] = useState(defaultValue);\n\n    const val = value ?? internalValue;\n\n    const startEditing = () => {\n        if (!disabled) setIsEditing(true);\n    };\n\n    const stopEditing = useCallback(() => {\n        setIsEditing(false);\n        onSubmit?.(val);\n        onChange?.(val);\n    }, [val, onSubmit, onChange]);\n\n    const cancelEditing = useCallback(() => {\n        setIsEditing(false);\n        setInternalValue(defaultValue);\n    }, [defaultValue]);\n\n    const handleInputChange = (e: { target: { value: any; }; }) => {\n        setInternalValue(e.target.value);\n        onChange?.(e.target.value);\n    };\n\n    return (\n        <Flex flexDirection=\"column\" justifyContent={'flex-start'} gap={10} position={'relative'}>\n            {!isEditing && (\n                <Text\n                    onPress={activationMode === \"click\" ? startEditing : undefined}\n                    onLongPress={activationMode === \"dblclick\" ? startEditing : undefined}\n                    disabled={disabled}\n                    py={10}\n                    px={12}\n                    minH={'3rem'}\n                    lineHeight={'1.5rem'}\n                    {...previewProps}\n                >\n                    {val}\n                </Text>\n            )}\n\n            {isEditing && (\n                <>\n                    {type === \"input\" ? (\n                        <KitsInputText\n                            autoFocus\n                            attached\n                            value={val}\n                            onChange={handleInputChange}\n                            onSubmitEditing={stopEditing}\n                            onKeyDown={(e: any) => {\n                                if (e && 'code' in e && e.code == \"Escape\") {\n                                    cancelEditing();\n                                }\n                            }}\n                            {...inputProps}\n                        />\n                    ) : (\n                        <KitsInputTextarea\n                            autoFocus\n                            value={val}\n                            onChange={handleInputChange}\n                            onSubmitEditing={stopEditing}\n                            onKeyDown={(e: any) => {\n                                if (e && 'code' in e && e.code == \"Escape\") {\n                                    cancelEditing();\n                                }\n                            }}\n                            {...textareaProps}\n                        />\n                    )}\n\n                    {controls ? (\n                        controls({\n                            submit: stopEditing,\n                            cancel: cancelEditing,\n                        })\n                    ) : (\n                        <Flex flexDirection=\"row\" gap={8} justifyContent=\"flex-end\">\n                            <Button\n                                onPress={cancelEditing}\n                                severity=\"danger\"\n                                icon=\"pi pi-times\"\n                                size=\"sm\"\n                            />\n                            <Button\n                                onPress={stopEditing}\n                                icon=\"pi pi-check\"\n                                size=\"sm\"\n                            />\n                        </Flex>\n                    )}\n                </>\n            )}\n        </Flex>\n    );\n};\n\nexport default Editable;\n"],"names":["useState","useCallback","jsxs","Flex","jsx","Text","Fragment","KitsInputText","KitsInputTextarea","Button"],"mappings":"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"}

package/form/Editable/index.js

@@ -0,0 +1,114 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useCallback } from 'react';
+import Flex from '../../layout/Flex/index.js';
+import Text from '../../primitives/Text/index.js';
+import KitsInputText from '../inputs/InputText/index.js';
+import KitsInputTextarea from '../inputs/InputTextarea/index.js';
+import { Button } from '../../components/Button/Button.js';
+
+const Editable = ({
+  defaultValue = "",
+  value,
+  onChange,
+  onSubmit,
+  activationMode = "click",
+  disabled = false,
+  type = "input",
+  previewProps,
+  inputProps,
+  textareaProps,
+  controls
+}) => {
+  const [isEditing, setIsEditing] = useState(false);
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const val = value ?? internalValue;
+  const startEditing = () => {
+    if (!disabled) setIsEditing(true);
+  };
+  const stopEditing = useCallback(() => {
+    setIsEditing(false);
+    onSubmit?.(val);
+    onChange?.(val);
+  }, [val, onSubmit, onChange]);
+  const cancelEditing = useCallback(() => {
+    setIsEditing(false);
+    setInternalValue(defaultValue);
+  }, [defaultValue]);
+  const handleInputChange = (e) => {
+    setInternalValue(e.target.value);
+    onChange?.(e.target.value);
+  };
+  return /* @__PURE__ */ jsxs(Flex, { flexDirection: "column", justifyContent: "flex-start", gap: 10, position: "relative", children: [
+    !isEditing && /* @__PURE__ */ jsx(
+      Text,
+      {
+        onPress: activationMode === "click" ? startEditing : void 0,
+        onLongPress: activationMode === "dblclick" ? startEditing : void 0,
+        disabled,
+        py: 10,
+        px: 12,
+        minH: "3rem",
+        lineHeight: "1.5rem",
+        ...previewProps,
+        children: val
+      }
+    ),
+    isEditing && /* @__PURE__ */ jsxs(Fragment, { children: [
+      type === "input" ? /* @__PURE__ */ jsx(
+        KitsInputText,
+        {
+          autoFocus: true,
+          attached: true,
+          value: val,
+          onChange: handleInputChange,
+          onSubmitEditing: stopEditing,
+          onKeyDown: (e) => {
+            if (e && "code" in e && e.code == "Escape") {
+              cancelEditing();
+            }
+          },
+          ...inputProps
+        }
+      ) : /* @__PURE__ */ jsx(
+        KitsInputTextarea,
+        {
+          autoFocus: true,
+          value: val,
+          onChange: handleInputChange,
+          onSubmitEditing: stopEditing,
+          onKeyDown: (e) => {
+            if (e && "code" in e && e.code == "Escape") {
+              cancelEditing();
+            }
+          },
+          ...textareaProps
+        }
+      ),
+      controls ? controls({
+        submit: stopEditing,
+        cancel: cancelEditing
+      }) : /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: 8, justifyContent: "flex-end", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onPress: cancelEditing,
+            severity: "danger",
+            icon: "pi pi-times",
+            size: "sm"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onPress: stopEditing,
+            icon: "pi pi-check",
+            size: "sm"
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+
+export { Editable as default };
+//# sourceMappingURL=index.js.map

package/form/Editable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/form/Editable/index.tsx"],"sourcesContent":["import React, { type FC, useState, useCallback } from \"react\";\nimport type { IEditableProps } from \"@lmb-it/kitsconcerto-types\";\n\nimport { Text, Flex, Button, KitsInputText, KitsInputTextarea } from \"../../_compat\";\n\n\nconst Editable: FC<IEditableProps> = ({\n                                          defaultValue = \"\",\n                                          value,\n                                          onChange,\n                                          onSubmit,\n                                          activationMode = \"click\",\n                                          disabled = false,\n                                          type = \"input\",\n                                          previewProps,\n                                          inputProps,\n                                          textareaProps,\n                                          controls,\n                                      }) => {\n    const [isEditing, setIsEditing] = useState(false);\n    const [internalValue, setInternalValue] = useState(defaultValue);\n\n    const val = value ?? internalValue;\n\n    const startEditing = () => {\n        if (!disabled) setIsEditing(true);\n    };\n\n    const stopEditing = useCallback(() => {\n        setIsEditing(false);\n        onSubmit?.(val);\n        onChange?.(val);\n    }, [val, onSubmit, onChange]);\n\n    const cancelEditing = useCallback(() => {\n        setIsEditing(false);\n        setInternalValue(defaultValue);\n    }, [defaultValue]);\n\n    const handleInputChange = (e: { target: { value: any; }; }) => {\n        setInternalValue(e.target.value);\n        onChange?.(e.target.value);\n    };\n\n    return (\n        <Flex flexDirection=\"column\" justifyContent={'flex-start'} gap={10} position={'relative'}>\n            {!isEditing && (\n                <Text\n                    onPress={activationMode === \"click\" ? startEditing : undefined}\n                    onLongPress={activationMode === \"dblclick\" ? startEditing : undefined}\n                    disabled={disabled}\n                    py={10}\n                    px={12}\n                    minH={'3rem'}\n                    lineHeight={'1.5rem'}\n                    {...previewProps}\n                >\n                    {val}\n                </Text>\n            )}\n\n            {isEditing && (\n                <>\n                    {type === \"input\" ? (\n                        <KitsInputText\n                            autoFocus\n                            attached\n                            value={val}\n                            onChange={handleInputChange}\n                            onSubmitEditing={stopEditing}\n                            onKeyDown={(e: any) => {\n                                if (e && 'code' in e && e.code == \"Escape\") {\n                                    cancelEditing();\n                                }\n                            }}\n                            {...inputProps}\n                        />\n                    ) : (\n                        <KitsInputTextarea\n                            autoFocus\n                            value={val}\n                            onChange={handleInputChange}\n                            onSubmitEditing={stopEditing}\n                            onKeyDown={(e: any) => {\n                                if (e && 'code' in e && e.code == \"Escape\") {\n                                    cancelEditing();\n                                }\n                            }}\n                            {...textareaProps}\n                        />\n                    )}\n\n                    {controls ? (\n                        controls({\n                            submit: stopEditing,\n                            cancel: cancelEditing,\n                        })\n                    ) : (\n                        <Flex flexDirection=\"row\" gap={8} justifyContent=\"flex-end\">\n                            <Button\n                                onPress={cancelEditing}\n                                severity=\"danger\"\n                                icon=\"pi pi-times\"\n                                size=\"sm\"\n                            />\n                            <Button\n                                onPress={stopEditing}\n                                icon=\"pi pi-check\"\n                                size=\"sm\"\n                            />\n                        </Flex>\n                    )}\n                </>\n            )}\n        </Flex>\n    );\n};\n\nexport default Editable;\n"],"names":[],"mappings":"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"}

package/form/controls/Checkbox/checkbox.cjs

@@ -0,0 +1,237 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+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');
+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');
+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');
+var index$1 = 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 useResolvedStyle = require('../../../hooks/useResolvedStyle.cjs');
+var KitsThemeProvider_native = require('../../../contexts/Theme/KitsThemeProvider.cjs');
+var index = require('../../../layout/Flex/index.cjs');
+var index_native = require('../../../primitives/Text/index.cjs');
+
+const indicatorSize = (s) => {
+  switch (s) {
+    case "xs":
+    case "sm":
+      return "sm";
+    case "lg":
+    case "xl":
+      return "lg";
+    default:
+      return "md";
+  }
+};
+const CheckboxButton = ({
+  item,
+  selected,
+  disabled,
+  isInvalid,
+  onToggle,
+  slotStyles
+}) => {
+  const { resolveToken } = KitsThemeProvider_native.useKitsTheme();
+  const primaryColor = resolveToken("primary");
+  const borderColor = resolveToken("gray.300");
+  const resolvedItemStyle = React.useMemo(() => {
+    const merged = {
+      ...slotStyles?.item || {},
+      ...selected ? slotStyles?.itemSelected : null,
+      ...disabled ? slotStyles?.itemDisabled : null,
+      ...isInvalid ? slotStyles?.itemInvalid : null,
+      ...item.w != null && !(item.style && item.style.w != null) && !(item.style && item.style.width != null) ? { width: item.w } : null,
+      ...item.style || {},
+      ...selected ? item.styleSelected : null,
+      ...disabled ? item.styleDisabled : null,
+      ...isInvalid ? item.styleInvalid : null
+    };
+    return useResolvedStyle.resolveStyleRecord(merged, resolveToken);
+  }, [slotStyles, selected, disabled, isInvalid, item.style, item.styleSelected, item.styleDisabled, item.styleInvalid, item.w, resolveToken]);
+  const { wrapper: wrapperStyle, text: textStyle } = React.useMemo(
+    () => useResolvedStyle.splitTextStyle(resolvedItemStyle),
+    [resolvedItemStyle]
+  );
+  const sizes = {
+    xs: 13,
+    sm: 17,
+    md: 22,
+    lg: 27,
+    xl: 30
+  };
+  const paddings = {
+    xs: [1, 3],
+    sm: [2, 5],
+    md: [3, 7],
+    lg: [4, 9],
+    xl: [5, 13]
+  };
+  const size = item.size ? sizes[item.size] : sizes.xs;
+  const padding = item.size ? paddings[item.size] : paddings.xs;
+  const leftLabel = item.labelPosition === "left";
+  const bottomLabel = item.labelPosition === "bottom";
+  const topLabel = item.labelPosition === "top";
+  const direction = leftLabel ? "row-reverse" : bottomLabel ? "column" : topLabel ? "column-reverse" : "row";
+  const containerStyle = React.useMemo(() => ({
+    opacity: disabled ? 40 : 100,
+    borderWidth: item.component ? 0 : 1,
+    borderRadius: item.component ? 0 : 8,
+    borderColor: selected ? primaryColor : borderColor,
+    backgroundColor: selected ? primaryColor : "transparent",
+    paddingHorizontal: item.component ? 0 : padding?.[1],
+    paddingVertical: item.component ? 0 : padding?.[0]
+  }), [disabled, selected, item.component, padding]);
+  const renderContent = () => {
+    if (item.component) {
+      return typeof item.component === "function" ? item.component({ selected, value: item.value, isInvalid: !!isInvalid }) : item.component;
+    }
+    const defaultColor = selected && !item.withBulbs ? "#fff" : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index_native.default,
+      {
+        fontSize: size,
+        fontColor: defaultColor,
+        m: 0,
+        style: textStyle,
+        children: item.label
+      }
+    );
+  };
+  const renderBulb = () => /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Pressable,
+    {
+      onPress: () => {
+        if (!disabled) onToggle();
+      },
+      disabled,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(index.default, { alignItems: "center", gap: 6, flexDirection: direction, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          index$1.default,
+          {
+            checked: selected,
+            disabled,
+            invalid: isInvalid,
+            checkedBackgroundColor: primaryColor,
+            checkedBorderColor: primaryColor,
+            size: indicatorSize(item.size)
+          }
+        ),
+        renderContent()
+      ] })
+    }
+  );
+  const renderComponent = () => /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Pressable,
+    {
+      onPress: () => {
+        if (!disabled) onToggle();
+      },
+      disabled,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: direction, alignItems: "center", gap: 4, children: [
+        renderContent(),
+        !!item.label && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { children: item.label })
+      ] })
+    }
+  );
+  if (!item.withBulbs && !item.component) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Pressable,
+      {
+        onPress: () => {
+          if (!disabled) onToggle();
+        },
+        disabled,
+        style: [containerStyle, wrapperStyle],
+        children: renderContent()
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      pointerEvents: disabled ? "none" : "auto",
+      style: wrapperStyle,
+      alignItems: "flex-start",
+      children: item.withBulbs ? renderBulb() : renderComponent()
+    }
+  );
+};
+
+exports.default = CheckboxButton;
+//# sourceMappingURL=checkbox.cjs.map

package/form/controls/Checkbox/checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.cjs","sources":["../../../../../src/form/controls/Checkbox/checkbox.native.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { IRadioCheckboxListItem } from \"@lmb-it/kitsconcerto-types\";\nimport { Flex, Text } from \"../../../_compat\";\nimport { Pressable } from \"react-native\";\nimport { CoreCheckboxIndicator } from \"@lmb-it/kitsconcertomobile\";\nimport { useKitsTheme } from \"../../../contexts/Theme\";\nimport { resolveStyleRecord, splitTextStyle } from \"../../../hooks/useResolvedStyle\";\n\ninterface CheckboxButtonProps<T> {\n    item: IRadioCheckboxListItem<T>;\n    selected: boolean;\n    disabled?: boolean;\n    isInvalid?: boolean;\n    onToggle: () => void;\n    /**\n     * Pre-merged slot styles from KitsCheckbox (theme `Checkbox.item*` +\n     * per-instance `slots.item*`). Unresolved IStyleClasses.\n     */\n    slotStyles?: {\n        item?: Record<string, any>;\n        itemSelected?: Record<string, any>;\n        itemDisabled?: Record<string, any>;\n        itemInvalid?: Record<string, any>;\n    };\n}\n\nconst indicatorSize = (s?: string): 'sm' | 'md' | 'lg' => {\n    switch (s) {\n        case 'xs': case 'sm': return 'sm';\n        case 'lg': case 'xl': return 'lg';\n        default: return 'md';\n    }\n};\n\nconst CheckboxButton = <T,>({\n    item,\n    selected,\n    disabled,\n    isInvalid,\n    onToggle,\n    slotStyles,\n}: CheckboxButtonProps<T>) => {\n    const { resolveToken } = useKitsTheme();\n    const primaryColor = resolveToken('primary');\n    const borderColor = resolveToken('gray.300');\n\n    /* Per-item style (slotStyles + item.style*), token-resolved.\n       slotStyles is pre-merged at KitsCheckbox level\n       (FormElement < Checkbox.item < per-instance slots.item). */\n    const resolvedItemStyle = useMemo(() => {\n        const merged: Record<string, any> = {\n            ...(slotStyles?.item || {}),\n            ...(selected ? slotStyles?.itemSelected : null),\n            ...(disabled ? slotStyles?.itemDisabled : null),\n            ...(isInvalid ? slotStyles?.itemInvalid : null),\n            ...(item.w != null && !(item.style && (item.style as any).w != null) && !(item.style && (item.style as any).width != null)\n                ? { width: item.w }\n                : null),\n            ...(item.style || {}),\n            ...(selected ? item.styleSelected : null),\n            ...(disabled ? item.styleDisabled : null),\n            ...(isInvalid ? item.styleInvalid : null),\n        };\n        return resolveStyleRecord(merged, resolveToken);\n    }, [slotStyles, selected, disabled, isInvalid, item.style, item.styleSelected, item.styleDisabled, item.styleInvalid, item.w, resolveToken]);\n\n    // Route text props to inner Text, layout props to outer wrapper.\n    // No size default — `style.flex` / `style.width` flow through directly.\n    const { wrapper: wrapperStyle, text: textStyle } = useMemo(\n        () => splitTextStyle(resolvedItemStyle),\n        [resolvedItemStyle],\n    );\n\n    const sizes: Record<string, number> = {\n        xs: 13, sm: 17, md: 22, lg: 27, xl: 30,\n    };\n\n    const paddings: Record<string, [number, number]> = {\n        xs: [1, 3], sm: [2, 5], md: [3, 7], lg: [4, 9], xl: [5, 13],\n    };\n\n    const size = item.size ? sizes[item.size] : sizes.xs;\n    const padding = item.size ? paddings[item.size] : paddings.xs;\n\n    /* ---- Label positioning (mirrors web) ---- */\n    const leftLabel = item.labelPosition === \"left\";\n    const bottomLabel = item.labelPosition === \"bottom\";\n    const topLabel = item.labelPosition === \"top\";\n\n    const direction =\n        leftLabel ? \"row-reverse\" :\n            bottomLabel ? \"column\" :\n                topLabel ? \"column-reverse\" :\n                    \"row\";\n\n    /* ---- Button mode style (mirrors web checked-option) ---- */\n    const containerStyle = useMemo(() => ({\n        opacity: disabled ? 40 : 100,\n        borderWidth: item.component ? 0 : 1,\n        borderRadius: item.component ? 0 : 8,\n        borderColor: selected ? primaryColor : borderColor,\n        backgroundColor: selected ? primaryColor : 'transparent',\n        paddingHorizontal: item.component ? 0 : padding?.[1],\n        paddingVertical: item.component ? 0 : padding?.[0],\n    }), [disabled, selected, item.component, padding]);\n\n    /* ---- Content: custom component or label text ---- */\n    const renderContent = () => {\n        if (item.component) {\n            return typeof item.component === \"function\"\n                ? item.component({ selected, value: item.value, isInvalid: !!isInvalid })\n                : item.component;\n        }\n        // Default selected-button color (white on primary fill) kept,\n        // but user-supplied text props override it via spread style.\n        const defaultColor = selected && !item.withBulbs ? '#fff' : undefined;\n        return (\n            <Text\n                fontSize={size}\n                fontColor={defaultColor}\n                m={0}\n                style={textStyle}\n            >\n                {item.label}\n            </Text>\n        );\n    };\n\n    /* ---- Bulb: custom checkbox indicator + content (mirrors web PrimeCheckbox + renderContent) ---- */\n    const renderBulb = () => (\n        <Pressable\n            onPress={() => { if (!disabled) onToggle(); }}\n            disabled={disabled}\n        >\n            <Flex alignItems=\"center\" gap={6} flexDirection={direction}>\n                <CoreCheckboxIndicator\n                    checked={selected}\n                    disabled={disabled}\n                    invalid={isInvalid}\n                    checkedBackgroundColor={primaryColor}\n                    checkedBorderColor={primaryColor}\n                    size={indicatorSize(item.size)}\n                />\n                {renderContent()}\n            </Flex>\n        </Pressable>\n    );\n\n    /* ---- Component: custom component + label (mirrors web renderComponent) ---- */\n    const renderComponent = () => (\n        <Pressable\n            onPress={() => { if (!disabled) onToggle(); }}\n            disabled={disabled}\n        >\n            <Flex flexDirection={direction} alignItems=\"center\" gap={4}>\n                {renderContent()}\n                {!!item.label && <Text>{item.label}</Text>}\n            </Flex>\n        </Pressable>\n    );\n\n\n    // BUTTON mode: collapse to a single layer — Pressable IS the styled\n    // pill. wrapperStyle wins over containerStyle (later in RN array).\n    if (!item.withBulbs && !item.component) {\n        return (\n            <Pressable\n                onPress={() => { if (!disabled) onToggle(); }}\n                disabled={disabled}\n                style={[containerStyle, wrapperStyle]}\n            >\n                {renderContent()}\n            </Pressable>\n        );\n    }\n\n    // BULB / COMPONENT modes keep the nested structure.\n    return (\n        <Flex\n            pointerEvents={disabled ? \"none\" : \"auto\"}\n            style={wrapperStyle}\n            alignItems=\"flex-start\"\n        >\n            {item.withBulbs ? renderBulb() : renderComponent()}\n        </Flex>\n    );\n};\n\nexport default CheckboxButton;\n"],"names":["useKitsTheme","useMemo","resolveStyleRecord","splitTextStyle","jsx","Text","Pressable","Flex","CoreCheckboxIndicator"],"mappings":"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"}