@abgov/jsonforms-components 2.47.7 → 2.47.8

package/index.esm.js

@@ -3553,6 +3553,19 @@ const onChangeForNumericControl = props => {
     handleChange(path, value === '' ? undefined : value);
   }
 };
+const ensureGoaDatePointerCursor = host => {
+  if (!host) return;
+  const sr = host.shadowRoot;
+  if (!sr) return;
+  if (sr.getElementById('goa-date-cursor-style')) return;
+  const style = document.createElement('style');
+  style.id = 'goa-date-cursor-style';
+  style.textContent = `
+    input[type="date"] { cursor: pointer !important; }
+    input[type="date"]:disabled { cursor: not-allowed !important; }
+  `;
+  sr.appendChild(style);
+};
 
 let _$b = t => t,
   _t$c,
@@ -7627,19 +7640,6 @@ const GoADateInput = props => {
   } else if (!allowPastDate && allowFutureDate) {
     minDate = todayLocalYmd();
   }
-  const ensureGoaDatePointerCursor = host => {
-    if (!host) return;
-    const sr = host.shadowRoot;
-    if (!sr) return;
-    if (sr.getElementById('goa-date-cursor-style')) return;
-    const style = document.createElement('style');
-    style.id = 'goa-date-cursor-style';
-    style.textContent = `
-    input[type="date"] { cursor: pointer !important; }
-    input[type="date"]:disabled { cursor: not-allowed !important; }
-  `;
-    sr.appendChild(style);
-  };
   const hostRef = useRef(null);
   useEffect(() => {
     var _hostRef$current, _host$shadowRoot;
@@ -16970,6 +16970,13 @@ const FullNameDobControl = props => {
     setErrors(err);
   };
   useSyncAutofillFields(['firstName', 'middleName', 'lastName', 'dateOfBirth'], formData, updateFormData, handleRequiredFieldBlur);
+  const hostRef = useRef(null);
+  useEffect(() => {
+    var _hostRef$current, _host$shadowRoot;
+    const host = (_hostRef$current = hostRef.current) != null ? _hostRef$current : document.querySelector('goa-input[type="date"]');
+    host == null || (_host$shadowRoot = host.shadowRoot) == null || _host$shadowRoot.querySelector('input[type="date"]');
+    ensureGoaDatePointerCursor(host);
+  }, []);
   /* istanbul ignore next */
   useEffect(() => {
     if (stepperState != null && stepperState.targetScope && stepperState.targetScope === uischema.scope && controlRef.current) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.47.7",
+  "version": "2.47.8",
   "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/util/inputControlUtils.d.ts

@@ -80,3 +80,4 @@ export declare const onChangeForNumericControl: (props: EventChangeControlProps)
  * @returns {string[]}
  */
 export declare const onChangeForCheckboxData: (data: any, name: string, value: string) => any;
+export declare const ensureGoaDatePointerCursor: (host: Element | null) => void;