@abgov/jsonforms-components 2.64.8 → 2.66.0

package/index.esm.js

@@ -7634,6 +7634,16 @@ const MultiLineTextControlInput = props => jsx(GoAInputBaseControl, Object.assig
 const MultiLineTextControlTester = rankWith(3, and(isStringControl, optionIs('multi', true)));
 const MultiLineTextControl = withJsonFormsControlProps(MultiLineTextControlInput);
 
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
 var toIntegerOrInfinity$1 = toIntegerOrInfinity$9;
 var toString$8 = toString$n;
 var requireObjectCoercible$3 = requireObjectCoercible$e;
@@ -7700,6 +7710,7 @@ $$b({ target: 'String', proto: true, forced: WEBKIT_BUG }, {
   }
 });
 
+const _excluded$6 = ["onFocus", "onBlur", "onChange", "onKeyPress"];
 const errMalformedDate = (scope, type) => {
   return `${type}-date for variable '${scope}' has an incorrect format.`;
 };
@@ -7735,8 +7746,18 @@ const GoADateInput = props => {
   const inputName = (appliedUiSchemaOptions == null ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`;
   const allowPastDate = uischema == null || (_uischema$options3 = uischema.options) == null ? void 0 : _uischema$options3.allowPastDate;
   const allowFutureDate = uischema == null || (_uischema$options4 = uischema.options) == null ? void 0 : _uischema$options4.allowFutureDate;
-  let minDate = uischema == null || (_uischema$options5 = uischema.options) == null || (_uischema$options5 = _uischema$options5.componentProps) == null ? void 0 : _uischema$options5.min;
-  let maxDate = uischema == null || (_uischema$options6 = uischema.options) == null || (_uischema$options6 = _uischema$options6.componentProps) == null ? void 0 : _uischema$options6.max;
+  const componentProps = reformatDateProps(uischema == null || (_uischema$options5 = uischema.options) == null ? void 0 : _uischema$options5.componentProps);
+  const {
+      onFocus: componentOnFocus,
+      onBlur: componentOnBlur,
+      onChange: componentOnChange,
+      onKeyPress: componentOnKeyPress
+    } = componentProps,
+    additionalComponentProps = _objectWithoutPropertiesLoose(componentProps, _excluded$6);
+  const [isFocused, setIsFocused] = useState(false);
+  const inputType = componentProps != null && componentProps.placeholder && !data && !isFocused ? 'text' : 'date';
+  let minDate = uischema == null || (_uischema$options6 = uischema.options) == null || (_uischema$options6 = _uischema$options6.componentProps) == null ? void 0 : _uischema$options6.min;
+  let maxDate = uischema == null || (_uischema$options7 = uischema.options) == null || (_uischema$options7 = _uischema$options7.componentProps) == null ? void 0 : _uischema$options7.max;
   const todayLocalYmd = () => {
     const d = new Date();
     const y = d.getFullYear();
@@ -7754,9 +7775,9 @@ const GoADateInput = props => {
     const host = document.querySelector(`goa-input[name="${inputName}"]`);
     host == null || (_host$shadowRoot = host.shadowRoot) == null || _host$shadowRoot.querySelector('input[type="date"]');
     ensureGoaDatePointerCursor(host);
-  }, [inputName]);
-  return jsx(GoabInput, Object.assign({
-    type: "date",
+  }, [inputName, inputType]);
+  return jsx(GoabInput, Object.assign({}, additionalComponentProps, {
+    type: inputType,
     error: isVisited && errors.length > 0,
     width: width,
     name: inputName,
@@ -7767,6 +7788,10 @@ const GoADateInput = props => {
     ariaLabel: `appliedUiSchemaOptions?.name date`,
     min: minDate ? standardizeDate(minDate) || undefined : undefined,
     max: maxDate ? standardizeDate(maxDate) || undefined : undefined,
+    onFocus: detail => {
+      setIsFocused(true);
+      componentOnFocus == null || componentOnFocus(detail);
+    },
     onChange: detail => {
       var _detail$name;
       if (isVisited === false && setIsVisited) {
@@ -7777,6 +7802,7 @@ const GoADateInput = props => {
         value: detail.value,
         controlProps: props
       });
+      componentOnChange == null || componentOnChange(detail);
     },
     onKeyPress: detail => {
       onKeyPressForDateControl({
@@ -7785,8 +7811,10 @@ const GoADateInput = props => {
         key: detail.key,
         controlProps: props
       });
+      componentOnKeyPress == null || componentOnKeyPress(detail);
     },
     onBlur: detail => {
+      setIsFocused(false);
       if (isVisited === false && setIsVisited) {
         setIsVisited();
       }
@@ -7795,8 +7823,9 @@ const GoADateInput = props => {
         value: detail.value,
         controlProps: props
       });
+      componentOnBlur == null || componentOnBlur(detail);
     }
-  }, reformatDateProps(uischema == null || (_uischema$options7 = uischema.options) == null ? void 0 : _uischema$options7.componentProps)));
+  }));
 };
 const GoADateControl = props => jsx(GoAInputBaseControl, Object.assign({}, props, {
   input: GoADateInput
@@ -8666,16 +8695,6 @@ const GoInputBaseReview = props => jsx(GoAInputBaseControl, Object.assign({}, pr
 }));
 const GoAInputBaseReviewControl = withJsonFormsControlProps(GoInputBaseReview);
 
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-
 var isArray$1 = isArray$5;
 var lengthOfArrayLike$5 = lengthOfArrayLike$c;
 var doesNotExceedSafeInteger$1 = doesNotExceedSafeInteger$3;
@@ -11158,10 +11177,10 @@ const FullNameDobReviewControl = props => {
       children: jsxs(PageReviewContainer, {
         colSpan: 3,
         children: [jsxs(ReviewHeader, {
-          children: [jsx(ReviewLabel, {
-            children: fieldLabel
-          }), requiredFields.includes(fieldName) && jsx(RequiredTextLabel, {
-            children: " (required)"
+          children: [jsxs(ReviewLabel, {
+            children: [fieldLabel, requiredFields.includes(fieldName) && jsx(RequiredTextLabel, {
+              children: " (required)"
+            })]
           }), stepId !== undefined && !((_uischema$options2 = uischema.options) != null && (_uischema$options2 = _uischema$options2.componentProps) != null && _uischema$options2.readOnly) && jsx(GoabButton, {
             type: "tertiary",
             size: "compact",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.64.8",
+  "version": "2.66.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/renderer-catalog.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-05-29T20:08:51.477Z",
-  "sourceCommit": "0aeeeac85e6e764cf36ced103d88c83bc2fa5173",
+  "generatedAt": "2026-06-08T20:22:06.103Z",
+  "sourceCommit": "301d2b4c08a76d91e5de2db4cdca0b9eca9f6ef3",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 33,
   "renderers": [

package/index.esm.css

@@ -1,21 +0,0 @@
-/* This css file is here to override any parent/root css files
-   that add spacing, sizes, color that the help content uses
-   to display markdown content it uses.
-*/
-li > ul,
-li > ol,
-li > ul,
-li > ol {
-  padding-left: var(--goa-space-m) !important;
-  margin-top: initial;
-}
-
-em {
-  font-size: var(--goa-typography-body-s) !important;
-  color: var(--goa-color-text-default) !important;
-}
-
-.help-content-markdown{
-  font-size: var(--goa-font-size-4) !important;
-  line-height: var(--goa-line-height-0.5) !important;
-}