@abgov/jsonforms-components 2.3.0 → 2.3.1

package/index.esm.js

@@ -8675,7 +8675,12 @@ class ListWithDetailControl extends React.Component {
   constructor() {
     super(...arguments);
     // eslint-disable-next-line
-    this.addItem = (path, value) => this.props.addItem(path, value);
+    this.addItem = (path, value) => {
+      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)();
+      }
+    };
   }
   render() {
     var _a;
@@ -8710,7 +8715,9 @@ class ListWithDetailControl extends React.Component {
         }), jsx(ObjectArrayToolBar, {
           errors: errors,
           label: label,
-          addItem: this.addItem,
+          addItem: (path, value) => () => {
+            this.addItem(path, value);
+          },
           numColumns: 0,
           path: path,
           uischema: controlElement,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "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/ObjectArray/ListWithDetailControl.d.ts

@@ -33,7 +33,7 @@ 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;
+    addItem: (path: string, value: any) => void;
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};