@abgov/jsonforms-components 1.20.0 → 1.21.0

package/index.esm.js

@@ -5014,7 +5014,13 @@ const FormStepper = props => {
             children: step !== 1 ? jsx(GoAButton, {
               type: "secondary",
               disabled: disabledCategoryMap[step - 1],
-              onClick: () => prevPage(step, disabledCategoryMap),
+              onClick: () => {
+                const element = document.getElementById(`${path || `goa`}-form-stepper`);
+                if (element) {
+                  element.scrollIntoView();
+                }
+                prevPage(step, disabledCategoryMap);
+              },
               testId: "prev-button",
               children: "Previous"
             }) : jsx("div", {})
@@ -5022,7 +5028,13 @@ const FormStepper = props => {
             children: [step !== null && showNextBtn && jsx(GoAButton, {
               type: "primary",
               disabled: disabledCategoryMap[step - 1],
-              onClick: () => nextPage(step, disabledCategoryMap),
+              onClick: () => {
+                const element = document.getElementById(`${path || `goa`}-form-stepper`);
+                if (element) {
+                  element.scrollIntoView();
+                }
+                nextPage(step, disabledCategoryMap);
+              },
               testId: "next-button",
               children: "Next"
             }), !showNextBtn && !isFormSubmitted && jsx("div", {
@@ -5946,6 +5958,24 @@ const HelpContents = ({
 const HelpContentTester = rankWith(1, uiTypeIs('HelpContent'));
 const HelpContent = withJsonFormsControlProps(HelpContentComponent);
 
+const ImageComponent = ({
+  uischema
+}) => {
+  var _a, _b, _c, _d;
+  const url = ((_a = uischema.options) === null || _a === void 0 ? void 0 : _a.url) || '';
+  const width = ((_b = uischema.options) === null || _b === void 0 ? void 0 : _b.width) || '';
+  const height = ((_c = uischema.options) === null || _c === void 0 ? void 0 : _c.height) || '';
+  const alt = ((_d = uischema.options) === null || _d === void 0 ? void 0 : _d.alt) || '';
+  return jsx("img", {
+    src: url,
+    width: width,
+    height: height,
+    alt: alt
+  });
+};
+const ImageControlTester = rankWith(1, uiTypeIs('ImageContent'));
+const ImageControl = withJsonFormsControlProps(ImageComponent);
+
 const isNullSchema = schema => {
   return schema === undefined || schema === null;
 };
@@ -5972,7 +6002,7 @@ const isLayoutType = schema => {
   return hasType(schema, 'VerticalLayout') || hasType(schema, 'HorizontalLayout') || hasType(schema, 'Categorization') || hasType(schema, 'Group');
 };
 const isKnownType = schema => {
-  return hasType(schema, 'Control') || isLayoutType(schema) || hasType(schema, 'HelpContent') || isListWithDetail(schema) || hasType(schema, 'Callout');
+  return hasType(schema, 'Control') || isLayoutType(schema) || hasType(schema, 'HelpContent') || hasType(schema, 'ImageContent') || isListWithDetail(schema) || hasType(schema, 'Callout');
 };
 const isListWithDetail = schema => {
   return hasType(schema, 'ListWithDetail');
@@ -6183,6 +6213,9 @@ const GoABaseRenderers = [
 }, {
   tester: HelpContentTester,
   renderer: HelpContent
+}, {
+  tester: ImageControlTester,
+  renderer: ImageControl
 }];
 const GoARenderers = [...GoABaseRenderers, {
   tester: CategorizationRendererTester,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.20.0",
+  "version": "1.21.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",

package/src/lib/Additional/ImageControl.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ControlElement, ControlProps, RankedTester } from '@jsonforms/core';
+interface OptionProps {
+    url?: string;
+    width?: string;
+    height?: string;
+    alt?: string;
+}
+interface ImageCustomControlElement extends ControlElement {
+    options?: OptionProps;
+}
+interface ImageCustomControlProps extends ControlProps {
+    uischema: ImageCustomControlElement;
+}
+export declare const ImageComponent: ({ uischema }: ImageCustomControlProps) => JSX.Element;
+export declare const ImageControlTester: RankedTester;
+export declare const ImageControl: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
+export {};

package/src/lib/Additional/index.d.ts

@@ -1 +1,2 @@
 export * from './HelpContent';
+export * from './ImageControl';