@abgov/jsonforms-components 2.64.9 → 2.66.1

package/index.esm.js

@@ -7403,12 +7403,10 @@ const InnerGoAInputText = props => {
   useEffect(() => {
     if (!user || data || manualInput || hasDefault) return;
     const autoPopulatedValue = autoPopulateValue(user, props);
+    // clean-code-ignore: 2.18
     if (shouldAutoPopulateValue(autoPopulatedValue, data)) {
-      const timeout = setTimeout(() => {
-        handleChange(props.path, autoPopulatedValue);
-        setLocalValue(autoPopulatedValue);
-      }, 1000);
-      return () => clearTimeout(timeout);
+      handleChange(props.path, autoPopulatedValue);
+      setLocalValue(autoPopulatedValue);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [user]);
@@ -7634,6 +7632,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 +7708,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 +7744,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 +7773,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 +7786,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 +7800,7 @@ const GoADateInput = props => {
         value: detail.value,
         controlProps: props
       });
+      componentOnChange == null || componentOnChange(detail);
     },
     onKeyPress: detail => {
       onKeyPressForDateControl({
@@ -7785,8 +7809,10 @@ const GoADateInput = props => {
         key: detail.key,
         controlProps: props
       });
+      componentOnKeyPress == null || componentOnKeyPress(detail);
     },
     onBlur: detail => {
+      setIsFocused(false);
       if (isVisited === false && setIsVisited) {
         setIsVisited();
       }
@@ -7795,8 +7821,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 +8693,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;

package/package.json

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

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-05-29T21:56:06.433Z",
-  "sourceCommit": "6c99340d89cc8ab585d0b5b64214891442a4b29c",
+  "generatedAt": "2026-06-09T15:33:01.950Z",
+  "sourceCommit": "77099bc119cd4af5ff0ef3020ca33354a35b3bd5",
   "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;
-}