@abgov/jsonforms-components 1.3.0 → 1.3.1

package/index.esm.js

@@ -3703,7 +3703,7 @@ let _$4 = t => t,
   _t$4,
   _t2$2,
   _t3$1,
-  _t4,
+  _t4$1,
   _t5,
   _t6,
   _t7;
@@ -3728,7 +3728,7 @@ const ReviewItemHeader = styled.div(_t3$1 || (_t3$1 = _$4`
   justify-content: space-between;
   margin-bottom: 2rem;
 `));
-const ReviewItemTitle = styled.div(_t4 || (_t4 = _$4`
+const ReviewItemTitle = styled.div(_t4$1 || (_t4$1 = _$4`
   font-size: var(--fs-xl);
   line-height: var(--lh-lg);
   font-weight: var(--fw-light);
@@ -4213,7 +4213,8 @@ const ObjectArrayToolBar = /*#__PURE__*/React.memo(function TableToolbar({
 let _$1 = t => t,
   _t$1,
   _t2,
-  _t3;
+  _t3,
+  _t4;
 const DeleteDialogContent = styled.div(_t$1 || (_t$1 = _$1`
   margin-bottom: var(--goa-space-m);
 `));
@@ -4223,6 +4224,9 @@ const ToolBarHeader = styled.div(_t2 || (_t2 = _$1`
 const ObjectArrayTitle = styled.h2(_t3 || (_t3 = _$1`
   margin-bottom: var(--goa-space-l);
 `));
+const DisplayWrapper = styled.div(_t4 || (_t4 = _$1`
+  display: ${0};
+`), p => p.visible ? 'initial' : 'none');
 
 // eslint-disable-next-line
 const extractScopesFromUISchema = uischema => {
@@ -4302,17 +4306,18 @@ const ctxToNonEmptyCellProps = (ctx, ownProps) => {
     renderers: ownProps.renderers || ctx.renderers
   };
 };
-const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellComponent({
-  schema,
-  errors,
-  enabled,
-  renderers,
-  cells,
-  rowPath,
-  isValid,
-  uischema
-}) {
-  var _a, _b;
+const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellComponent(props) {
+  var _a, _b, _c;
+  const {
+    schema,
+    errors,
+    enabled,
+    renderers,
+    cells,
+    rowPath,
+    isValid,
+    uischema
+  } = props;
   const propNames = getValidColumnProps(schema);
   const propScopes = (uischema === null || uischema === void 0 ? void 0 : uischema.scope) ? propNames.map(name => {
     return `#/properties/${name}`;
@@ -4338,6 +4343,7 @@ const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellCompo
     // eslint-disable-next-line
     (_b = uischema === null || uischema === void 0 ? void 0 : uischema.elements) === null || _b === void 0 ? void 0 : _b.map(element => {
       return jsx(JsonFormsDispatch, {
+        "data-testid": `jsonforms-object-list-defined-elements-dispatch`,
         schema: schema,
         uischema: element,
         path: rowPath,
@@ -4345,7 +4351,7 @@ const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellCompo
         renderers: renderers,
         cells: cells
       }, rowPath);
-    }), jsx(JsonFormsDispatch, {
+    }), ((_c = uiSchemaElementsForNotDefined === null || uiSchemaElementsForNotDefined === void 0 ? void 0 : uiSchemaElementsForNotDefined.elements) === null || _c === void 0 ? void 0 : _c.length) > 0 && jsx(JsonFormsDispatch, {
       schema: schema,
       uischema: uiSchemaElementsForNotDefined,
       path: rowPath,
@@ -4457,38 +4463,37 @@ class ObjectArrayControl extends React.Component {
     const controlElement = uischema;
     // eslint-disable-next-line
     const listTitle = label || ((_a = uischema.options) === null || _a === void 0 ? void 0 : _a.title);
-    return jsx(Hidden, {
-      xsUp: !visible,
-      children: jsxs("div", {
-        children: [jsxs(ToolBarHeader, {
-          children: [listTitle && jsx(ObjectArrayTitle, {
-            children: listTitle
-          }), jsx(ObjectArrayToolBar, {
-            errors: errors,
-            label: label,
-            addItem: this.addItem,
-            numColumns: 0,
-            path: path,
-            uischema: controlElement,
-            schema: schema,
-            rootSchema: rootSchema,
-            enabled: enabled,
-            translations: translations
-          })]
-        }), jsx("div", {
-          children: jsx(ObjectArrayList, Object.assign({
-            path: path,
-            schema: schema,
-            uischema: uischema,
-            enabled: enabled,
-            openDeleteDialog: openDeleteDialog,
-            translations: translations,
-            data: data,
-            cells: cells,
-            config: config
-          }, additionalProps))
+    return jsxs(DisplayWrapper, {
+      visible: visible,
+      "data-testid": "jsonforms-object-list-wrapper",
+      children: [jsxs(ToolBarHeader, {
+        children: [listTitle && jsx(ObjectArrayTitle, {
+          children: listTitle
+        }), jsx(ObjectArrayToolBar, {
+          errors: errors,
+          label: label,
+          addItem: this.addItem,
+          numColumns: 0,
+          path: path,
+          uischema: controlElement,
+          schema: schema,
+          rootSchema: rootSchema,
+          enabled: enabled,
+          translations: translations
         })]
-      })
+      }), jsx("div", {
+        children: jsx(ObjectArrayList, Object.assign({
+          path: path,
+          schema: schema,
+          uischema: uischema,
+          enabled: enabled,
+          openDeleteDialog: openDeleteDialog,
+          translations: translations,
+          data: data,
+          cells: cells,
+          config: config
+        }, additionalProps))
+      })]
     });
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.3.0",
+  "version": "1.3.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/src/lib/Controls/ObjectArray/ObjectListControl.d.ts

@@ -1,10 +1,24 @@
 import React from 'react';
-import { ArrayLayoutProps, ControlElement, JsonSchema, JsonFormsCellRendererRegistryEntry, ArrayTranslations } from '@jsonforms/core';
+import { ArrayLayoutProps, ControlElement, JsonSchema, JsonFormsRendererRegistryEntry, JsonFormsCellRendererRegistryEntry, ArrayTranslations, Layout } from '@jsonforms/core';
 import { WithDeleteDialogSupport } from './DeleteDialog';
+export type ObjectArrayControlProps = ArrayLayoutProps & WithDeleteDialogSupport;
 export interface EmptyListProps {
     numColumns: number;
     translations: ArrayTranslations;
 }
+interface NonEmptyRowComponentProps {
+    propName?: string;
+    schema: JsonSchema;
+    rootSchema?: JsonSchema;
+    rowPath: string;
+    errors: string;
+    enabled: boolean;
+    renderers?: JsonFormsRendererRegistryEntry[];
+    cells?: JsonFormsCellRendererRegistryEntry[];
+    isValid: boolean;
+    uischema?: ControlElement | Layout;
+}
+export declare const NonEmptyCellComponent: React.NamedExoticComponent<NonEmptyRowComponentProps>;
 interface NonEmptyRowProps {
     childPath: string;
     schema: JsonSchema;
@@ -17,7 +31,7 @@ interface NonEmptyRowProps {
     uischema: ControlElement;
 }
 export declare const NonEmptyList: React.MemoExoticComponent<({ childPath, schema, rowIndex, openDeleteDialog, enabled, cells, path, translations, uischema, }: NonEmptyRowProps & WithDeleteDialogSupport) => import("react/jsx-runtime").JSX.Element>;
-export declare class ObjectArrayControl extends React.Component<ArrayLayoutProps & WithDeleteDialogSupport, any> {
+export declare class ObjectArrayControl extends React.Component<ObjectArrayControlProps, any> {
     addItem: (path: string, value: any) => () => void;
     render(): import("react/jsx-runtime").JSX.Element;
 }

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

@@ -1,3 +1,6 @@
 export declare const DeleteDialogContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ToolBarHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ObjectArrayTitle: import("styled-components").StyledComponent<"h2", any, {}, never>;
+export declare const DisplayWrapper: import("styled-components").StyledComponent<"div", any, {
+    visible: boolean;
+}, never>;