@abgov/jsonforms-components 1.21.1 → 1.22.0

package/index.esm.js

@@ -4,7 +4,7 @@ import { GoAFormItem, GoAInput, GoATextArea, GoACallout, GoAInputDate, GoAInputD
 import styled from 'styled-components';
 import axios from 'axios';
 import get$1 from 'lodash/get';
-import { rankWith, isStringControl, and, optionIs, uiTypeIs, isDateControl, isNumberControl, isIntegerControl, isDateTimeControl, isTimeControl, isEnumControl, isBooleanControl, getAjv, isVisible, isEnabled, deriveLabelForUISchemaElement, schemaTypeIs, formatIs, createDefaultValue, Paths, or, isObjectArrayControl, isPrimitiveArrayControl, withIncreasedRank, hasType, isControl as isControl$1, isCategorization, isLayout as isLayout$1 } from '@jsonforms/core';
+import { rankWith, isStringControl, and, optionIs, uiTypeIs, isDateControl, isNumberControl, isIntegerControl, isDateTimeControl, isTimeControl, isEnumControl, isBooleanControl, getAjv, isVisible, isEnabled, deriveLabelForUISchemaElement, schemaTypeIs, formatIs, createDefaultValue, Paths, or, isObjectArrayControl, isPrimitiveArrayControl, scopeEndsWith, withIncreasedRank, hasType, isControl as isControl$1, isCategorization, isLayout as isLayout$1 } from '@jsonforms/core';
 import { withJsonFormsControlProps, withJsonFormsRendererProps, withJsonFormsEnumProps, withTranslateProps, useJsonForms, JsonFormsDispatch, withJsonFormsLayoutProps, withJsonFormsArrayLayoutProps, withJsonFormsCellProps } from '@jsonforms/react';
 import merge from 'lodash/merge';
 import isEmpty$1 from 'lodash/isEmpty';
@@ -2871,6 +2871,20 @@ const fetchRegister = props => __awaiter(void 0, void 0, void 0, function* () {
   }
   return undefined;
 });
+const validateUrl = props => __awaiter(void 0, void 0, void 0, function* () {
+  const {
+    url
+  } = props;
+  if (url) {
+    try {
+      yield axios.get(url);
+      return true;
+    } catch (err) {
+      console.warn(`Error in fetching data from remote: ${err}`);
+      return false;
+    }
+  } else return false;
+});
 
 const JsonFormsRegisterContext = /*#__PURE__*/createContext(undefined);
 const JsonFormRegisterProvider = ({
@@ -5749,6 +5763,72 @@ const GoAArrayControlTester = rankWith(3, or(isObjectArrayControl, isPrimitiveAr
 const GoAArrayControlRenderer = withJsonFormsArrayLayoutProps(ArrayControl);
 const GoAListWithDetailsTester = rankWith(3, and(uiTypeIs('ListWithDetail')));
 
+const linkLength = 40;
+const invalidExtensions = ['exe'];
+const LinkSelect = props => {
+  var _a, _b;
+  const componentProps = (_b = (_a = props === null || props === void 0 ? void 0 : props.uischema) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.componentProps;
+  const {
+    link,
+    label,
+    heading,
+    description
+  } = componentProps;
+  const [linkValid, setLinkValid] = useState(null);
+  let error = undefined;
+  let linkLabel = (link === null || link === void 0 ? void 0 : link.length) > linkLength ? `${link === null || link === void 0 ? void 0 : link.slice(0, linkLength)}...` : link;
+  let linkUrl = link;
+  if (label) {
+    linkLabel = label;
+  }
+  const count = link === null || link === void 0 ? void 0 : link.split('.').length;
+  const extension = link === null || link === void 0 ? void 0 : link.split('.')[count - 1];
+  if (invalidExtensions.includes(extension)) {
+    linkUrl = null;
+    linkLabel = '';
+    error = `Invalid extension: ${extension}`;
+  }
+  useEffect(() => {
+    function validateLink(linkUrl) {
+      return __awaiter(this, void 0, void 0, function* () {
+        if (linkUrl) {
+          const response = yield validateUrl({
+            url: linkUrl
+          });
+          setLinkValid(response);
+        }
+      });
+    }
+    validateLink(linkUrl);
+  }, [linkUrl]);
+  if (!linkLabel && !error) {
+    linkLabel = 'Link';
+  }
+  if (linkValid === false) {
+    linkLabel = '';
+    error = 'Invalid Link';
+  }
+  return jsx(GoAFormItem, {
+    error: error,
+    label: heading,
+    children: jsxs("div", {
+      "data-testid": "link-jsonform",
+      children: [description && jsx("div", {
+        children: description
+      }), linkUrl && linkValid ? jsx("a", {
+        href: link,
+        target: "_blank",
+        rel: "noreferrer",
+        children: linkLabel
+      }) : linkLabel]
+    })
+  });
+};
+const linkControl = props => {
+  return jsx(LinkSelect, Object.assign({}, props));
+};
+const GoALinkControlTester = rankWith(2, scopeEndsWith('link'));
+
 const GoATextCell = props => jsx(GoAInputText, Object.assign({}, props));
 const GoATextCellTester = rankWith(1, isStringControl);
 withJsonFormsCellProps(GoATextCell);
@@ -6180,6 +6260,9 @@ const GoABaseRenderers = [
 {
   tester: GoAEnumControlTester,
   renderer: GoAEnumControl
+}, {
+  tester: GoALinkControlTester,
+  renderer: linkControl
 }, {
   tester: GoAIntegerControlTester,
   renderer: GoAInputIntegerControl

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.21.1",
+  "version": "1.22.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/Context/register/util.d.ts

@@ -1,2 +1,7 @@
 import { RegisterConfig } from './actions';
 export declare const fetchRegister: (props: RegisterConfig) => Promise<any[] | undefined>;
+interface Validate {
+    url?: string;
+}
+export declare const validateUrl: (props: Validate) => Promise<boolean>;
+export {};

package/src/lib/Controls/Link/LinkControl.d.ts

@@ -0,0 +1,9 @@
+import { ControlProps, RankedTester } from '@jsonforms/core';
+import { TranslateProps } from '@jsonforms/react';
+import { WithInputProps } from '../Inputs/type';
+import { WithOptionLabel } from '../../util';
+import { WithClassname } from '@jsonforms/core';
+export type LinkSelectProps = WithClassname & TranslateProps & WithInputProps & ControlProps;
+export declare const LinkSelect: (props: LinkSelectProps) => JSX.Element;
+export declare const linkControl: (props: ControlProps & WithOptionLabel & TranslateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GoALinkControlTester: RankedTester;