@abgov/jsonforms-components 1.22.0 → 1.22.1

package/index.esm.js

@@ -5990,7 +5990,7 @@ const HelpContentDiv = styled.div(_t || (_t = _`
 `));
 
 const HelpContentComponent = _a => {
-  var _b, _c, _d, _e, _f, _g, _h, _j, _k;
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
   var {
       isParent = true
     } = _a,
@@ -6014,6 +6014,19 @@ const HelpContentComponent = _a => {
       children: (_c = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _c === void 0 ? void 0 : _c.help
     });
   };
+  const renderImage = ({
+    height,
+    width,
+    alt,
+    img
+  }) => {
+    return jsx("img", {
+      src: img,
+      width: width,
+      height: height,
+      alt: alt
+    });
+  };
   return jsx(Visible, {
     visible: visible,
     children: jsx(HelpContentDiv, {
@@ -6024,14 +6037,14 @@ const HelpContentComponent = _a => {
           className: labelClass,
           "data-testid": label,
           children: [label, jsx("br", {})]
-        }), (!((_e = uischema.options) === null || _e === void 0 ? void 0 : _e.variant) || ((_f = uischema.options) === null || _f === void 0 ? void 0 : _f.variant) !== 'details') && renderHelp(), ((_g = uischema.options) === null || _g === void 0 ? void 0 : _g.variant) && ((_h = uischema.options) === null || _h === void 0 ? void 0 : _h.variant) === 'details' && jsxs(GoADetails, {
+        }), ((_e = uischema.options) === null || _e === void 0 ? void 0 : _e.img) && ((_f = uischema.options) === null || _f === void 0 ? void 0 : _f.img) !== '' && renderImage(uischema.options), (!((_g = uischema.options) === null || _g === void 0 ? void 0 : _g.variant) || ((_h = uischema.options) === null || _h === void 0 ? void 0 : _h.variant) !== 'details') && renderHelp(), ((_j = uischema.options) === null || _j === void 0 ? void 0 : _j.variant) && ((_k = uischema.options) === null || _k === void 0 ? void 0 : _k.variant) === 'details' && jsxs(GoADetails, {
           heading: label ? label : '',
           mt: "3xs",
           mb: "none",
-          children: [renderHelp(), (uischema === null || uischema === void 0 ? void 0 : uischema.elements) && ((_j = uischema === null || uischema === void 0 ? void 0 : uischema.elements) === null || _j === void 0 ? void 0 : _j.length) > 0 && jsx(HelpContents, {
+          children: [renderHelp(), (uischema === null || uischema === void 0 ? void 0 : uischema.elements) && ((_l = uischema === null || uischema === void 0 ? void 0 : uischema.elements) === null || _l === void 0 ? void 0 : _l.length) > 0 && jsx(HelpContents, {
             elements: uischema === null || uischema === void 0 ? void 0 : uischema.elements
           })]
-        }), (uischema === null || uischema === void 0 ? void 0 : uischema.elements) && (uischema === null || uischema === void 0 ? void 0 : uischema.elements.length) > 0 && ((_k = uischema.options) === null || _k === void 0 ? void 0 : _k.variant) !== 'details' && jsx(HelpContents, {
+        }), (uischema === null || uischema === void 0 ? void 0 : uischema.elements) && (uischema === null || uischema === void 0 ? void 0 : uischema.elements.length) > 0 && ((_m = uischema.options) === null || _m === void 0 ? void 0 : _m.variant) !== 'details' && jsx(HelpContents, {
           elements: uischema.elements,
           isParent: false
         })]
@@ -6063,24 +6076,6 @@ 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;
 };
@@ -6107,7 +6102,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') || hasType(schema, 'ImageContent') || isListWithDetail(schema) || hasType(schema, 'Callout');
+  return hasType(schema, 'Control') || isLayoutType(schema) || hasType(schema, 'HelpContent') || isListWithDetail(schema) || hasType(schema, 'Callout');
 };
 const isListWithDetail = schema => {
   return hasType(schema, 'ListWithDetail');
@@ -6321,9 +6316,6 @@ 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.22.0",
+  "version": "1.22.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/Additional/HelpContent.d.ts

@@ -5,6 +5,10 @@ interface OptionProps {
     ariaLabel?: string;
     help?: string | string[];
     variant?: string;
+    img?: string;
+    alt?: string;
+    height?: string;
+    width?: string;
 }
 interface CustomControlElement extends ControlElement {
     options?: OptionProps;

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

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

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

@@ -1,18 +0,0 @@
-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 {};