@abgov/jsonforms-components 2.6.6 → 2.6.8

package/index.esm.js

@@ -6227,7 +6227,6 @@ const GoADateTimeInput = props => {
     uischema,
     isVisited,
     errors,
-    schema,
     label,
     setIsVisited
   } = props;
@@ -6344,7 +6343,6 @@ const EnumSelect = props => {
     path,
     handleChange,
     options,
-    config,
     label,
     uischema,
     required,
@@ -6418,7 +6416,6 @@ const RadioGroup = props => {
   var _a;
   const {
     data,
-    className,
     id,
     enabled,
     schema,
@@ -6428,7 +6425,6 @@ const RadioGroup = props => {
     options,
     config,
     label,
-    t,
     isVisited,
     errors
   } = props;
@@ -6513,7 +6509,6 @@ const GoABooleanControl = withJsonFormsControlProps(BooleanControl);
 
 const BooleanRadioComponent = ({
   data,
-  visible,
   enabled,
   uischema,
   handleChange,
@@ -6532,34 +6527,31 @@ const BooleanRadioComponent = ({
   const TrueDescription = description || (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.descriptionForTrue);
   const FalseDescription = description || (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.descriptionForFalse);
   const BaseTestId = (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.testId) || `${path}-boolean-radio-jsonform`;
-  return jsx(Visible, {
-    visible: visible,
-    children: jsxs(GoARadioGroup, Object.assign({
-      error: isVisited && errors.length,
-      name: `${label}`,
-      value: data === true ? TrueValue : data === false ? FalseValue : null,
-      disabled: !enabled,
-      testId: BaseTestId,
-      onChange: (_name, value) => {
-        if (value === TrueValue) {
-          handleChange(path, true);
-        }
-        if (value === FalseValue) {
-          handleChange(path, false);
-        }
+  return jsxs(GoARadioGroup, Object.assign({
+    error: isVisited && errors.length,
+    name: `${label}`,
+    value: data === true ? TrueValue : data === false ? FalseValue : null,
+    disabled: !enabled,
+    testId: BaseTestId,
+    onChange: (_name, value) => {
+      if (value === TrueValue) {
+        handleChange(path, true);
       }
-    }, (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps, {
-      children: [jsx(GoARadioItem, {
-        value: TrueValue,
-        testId: `${BaseTestId}-yes-option`,
-        description: EnableDescription ? TrueDescription : null
-      }), jsx(GoARadioItem, {
-        value: FalseValue,
-        testId: `${BaseTestId}-no-option`,
-        description: EnableDescription ? FalseDescription : null
-      })]
-    }))
-  });
+      if (value === FalseValue) {
+        handleChange(path, false);
+      }
+    }
+  }, (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps, {
+    children: [jsx(GoARadioItem, {
+      value: TrueValue,
+      testId: `${BaseTestId}-yes-option`,
+      description: EnableDescription ? TrueDescription : null
+    }), jsx(GoARadioItem, {
+      value: FalseValue,
+      testId: `${BaseTestId}-no-option`,
+      description: EnableDescription ? FalseDescription : null
+    })]
+  }));
 };
 const BooleanRadioControl = props => jsx(GoAInputBaseControl, Object.assign({}, props, {
   input: BooleanRadioComponent
@@ -6602,8 +6594,7 @@ const CheckboxGroup = props => {
     handleChange,
     options,
     config,
-    label,
-    t
+    label
   } = props;
   const newSchema = schema;
   const enumData = (schema === null || schema === void 0 ? void 0 : schema.enum) || ((_a = newSchema === null || newSchema === void 0 ? void 0 : newSchema.items) === null || _a === void 0 ? void 0 : _a.enum) || [];
@@ -9983,14 +9974,15 @@ const ObjectArrayList = ({
   config,
   enabled,
   cells,
-  translations
+  translations,
+  currentTab,
+  setCurrentTab
 }) => {
   const isEmptyList = data === 0;
   const rightRef = useRef(null);
   const current = rightRef.current;
   const minHeight = 300;
   const [rightHeight, setRightHeight] = useState(minHeight);
-  const [currentTab, setCurrentTab] = useState(0);
   useEffect(() => {
     const resizeObserver = new ResizeObserver(() => {
       if (rightHeight !== (current === null || current === void 0 ? void 0 : current.offsetHeight) && (current === null || current === void 0 ? void 0 : current.offsetHeight)) setRightHeight((current === null || current === void 0 ? void 0 : current.offsetHeight) > minHeight ? current === null || current === void 0 ? void 0 : current.offsetHeight : minHeight);
@@ -10063,8 +10055,14 @@ class ListWithDetailControl extends React.Component {
       const pathIdValue = (path === null || path === void 0 ? void 0 : path.split('.')) || '';
       if (pathIdValue.length > 1 && +this.props.data >= 0 || pathIdValue.length === 1) {
         this.props.addItem(path, value)();
+        this.setState({
+          currentTab: this.props.data + 1
+        });
       }
     };
+    this.state = {
+      currentTab: 0
+    };
   }
   render() {
     var _a;
@@ -10120,7 +10118,11 @@ class ListWithDetailControl extends React.Component {
           translations: translations,
           data: data,
           cells: cells,
-          config: config
+          config: config,
+          currentTab: this.state.currentTab,
+          setCurrentTab: i => this.setState({
+            currentTab: i
+          })
         }, additionalProps))
       })]
     });
@@ -10802,7 +10804,7 @@ const AddressLookUpControl = props => {
     enabled,
     handleChange,
     uischema,
-    rootSchema
+    visible
   } = props;
   const isAlbertaAddress = ((_b = (_a = schema === null || schema === void 0 ? void 0 : schema.properties) === null || _a === void 0 ? void 0 : _a.subdivisionCode) === null || _b === void 0 ? void 0 : _b.const) === 'AB';
   const formCtx = useContext(JsonFormContext);
@@ -10935,7 +10937,8 @@ const AddressLookUpControl = props => {
     }
   }, [activeIndex]);
   const readOnly = (_f = (_e = (_d = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _d === void 0 ? void 0 : _d.componentProps) === null || _e === void 0 ? void 0 : _e.readOnly) !== null && _f !== void 0 ? _f : false;
-  return jsxs("div", {
+  return jsxs(Visible, {
+    visible: visible,
     children: [renderHelp(), jsx("h3", {
       children: label
     }), jsx(GoAFormItem, {
@@ -11337,7 +11340,8 @@ const FullNameControl = props => {
     path,
     schema,
     handleChange,
-    enabled
+    enabled,
+    visible
   } = props;
   const requiredFields = schema.required;
   const defaultName = {};
@@ -11353,14 +11357,17 @@ const FullNameControl = props => {
     setNameData(updatedName);
     updateFormData(updatedName);
   };
-  return jsx(NameInputs, {
-    firstName: nameData.firstName,
-    middleName: nameData.middleName,
-    lastName: nameData.lastName,
-    handleInputChange: handleInputChange,
-    data: data,
-    disabled: !enabled,
-    requiredFields: requiredFields
+  return jsx(Visible, {
+    visible: visible,
+    children: jsx(NameInputs, {
+      firstName: nameData.firstName,
+      middleName: nameData.middleName,
+      lastName: nameData.lastName,
+      handleInputChange: handleInputChange,
+      data: data,
+      disabled: !enabled,
+      requiredFields: requiredFields
+    })
   });
 };
 
@@ -11444,7 +11451,8 @@ const FullNameDobControl = props => {
     path,
     schema,
     handleChange,
-    enabled
+    enabled,
+    visible
   } = props;
   const requiredFields = schema.required;
   const [errors, setErrors] = useState({});
@@ -11483,7 +11491,8 @@ const FullNameDobControl = props => {
     setErrors(err);
   };
   useSyncAutofillFields(['firstName', 'middleName', 'lastName', 'dateOfBirth'], formData, updateFormData, handleRequiredFieldBlur);
-  return jsxs(Fragment, {
+  return jsxs(Visible, {
+    visible: visible,
     children: [jsxs(GoAGrid, {
       minChildWidth: "0ch",
       gap: "s",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.6.6",
+  "version": "2.6.8",
   "license": "Apache-2.0",
   "description": "Government of Alberta - React renderers for JSON Forms based on the design system.",
   "repository": "https://github.com/GovAlta/adsp-monorepo",

package/src/lib/Controls/Inputs/InputBooleanRadioControl.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RankedTester, ControlProps } from '@jsonforms/core';
 import { WithInputProps } from './type';
-export declare const BooleanRadioComponent: ({ data, visible, enabled, uischema, handleChange, path, config, label, isVisited, errors, description, }: ControlProps & WithInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BooleanRadioComponent: ({ data, enabled, uischema, handleChange, path, config, label, isVisited, errors, description, }: ControlProps & WithInputProps) => import("react/jsx-runtime").JSX.Element;
 export declare const BooleanRadioControl: (props: ControlProps) => import("react/jsx-runtime").JSX.Element;
 export declare const GoABooleanRadioControlTester: RankedTester;
 export declare const GoABooleanRadioControl: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;

package/src/lib/Controls/ObjectArray/ListWithDetailControl.d.ts

@@ -34,6 +34,9 @@ interface NonEmptyRowProps {
 export declare const NonEmptyList: React.MemoExoticComponent<({ childPath, schema, enabled, cells, uischema, }: NonEmptyRowProps & WithDeleteDialogSupport) => import("react/jsx-runtime").JSX.Element>;
 export declare class ListWithDetailControl extends React.Component<ObjectArrayControlProps, any> {
     addItem: (path: string, value: any) => void;
+    state: {
+        currentTab: number;
+    };
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};