@abgov/jsonforms-components 1.39.1 → 1.40.0

package/index.esm.js

@@ -6506,7 +6506,7 @@ const extractScopesFromUISchema$1 = uischema => {
   return scopes;
 };
 const GenerateRows$1 = (Cell, schema, rowPath, enabled, openDeleteDialog, handleChange, cells, uischema, isInReview, count, data) => {
-  if (schema.type === 'object') {
+  if ((schema === null || schema === void 0 ? void 0 : schema.type) === 'object') {
     const props = {
       schema,
       rowPath,
@@ -7034,7 +7034,7 @@ const extractScopesFromUISchema = uischema => {
   return scopes;
 };
 const GenerateRows = (Cell, schema, rowPath, enabled, cells, uischema) => {
-  if (schema.type === 'object') {
+  if ((schema === null || schema === void 0 ? void 0 : schema.type) === 'object') {
     const props = {
       schema,
       rowPath,
@@ -7055,7 +7055,7 @@ const GenerateRows = (Cell, schema, rowPath, enabled, cells, uischema) => {
   }
 };
 const getValidColumnProps = scopedSchema => {
-  if (scopedSchema.type === 'object' && typeof scopedSchema.properties === 'object') {
+  if ((scopedSchema === null || scopedSchema === void 0 ? void 0 : scopedSchema.type) === 'object' && typeof (scopedSchema === null || scopedSchema === void 0 ? void 0 : scopedSchema.properties) === 'object') {
     return Object.keys(scopedSchema.properties).filter(prop => {
       var _a;
       return ((_a = scopedSchema.properties) === null || _a === void 0 ? void 0 : _a[prop].type) !== 'array';
@@ -7076,14 +7076,14 @@ const EmptyList = ({
   })
 });
 const ctxToNonEmptyCellProps = (ctx, ownProps) => {
-  var _a;
-  ownProps.rowPath + (ownProps.schema.type === 'object' ? '.' + ownProps.propName : '');
+  var _a, _b;
+  ownProps.rowPath + (((_a = ownProps.schema) === null || _a === void 0 ? void 0 : _a.type) === 'object' ? '.' + ownProps.propName : '');
   const errors = '';
   return {
     uischema: ownProps.uischema,
     rowPath: ownProps.rowPath,
     schema: ownProps.schema,
-    rootSchema: (_a = ctx.core) === null || _a === void 0 ? void 0 : _a.schema,
+    rootSchema: (_b = ctx.core) === null || _b === void 0 ? void 0 : _b.schema,
     errors,
     enabled: ownProps.enabled,
     cells: ownProps.cells || ctx.cells,
@@ -7453,6 +7453,7 @@ const AddressInputs = ({
   address,
   handleInputChange,
   isAlbertaAddress,
+  readOnly,
   errors,
   handleOnBlur,
   requiredFields
@@ -7504,6 +7505,8 @@ const AddressInputs = ({
       children: jsx(GoAInput, {
         name: "addressLine2",
         testId: "address-form-address2",
+        disabled: readOnly,
+        readonly: readOnly,
         ariaLabel: 'address-form-address2',
         placeholder: "Unit number, suite, apartment",
         value: (address === null || address === void 0 ? void 0 : address.addressLine2) || '',
@@ -7521,6 +7524,8 @@ const AddressInputs = ({
           name: "municipality",
           testId: "address-form-city",
           ariaLabel: 'address-form-city',
+          disabled: readOnly,
+          readonly: readOnly,
           value: (address === null || address === void 0 ? void 0 : address.municipality) || '',
           onChange: (name, value) => handleInputChange(name, value),
           onBlur: (name, value) => handleOnBlur(name),
@@ -7534,6 +7539,8 @@ const AddressInputs = ({
           name: "postalCode",
           testId: "address-form-postal-code",
           ariaLabel: 'address-form-postal-code',
+          disabled: readOnly,
+          readonly: readOnly,
           placeholder: "A0A 0A0",
           value: (address === null || address === void 0 ? void 0 : address.postalCode) || '',
           onChange: (name, value) => handleInputChange(name, value),
@@ -7551,7 +7558,7 @@ const AddressInputs = ({
           "data-testid": "address-form-province",
           children: "Alberta"
         }), !isAlbertaAddress && jsx(GoADropdown, {
-          name: "province",
+          name: "subdivisionCode",
           testId: "address-form-province-dropdown",
           ariaLabel: 'address-form-province',
           value: (address === null || address === void 0 ? void 0 : address.subdivisionCode) || '',
@@ -7862,13 +7869,15 @@ const HelpReviewContent = withJsonFormsControlProps(HelpContentReviewComponent);
 
 const ADDRESS_PATH = 'api/gateway/v1/address/v1/find';
 const AddressLookUpControl = props => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f, _g;
   const {
     data,
     path,
     schema,
+    enabled,
     handleChange,
-    uischema
+    uischema,
+    rootSchema
   } = props;
   const isAlbertaAddress = ((_b = (_a = schema === null || schema === void 0 ? void 0 : schema.properties) === null || _a === void 0 ? void 0 : _a.subdivisionCode) === null || _b === void 0 ? void 0 : _b.const) === 'AB';
   const formCtx = useContext(JsonFormContext);
@@ -7961,16 +7970,19 @@ const AddressLookUpControl = props => {
       delete errors[name];
     }
   };
+  const readOnly = (_f = (_e = (_d = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _d === void 0 ? void 0 : _d.componentProps) === null || _e === void 0 ? void 0 : _e.readOnly) !== null && _f !== void 0 ? _f : false;
   return jsxs("div", {
     children: [renderHelp(), jsx(GoAFormItem, {
       label: label,
-      error: (_d = errors === null || errors === void 0 ? void 0 : errors['addressLine1']) !== null && _d !== void 0 ? _d : '',
+      error: (_g = errors === null || errors === void 0 ? void 0 : errors['addressLine1']) !== null && _g !== void 0 ? _g : '',
       "data-testId": "form-address-line1",
       children: jsxs(SearchBox, {
         children: [jsx(GoAInput, {
-          leadingIcon: autocompletion ? 'search' : undefined,
+          leadingIcon: autocompletion && enabled ? 'search' : undefined,
           name: "addressLine1",
           testId: "address-form-address1",
+          readonly: readOnly,
+          disabled: !enabled,
           ariaLabel: 'address-form-address1',
           placeholder: "Start typing the first line of your address, required.",
           value: (address === null || address === void 0 ? void 0 : address.addressLine1) || '',
@@ -7992,6 +8004,7 @@ const AddressLookUpControl = props => {
     }), jsx("br", {}), jsx(AddressInputs, {
       address: address,
       errors: errors,
+      readOnly: readOnly,
       handleInputChange: handleInputChange,
       isAlbertaAddress: isAlbertaAddress,
       handleOnBlur: handleRequiredFieldBlur,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.39.1",
+  "version": "1.40.0",
   "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",
@@ -16,7 +16,7 @@
   "dependencies": {
     "axios": "^1.6.7",
     "lodash": "^4.17.20",
-    "styled-components": "^5.3.6"
+    "styled-components": "^6.0.0"
   },
   "optionalDependencies": {
     "@apidevtools/json-schema-ref-parser": "^11.7.0"

package/src/lib/Additional/styled-components.d.ts

@@ -1 +1,2 @@
-export declare const HelpContentDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const HelpContentDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/src/lib/Components/styled-components.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { GoADropdownListContainerProps, GoADropdownListContainerWrapperProps, GoADropdownListOptionProps, GoADropdownTextboxProps } from './DropDownTypes';
-export declare const GoADropdownTextbox: import("styled-components").StyledComponent<"div", any, GoADropdownTextboxProps, never>;
-export declare const GoADropdownListContainerWrapper: import("styled-components").StyledComponent<"div", any, GoADropdownListContainerWrapperProps, never>;
-export declare const GoADropdownListContainer: import("styled-components").StyledComponent<"div", any, GoADropdownListContainerProps, never>;
-export declare const GoADropdownListOption: import("styled-components").StyledComponent<"div", any, GoADropdownListOptionProps, never>;
+export declare const GoADropdownTextbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GoADropdownTextboxProps>> & string;
+export declare const GoADropdownListContainerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GoADropdownListContainerWrapperProps>> & string;
+export declare const GoADropdownListContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GoADropdownListContainerProps>> & string;
+export declare const GoADropdownListOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GoADropdownListOptionProps>> & string;

package/src/lib/Controls/AddressLookup/AddressInputs.d.ts

@@ -4,6 +4,7 @@ interface AddressInputsProps {
     address: Address;
     handleInputChange: (field: string, value: string) => void;
     isAlbertaAddress?: boolean;
+    readOnly?: boolean;
     errors?: any;
     handleOnBlur: (field: string) => void;
     requiredFields?: string[];

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

@@ -1,2 +1,3 @@
-export declare const SearchBox: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LabelDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const SearchBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LabelDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/src/lib/Controls/FileUploader/ContextMenu.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { GoAIconType } from '@abgov/react-components-new';
 interface ContextMenuIconProps {
     type: GoAIconType;
@@ -14,5 +14,5 @@ interface ContextMenuTextProps {
 }
 export declare const GoAContextMenuIcon: FC<ContextMenuIconProps>;
 export declare const GoAContextMenuText: FC<ContextMenuTextProps>;
-export declare const GoAContextMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const GoAContextMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export {};

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

@@ -1 +1,2 @@
-export declare const ReviewItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const ReviewItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,10 +1,11 @@
-export declare const ReviewItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ReviewItemSection: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ReviewItemHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ReviewItemTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Anchor: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ReviewListItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ReviewListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ListWithDetail: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ListWithDetailHeading: import("styled-components").StyledComponent<"h3", any, {}, never>;
-export declare const RightAlignmentDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const ReviewItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ReviewItemSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ReviewItemHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ReviewItemTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Anchor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ReviewListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ReviewListWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ListWithDetail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ListWithDetailHeading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const RightAlignmentDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1 +1,2 @@
-export declare const FormFieldWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const FormFieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,13 +1,14 @@
-export declare const DeleteDialogContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const NonEmptyCellStyle: 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 TextCenter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SideMenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RowFlex: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RowFlexMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FlexTabs: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FlexForm: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TabName: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Trash: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const DeleteDialogContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const NonEmptyCellStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ToolBarHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ObjectArrayTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const TextCenter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SideMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RowFlex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RowFlexMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexTabs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexForm: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TabName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Trash: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+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;

package/src/lib/common/Grid.d.ts

@@ -1,4 +1,5 @@
-export declare const Grid: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const Grid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 interface GridItemProps {
     sm?: number;
     md?: number;
@@ -7,5 +8,5 @@ interface GridItemProps {
     hSpacing?: number;
     vSpacing?: number;
 }
-export declare const GridItem: import("styled-components").StyledComponent<"div", any, GridItemProps, never>;
+export declare const GridItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GridItemProps>> & string;
 export {};

package/src/lib/util/style-component.d.ts

@@ -1,4 +1,5 @@
-export declare const VerticalLayout: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Visible: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const VerticalLayout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Visible: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     visible: boolean | undefined;
-}, never>;
+}>> & string;