@abgov/jsonforms-components 2.66.2 → 2.66.4

package/index.esm.js

@@ -5910,7 +5910,8 @@ let _$a = t => t,
   _t0$2,
   _t1$2,
   _t10$2,
-  _t11$2;
+  _t11$2,
+  _t12$2;
 const FormFieldWrapper$1 = styled.div(_t$b || (_t$b = _$a`
   margin-bottom: var(--goa-space-l);
 `));
@@ -5973,11 +5974,17 @@ 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`
+const NoneGivenTableText = styled.span(_t10$2 || (_t10$2 = _$a`
+  padding-top: var(--goa-space-l);
+  padding-left: var(--goa-space-m);
+  color: var(--goa-color-greyscale-700);
+  font-style: italic;
+`));
+styled.h4(_t11$2 || (_t11$2 = _$a`
   margin: 0 0 0.25rem 0;
   fontsize: larger;
 `));
-styled.h4(_t11$2 || (_t11$2 = _$a`
+styled.h4(_t12$2 || (_t12$2 = _$a`
   border-bottom: 1px solid #ddd;
 `));
 
@@ -8186,7 +8193,6 @@ const EnumSelect = props => {
       value: ''
     }, ...staticOptions, ...filteredDynamicOptions];
     return newOptions;
-    // eslint-disable-next-line
   }, [registerData, options, valuePath, labelPath]);
   const width = (uischema == null || (_uischema$options4 = uischema.options) == null || (_uischema$options4 = _uischema$options4.componentProps) == null ? void 0 : _uischema$options4.width) || '100%';
   useEffect(() => {
@@ -8214,13 +8220,14 @@ const EnumSelect = props => {
       },
       width: width,
       testId: `jsonforms-${path}-dropdown`,
-      children: mergedOptions.map(item => {
+      children: mergedOptions.map((item, index) => {
         const displayLabel = item.label.trim() === '' ? '\u00A0' : item.label;
         return jsx(GoabDropdownItem, {
           testId: `jsonforms-${path}-dropdown-${item.label}`,
           label: displayLabel,
-          value: item.value
-        }, item.value);
+          value: item.value,
+          mountType: item.label === placeholder ? 'prepend' : 'append'
+        }, `${item.label}-${item.value}-${index}`);
       })
     }, `jsonforms-${path}-dropdown`)
   });
@@ -12017,6 +12024,13 @@ const isObjectArrayEmpty = currentData => {
   const result = isEmpty$1(currentData) || JSON.stringify(currentData) === '[{}]';
   return result;
 };
+const renderNoneGivenText = data => {
+  return !data ? jsxs(Fragment, {
+    children: [jsx(NoneGivenTableText, {
+      children: "(none given)"
+    }), jsx("br", {})]
+  }) : data;
+};
 const renderCellColumn = ({
   data,
   error,
@@ -12026,24 +12040,25 @@ const renderCellColumn = ({
   element,
   isRequired
 }) => {
-  const renderWarningCell = data => {
-    return jsx(HilightCellWarning, {
-      children: jsx(ObjectArrayWarningIconDiv, {
-        children: jsx(GoabIcon, {
+  const renderWarningCell = error => {
+    return jsxs(HilightCellWarning, {
+      children: [renderNoneGivenText(data), jsxs(ObjectArrayWarningIconDiv, {
+        children: [jsx(GoabIcon, {
           type: "warning",
           title: "warning",
           size: "small",
           theme: "filled",
           ml: "2xs",
           mt: "2xs"
-        })
-      })
+        }), error ? error : '']
+      })]
     });
   };
   if (data === undefined && isRequired || error !== '' && error !== undefined) {
-    return renderWarningCell();
+    const message = error || (isRequired && data === undefined ? 'Required' : data);
+    return renderWarningCell(message);
   } else if (data !== undefined && isRequired && error) {
-    return renderWarningCell();
+    return renderWarningCell(error);
   }
   const path = `/${rowPath}/${index}/${element}/${index === 0 ? index : index - 1}`;
   const nestedErrors = errors == null ? void 0 : errors.filter(e => e.instancePath.includes(path));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.66.2",
+  "version": "2.66.4",
   "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-06-10T21:02:15.886Z",
-  "sourceCommit": "9bdc8d695b8c7698f1f5781a431aaa7e3e62e62f",
+  "generatedAt": "2026-06-17T15:15:12.476Z",
+  "sourceCommit": "131eadb73d7d67a498c9363ca20648a1cc9b6b88",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 33,
   "renderers": [

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

@@ -9,5 +9,6 @@ export declare const ReviewLabel: import("styled-components/dist/types").IStyled
 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 NoneGivenTableText: 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;

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

@@ -13,4 +13,5 @@ export interface TableProps {
     columnLabels?: Record<string, string>;
 }
 export declare const isObjectArrayEmpty: (currentData: string) => boolean;
+export declare const renderNoneGivenText: (data: string | undefined) => string | import("react/jsx-runtime").JSX.Element;
 export declare const renderCellColumn: ({ data, error, errors, index, rowPath, element, isRequired, }: RenderCellColumnProps) => string | import("react/jsx-runtime").JSX.Element | null;