@lmb-it/kitsconcerto-native 0.1.236

package/form-renderer/components/fields/InputNumber/index.js

@@ -0,0 +1,79 @@
+import { jsx } from 'react/jsx-runtime';
+import KitsInputNumber from '../../../../form/inputs/InputNumber/index.js';
+
+const InputNumber = ({
+  element,
+  control,
+  getValues,
+  fieldLogic
+}) => {
+  const {
+    field,
+    fieldState,
+    label,
+    placeholder,
+    isDisabled,
+    isRequired,
+    helperText,
+    keyFilter,
+    // The hook can resolve this dynamic prop
+    attached,
+    style: elementStyle,
+    slots
+  } = fieldLogic;
+  const numberElement = element;
+  const { localProps } = numberElement;
+  const {
+    locale,
+    useGrouping,
+    minFractionDigits,
+    maxFractionDigits,
+    mode,
+    currency,
+    prefix,
+    suffix,
+    min,
+    max,
+    ...restLocalProps
+  } = localProps ?? {};
+  const handleOnChange = (event) => {
+    field.onChange(event.value);
+  };
+  return /* @__PURE__ */ jsx(
+    KitsInputNumber,
+    {
+      id: field.name,
+      name: field.name,
+      value: field.value,
+      onBlur: field.onBlur,
+      ref: field.ref,
+      onChange: handleOnChange,
+      label,
+      placeholder,
+      disabled: isDisabled,
+      required: isRequired,
+      invalid: fieldState.invalid,
+      errors: fieldState.error?.message,
+      helperText,
+      attached,
+      style: elementStyle?.input,
+      containerStyle: elementStyle?.container,
+      slots,
+      locale,
+      useGrouping,
+      minFractionDigits,
+      maxFractionDigits,
+      mode,
+      currency,
+      prefix,
+      suffix,
+      min,
+      max,
+      keyFilter,
+      localProps: restLocalProps
+    }
+  );
+};
+
+export { InputNumber, InputNumber as default };
+//# sourceMappingURL=index.js.map

package/form-renderer/components/fields/InputNumber/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/form-renderer/components/fields/InputNumber/index.tsx"],"sourcesContent":["// components/fields/InputNumber.tsx\n\nimport React from 'react';\nimport type {FieldValues} from 'react-hook-form';\n\n// Using your specified import paths\nimport type {INumberInput, UseFieldLogicElementProps} from '@lmb-it/kitsconcerto-types';\nimport {KitsInputNumber} from \"../../../../_compat\";\n\n/**\n * Renders a number input component.\n * All logic is handled by the useFieldLogic hook, making this a simple, declarative component.\n */\nexport const InputNumber = <T extends FieldValues>({\n                                                       element,\n                                                       control,\n                                                       getValues,\n                                                       fieldLogic,\n                                                   }: UseFieldLogicElementProps<T>) => {\n\n    // 1. The central hook provides all the necessary state and resolved props.\n    const {\n        field,\n        fieldState,\n        label,\n        placeholder,\n        isDisabled,\n        isRequired,\n        helperText,\n        keyFilter, // The hook can resolve this dynamic prop\n        attached,\n        style: elementStyle,\n        slots,\n    } = fieldLogic\n\n    // 2. Cast the element to its specific type to access unique properties.\n    const numberElement = element as INumberInput<T>;\n    const {localProps} = numberElement;\n\n    // 3. Split format props (belong top-level on KitsInputNumber) from\n    //    RN-specific native props (stay in localProps).\n    //    Form authors typically put everything into `localProps` as a bucket,\n    //    but KitsInputNumber's formatter reads these from top-level props.\n    const {\n        locale,\n        useGrouping,\n        minFractionDigits,\n        maxFractionDigits,\n        mode,\n        currency,\n        prefix,\n        suffix,\n        min,\n        max,\n        ...restLocalProps\n    } = (localProps ?? {}) as Record<string, any>;\n\n    // 4. Create a handler to adapt the component's onChange event for react-hook-form.\n    // The UI component's event is { originalEvent: Event, value: number, formattedValue: string }\n    // react-hook-form's field.onChange expects the raw value.\n    const handleOnChange = (event: { value: any }) => {\n        field.onChange(event.value);\n    };\n\n    // 5. The component is now only responsible for rendering the UI.\n    return (\n        <KitsInputNumber\n            // --- Core react-hook-form props ---\n            id={field.name}\n            name={field.name}\n            value={field.value}\n            onBlur={field.onBlur}\n            ref={field.ref}\n            onChange={handleOnChange} // Use the custom handler\n\n            // --- Resolved props from useFieldLogic ---\n            label={label}\n            placeholder={placeholder}\n            disabled={isDisabled}\n            required={isRequired}\n            invalid={fieldState.invalid}\n            errors={fieldState.error?.message}\n            helperText={helperText}\n            attached={attached}\n            style={elementStyle?.input}\n            containerStyle={elementStyle?.container}\n            slots={slots}\n\n            // --- Top-level format props (honored by KitsInputNumber) ---\n            locale={locale}\n            useGrouping={useGrouping}\n            minFractionDigits={minFractionDigits}\n            maxFractionDigits={maxFractionDigits}\n            mode={mode}\n            currency={currency}\n            prefix={prefix}\n            suffix={suffix}\n            min={min}\n            max={max}\n\n            // --- keyFilter from the element definition (PrimeReact-style) ---\n            keyFilter={keyFilter}\n\n            // --- Remaining native RN props (keyboardType, autoCapitalize, etc.) ---\n            localProps={restLocalProps as Record<string, any>}\n        />\n    );\n};\n\nexport default InputNumber;\n"],"names":[],"mappings":";;;AAaO,MAAM,cAAc,CAAwB;AAAA,EACI,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACJ,CAAA,KAAoC;AAGnF,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,EAAO,YAAA;AAAA,IACP;AAAA,GACJ,GAAI,UAAA;AAGJ,EAAA,MAAM,aAAA,GAAgB,OAAA;AACtB,EAAA,MAAM,EAAC,YAAU,GAAI,aAAA;AAMrB,EAAA,MAAM;AAAA,IACF,MAAA;AAAA,IACA,WAAA;AAAA,IACA,iBAAA;AAAA,IACA,iBAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAK,cAAc,EAAC;AAKpB,EAAA,MAAM,cAAA,GAAiB,CAAC,KAAA,KAA0B;AAC9C,IAAA,KAAA,CAAM,QAAA,CAAS,MAAM,KAAK,CAAA;AAAA,EAC9B,CAAA;AAGA,EAAA,uBACI,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MAEG,IAAI,KAAA,CAAM,IAAA;AAAA,MACV,MAAM,KAAA,CAAM,IAAA;AAAA,MACZ,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,QAAQ,KAAA,CAAM,MAAA;AAAA,MACd,KAAK,KAAA,CAAM,GAAA;AAAA,MACX,QAAA,EAAU,cAAA;AAAA,MAGV,KAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA,EAAU,UAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,SAAS,UAAA,CAAW,OAAA;AAAA,MACpB,MAAA,EAAQ,WAAW,KAAA,EAAO,OAAA;AAAA,MAC1B,UAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAO,YAAA,EAAc,KAAA;AAAA,MACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,MAC9B,KAAA;AAAA,MAGA,MAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAA;AAAA,MACA,iBAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAA;AAAA,MACA,GAAA;AAAA,MAGA,SAAA;AAAA,MAGA,UAAA,EAAY;AAAA;AAAA,GAChB;AAER;;;;"}

package/form-renderer/components/fields/InputText/index.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var index_native = require('../../../../form/inputs/InputMask/index.cjs');
+var index_native$1 = require('../../../../form/inputs/InputText/index.cjs');
+require('react');
+require('axios');
+
+const InputText = ({
+  element,
+  control,
+  getValues,
+  fieldLogic
+}) => {
+  const {
+    field,
+    placeholder,
+    isRequired,
+    isDisabled,
+    fieldState,
+    label,
+    helperText,
+    rightAddon,
+    leftAddon,
+    withMask,
+    keyFilter,
+    layout,
+    hideError,
+    attached,
+    isShown,
+    style: elementStyle,
+    slots,
+    localProps = {}
+  } = fieldLogic;
+  const minLength = element.minLength;
+  const maxLength = element.maxLength;
+  const mask = element.mask;
+  const unmask = element.unmask;
+  if (withMask) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index_native.default,
+      {
+        ...field,
+        id: field.name,
+        placeholder,
+        required: isRequired,
+        disabled: isDisabled,
+        errors: fieldState.error?.message,
+        invalid: fieldState.invalid,
+        hideError,
+        helperText,
+        leftAddon,
+        rightAddon,
+        label,
+        attached,
+        mask,
+        unmask,
+        style: elementStyle?.input,
+        containerStyle: elementStyle?.container,
+        slots,
+        ...localProps
+      }
+    );
+  } else {
+    const keyboardType = "keyboardType" in element ? element.keyboardType : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index_native$1.default,
+      {
+        ...field,
+        id: field.name,
+        placeholder,
+        required: isRequired,
+        disabled: isDisabled,
+        hideError,
+        helperText,
+        leftAddon,
+        rightAddon,
+        keyFilter,
+        keyboardType,
+        maxLength,
+        minLength,
+        label,
+        attached,
+        errors: fieldState.error?.message,
+        invalid: fieldState.invalid,
+        style: elementStyle?.input,
+        containerStyle: elementStyle?.container,
+        slots,
+        ...localProps
+      }
+    );
+  }
+};
+
+exports.InputText = InputText;
+exports.default = InputText;
+//# sourceMappingURL=index.cjs.map

package/form-renderer/components/fields/InputText/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../src/form-renderer/components/fields/InputText/index.tsx"],"sourcesContent":["import React from 'react';\nimport {KitsInputMask, KitsInputText} from \"../../../../_compat\";\nimport type {FieldValues} from \"react-hook-form\";\nimport type {UseFieldLogicElementProps} from \"@lmb-it/kitsconcerto-types\";\n// ...\n\nexport const InputText = <T extends FieldValues>({\n                                                     element, control, getValues, fieldLogic,\n                                                 }: UseFieldLogicElementProps<T>) => {\n\n    // The hook does all the heavy lifting.\n    const {\n        field,\n        placeholder,\n        isRequired,\n        isDisabled, fieldState,\n        label, helperText, rightAddon, leftAddon, withMask, keyFilter,\n        layout, hideError, attached,\n        isShown,\n        style: elementStyle,\n        slots,\n        localProps = {}\n    } = fieldLogic;\n\n    // Static text-input props from the element definition (not dynamic).\n    const minLength = (element as any).minLength as number | undefined;\n    const maxLength = (element as any).maxLength as number | undefined;\n    const mask = (element as any).mask as string | undefined;\n    const unmask = (element as any).unmask as boolean | undefined;\n\n    if (withMask) {\n        return (\n            <KitsInputMask\n                {...field}\n                id={field.name}\n                placeholder={placeholder}\n                required={isRequired}\n                disabled={isDisabled}\n                errors={fieldState.error?.message}\n                invalid={fieldState.invalid}\n                hideError={hideError}\n                helperText={helperText}\n                leftAddon={leftAddon}\n                rightAddon={rightAddon}\n                label={label}\n                attached={attached}\n                mask={mask}\n                unmask={unmask}\n                style={elementStyle?.input}\n                containerStyle={elementStyle?.container}\n                slots={slots}\n                {...localProps}\n            />\n        )\n    } else {\n        // Pass keyboardType from element definition (native-only, no-op on web)\n        const keyboardType = 'keyboardType' in element ? (element as any).keyboardType : undefined;\n        return (\n            <KitsInputText\n                {...field}\n                id={field.name}\n                placeholder={placeholder}\n                required={isRequired}\n                disabled={isDisabled}\n                hideError={hideError}\n                helperText={helperText}\n                leftAddon={leftAddon}\n                rightAddon={rightAddon}\n                keyFilter={keyFilter}\n                keyboardType={keyboardType}\n                maxLength={maxLength}\n                minLength={minLength}\n                label={label}\n                attached={attached}\n                errors={fieldState.error?.message}\n                invalid={fieldState.invalid}\n                style={elementStyle?.input}\n                containerStyle={elementStyle?.container}\n                slots={slots}\n                {...localProps}\n            />\n        )\n    }\n};\n\nexport default InputText;\n"],"names":["jsx","KitsInputMask","KitsInputText"],"mappings":";;;;;;;;;;AAMO,MAAM,YAAY,CAAwB;AAAA,EACI,OAAA;AAAA,EAAS,OAAA;AAAA,EAAS,SAAA;AAAA,EAAW;AACjC,CAAA,KAAoC;AAGjF,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IAAY,UAAA;AAAA,IACZ,KAAA;AAAA,IAAO,UAAA;AAAA,IAAY,UAAA;AAAA,IAAY,SAAA;AAAA,IAAW,QAAA;AAAA,IAAU,SAAA;AAAA,IACpD,MAAA;AAAA,IAAQ,SAAA;AAAA,IAAW,QAAA;AAAA,IACnB,OAAA;AAAA,IACA,KAAA,EAAO,YAAA;AAAA,IACP,KAAA;AAAA,IACA,aAAa;AAAC,GAClB,GAAI,UAAA;AAGJ,EAAA,MAAM,YAAa,OAAA,CAAgB,SAAA;AACnC,EAAA,MAAM,YAAa,OAAA,CAAgB,SAAA;AACnC,EAAA,MAAM,OAAQ,OAAA,CAAgB,IAAA;AAC9B,EAAA,MAAM,SAAU,OAAA,CAAgB,MAAA;AAEhC,EAAA,IAAI,QAAA,EAAU;AACV,IAAA,uBACIA,cAAA;AAAA,MAACC,oBAAA;AAAA,MAAA;AAAA,QACI,GAAG,KAAA;AAAA,QACJ,IAAI,KAAA,CAAM,IAAA;AAAA,QACV,WAAA;AAAA,QACA,QAAA,EAAU,UAAA;AAAA,QACV,QAAA,EAAU,UAAA;AAAA,QACV,MAAA,EAAQ,WAAW,KAAA,EAAO,OAAA;AAAA,QAC1B,SAAS,UAAA,CAAW,OAAA;AAAA,QACpB,SAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA;AAAA,QACA,IAAA;AAAA,QACA,MAAA;AAAA,QACA,OAAO,YAAA,EAAc,KAAA;AAAA,QACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,QAC9B,KAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACR;AAAA,EAER,CAAA,MAAO;AAEH,IAAA,MAAM,YAAA,GAAe,cAAA,IAAkB,OAAA,GAAW,OAAA,CAAgB,YAAA,GAAe,MAAA;AACjF,IAAA,uBACID,cAAA;AAAA,MAACE,sBAAA;AAAA,MAAA;AAAA,QACI,GAAG,KAAA;AAAA,QACJ,IAAI,KAAA,CAAM,IAAA;AAAA,QACV,WAAA;AAAA,QACA,QAAA,EAAU,UAAA;AAAA,QACV,QAAA,EAAU,UAAA;AAAA,QACV,SAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,YAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA;AAAA,QACA,MAAA,EAAQ,WAAW,KAAA,EAAO,OAAA;AAAA,QAC1B,SAAS,UAAA,CAAW,OAAA;AAAA,QACpB,OAAO,YAAA,EAAc,KAAA;AAAA,QACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,QAC9B,KAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACR;AAAA,EAER;AACJ;;;;;"}

package/form-renderer/components/fields/InputText/index.js

@@ -0,0 +1,94 @@
+import { jsx } from 'react/jsx-runtime';
+import KitsInputMask from '../../../../form/inputs/InputMask/index.js';
+import KitsInputText from '../../../../form/inputs/InputText/index.js';
+import 'react';
+import 'axios';
+
+const InputText = ({
+  element,
+  control,
+  getValues,
+  fieldLogic
+}) => {
+  const {
+    field,
+    placeholder,
+    isRequired,
+    isDisabled,
+    fieldState,
+    label,
+    helperText,
+    rightAddon,
+    leftAddon,
+    withMask,
+    keyFilter,
+    layout,
+    hideError,
+    attached,
+    isShown,
+    style: elementStyle,
+    slots,
+    localProps = {}
+  } = fieldLogic;
+  const minLength = element.minLength;
+  const maxLength = element.maxLength;
+  const mask = element.mask;
+  const unmask = element.unmask;
+  if (withMask) {
+    return /* @__PURE__ */ jsx(
+      KitsInputMask,
+      {
+        ...field,
+        id: field.name,
+        placeholder,
+        required: isRequired,
+        disabled: isDisabled,
+        errors: fieldState.error?.message,
+        invalid: fieldState.invalid,
+        hideError,
+        helperText,
+        leftAddon,
+        rightAddon,
+        label,
+        attached,
+        mask,
+        unmask,
+        style: elementStyle?.input,
+        containerStyle: elementStyle?.container,
+        slots,
+        ...localProps
+      }
+    );
+  } else {
+    const keyboardType = "keyboardType" in element ? element.keyboardType : void 0;
+    return /* @__PURE__ */ jsx(
+      KitsInputText,
+      {
+        ...field,
+        id: field.name,
+        placeholder,
+        required: isRequired,
+        disabled: isDisabled,
+        hideError,
+        helperText,
+        leftAddon,
+        rightAddon,
+        keyFilter,
+        keyboardType,
+        maxLength,
+        minLength,
+        label,
+        attached,
+        errors: fieldState.error?.message,
+        invalid: fieldState.invalid,
+        style: elementStyle?.input,
+        containerStyle: elementStyle?.container,
+        slots,
+        ...localProps
+      }
+    );
+  }
+};
+
+export { InputText, InputText as default };
+//# sourceMappingURL=index.js.map

package/form-renderer/components/fields/InputText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/form-renderer/components/fields/InputText/index.tsx"],"sourcesContent":["import React from 'react';\nimport {KitsInputMask, KitsInputText} from \"../../../../_compat\";\nimport type {FieldValues} from \"react-hook-form\";\nimport type {UseFieldLogicElementProps} from \"@lmb-it/kitsconcerto-types\";\n// ...\n\nexport const InputText = <T extends FieldValues>({\n                                                     element, control, getValues, fieldLogic,\n                                                 }: UseFieldLogicElementProps<T>) => {\n\n    // The hook does all the heavy lifting.\n    const {\n        field,\n        placeholder,\n        isRequired,\n        isDisabled, fieldState,\n        label, helperText, rightAddon, leftAddon, withMask, keyFilter,\n        layout, hideError, attached,\n        isShown,\n        style: elementStyle,\n        slots,\n        localProps = {}\n    } = fieldLogic;\n\n    // Static text-input props from the element definition (not dynamic).\n    const minLength = (element as any).minLength as number | undefined;\n    const maxLength = (element as any).maxLength as number | undefined;\n    const mask = (element as any).mask as string | undefined;\n    const unmask = (element as any).unmask as boolean | undefined;\n\n    if (withMask) {\n        return (\n            <KitsInputMask\n                {...field}\n                id={field.name}\n                placeholder={placeholder}\n                required={isRequired}\n                disabled={isDisabled}\n                errors={fieldState.error?.message}\n                invalid={fieldState.invalid}\n                hideError={hideError}\n                helperText={helperText}\n                leftAddon={leftAddon}\n                rightAddon={rightAddon}\n                label={label}\n                attached={attached}\n                mask={mask}\n                unmask={unmask}\n                style={elementStyle?.input}\n                containerStyle={elementStyle?.container}\n                slots={slots}\n                {...localProps}\n            />\n        )\n    } else {\n        // Pass keyboardType from element definition (native-only, no-op on web)\n        const keyboardType = 'keyboardType' in element ? (element as any).keyboardType : undefined;\n        return (\n            <KitsInputText\n                {...field}\n                id={field.name}\n                placeholder={placeholder}\n                required={isRequired}\n                disabled={isDisabled}\n                hideError={hideError}\n                helperText={helperText}\n                leftAddon={leftAddon}\n                rightAddon={rightAddon}\n                keyFilter={keyFilter}\n                keyboardType={keyboardType}\n                maxLength={maxLength}\n                minLength={minLength}\n                label={label}\n                attached={attached}\n                errors={fieldState.error?.message}\n                invalid={fieldState.invalid}\n                style={elementStyle?.input}\n                containerStyle={elementStyle?.container}\n                slots={slots}\n                {...localProps}\n            />\n        )\n    }\n};\n\nexport default InputText;\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,YAAY,CAAwB;AAAA,EACI,OAAA;AAAA,EAAS,OAAA;AAAA,EAAS,SAAA;AAAA,EAAW;AACjC,CAAA,KAAoC;AAGjF,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IAAY,UAAA;AAAA,IACZ,KAAA;AAAA,IAAO,UAAA;AAAA,IAAY,UAAA;AAAA,IAAY,SAAA;AAAA,IAAW,QAAA;AAAA,IAAU,SAAA;AAAA,IACpD,MAAA;AAAA,IAAQ,SAAA;AAAA,IAAW,QAAA;AAAA,IACnB,OAAA;AAAA,IACA,KAAA,EAAO,YAAA;AAAA,IACP,KAAA;AAAA,IACA,aAAa;AAAC,GAClB,GAAI,UAAA;AAGJ,EAAA,MAAM,YAAa,OAAA,CAAgB,SAAA;AACnC,EAAA,MAAM,YAAa,OAAA,CAAgB,SAAA;AACnC,EAAA,MAAM,OAAQ,OAAA,CAAgB,IAAA;AAC9B,EAAA,MAAM,SAAU,OAAA,CAAgB,MAAA;AAEhC,EAAA,IAAI,QAAA,EAAU;AACV,IAAA,uBACI,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACI,GAAG,KAAA;AAAA,QACJ,IAAI,KAAA,CAAM,IAAA;AAAA,QACV,WAAA;AAAA,QACA,QAAA,EAAU,UAAA;AAAA,QACV,QAAA,EAAU,UAAA;AAAA,QACV,MAAA,EAAQ,WAAW,KAAA,EAAO,OAAA;AAAA,QAC1B,SAAS,UAAA,CAAW,OAAA;AAAA,QACpB,SAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA;AAAA,QACA,IAAA;AAAA,QACA,MAAA;AAAA,QACA,OAAO,YAAA,EAAc,KAAA;AAAA,QACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,QAC9B,KAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACR;AAAA,EAER,CAAA,MAAO;AAEH,IAAA,MAAM,YAAA,GAAe,cAAA,IAAkB,OAAA,GAAW,OAAA,CAAgB,YAAA,GAAe,MAAA;AACjF,IAAA,uBACI,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACI,GAAG,KAAA;AAAA,QACJ,IAAI,KAAA,CAAM,IAAA;AAAA,QACV,WAAA;AAAA,QACA,QAAA,EAAU,UAAA;AAAA,QACV,QAAA,EAAU,UAAA;AAAA,QACV,SAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,YAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA;AAAA,QACA,MAAA,EAAQ,WAAW,KAAA,EAAO,OAAA;AAAA,QAC1B,SAAS,UAAA,CAAW,OAAA;AAAA,QACpB,OAAO,YAAA,EAAc,KAAA;AAAA,QACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,QAC9B,KAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACR;AAAA,EAER;AACJ;;;;"}

package/form-renderer/components/fields/Location/index.cjs

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../../form/inputs/InputLocation/index.cjs');
+
+const Location = ({
+  element,
+  control,
+  getValues,
+  fieldLogic,
+  groupField
+}) => {
+  const {
+    field,
+    fieldState,
+    label,
+    placeholder,
+    isDisabled,
+    hideError,
+    isRequired,
+    helperText,
+    attached,
+    style: elementStyle,
+    slots
+  } = fieldLogic;
+  const locationElement = element;
+  const {
+    apiKey,
+    provider,
+    countryISO,
+    forceSelection = true,
+    // Default to true as in the original
+    onAddressClick
+  } = locationElement;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      ...field,
+      id: field.name,
+      label,
+      placeholder,
+      disabled: isDisabled,
+      required: isRequired,
+      invalid: fieldState.invalid,
+      errors: fieldState.error?.message,
+      helperText,
+      attached,
+      list: [],
+      api_key: apiKey,
+      provider,
+      countryISO,
+      forceSelection,
+      onAddressClick: (address) => onAddressClick(address, groupField),
+      hideError,
+      withFilter: true,
+      style: elementStyle?.input,
+      containerStyle: elementStyle?.container,
+      slots
+    }
+  );
+};
+
+exports.Location = Location;
+exports.default = Location;
+//# sourceMappingURL=index.cjs.map

package/form-renderer/components/fields/Location/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../src/form-renderer/components/fields/Location/index.tsx"],"sourcesContent":["// components/fields/Location.tsx\n\nimport React from 'react';\nimport type{FieldValues} from 'react-hook-form';\n\n// Using your specified import paths\nimport type{ILocation, UseFieldLogicElementProps} from '@lmb-it/kitsconcerto-types';\nimport {KitsInputLocation} from \"../../../../_compat\";\n\n/**\n * Renders a location/address search input.\n * All logic is handled by the useFieldLogic hook, making this a simple, declarative component.\n */\nexport const Location = <T extends FieldValues>({\n                                                    element,\n                                                    control,\n                                                    getValues,\n                                                    fieldLogic, groupField\n                                                }: UseFieldLogicElementProps<T>) => {\n\n    // 1. The central hook provides all the necessary state and resolved props.\n    const {\n        field,\n        fieldState,\n        label,\n        placeholder,\n        isDisabled,\n        hideError,\n        isRequired,\n        helperText,\n        attached,\n        style: elementStyle,\n        slots,\n    } = fieldLogic\n\n    // 2. Cast the element to its specific type to access unique properties.\n    const locationElement = element as ILocation<T>;\n    const {\n        apiKey,\n        provider,\n        countryISO,\n        forceSelection = true, // Default to true as in the original\n        onAddressClick,\n    } = locationElement;\n\n    // 3. The component is now only responsible for rendering the UI.\n    return (\n        <KitsInputLocation\n            // --- Core react-hook-form props ---\n            {...field} // Spreads `onChange`, `onBlur`, `value`, `ref`\n\n            // --- Resolved props from useFieldLogic ---\n            id={field.name}\n            label={label}\n            placeholder={placeholder}\n            disabled={isDisabled}\n            required={isRequired}\n            invalid={fieldState.invalid}\n            errors={fieldState.error?.message}\n            helperText={helperText}\n            attached={attached}\n\n            list={[]}\n            // --- Props from the element definition ---\n            api_key={apiKey}\n            provider={provider}\n            countryISO={countryISO}\n            forceSelection={forceSelection}\n            onAddressClick={(address)=>onAddressClick(address, groupField)}\n            hideError={hideError}\n            withFilter={true} // This was hardcoded in the original\n            style={elementStyle?.input}\n            containerStyle={elementStyle?.container}\n            slots={slots}\n        />\n    );\n};\n\nexport default Location;\n"],"names":["jsx","KitsInputLocation"],"mappings":";;;;;;;AAaO,MAAM,WAAW,CAAwB;AAAA,EACI,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EAAY;AAChB,CAAA,KAAoC;AAGhF,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,EAAO,YAAA;AAAA,IACP;AAAA,GACJ,GAAI,UAAA;AAGJ,EAAA,MAAM,eAAA,GAAkB,OAAA;AACxB,EAAA,MAAM;AAAA,IACF,MAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA,GAAiB,IAAA;AAAA;AAAA,IACjB;AAAA,GACJ,GAAI,eAAA;AAGJ,EAAA,uBACIA,cAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MAEI,GAAG,KAAA;AAAA,MAGJ,IAAI,KAAA,CAAM,IAAA;AAAA,MACV,KAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA,EAAU,UAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,SAAS,UAAA,CAAW,OAAA;AAAA,MACpB,MAAA,EAAQ,WAAW,KAAA,EAAO,OAAA;AAAA,MAC1B,UAAA;AAAA,MACA,QAAA;AAAA,MAEA,MAAM,EAAC;AAAA,MAEP,OAAA,EAAS,MAAA;AAAA,MACT,QAAA;AAAA,MACA,UAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA,EAAgB,CAAC,OAAA,KAAU,cAAA,CAAe,SAAS,UAAU,CAAA;AAAA,MAC7D,SAAA;AAAA,MACA,UAAA,EAAY,IAAA;AAAA,MACZ,OAAO,YAAA,EAAc,KAAA;AAAA,MACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,MAC9B;AAAA;AAAA,GACJ;AAER;;;;;"}

package/form-renderer/components/fields/Location/index.js

@@ -0,0 +1,62 @@
+import { jsx } from 'react/jsx-runtime';
+import KitsInputLocation from '../../../../form/inputs/InputLocation/index.js';
+
+const Location = ({
+  element,
+  control,
+  getValues,
+  fieldLogic,
+  groupField
+}) => {
+  const {
+    field,
+    fieldState,
+    label,
+    placeholder,
+    isDisabled,
+    hideError,
+    isRequired,
+    helperText,
+    attached,
+    style: elementStyle,
+    slots
+  } = fieldLogic;
+  const locationElement = element;
+  const {
+    apiKey,
+    provider,
+    countryISO,
+    forceSelection = true,
+    // Default to true as in the original
+    onAddressClick
+  } = locationElement;
+  return /* @__PURE__ */ jsx(
+    KitsInputLocation,
+    {
+      ...field,
+      id: field.name,
+      label,
+      placeholder,
+      disabled: isDisabled,
+      required: isRequired,
+      invalid: fieldState.invalid,
+      errors: fieldState.error?.message,
+      helperText,
+      attached,
+      list: [],
+      api_key: apiKey,
+      provider,
+      countryISO,
+      forceSelection,
+      onAddressClick: (address) => onAddressClick(address, groupField),
+      hideError,
+      withFilter: true,
+      style: elementStyle?.input,
+      containerStyle: elementStyle?.container,
+      slots
+    }
+  );
+};
+
+export { Location, Location as default };
+//# sourceMappingURL=index.js.map

package/form-renderer/components/fields/Location/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/form-renderer/components/fields/Location/index.tsx"],"sourcesContent":["// components/fields/Location.tsx\n\nimport React from 'react';\nimport type{FieldValues} from 'react-hook-form';\n\n// Using your specified import paths\nimport type{ILocation, UseFieldLogicElementProps} from '@lmb-it/kitsconcerto-types';\nimport {KitsInputLocation} from \"../../../../_compat\";\n\n/**\n * Renders a location/address search input.\n * All logic is handled by the useFieldLogic hook, making this a simple, declarative component.\n */\nexport const Location = <T extends FieldValues>({\n                                                    element,\n                                                    control,\n                                                    getValues,\n                                                    fieldLogic, groupField\n                                                }: UseFieldLogicElementProps<T>) => {\n\n    // 1. The central hook provides all the necessary state and resolved props.\n    const {\n        field,\n        fieldState,\n        label,\n        placeholder,\n        isDisabled,\n        hideError,\n        isRequired,\n        helperText,\n        attached,\n        style: elementStyle,\n        slots,\n    } = fieldLogic\n\n    // 2. Cast the element to its specific type to access unique properties.\n    const locationElement = element as ILocation<T>;\n    const {\n        apiKey,\n        provider,\n        countryISO,\n        forceSelection = true, // Default to true as in the original\n        onAddressClick,\n    } = locationElement;\n\n    // 3. The component is now only responsible for rendering the UI.\n    return (\n        <KitsInputLocation\n            // --- Core react-hook-form props ---\n            {...field} // Spreads `onChange`, `onBlur`, `value`, `ref`\n\n            // --- Resolved props from useFieldLogic ---\n            id={field.name}\n            label={label}\n            placeholder={placeholder}\n            disabled={isDisabled}\n            required={isRequired}\n            invalid={fieldState.invalid}\n            errors={fieldState.error?.message}\n            helperText={helperText}\n            attached={attached}\n\n            list={[]}\n            // --- Props from the element definition ---\n            api_key={apiKey}\n            provider={provider}\n            countryISO={countryISO}\n            forceSelection={forceSelection}\n            onAddressClick={(address)=>onAddressClick(address, groupField)}\n            hideError={hideError}\n            withFilter={true} // This was hardcoded in the original\n            style={elementStyle?.input}\n            containerStyle={elementStyle?.container}\n            slots={slots}\n        />\n    );\n};\n\nexport default Location;\n"],"names":[],"mappings":";;;AAaO,MAAM,WAAW,CAAwB;AAAA,EACI,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EAAY;AAChB,CAAA,KAAoC;AAGhF,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,EAAO,YAAA;AAAA,IACP;AAAA,GACJ,GAAI,UAAA;AAGJ,EAAA,MAAM,eAAA,GAAkB,OAAA;AACxB,EAAA,MAAM;AAAA,IACF,MAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA,GAAiB,IAAA;AAAA;AAAA,IACjB;AAAA,GACJ,GAAI,eAAA;AAGJ,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MAEI,GAAG,KAAA;AAAA,MAGJ,IAAI,KAAA,CAAM,IAAA;AAAA,MACV,KAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA,EAAU,UAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,SAAS,UAAA,CAAW,OAAA;AAAA,MACpB,MAAA,EAAQ,WAAW,KAAA,EAAO,OAAA;AAAA,MAC1B,UAAA;AAAA,MACA,QAAA;AAAA,MAEA,MAAM,EAAC;AAAA,MAEP,OAAA,EAAS,MAAA;AAAA,MACT,QAAA;AAAA,MACA,UAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA,EAAgB,CAAC,OAAA,KAAU,cAAA,CAAe,SAAS,UAAU,CAAA;AAAA,MAC7D,SAAA;AAAA,MACA,UAAA,EAAY,IAAA;AAAA,MACZ,OAAO,YAAA,EAAc,KAAA;AAAA,MACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,MAC9B;AAAA;AAAA,GACJ;AAER;;;;"}

package/form-renderer/components/fields/Object/index.cjs

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index_native$1 = require('../../../../form/helpers/FormContainer/index.cjs');
+var index_native = require('../../FormRenderer/index.cjs');
+var helpers = require('../../../utils/helpers.cjs');
+require('yup');
+var index = require('../../../../layout/Flex/index.cjs');
+
+const ObjectElement = ({
+  element,
+  control,
+  getValues,
+  groupField,
+  focusedField,
+  setFocusedField,
+  fieldLogic
+}) => {
+  const { isShown, label, elements, helperText, style: elementStyle, fieldState, hideError, isRequired, slots } = fieldLogic;
+  const objectElement = element;
+  const { grid } = objectElement;
+  const containerSlots = React.useMemo(() => helpers.flattenSlotStyles(slots), [slots]);
+  const renderer = React.useMemo(() => {
+    if (!elements) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index_native.FormRenderer,
+      {
+        elements,
+        control,
+        getValues,
+        groupField,
+        parentPath: `${element.id.toString()}.`,
+        focusedField,
+        setFocusedField,
+        grid
+      }
+    );
+  }, [elements, focusedField, groupField, grid]);
+  if (!isShown) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index_native$1.default,
+    {
+      id: element.id.toString(),
+      label,
+      helperText,
+      errors: fieldState?.error?.message,
+      invalid: fieldState?.invalid,
+      hideError,
+      required: isRequired,
+      bare: true,
+      containerStyle: elementStyle?.container,
+      elementStyles: containerSlots,
+      children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { w: "full", flexDirection: "column", gap: 6, children: renderer })
+    }
+  );
+};
+
+exports.ObjectElement = ObjectElement;
+exports.default = ObjectElement;
+//# sourceMappingURL=index.cjs.map

package/form-renderer/components/fields/Object/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../src/form-renderer/components/fields/Object/index.tsx"],"sourcesContent":["// components/fields/Object.tsx\n\nimport React, {useMemo} from 'react';\nimport {type FieldValues} from 'react-hook-form';\nimport type {IObjectGroup, UseFieldLogicElementProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Flex} from \"../../../../_compat\";\nimport KitsContainer from \"../../../../form/helpers/FormContainer\";\nimport {FormRenderer} from \"../../FormRenderer\";\nimport {flattenSlotStyles} from \"../../../utils\";\n\n/**\n * Renders a static, non-repeatable group of fields (a nested object).\n * It provides a layout wrapper and recursively renders its children with the correct nested path.\n */\nexport const ObjectElement = <T extends FieldValues>({\n                                                  element,\n                                                  control,\n                                                  getValues,\n                                                  groupField,\n                                                  focusedField,\n                                                  setFocusedField,\n                                                  fieldLogic,\n                                              }: UseFieldLogicElementProps<T>) => {\n\n    // 1. Get the object's own dynamic state (visibility, layout, label) from the logic hook.\n    const {isShown, label, elements, helperText, style: elementStyle, fieldState, hideError, isRequired, slots} = fieldLogic;\n\n    const objectElement = element as IObjectGroup<T>;\n    const {grid} = objectElement;\n\n    // `slots` from the logic hook is the nested IElementSlotConfig shape\n    // ({ [slot]: { style, props } }). KitsContainer expects the FLAT\n    // { [slot]: styleRecord } map (the same shape useComponentDefaults yields\n    // for inputs), so flatten before handing it over — otherwise container /\n    // label / helperText / error slot styles never reach the wrapper.\n    const containerSlots = useMemo(() => flattenSlotStyles(slots), [slots]);\n\n    const renderer = useMemo(() => {\n        if (!elements) {\n            return null;\n        }\n        return <FormRenderer\n            elements={elements}\n            control={control}\n            getValues={getValues}\n            groupField={groupField}\n            parentPath={`${element.id.toString()}.`}\n            focusedField={focusedField}\n            setFocusedField={setFocusedField!}\n            grid={grid}\n        />\n    }, [elements, focusedField, groupField, grid])\n\n    if (!isShown) {\n        return null;\n    }\n\n    return (\n        <KitsContainer\n            id={element.id.toString()}\n            label={label}\n            helperText={helperText}\n            errors={fieldState?.error?.message}\n            invalid={fieldState?.invalid}\n            hideError={hideError}\n            required={isRequired}\n            bare\n            containerStyle={elementStyle?.container}\n            elementStyles={containerSlots}\n        >\n            <Flex w=\"full\" flexDirection=\"column\" gap={6}>\n                {renderer}\n            </Flex>\n        </KitsContainer>\n    );\n};\n\nexport default ObjectElement\n"],"names":["useMemo","flattenSlotStyles","jsx","FormRenderer","KitsContainer","Flex"],"mappings":";;;;;;;;;;;;AAcO,MAAM,gBAAgB,CAAwB;AAAA,EACH,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AAAA,EACA;AACJ,CAAA,KAAoC;AAG9E,EAAA,MAAM,EAAC,OAAA,EAAS,KAAA,EAAO,QAAA,EAAU,UAAA,EAAY,KAAA,EAAO,YAAA,EAAc,UAAA,EAAY,SAAA,EAAW,UAAA,EAAY,KAAA,EAAK,GAAI,UAAA;AAE9G,EAAA,MAAM,aAAA,GAAgB,OAAA;AACtB,EAAA,MAAM,EAAC,MAAI,GAAI,aAAA;AAOf,EAAA,MAAM,cAAA,GAAiBA,cAAQ,MAAMC,yBAAA,CAAkB,KAAK,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEtE,EAAA,MAAM,QAAA,GAAWD,cAAQ,MAAM;AAC3B,IAAA,IAAI,CAAC,QAAA,EAAU;AACX,MAAA,OAAO,IAAA;AAAA,IACX;AACA,IAAA,uBAAOE,cAAA;AAAA,MAACC,yBAAA;AAAA,MAAA;AAAA,QACJ,QAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,QACA,UAAA,EAAY,CAAA,EAAG,OAAA,CAAQ,EAAA,CAAG,UAAU,CAAA,CAAA,CAAA;AAAA,QACpC,YAAA;AAAA,QACA,eAAA;AAAA,QACA;AAAA;AAAA,KACJ;AAAA,EACJ,GAAG,CAAC,QAAA,EAAU,YAAA,EAAc,UAAA,EAAY,IAAI,CAAC,CAAA;AAE7C,EAAA,IAAI,CAAC,OAAA,EAAS;AACV,IAAA,OAAO,IAAA;AAAA,EACX;AAEA,EAAA,uBACID,cAAA;AAAA,IAACE,sBAAA;AAAA,IAAA;AAAA,MACG,EAAA,EAAI,OAAA,CAAQ,EAAA,CAAG,QAAA,EAAS;AAAA,MACxB,KAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA,EAAQ,YAAY,KAAA,EAAO,OAAA;AAAA,MAC3B,SAAS,UAAA,EAAY,OAAA;AAAA,MACrB,SAAA;AAAA,MACA,QAAA,EAAU,UAAA;AAAA,MACV,IAAA,EAAI,IAAA;AAAA,MACJ,gBAAgB,YAAA,EAAc,SAAA;AAAA,MAC9B,aAAA,EAAe,cAAA;AAAA,MAEf,QAAA,kBAAAF,cAAA,CAACG,iBAAK,CAAA,EAAE,MAAA,EAAO,eAAc,QAAA,EAAS,GAAA,EAAK,GACtC,QAAA,EAAA,QAAA,EACL;AAAA;AAAA,GACJ;AAER;;;;;"}

package/form-renderer/components/fields/Object/index.js

@@ -0,0 +1,62 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import KitsContainer from '../../../../form/helpers/FormContainer/index.js';
+import { FormRenderer } from '../../FormRenderer/index.js';
+import { flattenSlotStyles } from '../../../utils/helpers.js';
+import 'yup';
+import Flex from '../../../../layout/Flex/index.js';
+
+const ObjectElement = ({
+  element,
+  control,
+  getValues,
+  groupField,
+  focusedField,
+  setFocusedField,
+  fieldLogic
+}) => {
+  const { isShown, label, elements, helperText, style: elementStyle, fieldState, hideError, isRequired, slots } = fieldLogic;
+  const objectElement = element;
+  const { grid } = objectElement;
+  const containerSlots = useMemo(() => flattenSlotStyles(slots), [slots]);
+  const renderer = useMemo(() => {
+    if (!elements) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      FormRenderer,
+      {
+        elements,
+        control,
+        getValues,
+        groupField,
+        parentPath: `${element.id.toString()}.`,
+        focusedField,
+        setFocusedField,
+        grid
+      }
+    );
+  }, [elements, focusedField, groupField, grid]);
+  if (!isShown) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    KitsContainer,
+    {
+      id: element.id.toString(),
+      label,
+      helperText,
+      errors: fieldState?.error?.message,
+      invalid: fieldState?.invalid,
+      hideError,
+      required: isRequired,
+      bare: true,
+      containerStyle: elementStyle?.container,
+      elementStyles: containerSlots,
+      children: /* @__PURE__ */ jsx(Flex, { w: "full", flexDirection: "column", gap: 6, children: renderer })
+    }
+  );
+};
+
+export { ObjectElement, ObjectElement as default };
+//# sourceMappingURL=index.js.map

package/form-renderer/components/fields/Object/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/form-renderer/components/fields/Object/index.tsx"],"sourcesContent":["// components/fields/Object.tsx\n\nimport React, {useMemo} from 'react';\nimport {type FieldValues} from 'react-hook-form';\nimport type {IObjectGroup, UseFieldLogicElementProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Flex} from \"../../../../_compat\";\nimport KitsContainer from \"../../../../form/helpers/FormContainer\";\nimport {FormRenderer} from \"../../FormRenderer\";\nimport {flattenSlotStyles} from \"../../../utils\";\n\n/**\n * Renders a static, non-repeatable group of fields (a nested object).\n * It provides a layout wrapper and recursively renders its children with the correct nested path.\n */\nexport const ObjectElement = <T extends FieldValues>({\n                                                  element,\n                                                  control,\n                                                  getValues,\n                                                  groupField,\n                                                  focusedField,\n                                                  setFocusedField,\n                                                  fieldLogic,\n                                              }: UseFieldLogicElementProps<T>) => {\n\n    // 1. Get the object's own dynamic state (visibility, layout, label) from the logic hook.\n    const {isShown, label, elements, helperText, style: elementStyle, fieldState, hideError, isRequired, slots} = fieldLogic;\n\n    const objectElement = element as IObjectGroup<T>;\n    const {grid} = objectElement;\n\n    // `slots` from the logic hook is the nested IElementSlotConfig shape\n    // ({ [slot]: { style, props } }). KitsContainer expects the FLAT\n    // { [slot]: styleRecord } map (the same shape useComponentDefaults yields\n    // for inputs), so flatten before handing it over — otherwise container /\n    // label / helperText / error slot styles never reach the wrapper.\n    const containerSlots = useMemo(() => flattenSlotStyles(slots), [slots]);\n\n    const renderer = useMemo(() => {\n        if (!elements) {\n            return null;\n        }\n        return <FormRenderer\n            elements={elements}\n            control={control}\n            getValues={getValues}\n            groupField={groupField}\n            parentPath={`${element.id.toString()}.`}\n            focusedField={focusedField}\n            setFocusedField={setFocusedField!}\n            grid={grid}\n        />\n    }, [elements, focusedField, groupField, grid])\n\n    if (!isShown) {\n        return null;\n    }\n\n    return (\n        <KitsContainer\n            id={element.id.toString()}\n            label={label}\n            helperText={helperText}\n            errors={fieldState?.error?.message}\n            invalid={fieldState?.invalid}\n            hideError={hideError}\n            required={isRequired}\n            bare\n            containerStyle={elementStyle?.container}\n            elementStyles={containerSlots}\n        >\n            <Flex w=\"full\" flexDirection=\"column\" gap={6}>\n                {renderer}\n            </Flex>\n        </KitsContainer>\n    );\n};\n\nexport default ObjectElement\n"],"names":[],"mappings":";;;;;;;;AAcO,MAAM,gBAAgB,CAAwB;AAAA,EACH,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AAAA,EACA;AACJ,CAAA,KAAoC;AAG9E,EAAA,MAAM,EAAC,OAAA,EAAS,KAAA,EAAO,QAAA,EAAU,UAAA,EAAY,KAAA,EAAO,YAAA,EAAc,UAAA,EAAY,SAAA,EAAW,UAAA,EAAY,KAAA,EAAK,GAAI,UAAA;AAE9G,EAAA,MAAM,aAAA,GAAgB,OAAA;AACtB,EAAA,MAAM,EAAC,MAAI,GAAI,aAAA;AAOf,EAAA,MAAM,cAAA,GAAiB,QAAQ,MAAM,iBAAA,CAAkB,KAAK,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEtE,EAAA,MAAM,QAAA,GAAW,QAAQ,MAAM;AAC3B,IAAA,IAAI,CAAC,QAAA,EAAU;AACX,MAAA,OAAO,IAAA;AAAA,IACX;AACA,IAAA,uBAAO,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACJ,QAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,QACA,UAAA,EAAY,CAAA,EAAG,OAAA,CAAQ,EAAA,CAAG,UAAU,CAAA,CAAA,CAAA;AAAA,QACpC,YAAA;AAAA,QACA,eAAA;AAAA,QACA;AAAA;AAAA,KACJ;AAAA,EACJ,GAAG,CAAC,QAAA,EAAU,YAAA,EAAc,UAAA,EAAY,IAAI,CAAC,CAAA;AAE7C,EAAA,IAAI,CAAC,OAAA,EAAS;AACV,IAAA,OAAO,IAAA;AAAA,EACX;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACG,EAAA,EAAI,OAAA,CAAQ,EAAA,CAAG,QAAA,EAAS;AAAA,MACxB,KAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA,EAAQ,YAAY,KAAA,EAAO,OAAA;AAAA,MAC3B,SAAS,UAAA,EAAY,OAAA;AAAA,MACrB,SAAA;AAAA,MACA,QAAA,EAAU,UAAA;AAAA,MACV,IAAA,EAAI,IAAA;AAAA,MACJ,gBAAgB,YAAA,EAAc,SAAA;AAAA,MAC9B,aAAA,EAAe,cAAA;AAAA,MAEf,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EAAE,MAAA,EAAO,eAAc,QAAA,EAAS,GAAA,EAAK,GACtC,QAAA,EAAA,QAAA,EACL;AAAA;AAAA,GACJ;AAER;;;;"}