@abgov/jsonforms-components 2.78.1 → 2.78.3

package/index.esm.js

@@ -12753,6 +12753,20 @@ function prettify(prop) {
  * @param names
  * @returns A key value of the data attribute name and the uiSchema label value
  */
+// Top-level property names referenced by any control scope (e.g. "#/properties/address/properties/street" -> "address").
+const extractScopedProperties = (obj, names = new Set()) => {
+  if (Array.isArray(obj)) {
+    obj.forEach(item => extractScopedProperties(item, names));
+  } else if (typeof obj === 'object' && obj !== null) {
+    const typedObj = obj;
+    const match = typeof typedObj.scope === 'string' ? typedObj.scope.match(/^#\/properties\/([^/]+)/) : null;
+    if (match) {
+      names.add(match[1]);
+    }
+    Object.values(typedObj).forEach(value => extractScopedProperties(value, names));
+  }
+  return names;
+};
 const extractNames = (obj, names = {}) => {
   if (Array.isArray(obj)) {
     obj.forEach(item => extractNames(item, names));
@@ -15495,7 +15509,7 @@ const ctxToNonEmptyCellProps = (ctx, ownProps) => {
   };
 };
 const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellComponent(props) {
-  var _schema$properties, _uischema$options, _errors$filter, _uischema$elements;
+  var _schema$properties, _uischema$options, _uischema$options2, _errors$filter, _uischema$elements;
   const {
     schema,
     enabled,
@@ -15534,6 +15548,9 @@ const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellCompo
     });
     tableKeys = tempTableKeys;
   }
+  // Review only shows properties that have a control in the detail UI schema.
+  const detailProperties = extractScopedProperties(uischema == null || (_uischema$options2 = uischema.options) == null ? void 0 : _uischema$options2.detail);
+  const reviewKeys = detailProperties.size > 0 ? Object.fromEntries(Object.entries(tableKeys).filter(([key]) => detailProperties.has(key))) : tableKeys;
   const hasAnyErrors = Array.isArray(errors) ? (errors == null || (_errors$filter = errors.filter(err => {
     return err.instancePath.includes(rowPath);
   })) == null ? void 0 : _errors$filter.length) > 0 : false;
@@ -15558,7 +15575,7 @@ const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellCompo
         children: range(count || 0).map((i, key) => {
           const rowData = data && data[i];
           if (!rowData) return null;
-          const hasAnyValue = Object.keys(tableKeys).some(key => {
+          const hasAnyValue = Object.keys(reviewKeys).some(key => {
             const value = rowData[key];
             return value !== undefined && value !== null && value !== '';
           });
@@ -15566,7 +15583,7 @@ const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellCompo
           if (!hasAnyValue && !hasRowErrors) return null;
           return jsx(ReviewItemFrame, {
             "data-testid": `${rowPath}.objectList-${key}`,
-            children: Object.entries(tableKeys).map(([key, label]) => {
+            children: Object.entries(reviewKeys).map(([key, label]) => {
               var _required$includes, _properties$key;
               const value = rowData[key];
               const isRequiredField = (_required$includes = required == null ? void 0 : required.includes(key)) != null ? _required$includes : false;
@@ -15582,9 +15599,9 @@ const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellCompo
               let reviewError = '';
               if (fieldError) {
                 const raw = fieldError.message || '';
-                reviewError = raw.includes('required') ? `${capitalizeFirstLetter(key.replace(/[_-]/g, ' '))} is required` : raw;
+                reviewError = raw.includes('required') ? `${capitalizeFirstLetter(label.replace(/[_-]/g, ' '))} is required` : raw;
               } else if (isRequiredField && isEmptyValue) {
-                reviewError = `${capitalizeFirstLetter(key.replace(/[_-]/g, ' '))} is required`;
+                reviewError = `${capitalizeFirstLetter(label.replace(/[_-]/g, ' '))} is required`;
               }
               return jsxs("div", {
                 style: {
@@ -15798,8 +15815,8 @@ const ObjectArrayList = ({
 }) => {
   const isEmptyList = count === 0;
   if (isEmptyList) {
-    var _uischema$options$noD, _uischema$options2;
-    const noDataMessage = (_uischema$options$noD = (_uischema$options2 = uischema.options) == null ? void 0 : _uischema$options2.noDataMessage) != null ? _uischema$options$noD : 'No data';
+    var _uischema$options$noD, _uischema$options3;
+    const noDataMessage = (_uischema$options$noD = (_uischema$options3 = uischema.options) == null ? void 0 : _uischema$options3.noDataMessage) != null ? _uischema$options$noD : 'No data';
     return jsx(EmptyList, {
       noDataMessage: noDataMessage,
       numColumns: getValidColumnProps(schema).length + 1,
@@ -15826,7 +15843,7 @@ const ObjectArrayList = ({
   }, 0);
 };
 const ObjectArrayControl = props => {
-  var _registers$categories, _registers$categories2, _registers$categories3, _registers$categories4, _uischema$options5;
+  var _registers$categories, _registers$categories2, _registers$categories3, _registers$categories4, _uischema$options6;
   const [registers, dispatch] = useReducer(objectListReducer, initialState);
   const [open, setOpen] = useState(false);
   const [rowData, setRowData] = useState(0);
@@ -15865,8 +15882,8 @@ const ObjectArrayControl = props => {
   };
   //  eslint-disable-next-line
   const addItem = (path, value) => {
-    var _uischema$options3, _uischema$options4;
-    const maxItems = (_uischema$options3 = uischema.options) != null && (_uischema$options3 = _uischema$options3.detail) != null && _uischema$options3.maxItems ? (_uischema$options4 = uischema.options) == null || (_uischema$options4 = _uischema$options4.detail) == null ? void 0 : _uischema$options4.maxItems : DEFAULT_MAX_ITEMS;
+    var _uischema$options4, _uischema$options5;
+    const maxItems = (_uischema$options4 = uischema.options) != null && (_uischema$options4 = _uischema$options4.detail) != null && _uischema$options4.maxItems ? (_uischema$options5 = uischema.options) == null || (_uischema$options5 = _uischema$options5.detail) == null ? void 0 : _uischema$options5.maxItems : DEFAULT_MAX_ITEMS;
     if (latestCount < maxItems) {
       return () => {
         const currentRows = hasDataRows ? parsedData : Object.keys(latestData).sort((a, b) => Number(a) - Number(b)).map(key => latestData[key]);
@@ -15977,11 +15994,11 @@ const ObjectArrayControl = props => {
     });
   }, [parsedData, path]);
   const controlElement = uischema;
-  const listTitle = label || ((_uischema$options5 = uischema.options) == null ? void 0 : _uischema$options5.title);
+  const listTitle = label || ((_uischema$options6 = uischema.options) == null ? void 0 : _uischema$options6.title);
   const isInReview = isStepperReview === true;
   const isListWithDetail = controlElement.type === 'ListWithDetail';
   if (isInReview) {
-    var _uischema$options6, _uischema$options7;
+    var _uischema$options7, _uischema$options8;
     return jsx("tr", {
       children: jsxs(PageReviewContainer, {
         colSpan: 3,
@@ -16013,12 +16030,12 @@ const ObjectArrayControl = props => {
               },
               children: maxItemsError
             })]
-          }), showChangeButtons && ((_uischema$options6 = uischema.options) == null ? void 0 : _uischema$options6.stepId) !== undefined && !((_uischema$options7 = uischema.options) != null && (_uischema$options7 = _uischema$options7.componentProps) != null && _uischema$options7.readOnly) && jsx(GoabButton, {
+          }), showChangeButtons && ((_uischema$options7 = uischema.options) == null ? void 0 : _uischema$options7.stepId) !== undefined && !((_uischema$options8 = uischema.options) != null && (_uischema$options8 = _uischema$options8.componentProps) != null && _uischema$options8.readOnly) && jsx(GoabButton, {
             type: "text",
             size: "compact",
             onClick: () => {
-              var _uischema$options8;
-              return reportChange((_uischema$options8 = uischema.options) == null ? void 0 : _uischema$options8.stepId, uischema.scope);
+              var _uischema$options9;
+              return reportChange((_uischema$options9 = uischema.options) == null ? void 0 : _uischema$options9.stepId, uischema.scope);
             },
             children: "Change"
           })]

package/package.json

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

package/renderer-catalog.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-09-18T15:58:28.089Z",
-  "sourceCommit": "2b81b8262d5fb2c49f666e5f742d4cf1c61b8e0b",
+  "generatedAt": "2026-09-24T16:54:07.414Z",
+  "sourceCommit": "6e29aac20db75925ddab749fa1d9ed84bba71548",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 23,
   "renderers": [

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

@@ -9,6 +9,7 @@ export declare function prettify(prop: string): string;
  * @param names
  * @returns A key value of the data attribute name and the uiSchema label value
  */
+export declare const extractScopedProperties: (obj: unknown, names?: Set<string>) => Set<string>;
 export declare const extractNames: (obj: unknown, names?: Record<string, string>) => Record<string, string>;
 export interface TableProps {
     itemsSchema: Record<string, unknown>;