@abgov/jsonforms-components 1.25.2 → 1.25.3

package/index.esm.js

@@ -5865,7 +5865,8 @@ const ArrayBaseReviewControl = props => {
     visible: visible,
     children: jsx(ObjectArrayControl, Object.assign({}, props, {
       openDeleteDialog: () => {},
-      isStepperReview: true
+      isStepperReview: true,
+      enabled: true
     }))
   });
 };
@@ -6056,7 +6057,7 @@ const LeftTab = ({
   translations
 }) => {
   return jsx("div", {
-    children: enabled ? jsx(SideMenuItem, {
+    children: jsx(SideMenuItem, {
       style: currentTab === rowIndex ? {
         background: '#EFF8FF'
       } : {},
@@ -6064,15 +6065,15 @@ const LeftTab = ({
       children: jsxs(RowFlexMenu, {
         children: [jsx(TabName, {
           children: name
-        }), jsx(Trash, {
+        }), enabled ? jsx(Trash, {
           children: jsx(GoAIconButton, {
             icon: "trash",
             "aria-label": translations.removeAriaLabel,
             onClick: () => openDeleteDialog(childPath, rowIndex, name)
           })
-        })]
+        }) : null]
       })
-    }) : null
+    })
   }, childPath);
 };
 const NonEmptyList = /*#__PURE__*/React.memo(NonEmptyRowComponent);
@@ -6090,11 +6091,12 @@ const ObjectArrayList = ({
   const isEmptyList = data === 0;
   const rightRef = useRef(null);
   const current = rightRef.current;
-  const [rightHeight, setRightHeight] = useState(0);
+  const minHeight = 300;
+  const [rightHeight, setRightHeight] = useState(minHeight);
   const [currentTab, setCurrentTab] = useState(0);
   useEffect(() => {
-    const resizeObserver = new ResizeObserver(entries => {
-      if (rightHeight !== (current === null || current === void 0 ? void 0 : current.offsetHeight)) setRightHeight(current === null || current === void 0 ? void 0 : current.offsetHeight);
+    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);
     });
     if (current) {
       resizeObserver.observe(current);
@@ -6105,7 +6107,7 @@ const ObjectArrayList = ({
       }
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [current]);
+  }, [current, rightHeight, rightRef]);
   if (isEmptyList) {
     return jsx(EmptyList, {
       numColumns: getValidColumnProps(schema).length + 1,
@@ -6247,7 +6249,8 @@ const ListWithDetailsControl = props => {
   return jsxs(Visible, {
     visible: visible,
     children: [jsx(ListWithDetailControl, Object.assign({}, props, {
-      openDeleteDialog: openDeleteDialog
+      openDeleteDialog: openDeleteDialog,
+      enabled: true
     })), jsx(DeleteDialog, {
       open: open,
       onCancel: deleteCancel,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.25.2",
+  "version": "1.25.3",
   "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",