@bolttech/form-engine 3.0.0-beta.49 → 3.0.0-beta.50

package/index.esm.js

@@ -2871,7 +2871,7 @@ const AsFormFieldBuilder = props => {
    * Also has the logic to remove it once this element is removed
    */
   useEffect(() => {
-    var _a, _b, _c;
+    var _a, _b;
     if (!((_a = context.formGroupInstance) === null || _a === void 0 ? void 0 : _a.forms.has(props.formIndex))) {
       context.addFormWithIndex(props.formIndex);
     }
@@ -2884,14 +2884,18 @@ const AsFormFieldBuilder = props => {
       fieldSchema,
       mapperElement: props.mapper
     });
+    const field = formInstance === null || formInstance === void 0 ? void 0 : formInstance.getField({
+      key: props.name
+    });
     if (((_b = props.mapper.events) === null || _b === void 0 ? void 0 : _b.setValue) && props.props) {
-      (_c = formInstance === null || formInstance === void 0 ? void 0 : formInstance.getField({
-        key: props.name
-      })) === null || _c === void 0 ? void 0 : _c.emitValue({
+      field === null || field === void 0 ? void 0 : field.emitValue({
         value: props.props[props.mapper.events.setValue],
         event: 'ON_FIELD_MOUNT'
       });
     }
+    if (typeof (props === null || props === void 0 ? void 0 : props.visibility) !== 'undefined' && field) {
+      field.visibility = props.visibility;
+    }
     setMounted(true);
     return () => formInstance === null || formInstance === void 0 ? void 0 : formInstance.removeField({
       key: props.name
@@ -2920,6 +2924,18 @@ const AsFormFieldBuilder = props => {
     }
     field === null || field === void 0 ? void 0 : field.propsSubject$.next(Object.assign(Object.assign({}, fieldProps), props.props));
   }, [props.props]);
+  /**
+   * allows to control field visibility as a controlled component
+   */
+  useEffect(() => {
+    var _a;
+    if (!mounted) return;
+    const field = (_a = context.formGroupInstance.forms.get(props.formIndex)) === null || _a === void 0 ? void 0 : _a.fields.get(props.name);
+    console.log('entrou 1', field);
+    if (typeof (props === null || props === void 0 ? void 0 : props.visibility) !== 'undefined' && field) {
+      field.visibility = props.visibility;
+    }
+  }, [mounted, props.visibility]);
   return mounted ? jsx(FieldWrapper, {
     formIndex: props.formIndex,
     name: props.name,

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@bolttech/form-engine",
-  "version": "3.0.0-beta.49",
+  "version": "3.0.0-beta.50",
   "description": "A react adapter for bolttech form engine",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",
   "dependencies": {
-    "@bolttech/form-engine-core": "0.0.1-beta.34",
+    "@bolttech/form-engine-core": "0.0.1-beta.35",
     "react": "18.2.0",
     "rxjs": "7.8.1"
   },

package/src/components/AsFormFieldBuilder/AsFormFieldBuilder.type.d.ts

@@ -6,11 +6,13 @@ import { TFieldWrapper } from '../../types';
  * property, that will be a ReactNode
  * also gets the formIndex for form identification and the mapper to build the component
  * @property {TMapper} mapper element mapper to use
+ * @property {boolean} visibility element controlled visibility
  * @see {@link TMapper}
  * @see {@link IComponentSchema}
  * @see {@link TFieldWrapper}
  */
 type TAsFormFieldBuilderProps = PropsWithChildren<Omit<IComponentSchema, 'children' | 'component' | 'name'> & Required<TFieldWrapper> & {
     mapper: TMapper<ElementType>;
+    visibility?: boolean;
 }>;
 export type { TAsFormFieldBuilderProps };