@abgov/jsonforms-components 2.3.0 → 2.3.2

package/index.esm.js

@@ -5438,7 +5438,7 @@ let _$6 = t => t,
   _t17$1,
   _t18$1,
   _t19$1,
-  _t20,
+  _t20$1,
   _t21,
   _t22;
 const ReviewItem = styled.div(_t$6 || (_t$6 = _$6`
@@ -5548,7 +5548,7 @@ const CategoryStatus = styled.td(_t18$1 || (_t18$1 = _$6`
 const TocPageRef = styled.td(_t19$1 || (_t19$1 = _$6`
   padding-left: var(--goa-space-xl);
 `));
-const TocTitle = styled.h1(_t20 || (_t20 = _$6`
+const TocTitle = styled.h1(_t20$1 || (_t20$1 = _$6`
   padding: 0;
   margin: 0;
   padding-left: var(--goa-space-xl);
@@ -7542,7 +7542,8 @@ let _$2 = t => t,
   _t16,
   _t17,
   _t18,
-  _t19;
+  _t19,
+  _t20;
 const DeleteDialogContent = styled.div(_t$2 || (_t$2 = _$2`
   margin-bottom: var(--goa-space-m);
 `));
@@ -7618,14 +7619,21 @@ const ObjectArrayWarningIconDiv = styled.div(_t16 || (_t16 = _$2`
   font-size: var(--goa-font-size-2);
   color: var(--goa-color-interactive-error);
 `));
-styled.label(_t17 || (_t17 = _$2`
+const ListWithDetailWarningIconDiv = styled.div(_t17 || (_t17 = _$2`
+  display: inline-flex;
+  align-items: flex-start;
+  gap: 0.25rem;
+  font-size: var(--goa-font-size-3);
+  color: var(--goa-color-interactive-error);
+`));
+styled.label(_t18 || (_t18 = _$2`
   color: var(--goa-color-interactive-error);
   font-weight: var(--goa-font-weight-regular);
   font-size: var(--goa-font-size-3);
   line-height: var(--goa-line-height-1);
   font-style: normal;
 `));
-styled.div(_t18 || (_t18 = _$2`
+styled.div(_t19 || (_t19 = _$2`
   margin-top: var(--goa-space-m);
   color: var(--goa-color-interactive-error);
   font-weight: var(--goa-font-weight-regular);
@@ -7633,7 +7641,7 @@ styled.div(_t18 || (_t18 = _$2`
   line-height: var(--goa-line-height-1);
   font-style: normal;
 `));
-const HilightCellWarning = styled.div(_t19 || (_t19 = _$2`
+const HilightCellWarning = styled.div(_t20 || (_t20 = _$2`
   background-color: var(--goa-color-warning-default);
 `));
 
@@ -8263,11 +8271,23 @@ const ObjectArrayControl = props => {
   const controlElement = uischema;
   const listTitle = label || ((_a = uischema.options) === null || _a === void 0 ? void 0 : _a.title);
   const isInReview = isStepperReview === true;
+  const isListWithDetail = controlElement.type === 'ListWithDetail';
   return jsxs(Visible, {
     visible: visible,
     "data-testid": "jsonforms-object-list-wrapper",
     children: [jsxs(ToolBarHeader, {
-      children: [isInReview && listTitle && jsxs("b", {
+      children: [isInReview && listTitle && isListWithDetail && additionalProps.required && (data === null || data === undefined) ? jsx("b", {
+        children: jsxs(ListWithDetailWarningIconDiv, {
+          children: [jsx(GoAIcon, {
+            type: "warning",
+            title: "warning",
+            size: "small",
+            theme: "filled",
+            ml: "2xs",
+            mt: "2xs"
+          }), listTitle, " is required."]
+        })
+      }) : jsxs("b", {
         children: [listTitle, " ", jsx("span", {
           children: additionalProps.required && '(required)'
         })]
@@ -8675,7 +8695,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 +8735,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.2",
   "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 {};

package/src/lib/Controls/ObjectArray/styled-components.d.ts

@@ -15,6 +15,7 @@ export declare const Trash: import("styled-components/dist/types").IStyledCompon
 export declare const ListContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TableTHHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
 export declare const ObjectArrayWarningIconDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ListWithDetailWarningIconDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ObjectArrayRequiredTextLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 export declare const HasErrorLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const HilightCellWarning: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;