@abgov/jsonforms-components 2.13.4 → 2.13.5

package/index.esm.js

@@ -6,7 +6,7 @@ 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, getControlPath, toDataPath, deriveLabelForUISchemaElement, isEnabled, schemaTypeIs, formatIs, createDefaultValue, or, isObjectArrayControl, isPrimitiveArrayControl, Paths, schemaMatches, hasType, isControl, isCategorization, isLayout } from '@jsonforms/core';
-import { withJsonFormsControlProps, withJsonFormsRendererProps, withJsonFormsEnumProps, withTranslateProps, JsonFormsDispatch, useJsonForms, withJsonFormsLayoutProps, withJsonFormsArrayLayoutProps, withJsonFormsAllOfProps, withJsonFormsCellProps } from '@jsonforms/react';
+import { withJsonFormsControlProps, withJsonFormsEnumProps, withTranslateProps, JsonFormsDispatch, useJsonForms, withJsonFormsLayoutProps, withJsonFormsArrayLayoutProps, withJsonFormsAllOfProps, withJsonFormsCellProps } from '@jsonforms/react';
 import * as _$b from 'lodash';
 import { isEqual, isEmpty as isEmpty$1, isObject as isObject$f } from 'lodash';
 import merge from 'lodash/merge';
@@ -5237,7 +5237,7 @@ styled.h4(_t8$2 || (_t8$2 = _$9`
 `));
 
 const GoAInputBaseControl = props => {
-  var _a, _b;
+  var _a, _b, _c, _d, _e;
   const {
     uischema,
     visible,
@@ -5262,11 +5262,11 @@ const GoAInputBaseControl = props => {
       visible: visible,
       children: jsx(FormFieldWrapper, {
         children: jsx(GoAFormItem, {
-          requirement: required || getRequiredIfThen(props).length > 0 ? 'required' : undefined,
+          requirement: (_c = (_b = (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.requirement) !== null && _c !== void 0 ? _c : required || getRequiredIfThen(props).length > 0 ? 'required' : undefined,
           error: isVisited === true ? modifiedErrors : undefined,
           testId: `${isStepperReview === true && 'review-base-'}${path}`,
           label: (props === null || props === void 0 ? void 0 : props.noLabel) === true ? '' : labelToUpdate,
-          helpText: typeof ((_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.help) === 'string' && !isStepperReview ? (_b = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _b === void 0 ? void 0 : _b.help : '',
+          helpText: typeof ((_d = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _d === void 0 ? void 0 : _d.help) === 'string' && !isStepperReview ? (_e = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _e === void 0 ? void 0 : _e.help : '',
           children: jsx(InnerComponent, Object.assign({}, props, {
             isVisited,
             errors: modifiedErrors,
@@ -5867,7 +5867,8 @@ const GoAInputText = props => {
       width: width,
       readonly: readOnly,
       maxLength: isSinField ? 11 : '',
-      placeholder: placeholder
+      placeholder: placeholder,
+      ariaLabel: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`
     }, (_p = uischema.options) === null || _p === void 0 ? void 0 : _p.componentProps, {
       // maxLength={appliedUiSchemaOptions?.maxLength}
       name: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`,
@@ -5988,15 +5989,30 @@ const callout = props => {
     children: componentProps.message
   }));
 };
-const CalloutControl = props => {
-  var _a, _b;
-  return callout(((_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 GoACalloutController = props => {
+  var _a;
+  const {
+    uischema,
+    visible,
+    data
+  } = props;
+  let showCallout;
+  if (data === undefined || Array.isArray(data) && data.length === 0) {
+    showCallout = false;
+  } else {
+    showCallout = visible === true;
+  }
+  const calloutProps = ((_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps) || {};
+  return jsx(Visible, {
+    visible: showCallout,
+    children: callout(calloutProps)
+  });
 };
 const CalloutReviewControl = () => {
   return jsx(Fragment, {});
 };
 const GoACalloutControlTester = rankWith(1, uiTypeIs('Callout'));
-var GoACalloutControl = withJsonFormsRendererProps(CalloutControl);
+const GoACalloutControl = withJsonFormsControlProps(GoACalloutController);
 
 const errMalformedDate = (scope, type) => {
   return `${type}-date for variable '${scope}' has an incorrect format.`;
@@ -9477,7 +9493,7 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
                           }
                         });
                       },
-                      "aria-label": schemaName,
+                      ariaLabel: schemaName,
                       width: "100%"
                     }) : jsx(GoACallout, {
                       type: "important",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.13.4",
+  "version": "2.13.5",
   "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/GoACalloutControl.d.ts

@@ -9,5 +9,5 @@ export interface CalloutProps {
 export declare const callout: (props: CalloutProps) => JSX.Element;
 export declare const CalloutReviewControl: () => import("react/jsx-runtime").JSX.Element;
 export declare const GoACalloutControlTester: RankedTester;
-declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfJsonFormsRenderer>;
-export default _default;
+export declare const GoACalloutControl: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
+export default GoACalloutControl;