@lmb-it/kitsconcerto-native 0.1.261 → 0.1.262

package/form/selects/MultiSelect/index.cjs

@@ -92,6 +92,7 @@ var locale = require('../../../hooks/locale.cjs');
 require('../../../contexts/DialogContext.cjs');
 var useComponentDefaults = require('../../../hooks/useComponentDefaults.cjs');
 var useResolvedStyle = require('../../../hooks/useResolvedStyle.cjs');
+var useThemedFont = require('../../../hooks/useThemedFont.cjs');
 var SelectPopupOverlay_native = require('../helpers/SelectPopupOverlay.cjs');
 
 const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
@@ -124,6 +125,7 @@ const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
   } = props;
   const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase.useSelectBase();
   const { t, isRTL } = locale.useLanguage();
+  const bodyFont = useThemedFont.default("body");
   React.useEffect(() => {
     helper.checkKeys(list, labelKey, !childrenKey ? valueKey : void 0);
   }, [list]);
@@ -145,6 +147,7 @@ const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
       emptyFilterMessage: emptyFilterMessage ?? t("emptyFilterMessage"),
       filterPlaceholder: t("searchPlaceholder"),
       isRTL,
+      fontFamily: bodyFont,
       popup,
       popupTitle: label ?? placeholder,
       renderPopup: ({ visible, onClose, title, children }) => /* @__PURE__ */ jsxRuntime.jsx(SelectPopupOverlay_native.default, { visible, onClose, title, children }),

package/form/selects/MultiSelect/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../src/form/selects/MultiSelect/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect} from \"react\";\nimport {MultiSelect} from \"@lmb-it/kitsconcertomobile\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport type {IMultiSelect} from \"@lmb-it/kitsconcerto-types\";\nimport {ClHelper} from \"../../helpers/Functions\";\nimport {checkKeys} from \"../helper\";\nimport {useSelectBase} from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useLanguage, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\nimport SelectPopupOverlay from \"../helpers/SelectPopupOverlay\";\n\nconst KitsMultiSelect = ({ className, ref, ...rawProps }: IMultiSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('MultiSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        disabled,\n        isFloatedLabel,\n        rightAddon,\n        leftAddon,\n        required,\n        errors,\n        invalid,\n        placeholder,\n        virtualScroll,\n        label,\n        inputSize,\n        helperText,\n        emptyFilterMessage,\n        selectionLimit,\n        localProps,\n        hideError,\n        withFilter,\n        loading,\n        showClear,\n        valueMode,\n        popup,\n    } = props;\n\n    const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();\n\n    /* Same rule as the Dropdown's panel — see that file. The sentence and the\n       edge are resolved here, where LocaleContext is, and passed down. */\n    const { t, isRTL } = useLanguage();\n\n    useEffect(() => {\n        checkKeys(list, labelKey, !childrenKey ? valueKey : undefined);\n    }, [list]);\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const handleChange = useCallback((e: any, items: any) => {\n        if (selectionLimit && Array.isArray(e?.target?.value) && e.target.value.length > selectionLimit) {\n            return;\n        }\n        onChange && onChange(e, items);\n    }, [selectionLimit, onChange]);\n\n    const Element = <MultiSelect\n        emptyFilterMessage={emptyFilterMessage ?? t('emptyFilterMessage')}\n        filterPlaceholder={t('searchPlaceholder')}\n        isRTL={isRTL}\n        popup={popup}\n        popupTitle={label ?? placeholder}\n        renderPopup={({visible, onClose, title, children}: {\n                visible: boolean;\n                onClose: () => void;\n                title?: React.ReactNode;\n                children: React.ReactNode;\n            }) => (\n            <SelectPopupOverlay visible={visible} onClose={onClose} title={title}>\n                {children}\n            </SelectPopupOverlay>\n        )}\n        value={selectedValue}\n        onChange={handleChange}\n        disabled={disabled}\n        loading={loading}\n        showClear={showClear}\n        options={typeof list !== \"function\" ? list : []}\n        placeholder={placeholder}\n        {...keys}\n        filter={withFilter !== false}\n        selectionLimit={selectionLimit}\n        display={valueMode === \"comma\" ? \"comma\" : (localProps?.maxSelectedLabels ? undefined : \"chip\")}\n        maxSelectedLabels={selectionLimit ?? localProps?.maxSelectedLabels ?? 10}\n        className={`w-full ${ClState}`}\n        style={{ borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n        {...(localProps ? localProps : {})}\n    />\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\n\nKitsMultiSelect.displayName = \"MultiSelect\";\nexport default KitsMultiSelect;\n"],"names":["useComponentDefaults","useResolvedStyle","useSelectBase","useLanguage","useEffect","checkKeys","ClHelper","useCallback","jsx","MultiSelect","SelectPopupOverlay","KitsContainer"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/selects/MultiSelect/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect} from \"react\";\nimport {MultiSelect} from \"@lmb-it/kitsconcertomobile\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport type {IMultiSelect} from \"@lmb-it/kitsconcerto-types\";\nimport {ClHelper} from \"../../helpers/Functions\";\nimport {checkKeys} from \"../helper\";\nimport {useSelectBase} from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useLanguage, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\nimport SelectPopupOverlay from \"../helpers/SelectPopupOverlay\";\nimport useThemedFont from \"@lmb-it/kitsconcerto/hooks/useThemedFont\";\n\nconst KitsMultiSelect = ({ className, ref, ...rawProps }: IMultiSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('MultiSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        disabled,\n        isFloatedLabel,\n        rightAddon,\n        leftAddon,\n        required,\n        errors,\n        invalid,\n        placeholder,\n        virtualScroll,\n        label,\n        inputSize,\n        helperText,\n        emptyFilterMessage,\n        selectionLimit,\n        localProps,\n        hideError,\n        withFilter,\n        loading,\n        showClear,\n        valueMode,\n        popup,\n    } = props;\n\n    const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();\n\n    /* Same rule as the Dropdown's panel — see that file. The sentence and the\n       edge are resolved here, where LocaleContext is, and passed down. */\n    const { t, isRTL } = useLanguage();\n    const bodyFont = useThemedFont('body');\n\n    useEffect(() => {\n        checkKeys(list, labelKey, !childrenKey ? valueKey : undefined);\n    }, [list]);\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const handleChange = useCallback((e: any, items: any) => {\n        if (selectionLimit && Array.isArray(e?.target?.value) && e.target.value.length > selectionLimit) {\n            return;\n        }\n        onChange && onChange(e, items);\n    }, [selectionLimit, onChange]);\n\n    const Element = <MultiSelect\n        emptyFilterMessage={emptyFilterMessage ?? t('emptyFilterMessage')}\n        filterPlaceholder={t('searchPlaceholder')}\n        isRTL={isRTL}\n        fontFamily={bodyFont}\n        popup={popup}\n        popupTitle={label ?? placeholder}\n        renderPopup={({visible, onClose, title, children}: {\n                visible: boolean;\n                onClose: () => void;\n                title?: React.ReactNode;\n                children: React.ReactNode;\n            }) => (\n            <SelectPopupOverlay visible={visible} onClose={onClose} title={title}>\n                {children}\n            </SelectPopupOverlay>\n        )}\n        value={selectedValue}\n        onChange={handleChange}\n        disabled={disabled}\n        loading={loading}\n        showClear={showClear}\n        options={typeof list !== \"function\" ? list : []}\n        placeholder={placeholder}\n        {...keys}\n        filter={withFilter !== false}\n        selectionLimit={selectionLimit}\n        display={valueMode === \"comma\" ? \"comma\" : (localProps?.maxSelectedLabels ? undefined : \"chip\")}\n        maxSelectedLabels={selectionLimit ?? localProps?.maxSelectedLabels ?? 10}\n        className={`w-full ${ClState}`}\n        style={{ borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n        {...(localProps ? localProps : {})}\n    />\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\n\nKitsMultiSelect.displayName = \"MultiSelect\";\nexport default KitsMultiSelect;\n"],"names":["useComponentDefaults","useResolvedStyle","useSelectBase","useLanguage","useThemedFont","useEffect","checkKeys","ClHelper","useCallback","jsx","MultiSelect","SelectPopupOverlay","KitsContainer"],"mappings":"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"}

package/form/selects/MultiSelect/index.js

@@ -88,6 +88,7 @@ import { useLanguage } from '../../../hooks/locale.js';
 import '../../../contexts/DialogContext.js';
 import useComponentDefaults from '../../../hooks/useComponentDefaults.js';
 import useResolvedStyle from '../../../hooks/useResolvedStyle.js';
+import useThemedFont from '../../../hooks/useThemedFont.js';
 import SelectPopupOverlay from '../helpers/SelectPopupOverlay.js';
 
 const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
@@ -120,6 +121,7 @@ const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
   } = props;
   const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();
   const { t, isRTL } = useLanguage();
+  const bodyFont = useThemedFont("body");
   useEffect(() => {
     checkKeys(list, labelKey, !childrenKey ? valueKey : void 0);
   }, [list]);
@@ -141,6 +143,7 @@ const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
       emptyFilterMessage: emptyFilterMessage ?? t("emptyFilterMessage"),
       filterPlaceholder: t("searchPlaceholder"),
       isRTL,
+      fontFamily: bodyFont,
       popup,
       popupTitle: label ?? placeholder,
       renderPopup: ({ visible, onClose, title, children }) => /* @__PURE__ */ jsx(SelectPopupOverlay, { visible, onClose, title, children }),

package/form/selects/MultiSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/form/selects/MultiSelect/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect} from \"react\";\nimport {MultiSelect} from \"@lmb-it/kitsconcertomobile\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport type {IMultiSelect} from \"@lmb-it/kitsconcerto-types\";\nimport {ClHelper} from \"../../helpers/Functions\";\nimport {checkKeys} from \"../helper\";\nimport {useSelectBase} from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useLanguage, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\nimport SelectPopupOverlay from \"../helpers/SelectPopupOverlay\";\n\nconst KitsMultiSelect = ({ className, ref, ...rawProps }: IMultiSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('MultiSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        disabled,\n        isFloatedLabel,\n        rightAddon,\n        leftAddon,\n        required,\n        errors,\n        invalid,\n        placeholder,\n        virtualScroll,\n        label,\n        inputSize,\n        helperText,\n        emptyFilterMessage,\n        selectionLimit,\n        localProps,\n        hideError,\n        withFilter,\n        loading,\n        showClear,\n        valueMode,\n        popup,\n    } = props;\n\n    const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();\n\n    /* Same rule as the Dropdown's panel — see that file. The sentence and the\n       edge are resolved here, where LocaleContext is, and passed down. */\n    const { t, isRTL } = useLanguage();\n\n    useEffect(() => {\n        checkKeys(list, labelKey, !childrenKey ? valueKey : undefined);\n    }, [list]);\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const handleChange = useCallback((e: any, items: any) => {\n        if (selectionLimit && Array.isArray(e?.target?.value) && e.target.value.length > selectionLimit) {\n            return;\n        }\n        onChange && onChange(e, items);\n    }, [selectionLimit, onChange]);\n\n    const Element = <MultiSelect\n        emptyFilterMessage={emptyFilterMessage ?? t('emptyFilterMessage')}\n        filterPlaceholder={t('searchPlaceholder')}\n        isRTL={isRTL}\n        popup={popup}\n        popupTitle={label ?? placeholder}\n        renderPopup={({visible, onClose, title, children}: {\n                visible: boolean;\n                onClose: () => void;\n                title?: React.ReactNode;\n                children: React.ReactNode;\n            }) => (\n            <SelectPopupOverlay visible={visible} onClose={onClose} title={title}>\n                {children}\n            </SelectPopupOverlay>\n        )}\n        value={selectedValue}\n        onChange={handleChange}\n        disabled={disabled}\n        loading={loading}\n        showClear={showClear}\n        options={typeof list !== \"function\" ? list : []}\n        placeholder={placeholder}\n        {...keys}\n        filter={withFilter !== false}\n        selectionLimit={selectionLimit}\n        display={valueMode === \"comma\" ? \"comma\" : (localProps?.maxSelectedLabels ? undefined : \"chip\")}\n        maxSelectedLabels={selectionLimit ?? localProps?.maxSelectedLabels ?? 10}\n        className={`w-full ${ClState}`}\n        style={{ borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n        {...(localProps ? localProps : {})}\n    />\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\n\nKitsMultiSelect.displayName = \"MultiSelect\";\nexport default KitsMultiSelect;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/form/selects/MultiSelect/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect} from \"react\";\nimport {MultiSelect} from \"@lmb-it/kitsconcertomobile\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport type {IMultiSelect} from \"@lmb-it/kitsconcerto-types\";\nimport {ClHelper} from \"../../helpers/Functions\";\nimport {checkKeys} from \"../helper\";\nimport {useSelectBase} from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useLanguage, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\nimport SelectPopupOverlay from \"../helpers/SelectPopupOverlay\";\nimport useThemedFont from \"@lmb-it/kitsconcerto/hooks/useThemedFont\";\n\nconst KitsMultiSelect = ({ className, ref, ...rawProps }: IMultiSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('MultiSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        disabled,\n        isFloatedLabel,\n        rightAddon,\n        leftAddon,\n        required,\n        errors,\n        invalid,\n        placeholder,\n        virtualScroll,\n        label,\n        inputSize,\n        helperText,\n        emptyFilterMessage,\n        selectionLimit,\n        localProps,\n        hideError,\n        withFilter,\n        loading,\n        showClear,\n        valueMode,\n        popup,\n    } = props;\n\n    const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();\n\n    /* Same rule as the Dropdown's panel — see that file. The sentence and the\n       edge are resolved here, where LocaleContext is, and passed down. */\n    const { t, isRTL } = useLanguage();\n    const bodyFont = useThemedFont('body');\n\n    useEffect(() => {\n        checkKeys(list, labelKey, !childrenKey ? valueKey : undefined);\n    }, [list]);\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const handleChange = useCallback((e: any, items: any) => {\n        if (selectionLimit && Array.isArray(e?.target?.value) && e.target.value.length > selectionLimit) {\n            return;\n        }\n        onChange && onChange(e, items);\n    }, [selectionLimit, onChange]);\n\n    const Element = <MultiSelect\n        emptyFilterMessage={emptyFilterMessage ?? t('emptyFilterMessage')}\n        filterPlaceholder={t('searchPlaceholder')}\n        isRTL={isRTL}\n        fontFamily={bodyFont}\n        popup={popup}\n        popupTitle={label ?? placeholder}\n        renderPopup={({visible, onClose, title, children}: {\n                visible: boolean;\n                onClose: () => void;\n                title?: React.ReactNode;\n                children: React.ReactNode;\n            }) => (\n            <SelectPopupOverlay visible={visible} onClose={onClose} title={title}>\n                {children}\n            </SelectPopupOverlay>\n        )}\n        value={selectedValue}\n        onChange={handleChange}\n        disabled={disabled}\n        loading={loading}\n        showClear={showClear}\n        options={typeof list !== \"function\" ? list : []}\n        placeholder={placeholder}\n        {...keys}\n        filter={withFilter !== false}\n        selectionLimit={selectionLimit}\n        display={valueMode === \"comma\" ? \"comma\" : (localProps?.maxSelectedLabels ? undefined : \"chip\")}\n        maxSelectedLabels={selectionLimit ?? localProps?.maxSelectedLabels ?? 10}\n        className={`w-full ${ClState}`}\n        style={{ borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n        {...(localProps ? localProps : {})}\n    />\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\n\nKitsMultiSelect.displayName = \"MultiSelect\";\nexport default KitsMultiSelect;\n"],"names":[],"mappings":"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"}

package/form-renderer/hooks/useFieldLogic.cjs

@@ -237,7 +237,7 @@ const useFieldLogic = ({
     if (onDepsChange) {
       onDepsChange(watchedValues, allFormValues, formContext, groupField);
     }
-  }, [watchedValues]);
+  }, [onDepsChange, watchedValues, allFormValues, formContext, groupField]);
   const isObjectElement = element.type === "Object";
   const { field, fieldState } = reactHookForm.useController({
     name: element.id,

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

@@ -1 +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            /*\n             * ⛔ `element` BELONGS HERE BECAUSE THE BODY READS IT. Without it this\n             * memo returns the children captured on the FIRST render and never\n             * looks at `element` again — so a container (Object, Group) freezes\n             * its whole subtree at mount.\n             *\n             * What that cost: AlphaMatch's profile screen mounts with\n             * `list: []` and is handed 250 nationalities about a second later.\n             * The parent rebuilds its element array, the new array reaches the\n             * container, and this memo hands the children the OLD one. The\n             * device log says `items=250` and the picker draws nothing —\n             * because the picker was still holding the empty list.\n             *\n             * ⚠️ A top-level Select never showed this. It is not a container, so\n             * it does not come through here at all; its props are resolved per\n             * render. Only a field nested in an Object or a Group was affected,\n             * which is why a harness that put the Select at the top level\n             * reported the case clear.\n             */\n        }, [element, 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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"}
+{"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            /*\n             * ⛔ `element` BELONGS HERE BECAUSE THE BODY READS IT. Without it this\n             * memo returns the children captured on the FIRST render and never\n             * looks at `element` again — so a container (Object, Group) freezes\n             * its whole subtree at mount.\n             *\n             * What that cost: AlphaMatch's profile screen mounts with\n             * `list: []` and is handed 250 nationalities about a second later.\n             * The parent rebuilds its element array, the new array reaches the\n             * container, and this memo hands the children the OLD one. The\n             * device log says `items=250` and the picker draws nothing —\n             * because the picker was still holding the empty list.\n             *\n             * ⚠️ A top-level Select never showed this. It is not a container, so\n             * it does not come through here at all; its props are resolved per\n             * render. Only a field nested in an Object or a Group was affected,\n             * which is why a harness that put the Select at the top level\n             * reported the case clear.\n             */\n        }, [element, 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        /*\n         * ⛔ IT READ FIVE VALUES AND DEPENDED ON ONE. The dependency array here\n         * was `[watchedValues]` while the body reads `onDepsChange`,\n         * `allFormValues`, `formContext` and `groupField` as well — so every\n         * one of those four was frozen at the render that first built this\n         * callback, and a caller would have handed the consumer stale form\n         * values under a fresh `watchedValues`.\n         *\n         * ⚠️ IT IS THE SAME DEFECT AS THE ONE FIXED IN 0.1.261 TWENTY LINES UP,\n         * where the children memo read `element.elements` while depending on\n         * `[watchedValues]` alone and froze every field nested in a container.\n         * That one cost two days of hunting on the App's nationality picker.\n         * This is the second instance in the same hook, found while reading the\n         * first, and it is fixed here rather than left for someone to meet.\n         *\n         * ⛔ AND NOTHING CALLS IT TODAY — that is a fact about the blast radius,\n         * not a reason to leave it wrong. `onWatchedValuesChange` is returned\n         * from this hook and declared optional in `internal.types.ts`, and a\n         * sweep of this repo and of the App, ClientPortal and Dashboard finds no\n         * invocation anywhere. The real work is done by the effect below, which\n         * already carries the full dependency list. So there is no user-visible\n         * symptom to reproduce and no story to film; there is a loaded trap for\n         * the first caller, and this disarms it.\n         */\n        const onWatchedValuesChange = useCallback(() => {\n            if (onDepsChange) {\n                onDepsChange(watchedValues, allFormValues, formContext as UseFormReturn<T>, groupField)\n            }\n        }, [onDepsChange, watchedValues, allFormValues, formContext, groupField])\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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"}

package/form-renderer/hooks/useFieldLogic.js

@@ -235,7 +235,7 @@ const useFieldLogic = ({
     if (onDepsChange) {
       onDepsChange(watchedValues, allFormValues, formContext, groupField);
     }
-  }, [watchedValues]);
+  }, [onDepsChange, watchedValues, allFormValues, formContext, groupField]);
   const isObjectElement = element.type === "Object";
   const { field, fieldState } = useController({
     name: element.id,

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

@@ -1 +1 @@
-{"version":3,"file":"useFieldLogic.js","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            /*\n             * ⛔ `element` BELONGS HERE BECAUSE THE BODY READS IT. Without it this\n             * memo returns the children captured on the FIRST render and never\n             * looks at `element` again — so a container (Object, Group) freezes\n             * its whole subtree at mount.\n             *\n             * What that cost: AlphaMatch's profile screen mounts with\n             * `list: []` and is handed 250 nationalities about a second later.\n             * The parent rebuilds its element array, the new array reaches the\n             * container, and this memo hands the children the OLD one. The\n             * device log says `items=250` and the picker draws nothing —\n             * because the picker was still holding the empty list.\n             *\n             * ⚠️ A top-level Select never showed this. It is not a container, so\n             * it does not come through here at all; its props are resolved per\n             * render. Only a field nested in an Object or a Group was affected,\n             * which is why a harness that put the Select at the top level\n             * reported the case clear.\n             */\n        }, [element, 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":["schema"],"mappings":"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"}
+{"version":3,"file":"useFieldLogic.js","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            /*\n             * ⛔ `element` BELONGS HERE BECAUSE THE BODY READS IT. Without it this\n             * memo returns the children captured on the FIRST render and never\n             * looks at `element` again — so a container (Object, Group) freezes\n             * its whole subtree at mount.\n             *\n             * What that cost: AlphaMatch's profile screen mounts with\n             * `list: []` and is handed 250 nationalities about a second later.\n             * The parent rebuilds its element array, the new array reaches the\n             * container, and this memo hands the children the OLD one. The\n             * device log says `items=250` and the picker draws nothing —\n             * because the picker was still holding the empty list.\n             *\n             * ⚠️ A top-level Select never showed this. It is not a container, so\n             * it does not come through here at all; its props are resolved per\n             * render. Only a field nested in an Object or a Group was affected,\n             * which is why a harness that put the Select at the top level\n             * reported the case clear.\n             */\n        }, [element, 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        /*\n         * ⛔ IT READ FIVE VALUES AND DEPENDED ON ONE. The dependency array here\n         * was `[watchedValues]` while the body reads `onDepsChange`,\n         * `allFormValues`, `formContext` and `groupField` as well — so every\n         * one of those four was frozen at the render that first built this\n         * callback, and a caller would have handed the consumer stale form\n         * values under a fresh `watchedValues`.\n         *\n         * ⚠️ IT IS THE SAME DEFECT AS THE ONE FIXED IN 0.1.261 TWENTY LINES UP,\n         * where the children memo read `element.elements` while depending on\n         * `[watchedValues]` alone and froze every field nested in a container.\n         * That one cost two days of hunting on the App's nationality picker.\n         * This is the second instance in the same hook, found while reading the\n         * first, and it is fixed here rather than left for someone to meet.\n         *\n         * ⛔ AND NOTHING CALLS IT TODAY — that is a fact about the blast radius,\n         * not a reason to leave it wrong. `onWatchedValuesChange` is returned\n         * from this hook and declared optional in `internal.types.ts`, and a\n         * sweep of this repo and of the App, ClientPortal and Dashboard finds no\n         * invocation anywhere. The real work is done by the effect below, which\n         * already carries the full dependency list. So there is no user-visible\n         * symptom to reproduce and no story to film; there is a loaded trap for\n         * the first caller, and this disarms it.\n         */\n        const onWatchedValuesChange = useCallback(() => {\n            if (onDepsChange) {\n                onDepsChange(watchedValues, allFormValues, formContext as UseFormReturn<T>, groupField)\n            }\n        }, [onDepsChange, watchedValues, allFormValues, formContext, groupField])\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":["schema"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lmb-it/kitsconcerto-native",
-  "version": "0.1.261",
+  "version": "0.1.262",
   "description": "KitsConcerto — Native (React Native) UI components",
   "main": "index.cjs",
   "module": "index.js",