@abgov/jsonforms-components 2.61.2 → 2.62.1

package/index.esm.js

@@ -5789,7 +5789,8 @@ let _$a = t => t,
   _t9$2,
   _t0$2,
   _t1$2,
-  _t10$2;
+  _t10$2,
+  _t11$2;
 const FormFieldWrapper$1 = styled.div(_t$b || (_t$b = _$a`
   margin-bottom: var(--goa-space-l);
 `));
@@ -5848,11 +5849,15 @@ const ReviewValue = styled.div(_t9$2 || (_t9$2 = _$a`
 const CheckboxWrapper = styled.div(_t0$2 || (_t0$2 = _$a`
   min-height: 28px;
 `));
-styled.h4(_t1$2 || (_t1$2 = _$a`
+const NoneGivenText = styled.span(_t1$2 || (_t1$2 = _$a`
+  color: var(--goa-color-greyscale-700);
+  font-style: italic;
+`));
+styled.h4(_t10$2 || (_t10$2 = _$a`
   margin: 0 0 0.25rem 0;
   fontsize: larger;
 `));
-styled.h4(_t10$2 || (_t10$2 = _$a`
+styled.h4(_t11$2 || (_t11$2 = _$a`
   border-bottom: 1px solid #ddd;
 `));
 
@@ -10141,12 +10146,15 @@ const GoAInputBaseTableReview = props => {
   }
   // If a required checkbox is unchecked, show only the validation message in
   // review mode (not a contradictory "No (...)" value line).
+  let isBooleanRequiredError = false;
   if ((schema == null ? void 0 : schema.type) === 'boolean' && data === false && activeError && /\sis required$/i.test(activeError)) {
     reviewText = '';
+    isBooleanRequiredError = true;
   }
   // eslint-disable-next-line
   const stepId = (_uischema$options4 = uischema.options) == null ? void 0 : _uischema$options4.stepId;
   const showInlineValue = reviewText === null || reviewText === undefined || typeof reviewText === 'string' || typeof reviewText === 'number' || /*#__PURE__*/React.isValidElement(reviewText) || Array.isArray(reviewText) && reviewText.length === 0;
+  const isValueEmpty = !isBooleanRequiredError && (reviewText === null || reviewText === undefined || reviewText === '' || Array.isArray(reviewText) && reviewText.length === 0);
   return jsx("tr", {
     "data-testid": `input-base-table-${label}-row`,
     children: jsxs(PageReviewContainer, {
@@ -10165,7 +10173,9 @@ const GoAInputBaseTableReview = props => {
       }), jsxs(ReviewValue, {
         children: [showInlineValue ? jsx("div", {
           "data-testid": `review-value-${label}`,
-          children: reviewText != null ? reviewText : ''
+          children: isValueEmpty ? jsx(NoneGivenText, {
+            children: "(none given)"
+          }) : reviewText != null ? reviewText : ''
         }) : jsx(JsonFormsDispatch, {
           "data-testid": `jsonforms-object-list-defined-elements-dispatch`,
           schema: schema,
@@ -12817,7 +12827,27 @@ const PrimitiveArrayControl = props => {
 };
 const GoAPrimitiveArrayRenderer = withJsonFormsControlProps(PrimitiveArrayControl);
 
+const getDataAtPath = (data, path) => path.replace(/\[(\d+)\]/g, '.$1').split('.').reduce((acc, key) => acc && typeof acc === 'object' ? acc[key] : undefined, data);
+const collectFileFields = (schema, value, currentPath) => {
+  if (!schema || value === undefined || value === null) {
+    return [];
+  }
+  if (schema.type === 'string' && schema.format === 'file-urn' && typeof value === 'string' && value !== '') {
+    return [{
+      path: currentPath,
+      urn: value
+    }];
+  }
+  if (schema.type === 'object' && !Array.isArray(schema.properties) && schema.properties && typeof value === 'object') {
+    return Object.entries(schema.properties).flatMap(([key, propertySchema]) => collectFileFields(propertySchema, value[key], composePaths(currentPath, key)));
+  }
+  if (schema.type === 'array' && Array.isArray(value) && schema.items && !Array.isArray(schema.items)) {
+    return value.flatMap((item, index) => collectFileFields(schema.items, item, composePaths(currentPath, `${index}`)));
+  }
+  return [];
+};
 const ListWithDetailsControl = props => {
+  var _enumerators$function;
   const [open, setOpen] = useState(false);
   const [path, setPath] = useState();
   const [name, setName] = useState();
@@ -12828,6 +12858,14 @@ const ListWithDetailsControl = props => {
     handleChange
   } = props;
   const [currentTab, setCurrentTab] = useState(0);
+  const enumerators = useContext(JsonFormContext);
+  const {
+    core
+  } = useJsonForms();
+  const deleteTriggerFunction = enumerators == null || (_enumerators$function = enumerators.functions) == null ? void 0 : _enumerators$function.get('delete-file');
+  const deleteTrigger = deleteTriggerFunction && deleteTriggerFunction();
+  const fileListValue = enumerators == null ? void 0 : enumerators.data.get('file-list');
+  const fileList = fileListValue && fileListValue();
   const openDeleteDialog = useCallback((p, rowIndex, name) => {
     setOpen(true);
     setPath(p);
@@ -12839,6 +12877,33 @@ const ListWithDetailsControl = props => {
   const deleteConfirm = useCallback(() => {
     const p = path == null ? void 0 : path.substring(0, path.lastIndexOf('.'));
     if (removeItems && p) {
+      var _props$schema;
+      const rowValue = path ? getDataAtPath(core == null ? void 0 : core.data, path) : undefined;
+      const itemSchema = (_props$schema = props.schema) == null ? void 0 : _props$schema.items;
+      const fileFields = collectFileFields(itemSchema, rowValue, path != null ? path : '');
+      if (deleteTrigger) {
+        const allUploadedFiles = Object.values(fileList || {}).flat() || [];
+        const fileListFields = Object.entries(fileList || {}).reduce((fields, [filePath, files]) => {
+          if (!filePath.startsWith(`${path}.`) || !Array.isArray(files)) {
+            return fields;
+          }
+          return fields.concat(files.filter(file => Boolean(file == null ? void 0 : file.urn)).map(file => ({
+            path: filePath,
+            urn: file.urn
+          })));
+        }, []);
+        const allFileFields = [...fileFields, ...fileListFields].filter((field, index, fields) => fields.findIndex(candidate => candidate.path === field.path && candidate.urn === field.urn) === index);
+        allFileFields.forEach(({
+          path: fieldPath,
+          urn
+        }) => {
+          var _fileList$fieldPath;
+          const rowFile = (fileList == null || (_fileList$fieldPath = fileList[fieldPath]) == null ? void 0 : _fileList$fieldPath.find(file => (file == null ? void 0 : file.urn) === urn)) || allUploadedFiles.find(file => (file == null ? void 0 : file.urn) === urn);
+          if (rowFile != null && rowFile.urn) {
+            deleteTrigger(rowFile, fieldPath);
+          }
+        });
+      }
       if (props.data === 1) {
         handleChange(p, null);
         setCurrentTab(0);
@@ -12849,7 +12914,7 @@ const ListWithDetailsControl = props => {
     }
     setOpen(false);
     // eslint-disable-next-line
-  }, [setOpen, path, rowData, rowData]);
+  }, [core == null ? void 0 : core.data, deleteTrigger, fileList, handleChange, path, props.data, props.schema, removeItems, rowData]);
   return jsxs(Visible, {
     visible: visible,
     children: [jsx(ListWithDetailControl, Object.assign({}, props, {
@@ -13127,7 +13192,9 @@ const AddressLoopUpControlTableReview = props => {
             children: "Change"
           })]
         }), jsxs(ReviewValue, {
-          children: [value, errorMessage && jsx(GoabFormItem, {
+          children: [!value ? jsx(NoneGivenText, {
+            children: "(none given)"
+          }) : value, errorMessage && jsx(GoabFormItem, {
             error: errorMessage,
             label: ""
           })]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.61.2",
+  "version": "2.62.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/renderer-catalog.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-05-01T22:19:53.399Z",
-  "sourceCommit": "b63e6978b884cc69b9fa9ede0e6f0b9b0f609977",
+  "generatedAt": "2026-05-06T14:39:14.587Z",
+  "sourceCommit": "842a3ebd1c86bd3f8762d17073b58fc7a3b33c58",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 33,
   "renderers": [

package/src/lib/Controls/Inputs/style-component.d.ts

@@ -8,5 +8,6 @@ export declare const ReviewHeader: import("styled-components/dist/types").IStyle
 export declare const ReviewLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const ReviewValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const CheckboxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const NoneGivenText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
 export declare const H4Large: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>>> & string;
 export declare const Row: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>>> & string;