@lmb-it/kitsconcerto-native 0.1.236

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

@@ -0,0 +1,102 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var SelectContext = require('../../../../form/selects/SelectContext.cjs');
+require('react');
+require('axios');
+require('../../../../contexts/DialogContext.cjs');
+
+const Select = ({
+  element,
+  control,
+  getValues,
+  fieldLogic
+}) => {
+  const {
+    field,
+    fieldState,
+    label,
+    placeholder,
+    isDisabled,
+    isRequired,
+    helperText,
+    watchedValues,
+    list,
+    attached,
+    style: elementStyle,
+    slots
+  } = fieldLogic;
+  const shapeMap = {
+    Select: "dropdown",
+    Multiselect: "multiselect",
+    Tags: "autocomplete",
+    ListBox: "listBox",
+    TreeSelect: "treeSelect"
+  };
+  const shape = shapeMap[element.type] || "dropdown";
+  const {
+    // Common
+    labelKey,
+    valueKey,
+    outputValueKey,
+    childrenKey,
+    withFilter,
+    filterBy,
+    virtualScroll,
+    showClear,
+    // Specific
+    withArrow,
+    isMultiple,
+    forceSelection,
+    completeMethod,
+    valueMode,
+    selectionLimit,
+    hideError,
+    // TreeSelect specific
+    onlyParentsWithChildren,
+    isStructured
+  } = element;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SelectContext.default,
+    {
+      ...field,
+      id: field.name,
+      shape,
+      label,
+      placeholder,
+      disabled: isDisabled,
+      required: isRequired,
+      invalid: fieldState.invalid,
+      errors: fieldState.error?.message,
+      helperText,
+      list,
+      hideError,
+      attached,
+      style: elementStyle?.input,
+      containerStyle: elementStyle?.container,
+      slots,
+      labelKey,
+      valueKey,
+      outputValueKey,
+      childrenKey,
+      withFilter,
+      filterBy,
+      virtualScroll,
+      showClear,
+      withArrow,
+      isMultiple,
+      forceSelection,
+      completeMethod,
+      valueMode,
+      selectionLimit,
+      onlyParentsWithChildren,
+      isStructured
+    }
+  );
+};
+
+exports.Select = Select;
+exports.default = Select;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../src/form-renderer/components/fields/Select/index.tsx"],"sourcesContent":["import React from 'react';\nimport type {FieldValues} from 'react-hook-form';\nimport type {Shapes, UseFieldLogicElementProps} from \"@lmb-it/kitsconcerto-types\";\nimport {FormSelect} from \"../../../../_compat\";\nimport type {IListItem} from \"@lmb-it/kitsconcerto-types\";\n\nexport const Select = <T extends FieldValues>({\n                                                  element,\n                                                  control,\n                                                  getValues,\n                                                  fieldLogic,\n                                              }: UseFieldLogicElementProps<T>) => {\n\n    const {\n        field,\n        fieldState,\n        label,\n        placeholder,\n        isDisabled,\n        isRequired,\n        helperText,\n        watchedValues,\n        list,\n        attached,\n        style: elementStyle,\n        slots,\n    } = fieldLogic;\n\n    // Map form element type → FormSelect shape\n    const shapeMap: Record<string, Shapes> = {\n        Select: 'dropdown',\n        Multiselect: 'multiselect',\n        Tags: 'autocomplete',\n        ListBox: 'listBox',\n        TreeSelect: 'treeSelect',\n    };\n\n    const shape: Shapes = shapeMap[element.type as keyof typeof shapeMap] || 'dropdown';\n\n    const {\n        // Common\n        labelKey,\n        valueKey,\n        outputValueKey,\n        childrenKey,\n        withFilter,\n        filterBy,\n        virtualScroll,\n        showClear,\n        // Specific\n        withArrow,\n        isMultiple,\n        forceSelection,\n        completeMethod,\n        valueMode,\n        selectionLimit,\n        hideError,\n        // TreeSelect specific\n        onlyParentsWithChildren,\n        isStructured,\n    } = element as any;\n\n    // No key regeneration needed here.\n    // SelectContext already handles list changes reactively via its own useEffect([list]).\n    // All underlying components (Dropdown, AutoComplete, etc.) react to prop changes natively.\n    // A key change would force a full remount — destroying focus state and any user interaction.\n\n    return (\n        <FormSelect\n            {...field}\n            id={field.name}\n            shape={shape}\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            list={list as IListItem[]}\n            hideError={hideError}\n            attached={attached}\n            style={elementStyle?.input}\n            containerStyle={elementStyle?.container}\n            slots={slots}\n            labelKey={labelKey}\n            valueKey={valueKey}\n            outputValueKey={outputValueKey}\n            childrenKey={childrenKey}\n            withFilter={withFilter}\n            filterBy={filterBy}\n            virtualScroll={virtualScroll}\n            showClear={showClear}\n            withArrow={withArrow}\n            isMultiple={isMultiple}\n            forceSelection={forceSelection}\n            completeMethod={completeMethod}\n            valueMode={valueMode}\n            selectionLimit={selectionLimit}\n            onlyParentsWithChildren={onlyParentsWithChildren}\n            isStructured={isStructured}\n        />\n    );\n};\n\nexport default Select;\n"],"names":["jsx","FormSelect"],"mappings":";;;;;;;;;;AAMO,MAAM,SAAS,CAAwB;AAAA,EACI,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACJ,CAAA,KAAoC;AAE9E,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,aAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,EAAO,YAAA;AAAA,IACP;AAAA,GACJ,GAAI,UAAA;AAGJ,EAAA,MAAM,QAAA,GAAmC;AAAA,IACrC,MAAA,EAAQ,UAAA;AAAA,IACR,WAAA,EAAa,aAAA;AAAA,IACb,IAAA,EAAM,cAAA;AAAA,IACN,OAAA,EAAS,SAAA;AAAA,IACT,UAAA,EAAY;AAAA,GAChB;AAEA,EAAA,MAAM,KAAA,GAAgB,QAAA,CAAS,OAAA,CAAQ,IAA6B,CAAA,IAAK,UAAA;AAEzE,EAAA,MAAM;AAAA;AAAA,IAEF,QAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA;AAAA,IAEA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA;AAAA,IAEA,uBAAA;AAAA,IACA;AAAA,GACJ,GAAI,OAAA;AAOJ,EAAA,uBACIA,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACI,GAAG,KAAA;AAAA,MACJ,IAAI,KAAA,CAAM,IAAA;AAAA,MACV,KAAA;AAAA,MACA,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,IAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAO,YAAA,EAAc,KAAA;AAAA,MACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,MAC9B,KAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,uBAAA;AAAA,MACA;AAAA;AAAA,GACJ;AAER;;;;;"}

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

@@ -0,0 +1,97 @@
+import { jsx } from 'react/jsx-runtime';
+import FormSelect from '../../../../form/selects/SelectContext.js';
+import 'react';
+import 'axios';
+import '../../../../contexts/DialogContext.js';
+
+const Select = ({
+  element,
+  control,
+  getValues,
+  fieldLogic
+}) => {
+  const {
+    field,
+    fieldState,
+    label,
+    placeholder,
+    isDisabled,
+    isRequired,
+    helperText,
+    watchedValues,
+    list,
+    attached,
+    style: elementStyle,
+    slots
+  } = fieldLogic;
+  const shapeMap = {
+    Select: "dropdown",
+    Multiselect: "multiselect",
+    Tags: "autocomplete",
+    ListBox: "listBox",
+    TreeSelect: "treeSelect"
+  };
+  const shape = shapeMap[element.type] || "dropdown";
+  const {
+    // Common
+    labelKey,
+    valueKey,
+    outputValueKey,
+    childrenKey,
+    withFilter,
+    filterBy,
+    virtualScroll,
+    showClear,
+    // Specific
+    withArrow,
+    isMultiple,
+    forceSelection,
+    completeMethod,
+    valueMode,
+    selectionLimit,
+    hideError,
+    // TreeSelect specific
+    onlyParentsWithChildren,
+    isStructured
+  } = element;
+  return /* @__PURE__ */ jsx(
+    FormSelect,
+    {
+      ...field,
+      id: field.name,
+      shape,
+      label,
+      placeholder,
+      disabled: isDisabled,
+      required: isRequired,
+      invalid: fieldState.invalid,
+      errors: fieldState.error?.message,
+      helperText,
+      list,
+      hideError,
+      attached,
+      style: elementStyle?.input,
+      containerStyle: elementStyle?.container,
+      slots,
+      labelKey,
+      valueKey,
+      outputValueKey,
+      childrenKey,
+      withFilter,
+      filterBy,
+      virtualScroll,
+      showClear,
+      withArrow,
+      isMultiple,
+      forceSelection,
+      completeMethod,
+      valueMode,
+      selectionLimit,
+      onlyParentsWithChildren,
+      isStructured
+    }
+  );
+};
+
+export { Select, Select as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/form-renderer/components/fields/Select/index.tsx"],"sourcesContent":["import React from 'react';\nimport type {FieldValues} from 'react-hook-form';\nimport type {Shapes, UseFieldLogicElementProps} from \"@lmb-it/kitsconcerto-types\";\nimport {FormSelect} from \"../../../../_compat\";\nimport type {IListItem} from \"@lmb-it/kitsconcerto-types\";\n\nexport const Select = <T extends FieldValues>({\n                                                  element,\n                                                  control,\n                                                  getValues,\n                                                  fieldLogic,\n                                              }: UseFieldLogicElementProps<T>) => {\n\n    const {\n        field,\n        fieldState,\n        label,\n        placeholder,\n        isDisabled,\n        isRequired,\n        helperText,\n        watchedValues,\n        list,\n        attached,\n        style: elementStyle,\n        slots,\n    } = fieldLogic;\n\n    // Map form element type → FormSelect shape\n    const shapeMap: Record<string, Shapes> = {\n        Select: 'dropdown',\n        Multiselect: 'multiselect',\n        Tags: 'autocomplete',\n        ListBox: 'listBox',\n        TreeSelect: 'treeSelect',\n    };\n\n    const shape: Shapes = shapeMap[element.type as keyof typeof shapeMap] || 'dropdown';\n\n    const {\n        // Common\n        labelKey,\n        valueKey,\n        outputValueKey,\n        childrenKey,\n        withFilter,\n        filterBy,\n        virtualScroll,\n        showClear,\n        // Specific\n        withArrow,\n        isMultiple,\n        forceSelection,\n        completeMethod,\n        valueMode,\n        selectionLimit,\n        hideError,\n        // TreeSelect specific\n        onlyParentsWithChildren,\n        isStructured,\n    } = element as any;\n\n    // No key regeneration needed here.\n    // SelectContext already handles list changes reactively via its own useEffect([list]).\n    // All underlying components (Dropdown, AutoComplete, etc.) react to prop changes natively.\n    // A key change would force a full remount — destroying focus state and any user interaction.\n\n    return (\n        <FormSelect\n            {...field}\n            id={field.name}\n            shape={shape}\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            list={list as IListItem[]}\n            hideError={hideError}\n            attached={attached}\n            style={elementStyle?.input}\n            containerStyle={elementStyle?.container}\n            slots={slots}\n            labelKey={labelKey}\n            valueKey={valueKey}\n            outputValueKey={outputValueKey}\n            childrenKey={childrenKey}\n            withFilter={withFilter}\n            filterBy={filterBy}\n            virtualScroll={virtualScroll}\n            showClear={showClear}\n            withArrow={withArrow}\n            isMultiple={isMultiple}\n            forceSelection={forceSelection}\n            completeMethod={completeMethod}\n            valueMode={valueMode}\n            selectionLimit={selectionLimit}\n            onlyParentsWithChildren={onlyParentsWithChildren}\n            isStructured={isStructured}\n        />\n    );\n};\n\nexport default Select;\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,SAAS,CAAwB;AAAA,EACI,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACJ,CAAA,KAAoC;AAE9E,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,aAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,EAAO,YAAA;AAAA,IACP;AAAA,GACJ,GAAI,UAAA;AAGJ,EAAA,MAAM,QAAA,GAAmC;AAAA,IACrC,MAAA,EAAQ,UAAA;AAAA,IACR,WAAA,EAAa,aAAA;AAAA,IACb,IAAA,EAAM,cAAA;AAAA,IACN,OAAA,EAAS,SAAA;AAAA,IACT,UAAA,EAAY;AAAA,GAChB;AAEA,EAAA,MAAM,KAAA,GAAgB,QAAA,CAAS,OAAA,CAAQ,IAA6B,CAAA,IAAK,UAAA;AAEzE,EAAA,MAAM;AAAA;AAAA,IAEF,QAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA;AAAA,IAEA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA;AAAA,IAEA,uBAAA;AAAA,IACA;AAAA,GACJ,GAAI,OAAA;AAOJ,EAAA,uBACI,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACI,GAAG,KAAA;AAAA,MACJ,IAAI,KAAA,CAAM,IAAA;AAAA,MACV,KAAA;AAAA,MACA,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,IAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAO,YAAA,EAAc,KAAA;AAAA,MACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,MAC9B,KAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,uBAAA;AAAA,MACA;AAAA;AAAA,GACJ;AAER;;;;"}

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

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var index_native = require('../../../../form/inputs/InputSwitch/index.cjs');
+require('react');
+require('axios');
+
+const Switch = ({
+  element,
+  control,
+  getValues,
+  fieldLogic
+}) => {
+  const {
+    field,
+    fieldState,
+    label,
+    isDisabled,
+    isRequired,
+    helperText,
+    attached,
+    style: elementStyle,
+    slots
+  } = fieldLogic;
+  const switchElement = element;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index_native.default,
+    {
+      ...field,
+      id: field.name,
+      label,
+      disabled: isDisabled,
+      required: isRequired,
+      invalid: fieldState.invalid,
+      errors: fieldState.error?.message,
+      helperText,
+      attached,
+      displayAs: switchElement.displayAs,
+      direction: switchElement.direction,
+      style: elementStyle?.input,
+      containerStyle: elementStyle?.container,
+      slots,
+      checked: !!field.value
+    }
+  );
+};
+
+exports.Switch = Switch;
+exports.default = Switch;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../src/form-renderer/components/fields/Switch/index.tsx"],"sourcesContent":["// components/fields/Switch.tsx\n\nimport React from 'react';\nimport type {FieldValues} from 'react-hook-form';\n\n// Using your specified import paths\nimport type {ISwitch, UseFieldLogicElementProps} from '@lmb-it/kitsconcerto-types';\nimport {InputSwitch} from \"../../../../_compat\";\n\n/**\n * Renders a switch (toggle) component.\n * Supports displayAs: 'switch' (default) or 'checkbox' (inline checkbox with label).\n */\nexport const Switch = <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        isDisabled,\n        isRequired,\n        helperText,\n        attached,\n        style: elementStyle,\n        slots,\n    } = fieldLogic\n\n    const switchElement = element as ISwitch<T>;\n\n    // 2. The component is now only responsible for rendering the UI.\n    return (\n        <InputSwitch\n            // --- Core react-hook-form props ---\n            {...field} // Spreads `onChange`, `onBlur`, `value`, `ref`\n\n            id={field.name}\n            label={label}\n            disabled={isDisabled}\n            required={isRequired}\n            invalid={fieldState.invalid}\n            errors={fieldState.error?.message}\n            helperText={helperText}\n            attached={attached}\n            displayAs={switchElement.displayAs}\n            direction={switchElement.direction}\n            style={elementStyle?.input}\n            containerStyle={elementStyle?.container}\n            slots={slots}\n            checked={!!field.value}\n        />\n    );\n};\n\nexport default Switch;\n"],"names":["jsx","InputSwitch"],"mappings":";;;;;;;;;AAaO,MAAM,SAAS,CAAwB;AAAA,EACI,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACJ,CAAA,KAAoC;AAG9E,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,EAAO,YAAA;AAAA,IACP;AAAA,GACJ,GAAI,UAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,OAAA;AAGtB,EAAA,uBACIA,cAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MAEI,GAAG,KAAA;AAAA,MAEJ,IAAI,KAAA,CAAM,IAAA;AAAA,MACV,KAAA;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,WAAW,aAAA,CAAc,SAAA;AAAA,MACzB,WAAW,aAAA,CAAc,SAAA;AAAA,MACzB,OAAO,YAAA,EAAc,KAAA;AAAA,MACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,MAC9B,KAAA;AAAA,MACA,OAAA,EAAS,CAAC,CAAC,KAAA,CAAM;AAAA;AAAA,GACrB;AAER;;;;;"}

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

@@ -0,0 +1,47 @@
+import { jsx } from 'react/jsx-runtime';
+import KitsInputSwitch from '../../../../form/inputs/InputSwitch/index.js';
+import 'react';
+import 'axios';
+
+const Switch = ({
+  element,
+  control,
+  getValues,
+  fieldLogic
+}) => {
+  const {
+    field,
+    fieldState,
+    label,
+    isDisabled,
+    isRequired,
+    helperText,
+    attached,
+    style: elementStyle,
+    slots
+  } = fieldLogic;
+  const switchElement = element;
+  return /* @__PURE__ */ jsx(
+    KitsInputSwitch,
+    {
+      ...field,
+      id: field.name,
+      label,
+      disabled: isDisabled,
+      required: isRequired,
+      invalid: fieldState.invalid,
+      errors: fieldState.error?.message,
+      helperText,
+      attached,
+      displayAs: switchElement.displayAs,
+      direction: switchElement.direction,
+      style: elementStyle?.input,
+      containerStyle: elementStyle?.container,
+      slots,
+      checked: !!field.value
+    }
+  );
+};
+
+export { Switch, Switch as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/form-renderer/components/fields/Switch/index.tsx"],"sourcesContent":["// components/fields/Switch.tsx\n\nimport React from 'react';\nimport type {FieldValues} from 'react-hook-form';\n\n// Using your specified import paths\nimport type {ISwitch, UseFieldLogicElementProps} from '@lmb-it/kitsconcerto-types';\nimport {InputSwitch} from \"../../../../_compat\";\n\n/**\n * Renders a switch (toggle) component.\n * Supports displayAs: 'switch' (default) or 'checkbox' (inline checkbox with label).\n */\nexport const Switch = <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        isDisabled,\n        isRequired,\n        helperText,\n        attached,\n        style: elementStyle,\n        slots,\n    } = fieldLogic\n\n    const switchElement = element as ISwitch<T>;\n\n    // 2. The component is now only responsible for rendering the UI.\n    return (\n        <InputSwitch\n            // --- Core react-hook-form props ---\n            {...field} // Spreads `onChange`, `onBlur`, `value`, `ref`\n\n            id={field.name}\n            label={label}\n            disabled={isDisabled}\n            required={isRequired}\n            invalid={fieldState.invalid}\n            errors={fieldState.error?.message}\n            helperText={helperText}\n            attached={attached}\n            displayAs={switchElement.displayAs}\n            direction={switchElement.direction}\n            style={elementStyle?.input}\n            containerStyle={elementStyle?.container}\n            slots={slots}\n            checked={!!field.value}\n        />\n    );\n};\n\nexport default Switch;\n"],"names":["InputSwitch"],"mappings":";;;;;AAaO,MAAM,SAAS,CAAwB;AAAA,EACI,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACJ,CAAA,KAAoC;AAG9E,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,EAAO,YAAA;AAAA,IACP;AAAA,GACJ,GAAI,UAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,OAAA;AAGtB,EAAA,uBACI,GAAA;AAAA,IAACA,eAAA;AAAA,IAAA;AAAA,MAEI,GAAG,KAAA;AAAA,MAEJ,IAAI,KAAA,CAAM,IAAA;AAAA,MACV,KAAA;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,WAAW,aAAA,CAAc,SAAA;AAAA,MACzB,WAAW,aAAA,CAAc,SAAA;AAAA,MACzB,OAAO,YAAA,EAAc,KAAA;AAAA,MACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,MAC9B,KAAA;AAAA,MACA,OAAA,EAAS,CAAC,CAAC,KAAA,CAAM;AAAA;AAAA,GACrB;AAER;;;;"}

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

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var index_native = require('../../../../form/inputs/InputTextarea/index.cjs');
+
+const Textarea = ({
+  element,
+  control,
+  getValues,
+  fieldLogic
+}) => {
+  const {
+    field,
+    fieldState,
+    label,
+    placeholder,
+    isDisabled,
+    isRequired,
+    hideError,
+    helperText,
+    keyFilter,
+    // The hook resolves this dynamic prop
+    attached,
+    style: elementStyle,
+    slots
+  } = fieldLogic;
+  const textareaElement = element;
+  const { rows, cols, autoResize, maxLength, minLength } = textareaElement;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index_native.default,
+    {
+      ...field,
+      id: field.name,
+      label,
+      placeholder,
+      disabled: isDisabled,
+      hideError,
+      required: isRequired,
+      invalid: fieldState.invalid,
+      errors: fieldState.error?.message,
+      helperText,
+      keyFilter,
+      attached,
+      style: elementStyle?.input,
+      containerStyle: elementStyle?.container,
+      slots,
+      rows,
+      cols,
+      autoResize,
+      maxLength,
+      minLength
+    }
+  );
+};
+
+exports.Textarea = Textarea;
+exports.default = Textarea;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../src/form-renderer/components/fields/Textarea/index.tsx"],"sourcesContent":["// components/fields/Textarea.tsx\n\nimport React from 'react';\nimport type {FieldValues} from 'react-hook-form';\n\n// Using your specified import paths\nimport type {ITextarea, UseFieldLogicElementProps} from '@lmb-it/kitsconcerto-types';\nimport {KitsInputTextarea} from \"../../../../_compat\";\n\n/**\n * Renders a textarea component.\n\n */\nexport const Textarea = <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        hideError,\n        helperText,\n        keyFilter, // The hook resolves 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 textareaElement = element as ITextarea<T>;\n    const {rows, cols, autoResize, maxLength, minLength} = textareaElement as ITextarea<T> & {\n        maxLength?: number;\n        minLength?: number;\n    };\n\n    // 3. The component is now only responsible for rendering the UI.\n    return (\n        <KitsInputTextarea\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            hideError={hideError}\n            required={isRequired}\n            invalid={fieldState.invalid}\n            errors={fieldState.error?.message}\n            helperText={helperText}\n            keyFilter={keyFilter}\n            attached={attached}\n            style={elementStyle?.input}\n            containerStyle={elementStyle?.container}\n            slots={slots}\n\n            // --- Props from the element definition ---\n            rows={rows}\n            cols={cols}\n            autoResize={autoResize}\n            maxLength={maxLength}\n            minLength={minLength}\n        />\n    );\n};\n\nexport default Textarea;\n"],"names":["jsx","KitsInputTextarea"],"mappings":";;;;;;;AAaO,MAAM,WAAW,CAAwB;AAAA,EACI,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACJ,CAAA,KAAoC;AAGhF,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,EAAO,YAAA;AAAA,IACP;AAAA,GACJ,GAAI,UAAA;AAGJ,EAAA,MAAM,eAAA,GAAkB,OAAA;AACxB,EAAA,MAAM,EAAC,IAAA,EAAM,IAAA,EAAM,UAAA,EAAY,SAAA,EAAW,WAAS,GAAI,eAAA;AAMvD,EAAA,uBACIA,cAAA;AAAA,IAACC,oBAAA;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,SAAA;AAAA,MACA,QAAA,EAAU,UAAA;AAAA,MACV,SAAS,UAAA,CAAW,OAAA;AAAA,MACpB,MAAA,EAAQ,WAAW,KAAA,EAAO,OAAA;AAAA,MAC1B,UAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAO,YAAA,EAAc,KAAA;AAAA,MACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,MAC9B,KAAA;AAAA,MAGA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA;AAAA,GACJ;AAER;;;;;"}

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

@@ -0,0 +1,55 @@
+import { jsx } from 'react/jsx-runtime';
+import KitsInputTextarea from '../../../../form/inputs/InputTextarea/index.js';
+
+const Textarea = ({
+  element,
+  control,
+  getValues,
+  fieldLogic
+}) => {
+  const {
+    field,
+    fieldState,
+    label,
+    placeholder,
+    isDisabled,
+    isRequired,
+    hideError,
+    helperText,
+    keyFilter,
+    // The hook resolves this dynamic prop
+    attached,
+    style: elementStyle,
+    slots
+  } = fieldLogic;
+  const textareaElement = element;
+  const { rows, cols, autoResize, maxLength, minLength } = textareaElement;
+  return /* @__PURE__ */ jsx(
+    KitsInputTextarea,
+    {
+      ...field,
+      id: field.name,
+      label,
+      placeholder,
+      disabled: isDisabled,
+      hideError,
+      required: isRequired,
+      invalid: fieldState.invalid,
+      errors: fieldState.error?.message,
+      helperText,
+      keyFilter,
+      attached,
+      style: elementStyle?.input,
+      containerStyle: elementStyle?.container,
+      slots,
+      rows,
+      cols,
+      autoResize,
+      maxLength,
+      minLength
+    }
+  );
+};
+
+export { Textarea, Textarea as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/form-renderer/components/fields/Textarea/index.tsx"],"sourcesContent":["// components/fields/Textarea.tsx\n\nimport React from 'react';\nimport type {FieldValues} from 'react-hook-form';\n\n// Using your specified import paths\nimport type {ITextarea, UseFieldLogicElementProps} from '@lmb-it/kitsconcerto-types';\nimport {KitsInputTextarea} from \"../../../../_compat\";\n\n/**\n * Renders a textarea component.\n\n */\nexport const Textarea = <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        hideError,\n        helperText,\n        keyFilter, // The hook resolves 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 textareaElement = element as ITextarea<T>;\n    const {rows, cols, autoResize, maxLength, minLength} = textareaElement as ITextarea<T> & {\n        maxLength?: number;\n        minLength?: number;\n    };\n\n    // 3. The component is now only responsible for rendering the UI.\n    return (\n        <KitsInputTextarea\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            hideError={hideError}\n            required={isRequired}\n            invalid={fieldState.invalid}\n            errors={fieldState.error?.message}\n            helperText={helperText}\n            keyFilter={keyFilter}\n            attached={attached}\n            style={elementStyle?.input}\n            containerStyle={elementStyle?.container}\n            slots={slots}\n\n            // --- Props from the element definition ---\n            rows={rows}\n            cols={cols}\n            autoResize={autoResize}\n            maxLength={maxLength}\n            minLength={minLength}\n        />\n    );\n};\n\nexport default Textarea;\n"],"names":[],"mappings":";;;AAaO,MAAM,WAAW,CAAwB;AAAA,EACI,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACJ,CAAA,KAAoC;AAGhF,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,EAAO,YAAA;AAAA,IACP;AAAA,GACJ,GAAI,UAAA;AAGJ,EAAA,MAAM,eAAA,GAAkB,OAAA;AACxB,EAAA,MAAM,EAAC,IAAA,EAAM,IAAA,EAAM,UAAA,EAAY,SAAA,EAAW,WAAS,GAAI,eAAA;AAMvD,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,SAAA;AAAA,MACA,QAAA,EAAU,UAAA;AAAA,MACV,SAAS,UAAA,CAAW,OAAA;AAAA,MACpB,MAAA,EAAQ,WAAW,KAAA,EAAO,OAAA;AAAA,MAC1B,UAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAO,YAAA,EAAc,KAAA;AAAA,MACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,MAC9B,KAAA;AAAA,MAGA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA;AAAA,GACJ;AAER;;;;"}

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

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