@abgov/jsonforms-components 2.47.7 → 2.47.9

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;
@@ -10470,11 +10470,13 @@ const ContextProviderFactory = () => new ContextProviderClass().setup;
 const JsonFormContext = /*#__PURE__*/createContext(null);
 
 const RenderStepElements = props => {
+  var _props$category;
   const memoizedSchema = useMemo(() => Object.assign({}, props.schema), [props.schema]);
   return jsx(Visible, {
     visible: props.visible,
-    "data-testid": `${props.path}-categories-${props.categoryIndex}`,
+    "data-testid": `${(props == null ? void 0 : props.path) || ((_props$category = props.category) == null ? void 0 : _props$category.label)}-categories-${props.categoryIndex}`,
     children: props.category.elements.map((uiSchema, index) => {
+      var _props$category2;
       return jsx(JsonFormsDispatch, {
         schema: memoizedSchema,
         uischema: uiSchema,
@@ -10483,7 +10485,7 @@ const RenderStepElements = props => {
         path: props.path,
         visible: props.visible,
         enabled: props.enabled
-      }, `${props.path}-category-page-${index}`);
+      }, `${(props == null ? void 0 : props.path) || ((_props$category2 = props.category) == null ? void 0 : _props$category2.label)}-category-page-${index}`);
     })
   });
 };
@@ -16970,6 +16972,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.9",
   "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;