@lmb-it/kitsconcerto-native 0.1.236

package/form-renderer/components/layout/FieldWrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldWrapper.cjs","sources":["../../../../../src/form-renderer/components/layout/FieldWrapper.native.tsx"],"sourcesContent":["// components/layout/FieldWrapper.native.tsx\n\nimport React, {useCallback, useEffect, useMemo, useRef} from \"react\";\nimport type {FieldValues} from \"react-hook-form\";\nimport {useWatch} from \"react-hook-form\";\nimport {useFieldLogic} from \"../../hooks\";\nimport type {FieldWrapperProps, GroupFieldConfigs} from \"@lmb-it/kitsconcerto-types\";\nimport {Flex} from \"../../../_compat\";\nimport {createStyleContext, resolveResponsiveValue} from \"@lmb-it/kitsconcertomobile\";\n\n/**\n * Native layout contract:\n * - Container MUST be flex-row + flex-wrap\n * - Grid semantics are approximated via percentages\n *\n * Supported mappings:\n * - columns           -> virtual column count\n * - colSpan           -> width %\n * - colOffset         -> marginLeft %\n * - columnGap         -> item horizontal padding\n * - rowGap            -> item vertical padding\n * - rowSpan           -> minHeight approximation\n *\n * Ignored (grid-only semantics):\n * - templateAreas\n * - area\n * - gridTemplateRows\n * - gridTemplateColumns\n * - rowStart / rowEnd\n * - colStart / colEnd\n */\n\nconst DEFAULT_COLUMNS = 12;\nconst DEFAULT_ROW_HEIGHT = 56;\n\nexport const FieldWrapper = <T extends FieldValues>({\n                                                        element,\n                                                        control,\n                                                        getValues,\n                                                        setFocusedField,\n                                                        focusedField,\n                                                        children,\n                                                        grid,\n                                                        onGridChange,\n                                                        groupField,\n                                                    }: FieldWrapperProps<T>) => {\n    /* ---------------- helpers (no hooks) ---------------- */\n\n    const currentLayout = useRef<any>(null);\n    const resolveDepPath = (dep: string, groupField?: GroupFieldConfigs<T>['groupField']): string => {\n        if (!groupField || groupField.index === undefined || groupField.index < 0) return dep;\n\n        const parts = dep.split(\".\");\n        const {name, index} = groupField;\n\n        // Must be \"<groupRef>.current.<field...>\"\n        if (parts.length < 2 || parts[1] !== \"current\") return dep;\n\n        // Group-relative deps are authored against the group's own id\n        // (e.g. \"addresses.current.x\"). When the group is nested inside an\n        // Object the live `name` is the fully-qualified dotted path\n        // (e.g. \"addressGroup.addresses\"), so match the dep's first segment\n        // against EITHER the full name or its trailing segment, then rebuild\n        // against the fully-qualified name so useWatch hits the real path.\n        const nameLast = name.includes(\".\") ? name.slice(name.lastIndexOf(\".\") + 1) : name;\n        if (parts[0] !== name && parts[0] !== nameLast) return dep;\n\n        return [name, String(index), ...parts.slice(2)].join(\".\");\n    };\n\n    const flattenPaths = (obj: any, prefix = ''): string[] =>\n        Object.keys(obj ?? {}).flatMap((key) => {\n            const path = prefix ? `${prefix}.${key}` : key;\n            return typeof obj[key] === 'object' && obj[key] !== null\n                ? [path, ...flattenPaths(obj[key], path)]\n                : [path];\n        });\n\n    // 1. Determine which fields to watch for changes.\n    const dependencies = useMemo(() => {\n        const deps = new Set<string>([...(element.deps ?? []), ...(element.logic?.deps ?? [])]);\n\n        if (deps.has('*')) {\n            return flattenPaths(getValues());\n        }\n\n        return Array.from(deps).map((d) => resolveDepPath(d, groupField));\n    }, [element, groupField]);\n\n\n    // 2. Efficiently watch only the necessary fields.\n    const watchedValues = useWatch({\n        name: dependencies as any,\n        compute:(fieldValue)=>{\n            return fieldValue\n        },\n        exact:true,\n        disabled:dependencies.length === 0\n    });\n\n    useEffect(() => {\n        // console.log('watchedValues', watchedValues)\n    }, [watchedValues]);\n    // This single hook provides all the necessary logic and state for the field.\n    const fieldLogic = useFieldLogic({element, control, getValues, isFocused: focusedField === element.id, groupField, watchedValues});\n\n    const {\n        field,\n        isShown,\n        layout,\n        style:elementStyle,\n        animation\n    } = fieldLogic;\n    const isFocused = focusedField === field.name;\n\n    const onFocus = useCallback(() => setFocusedField(field.name), [setFocusedField, field.name]);\n    const onBlur: React.FocusEventHandler<any> = useCallback((event) => {\n        const cl = event.target['className'];\n        // @ts-ignore\n        if(!cl || cl.includes(`${element.id}_option_item`) || cl.includes(`p-multiselect-filter`)){\n            return;\n        }\n        setFocusedField('');\n        field.onBlur(); // Call the original onBlur from react-hook-form\n    }, [setFocusedField, field.onBlur]);\n\n    // Grid layout effect — MUST be before any conditional return (Rules of Hooks)\n    useEffect(() => {\n        if(layout.colSpan && currentLayout.current != JSON.stringify(layout)){\n            const ctx = createStyleContext();\n\n            const colSpan = resolveResponsiveValue<string | number>(layout.colSpan, ctx);\n\n            onGridChange?.(colSpan?.toString() ?? '12')\n\n            currentLayout.current = JSON.stringify(layout)\n        }\n\n    }, [layout]);\n\n    // If the logic dictates this field should not be shown, render nothing.\n    if (!isShown || !children) {\n        return null;\n    }\n\n\n\n    // @ts-ignore\n    return <Flex {...elementStyle?.container} {...animation}\n                 zIndex={isFocused ? 1000 : ('auto' as unknown as number)}\n                 w={'100%'} onTouchStart={onFocus}>\n        {children(fieldLogic)}\n    </Flex>\n};\n"],"names":["useRef","groupField","useMemo","useWatch","useEffect","useFieldLogic","useCallback","createStyleContext","resolveResponsiveValue","jsx","Flex"],"mappings":"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"}

package/form-renderer/components/layout/FieldWrapper.js

@@ -0,0 +1,172 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useMemo, useEffect, useCallback } from 'react';
+import { useWatch } from 'react-hook-form';
+import { useFieldLogic } from '../../hooks/useFieldLogic.js';
+import '@hookform/resolvers/yup';
+import 'yup';
+import '../../../apps/mobile/src/ui/accordion/index.js';
+import '../../../apps/mobile/src/ui/actionsheet/index.js';
+import '../../../apps/mobile/src/ui/alert/index.js';
+import '../../../apps/mobile/src/ui/alert-dialog/index.js';
+import '../../../apps/mobile/src/ui/avatar/index.js';
+import '../../../apps/mobile/src/ui/badge/index.js';
+import '../../../apps/mobile/src/ui/bottomsheet/index.js';
+import '../../../apps/mobile/src/ui/box/index.js';
+import '../../../apps/mobile/src/ui/button/index.js';
+import '../../../apps/mobile/src/ui/card/index.js';
+import '../../../apps/mobile/src/ui/center/index.js';
+import '../../../apps/mobile/src/ui/checkbox/index.js';
+import '../../../apps/mobile/src/ui/divider/index.js';
+import '../../../apps/mobile/src/ui/drawer/index.js';
+import '../../../apps/mobile/src/ui/fab/index.js';
+import 'react-native';
+import '../../../apps/mobile/src/ui/form-control/index.js';
+import '../../../apps/mobile/src/ui/gluestack-ui-provider/config.js';
+import '@gluestack-ui/core/overlay/creator';
+import '@gluestack-ui/core/toast/creator';
+import 'nativewind';
+import '../../../apps/mobile/src/ui/grid/index.js';
+import '../../../apps/mobile/src/ui/heading/index.js';
+import '../../../apps/mobile/src/ui/hstack/index.js';
+import '../../../apps/mobile/src/ui/icon/index.js';
+import '../../../apps/mobile/src/ui/image/index.js';
+import '../../../apps/mobile/src/ui/image-background/index.js';
+import '../../../apps/mobile/src/ui/input/index.js';
+import '../../../apps/mobile/src/ui/link/index.js';
+import '../../../apps/mobile/src/ui/menu/index.js';
+import '../../../apps/mobile/src/ui/modal/index.js';
+import '../../../apps/mobile/src/ui/popover/index.js';
+import '../../../apps/mobile/src/ui/portal/index.js';
+import '../../../apps/mobile/src/ui/pressable/index.js';
+import '../../../apps/mobile/src/ui/progress/index.js';
+import '../../../apps/mobile/src/ui/radio/index.js';
+import 'react-native-safe-area-context';
+import '../../../apps/mobile/src/ui/select/index.js';
+import '../../../apps/mobile/src/ui/skeleton/index.js';
+import '../../../apps/mobile/src/ui/slider/index.js';
+import '../../../apps/mobile/src/ui/spinner/index.js';
+import '../../../apps/mobile/src/ui/switch/index.js';
+import '../../../apps/mobile/src/ui/table/index.js';
+import '../../../apps/mobile/src/ui/text/index.js';
+import '../../../apps/mobile/src/ui/textarea/index.js';
+import '../../../apps/mobile/src/ui/toast/index.js';
+import '../../../apps/mobile/src/ui/tooltip/index.js';
+import '../../../apps/mobile/src/ui/vstack/index.js';
+import 'react-native-reanimated';
+import { createStyleContext, resolveResponsiveValue } from '../../../apps/mobile/src/Factory/helpers/style.js';
+import '../../../apps/mobile/src/Factory/DimensionsContext.js';
+import 'react-icons/fa';
+import 'react-icons/ai';
+import 'react-icons/io';
+import '../../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.js';
+import '../../../packages/types/src/Css/map/index.js';
+import '../../../packages/types/src/Theme/shadows.js';
+import '../../../packages/types/src/Theme/defaultTheme.js';
+import 'i18next';
+import 'react-i18next';
+import '../../../apps/mobile/src/Core/AutoComplete/index.js';
+import '../../../apps/mobile/src/Core/Dropdown/index.js';
+import '../../../apps/mobile/src/Core/MultiSelect/index.js';
+import '../../../apps/mobile/src/Core/Trees/components/CoreTree.js';
+import '../../../apps/mobile/src/Core/Trees/components/CoreTreeSelect.js';
+import '../../../apps/mobile/src/Core/Trees/components/CoreToolbar.js';
+import '../../../apps/mobile/src/Core/Paginator/index.js';
+import 'lucide-react-native';
+import '../../../apps/mobile/src/Core/SelectButton/index.js';
+import '../../../apps/mobile/src/Core/DataTable/DataTable.js';
+import '../../../apps/mobile/src/Core/Tag/index.js';
+import '../../../apps/mobile/src/Core/Badge/index.js';
+import '../../../apps/mobile/src/Core/ProgressBar/index.js';
+import '../../../apps/mobile/src/Core/Checkbox/index.js';
+import '../../../apps/mobile/src/Core/RadioButton/index.js';
+import '../../../apps/mobile/src/Core/Input/index.js';
+import '../../../apps/mobile/src/Core/Input/Field.js';
+import '../../../apps/mobile/src/Core/Input/Slot.js';
+import Flex from '../../../layout/Flex/index.js';
+
+const FieldWrapper = ({
+  element,
+  control,
+  getValues,
+  setFocusedField,
+  focusedField,
+  children,
+  grid,
+  onGridChange,
+  groupField
+}) => {
+  const currentLayout = useRef(null);
+  const resolveDepPath = (dep, groupField2) => {
+    if (!groupField2 || groupField2.index === void 0 || groupField2.index < 0) return dep;
+    const parts = dep.split(".");
+    const { name, index } = groupField2;
+    if (parts.length < 2 || parts[1] !== "current") return dep;
+    const nameLast = name.includes(".") ? name.slice(name.lastIndexOf(".") + 1) : name;
+    if (parts[0] !== name && parts[0] !== nameLast) return dep;
+    return [name, String(index), ...parts.slice(2)].join(".");
+  };
+  const flattenPaths = (obj, prefix = "") => Object.keys(obj ?? {}).flatMap((key) => {
+    const path = prefix ? `${prefix}.${key}` : key;
+    return typeof obj[key] === "object" && obj[key] !== null ? [path, ...flattenPaths(obj[key], path)] : [path];
+  });
+  const dependencies = useMemo(() => {
+    const deps = /* @__PURE__ */ new Set([...element.deps ?? [], ...element.logic?.deps ?? []]);
+    if (deps.has("*")) {
+      return flattenPaths(getValues());
+    }
+    return Array.from(deps).map((d) => resolveDepPath(d, groupField));
+  }, [element, groupField]);
+  const watchedValues = useWatch({
+    name: dependencies,
+    compute: (fieldValue) => {
+      return fieldValue;
+    },
+    exact: true,
+    disabled: dependencies.length === 0
+  });
+  useEffect(() => {
+  }, [watchedValues]);
+  const fieldLogic = useFieldLogic({ element, control, getValues, isFocused: focusedField === element.id, groupField, watchedValues });
+  const {
+    field,
+    isShown,
+    layout,
+    style: elementStyle,
+    animation
+  } = fieldLogic;
+  const isFocused = focusedField === field.name;
+  const onFocus = useCallback(() => setFocusedField(field.name), [setFocusedField, field.name]);
+  useCallback((event) => {
+    const cl = event.target["className"];
+    if (!cl || cl.includes(`${element.id}_option_item`) || cl.includes(`p-multiselect-filter`)) {
+      return;
+    }
+    setFocusedField("");
+    field.onBlur();
+  }, [setFocusedField, field.onBlur]);
+  useEffect(() => {
+    if (layout.colSpan && currentLayout.current != JSON.stringify(layout)) {
+      const ctx = createStyleContext();
+      const colSpan = resolveResponsiveValue(layout.colSpan, ctx);
+      onGridChange?.(colSpan?.toString() ?? "12");
+      currentLayout.current = JSON.stringify(layout);
+    }
+  }, [layout]);
+  if (!isShown || !children) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      ...elementStyle?.container,
+      ...animation,
+      zIndex: isFocused ? 1e3 : "auto",
+      w: "100%",
+      onTouchStart: onFocus,
+      children: children(fieldLogic)
+    }
+  );
+};
+
+export { FieldWrapper };
+//# sourceMappingURL=FieldWrapper.js.map

package/form-renderer/components/layout/FieldWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldWrapper.js","sources":["../../../../../src/form-renderer/components/layout/FieldWrapper.native.tsx"],"sourcesContent":["// components/layout/FieldWrapper.native.tsx\n\nimport React, {useCallback, useEffect, useMemo, useRef} from \"react\";\nimport type {FieldValues} from \"react-hook-form\";\nimport {useWatch} from \"react-hook-form\";\nimport {useFieldLogic} from \"../../hooks\";\nimport type {FieldWrapperProps, GroupFieldConfigs} from \"@lmb-it/kitsconcerto-types\";\nimport {Flex} from \"../../../_compat\";\nimport {createStyleContext, resolveResponsiveValue} from \"@lmb-it/kitsconcertomobile\";\n\n/**\n * Native layout contract:\n * - Container MUST be flex-row + flex-wrap\n * - Grid semantics are approximated via percentages\n *\n * Supported mappings:\n * - columns           -> virtual column count\n * - colSpan           -> width %\n * - colOffset         -> marginLeft %\n * - columnGap         -> item horizontal padding\n * - rowGap            -> item vertical padding\n * - rowSpan           -> minHeight approximation\n *\n * Ignored (grid-only semantics):\n * - templateAreas\n * - area\n * - gridTemplateRows\n * - gridTemplateColumns\n * - rowStart / rowEnd\n * - colStart / colEnd\n */\n\nconst DEFAULT_COLUMNS = 12;\nconst DEFAULT_ROW_HEIGHT = 56;\n\nexport const FieldWrapper = <T extends FieldValues>({\n                                                        element,\n                                                        control,\n                                                        getValues,\n                                                        setFocusedField,\n                                                        focusedField,\n                                                        children,\n                                                        grid,\n                                                        onGridChange,\n                                                        groupField,\n                                                    }: FieldWrapperProps<T>) => {\n    /* ---------------- helpers (no hooks) ---------------- */\n\n    const currentLayout = useRef<any>(null);\n    const resolveDepPath = (dep: string, groupField?: GroupFieldConfigs<T>['groupField']): string => {\n        if (!groupField || groupField.index === undefined || groupField.index < 0) return dep;\n\n        const parts = dep.split(\".\");\n        const {name, index} = groupField;\n\n        // Must be \"<groupRef>.current.<field...>\"\n        if (parts.length < 2 || parts[1] !== \"current\") return dep;\n\n        // Group-relative deps are authored against the group's own id\n        // (e.g. \"addresses.current.x\"). When the group is nested inside an\n        // Object the live `name` is the fully-qualified dotted path\n        // (e.g. \"addressGroup.addresses\"), so match the dep's first segment\n        // against EITHER the full name or its trailing segment, then rebuild\n        // against the fully-qualified name so useWatch hits the real path.\n        const nameLast = name.includes(\".\") ? name.slice(name.lastIndexOf(\".\") + 1) : name;\n        if (parts[0] !== name && parts[0] !== nameLast) return dep;\n\n        return [name, String(index), ...parts.slice(2)].join(\".\");\n    };\n\n    const flattenPaths = (obj: any, prefix = ''): string[] =>\n        Object.keys(obj ?? {}).flatMap((key) => {\n            const path = prefix ? `${prefix}.${key}` : key;\n            return typeof obj[key] === 'object' && obj[key] !== null\n                ? [path, ...flattenPaths(obj[key], path)]\n                : [path];\n        });\n\n    // 1. Determine which fields to watch for changes.\n    const dependencies = useMemo(() => {\n        const deps = new Set<string>([...(element.deps ?? []), ...(element.logic?.deps ?? [])]);\n\n        if (deps.has('*')) {\n            return flattenPaths(getValues());\n        }\n\n        return Array.from(deps).map((d) => resolveDepPath(d, groupField));\n    }, [element, groupField]);\n\n\n    // 2. Efficiently watch only the necessary fields.\n    const watchedValues = useWatch({\n        name: dependencies as any,\n        compute:(fieldValue)=>{\n            return fieldValue\n        },\n        exact:true,\n        disabled:dependencies.length === 0\n    });\n\n    useEffect(() => {\n        // console.log('watchedValues', watchedValues)\n    }, [watchedValues]);\n    // This single hook provides all the necessary logic and state for the field.\n    const fieldLogic = useFieldLogic({element, control, getValues, isFocused: focusedField === element.id, groupField, watchedValues});\n\n    const {\n        field,\n        isShown,\n        layout,\n        style:elementStyle,\n        animation\n    } = fieldLogic;\n    const isFocused = focusedField === field.name;\n\n    const onFocus = useCallback(() => setFocusedField(field.name), [setFocusedField, field.name]);\n    const onBlur: React.FocusEventHandler<any> = useCallback((event) => {\n        const cl = event.target['className'];\n        // @ts-ignore\n        if(!cl || cl.includes(`${element.id}_option_item`) || cl.includes(`p-multiselect-filter`)){\n            return;\n        }\n        setFocusedField('');\n        field.onBlur(); // Call the original onBlur from react-hook-form\n    }, [setFocusedField, field.onBlur]);\n\n    // Grid layout effect — MUST be before any conditional return (Rules of Hooks)\n    useEffect(() => {\n        if(layout.colSpan && currentLayout.current != JSON.stringify(layout)){\n            const ctx = createStyleContext();\n\n            const colSpan = resolveResponsiveValue<string | number>(layout.colSpan, ctx);\n\n            onGridChange?.(colSpan?.toString() ?? '12')\n\n            currentLayout.current = JSON.stringify(layout)\n        }\n\n    }, [layout]);\n\n    // If the logic dictates this field should not be shown, render nothing.\n    if (!isShown || !children) {\n        return null;\n    }\n\n\n\n    // @ts-ignore\n    return <Flex {...elementStyle?.container} {...animation}\n                 zIndex={isFocused ? 1000 : ('auto' as unknown as number)}\n                 w={'100%'} onTouchStart={onFocus}>\n        {children(fieldLogic)}\n    </Flex>\n};\n"],"names":["groupField"],"mappings":"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"}

package/form-renderer/hooks/useFieldLogic.cjs

@@ -0,0 +1,293 @@
+'use strict';
+
+var React = require('react');
+var reactHookForm = require('react-hook-form');
+require('yup');
+var dynamicList = require('../utils/dynamicList.cjs');
+var _ = require('lodash');
+
+const useFieldLogic = ({
+  element: { onDepsChange, ...element },
+  control,
+  getValues,
+  isFocused,
+  groupField,
+  watchedValues
+}) => {
+  const formContext = reactHookForm.useFormContext();
+  const prevDepsRef = React.useRef("");
+  const watchedSig = React.useMemo(() => JSON.stringify(watchedValues), [watchedValues]);
+  const allFormValues = React.useMemo(() => getValues(), [getValues, watchedSig]);
+  const childElements = React.useMemo(() => {
+    if (!("elements" in element)) {
+      return [];
+    }
+    const elements = element.elements;
+    if (typeof elements === "function") {
+      return elements(watchedValues, allFormValues, {
+        control,
+        getValues,
+        setValue: formContext.setValue
+      }, groupField);
+    }
+    return elements;
+  }, [watchedValues]);
+  const resolvedProps = React.useMemo(() => {
+    const getDynamicProp = (propName) => {
+      const propValue = element[propName];
+      if (typeof propValue === "function") {
+        return propValue(watchedValues, allFormValues, formContext, groupField);
+      }
+      return propValue;
+    };
+    return {
+      helperText: getDynamicProp("helperText"),
+      leftAddon: getDynamicProp("leftAddon"),
+      rightAddon: getDynamicProp("rightAddon"),
+      keyFilter: getDynamicProp("keyFilter"),
+      withMask: getDynamicProp("withMask")
+      // ... resolve other dynamic props here
+    };
+  }, [watchedValues, allFormValues, element, control, getValues]);
+  const lastListRef = React.useRef(void 0);
+  const lastElementRef = React.useRef(null);
+  const lastWatchedRef = React.useRef(null);
+  const list = React.useMemo(() => {
+    if (!("list" in element)) return void 0;
+    const elementChanged = !_.isEqual(lastElementRef.current, element);
+    const watchedChanged = !_.isEqual(lastWatchedRef.current, watchedValues);
+    if (!elementChanged && !watchedChanged) {
+      return lastListRef.current;
+    }
+    const nextList = dynamicList.dynamicList(
+      element,
+      watchedValues,
+      allFormValues,
+      groupField,
+      formContext
+    );
+    lastElementRef.current = element;
+    lastWatchedRef.current = watchedValues;
+    lastListRef.current = nextList;
+    return nextList;
+  }, [watchedValues, allFormValues, control, getValues, element]);
+  const isShown = React.useMemo(() => {
+    const showLogic = element.show || element.logic?.show;
+    if (typeof showLogic === "function") {
+      return showLogic(watchedValues, allFormValues, {
+        control,
+        getValues,
+        setValue: formContext.setValue
+      }, groupField);
+    }
+    return true;
+  }, [watchedValues, allFormValues, control, getValues, element]);
+  const isDisabled = React.useMemo(() => {
+    const disableLogic = element.isDisabled || element.logic?.disable;
+    if (typeof disableLogic === "function") {
+      return disableLogic(watchedValues, allFormValues, {
+        control,
+        getValues,
+        setValue: formContext.setValue
+      }, groupField);
+    }
+    return !!disableLogic;
+  }, [watchedValues, allFormValues, control, getValues, element]);
+  const isRequired = React.useMemo(() => {
+    if (!("schema" in element) || !element.schema) return false;
+    const schema = element.schema;
+    const checkRequired = (schema2, parentValues) => {
+      try {
+        const type = schema2._type;
+        const testValue = (() => {
+          switch (type) {
+            case "array":
+              return [];
+            case "object":
+              return {};
+            case "boolean":
+              return void 0;
+            case "number":
+              return void 0;
+            case "date":
+              return void 0;
+            default:
+              return "";
+          }
+        })();
+        schema2.validateSync(
+          testValue,
+          // simulating the field is empty
+          {
+            context: parentValues,
+            // @ts-ignore
+            parent: parentValues,
+            abortEarly: false
+          }
+        );
+        return false;
+      } catch (err) {
+        if (err?.inner?.length) {
+          return err.inner.some(
+            (e) => e.type === "required" || e.message?.toLowerCase().includes("required")
+          );
+        }
+        return err?.type === "required" || err?.message?.toLowerCase().includes("required");
+      }
+    };
+    const parent = groupField && groupField.index !== void 0 ? getValues?.()?.[groupField.name]?.[groupField.index] : getValues?.();
+    return checkRequired(schema, parent);
+  }, [element, watchedValues, allFormValues]);
+  const label = React.useMemo(() => {
+    if (typeof element.label === "function") {
+      return element.label(watchedValues, allFormValues, {
+        control,
+        getValues,
+        setValue: formContext.setValue
+      }, groupField);
+    }
+    return element.label;
+  }, [watchedValues, allFormValues, control, getValues, element]);
+  const placeholder = React.useMemo(() => {
+    if ("placeholder" in element && typeof element.placeholder === "function") {
+      return element.placeholder(watchedValues, allFormValues, {
+        control,
+        getValues,
+        setValue: formContext.setValue
+      }, groupField);
+    }
+    return "placeholder" in element ? element.placeholder : void 0;
+  }, [watchedValues, allFormValues, control, getValues, element]);
+  const resolvedStyle = React.useMemo(() => {
+    const s = "style" in element ? element.style : void 0;
+    if (s && typeof s === "function") {
+      return s(watchedValues, allFormValues, {
+        control,
+        getValues,
+        setValue: formContext.setValue
+      }, groupField);
+    }
+    return s;
+  }, [watchedValues, allFormValues, control, getValues, element]);
+  const hasWarnedDeprecatedStyleRef = React.useRef(false);
+  React.useEffect(() => {
+    const nodeEnv = globalThis?.process?.env?.NODE_ENV;
+    if (nodeEnv === "production") return;
+    if (hasWarnedDeprecatedStyleRef.current) return;
+    if (!("style" in element) || element.style === void 0) return;
+    hasWarnedDeprecatedStyleRef.current = true;
+    console.warn(
+      `[KitsConcerto] Field "${element.id}": the "style" prop is deprecated. Use "slots" instead. Migration: style.input \u2192 slots.root.style, style.container \u2192 slots.container.style, style.label \u2192 slots.label.style, style.helperText \u2192 slots.helperText.style, style.errorMessage \u2192 slots.error.style. This prop will be removed in the next major version.`
+    );
+  }, []);
+  const slots = React.useMemo(() => {
+    const rawSlots = "slots" in element ? element.slots : void 0;
+    let explicitSlots;
+    if (rawSlots && typeof rawSlots === "function") {
+      explicitSlots = rawSlots(watchedValues, allFormValues, {
+        control,
+        getValues,
+        setValue: formContext.setValue
+      }, groupField);
+    } else {
+      explicitSlots = rawSlots;
+    }
+    if (!resolvedStyle && !explicitSlots) return void 0;
+    if (!resolvedStyle) return explicitSlots;
+    const STYLE_TO_SLOT = {
+      input: "root",
+      container: "container",
+      label: "label",
+      helperText: "helperText",
+      errorMessage: "error"
+    };
+    const result = {};
+    for (const [styleKey, slotKey] of Object.entries(STYLE_TO_SLOT)) {
+      const val = resolvedStyle[styleKey];
+      if (val) {
+        result[slotKey] = { style: val };
+      }
+    }
+    if (explicitSlots) {
+      for (const [key, slot] of Object.entries(explicitSlots)) {
+        if (!result[key]) {
+          result[key] = slot;
+        } else {
+          result[key] = {
+            ...slot,
+            style: { ...result[key].style, ...slot.style || {} }
+          };
+        }
+      }
+    }
+    return Object.keys(result).length > 0 ? result : void 0;
+  }, [watchedValues, allFormValues, control, getValues, element, resolvedStyle]);
+  const layout = React.useMemo(() => {
+    const getDynamicProp = (prop) => typeof prop === "function" ? prop(watchedValues, allFormValues, { control, getValues }) : prop;
+    return {
+      colSpan: getDynamicProp(element.logic?.colSpan ?? element.colSpan) ?? 12,
+      rowSpan: getDynamicProp(element.rowSpan),
+      columnGap: getDynamicProp(element.columnGap),
+      rowGap: getDynamicProp(element.rowGap),
+      colOffset: getDynamicProp(element.colOffset),
+      area: getDynamicProp(element.area)
+    };
+  }, [watchedValues, allFormValues, control, getValues, element]);
+  const onWatchedValuesChange = React.useCallback(() => {
+    if (onDepsChange) {
+      onDepsChange(watchedValues, allFormValues, formContext, groupField);
+    }
+  }, [watchedValues]);
+  const isObjectElement = element.type === "Object";
+  const { field, fieldState } = reactHookForm.useController({
+    name: element.id,
+    control,
+    shouldUnregister: !isShown,
+    ...isObjectElement ? { defaultValue: {} } : {}
+  });
+  React.useEffect(() => {
+    if (!onDepsChange) return;
+    const sig = JSON.stringify(watchedValues);
+    if (sig === prevDepsRef.current) return;
+    prevDepsRef.current = sig;
+    onDepsChange(watchedValues, allFormValues, formContext, groupField);
+  }, [onDepsChange, watchedValues, allFormValues, formContext, groupField]);
+  return {
+    field: {
+      ...field,
+      onChange: (event) => {
+        if ("onChangeValue" in element && element?.onChangeValue) {
+          const value = event != null && typeof event === "object" && "target" in event ? event.target.value : event;
+          element.onChangeValue(
+            value,
+            { ...fieldState, isFocused: !!isFocused },
+            formContext
+          );
+        }
+        field.onChange(event);
+      }
+    },
+    fieldState,
+    watchedValues,
+    onWatchedValuesChange,
+    elements: childElements,
+    isShown,
+    isDisabled,
+    isRequired,
+    hideError: element.hideError,
+    label,
+    placeholder,
+    formContext,
+    layout,
+    list,
+    style: resolvedStyle,
+    slots,
+    ...resolvedProps,
+    localProps: "localProps" in element ? element?.localProps : void 0,
+    attached: element.attached,
+    animation: element.animation
+  };
+};
+
+exports.useFieldLogic = useFieldLogic;
+//# sourceMappingURL=useFieldLogic.cjs.map

package/form-renderer/hooks/useFieldLogic.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldLogic.cjs","sources":["../../../../src/form-renderer/hooks/useFieldLogic.ts"],"sourcesContent":["import {useCallback, useEffect, useMemo, useRef} from 'react';\nimport {type FieldValues, useController, useFormContext, type UseFormReturn} from 'react-hook-form';\nimport {Schema} from 'yup';\n\n// Assuming your types are consolidated in a central file.\nimport type {\n    IElementStyle,\n    IFormElement,\n    ILabelElement,\n    ITextFieldProps,\n    LogicFunction,\n    UseFieldLogicProps,\n    UseFieldLogicReturn\n} from '@lmb-it/kitsconcerto-types';\nimport {dynamicList} from \"../utils\";\nimport _ from \"lodash\";\n\n// --- Hook Return Value ---\n\n/**\n * The core logic engine for an individual form field.\n * This hook replaces LogicContext and FormFieldContext. It watches dependencies,\n * calculates all dynamic properties (visibility, disabled state, required status, etc.),\n * and provides the necessary props from react-hook-form.\n *\n * @param {UseFieldLogicProps<T>} props - The element definition and form control.\n * @returns {UseFieldLogicReturn<T>} An object containing all necessary props and states for rendering the field.\n */\nexport const useFieldLogic = <T extends FieldValues>({\n                                                         element: {onDepsChange, ...element},\n                                                         control,\n                                                         getValues,\n                                                         isFocused,\n                                                         groupField,\n                                                         watchedValues\n                                                     }: UseFieldLogicProps<T>): UseFieldLogicReturn<T> => {\n\n\n        const formContext = useFormContext<T>()\n\n        const prevDepsRef = useRef<string>(\"\");\n\n        const watchedSig = useMemo(() => JSON.stringify(watchedValues), [watchedValues]);\n\n        const allFormValues = useMemo(() => getValues(), [getValues, watchedSig]);\n\n        /*const watchedObject = useMemo(() => {\n            return dependencies.reduce((acc, dep, index) => {\n                acc[dep] = watchedValues[index];\n                return acc;\n            }, {} as any)\n        }, [watchedValues, dependencies])*/\n\n        const childElements = useMemo(() => {\n            if (!('elements' in element)) {\n                return [];\n            }\n            const elements = element.elements;\n            if (typeof elements === 'function') {\n                return (elements as LogicFunction<T>)(watchedValues, allFormValues, {\n                    control,\n                    getValues,\n                    setValue: formContext.setValue\n                } as any, groupField);\n            }\n            return elements;\n        }, [watchedValues])\n\n        const resolvedProps = useMemo(() => {\n            const getDynamicProp = (propName: keyof IFormElement<T> | string) => {\n                const propValue: LogicFunction<T> = (element as any)[propName];\n                if (typeof propValue === 'function') {\n                    return propValue(watchedValues, allFormValues, formContext, groupField);\n                }\n                return propValue;\n            };\n\n            return {\n                helperText: getDynamicProp('helperText'),\n                leftAddon: getDynamicProp('leftAddon'),\n                rightAddon: getDynamicProp('rightAddon'),\n                keyFilter: getDynamicProp('keyFilter') as ITextFieldProps<T>['keyFilter'],\n                withMask: getDynamicProp('withMask'),\n                // ... resolve other dynamic props here\n            };\n        }, [watchedValues, allFormValues, element, control, getValues]);\n\n        const lastListRef = useRef<T[] | undefined>(undefined);\n        const lastElementRef = useRef<any>(null);\n        const lastWatchedRef = useRef<any>(null);\n\n        const list = useMemo(() => {\n            if (!(\"list\" in element)) return undefined;\n\n            const elementChanged = !_.isEqual(lastElementRef.current, element);\n            const watchedChanged = !_.isEqual(lastWatchedRef.current, watchedValues);\n\n            // ✅ nothing meaningful changed → reuse\n            if (!elementChanged && !watchedChanged) {\n                return lastListRef.current;\n            }\n\n            // 🔁 rebuild\n            const nextList = dynamicList<T>(\n                element,\n                watchedValues,\n                allFormValues,\n                groupField,\n                formContext\n            );\n\n            lastElementRef.current = element;\n            lastWatchedRef.current = watchedValues;\n            lastListRef.current = nextList;\n\n            return nextList;\n        }, [watchedValues, allFormValues, control, getValues, element]);\n\n        // 4. Centralize dynamic property calculations using memoization.\n        const isShown = useMemo(() => {\n            // console.log({watchedObject, allFormValues})\n            const showLogic = element.show || element.logic?.show;\n            if (typeof showLogic === 'function') {\n                return (showLogic as LogicFunction<T>)(watchedValues, allFormValues, {\n                    control,\n                    getValues,\n                    setValue: formContext.setValue\n                } as any, groupField);\n            }\n            return true;\n        }, [watchedValues, allFormValues, control, getValues, element]);\n\n        const isDisabled = useMemo(() => {\n            const disableLogic = element.isDisabled || element.logic?.disable;\n            if (typeof disableLogic === 'function') {\n                return (disableLogic as LogicFunction<T, boolean>)(watchedValues, allFormValues, {\n                    control,\n                    getValues,\n                    setValue: formContext.setValue\n                } as any, groupField);\n            }\n            return !!disableLogic;\n        }, [watchedValues, allFormValues, control, getValues, element]);\n\n        const isRequired = useMemo(() => {\n            if (!('schema' in element) || !element.schema) return false;\n\n            const schema = element.schema as Schema<any>;\n\n            const checkRequired = (schema: Schema<any>, parentValues: any): boolean => {\n                try {\n                    const type = (schema as any)._type;\n\n                    const testValue = (() => {\n                        switch (type) {\n                            case 'array':\n                                return [];\n                            case 'object':\n                                return {};\n                            case 'boolean':\n                                return undefined;\n                            case 'number':\n                                return undefined;\n                            case 'date':\n                                return undefined;\n                            default:\n                                return ''; // string or unknown\n                        }\n                    })();\n                    // Try validating an empty string\n                    schema.validateSync(\n                        testValue, // simulating the field is empty\n                        {\n                            context: parentValues,\n                            // @ts-ignore\n                            parent: parentValues,\n                            abortEarly: false,\n                        }\n                    );\n\n                    return false; // Passed even when empty => not required\n                } catch (err: any) {\n                    // if (element.id === 'count/ries') {\n                    //     console.log(err.inner || err);\n                    // }\n\n                    if (err?.inner?.length) {\n                        return err.inner.some(\n                            (e: any) =>\n                                e.type === 'required' ||\n                                e.message?.toLowerCase().includes('required')\n                        );\n                    }\n\n                    return (\n                        err?.type === 'required' ||\n                        err?.message?.toLowerCase().includes('required')\n                    );\n                }\n            };\n\n            // Get the parent object (either group or full form)\n            const parent = groupField && groupField.index !== undefined\n                ? getValues?.()?.[groupField.name]?.[groupField.index]\n                : getValues?.();\n\n            return checkRequired(schema, parent);\n        }, [element, watchedValues, allFormValues]);\n\n        const label = useMemo(() => {\n            if (typeof element.label === 'function') {\n                return (element.label as LogicFunction<T, ILabelElement>)(watchedValues, allFormValues, {\n                    control,\n                    getValues,\n                    setValue: formContext.setValue\n                } as any, groupField);\n            }\n            return element.label;\n        }, [watchedValues, allFormValues, control, getValues, element]);\n\n        const placeholder = useMemo(() => {\n            if ('placeholder' in element && typeof element.placeholder === 'function') {\n                return (element.placeholder as LogicFunction<T, string>)(watchedValues, allFormValues, {\n                    control,\n                    getValues,\n                    setValue: formContext.setValue\n                } as any, groupField);\n            }\n            return ('placeholder' in element ? element.placeholder : undefined) as string | undefined;\n        }, [watchedValues, allFormValues, control, getValues, element]);\n\n        const resolvedStyle = useMemo(() => {\n            const s = 'style' in element ? element.style : undefined;\n\n            if (s && typeof s === 'function') {\n                return s(watchedValues, allFormValues, {\n                    control,\n                    getValues,\n                    setValue: formContext.setValue\n                } as any, groupField);\n            }\n            return s;\n        }, [watchedValues, allFormValues, control, getValues, element])\n\n        // ─────────────────────────────────────────────────────────────\n        // Dev-mode deprecation warning for the legacy `style` prop.\n        // Fires ONCE per field-instance mount (guarded by hasWarnedRef +\n        // empty deps) so it does not re-fire on keystrokes / re-renders /\n        // theme changes / etc. The bridge below remains functional —\n        // this is a soft deprecation only; runtime removal is deferred\n        // to the next major version.\n        // ─────────────────────────────────────────────────────────────\n        const hasWarnedDeprecatedStyleRef = useRef(false);\n        useEffect(() => {\n            // `process` is undeclared on native (no @types/node) but the\n            // bundler statically replaces it on both platforms in production\n            // builds. Reading it via globalThis sidesteps the TS lookup\n            // without changing the runtime behaviour.\n            const nodeEnv = (globalThis as any)?.process?.env?.NODE_ENV;\n            if (nodeEnv === 'production') return;\n            if (hasWarnedDeprecatedStyleRef.current) return;\n            if (!('style' in element) || (element as any).style === undefined) return;\n\n            hasWarnedDeprecatedStyleRef.current = true;\n            // eslint-disable-next-line no-console\n            console.warn(\n                `[KitsConcerto] Field \"${(element as any).id}\": the \"style\" prop is deprecated. ` +\n                `Use \"slots\" instead. Migration: ` +\n                `style.input → slots.root.style, ` +\n                `style.container → slots.container.style, ` +\n                `style.label → slots.label.style, ` +\n                `style.helperText → slots.helperText.style, ` +\n                `style.errorMessage → slots.error.style. ` +\n                `This prop will be removed in the next major version.`\n            );\n            // Empty deps: warn once on mount only — element identity may\n            // change every render (form re-constructs configs), so we\n            // cannot key on it without re-firing the warning.\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        /**\n         * Merge explicit `slots` with `style` sub-keys.\n         * IElementStyle sub-keys are bridged into the slot system so they\n         * flow through useComponentDefaults → elementStyles → KitsContainer.\n         * Priority: style sub-keys (lowest) < explicit slots (highest).\n         */\n        const slots = useMemo(() => {\n            // 1. Resolve explicit slots (DynamicValue)\n            const rawSlots = 'slots' in element ? element.slots : undefined;\n            let explicitSlots: Record<string, { props?: any; style?: any }> | undefined;\n            if (rawSlots && typeof rawSlots === 'function') {\n                explicitSlots = (rawSlots as any)(watchedValues, allFormValues, {\n                    control,\n                    getValues,\n                    setValue: formContext.setValue\n                } as any, groupField);\n            } else {\n                explicitSlots = rawSlots as any;\n            }\n\n            // 2. Bridge IElementStyle sub-keys into slot format\n            if (!resolvedStyle && !explicitSlots) return undefined;\n            if (!resolvedStyle) return explicitSlots;\n\n            const STYLE_TO_SLOT: Record<string, string> = {\n                input: 'root',\n                container: 'container',\n                label: 'label',\n                helperText: 'helperText',\n                errorMessage: 'error',\n            };\n\n            const result: Record<string, { props?: any; style?: any }> = {};\n\n            // First layer: style sub-keys (lower priority)\n            for (const [styleKey, slotKey] of Object.entries(STYLE_TO_SLOT)) {\n                const val = (resolvedStyle as any)[styleKey];\n                if (val) {\n                    result[slotKey] = { style: val };\n                }\n            }\n\n            // Second layer: explicit slots override\n            if (explicitSlots) {\n                for (const [key, slot] of Object.entries(explicitSlots)) {\n                    if (!result[key]) {\n                        result[key] = slot;\n                    } else {\n                        result[key] = {\n                            ...slot,\n                            style: { ...result[key].style, ...(slot.style || {}) },\n                        };\n                    }\n                }\n            }\n\n            return Object.keys(result).length > 0 ? result : undefined;\n        }, [watchedValues, allFormValues, control, getValues, element, resolvedStyle])\n\n        // 6. Calculate layout properties.\n        const layout = useMemo(() => {\n            const getDynamicProp = (prop: any) => typeof prop === 'function'\n                ? prop(watchedValues, allFormValues, {control, getValues})\n                : prop;\n\n            return {\n                colSpan: getDynamicProp(element.logic?.colSpan ?? element.colSpan) ?? 12,\n                rowSpan: getDynamicProp(element.rowSpan),\n                columnGap: getDynamicProp(element.columnGap),\n                rowGap: getDynamicProp(element.rowGap),\n                colOffset: getDynamicProp(element.colOffset),\n                area: getDynamicProp(element.area),\n            };\n        }, [watchedValues, allFormValues, control, getValues, element]);\n\n\n        const onWatchedValuesChange = useCallback(() => {\n            if (onDepsChange) {\n                onDepsChange(watchedValues, allFormValues, formContext as UseFormReturn<T>, groupField)\n            }\n        }, [watchedValues])\n\n        // 7. Get the field's state and methods from react-hook-form.\n        // For Object elements, default to {} so react-hook-form treats the field\n        // as a nested object — children register with dot-notation paths\n        // (e.g. contactPhone.phoneNumber) and build the nested structure.\n        const isObjectElement = element.type === 'Object';\n        const {field, fieldState} = useController({\n            name: element.id as any,\n            control,\n            shouldUnregister: !isShown,\n            ...(isObjectElement ? {defaultValue: {} as any} : {}),\n        });\n\n        useEffect(() => {\n            if (!onDepsChange) return;\n\n            // Create a stable signature for watched values\n            // (stringify is fine here because deps lists are small)\n            const sig = JSON.stringify(watchedValues);\n\n            if (sig === prevDepsRef.current) return; // ✅ no real change\n\n            prevDepsRef.current = sig;\n\n            onDepsChange(watchedValues, allFormValues, formContext as UseFormReturn<T>, groupField);\n        }, [onDepsChange, watchedValues, allFormValues, formContext, groupField]);\n\n        // 8. Return a single, clean object for the UI component.\n        return {\n            field: {\n                ...field,\n                onChange: (event) => {\n                    if ('onChangeValue' in element && element?.onChangeValue) {\n                        const value = event != null && typeof event === 'object' && 'target' in event\n                            ? event.target.value\n                            : event;\n                        element.onChangeValue(\n                            value,\n                            {...fieldState, isFocused: !!isFocused},\n                            formContext\n                        )\n                    }\n                    field.onChange(event)\n                }\n            },\n            fieldState,\n            watchedValues,\n            onWatchedValuesChange,\n            elements: childElements,\n            isShown,\n            isDisabled,\n            isRequired,\n            hideError: element.hideError,\n            label,\n            placeholder,\n            formContext,\n            layout,\n            list,\n            style: resolvedStyle as IElementStyle,\n            slots,\n            ...resolvedProps,\n            localProps: 'localProps' in element ? element?.localProps : undefined,\n            attached: element.attached,\n            animation: element.animation,\n        };\n    }\n;\n"],"names":["useFormContext","useRef","useMemo","dynamicList","schema","useEffect","useCallback","useController"],"mappings":"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"}