@abgov/jsonforms-components 2.6.9 → 2.6.11

package/index.esm.js

@@ -7492,7 +7492,7 @@ function isNumber(value) {
 }
 const getIncompletePaths = (ajv, scopes) => {
   var _a;
-  const requiredErrorPaths = (_a = ajv === null || ajv === void 0 ? void 0 : ajv.errors) === null || _a === void 0 ? void 0 : _a.filter(e => e.keyword === 'required' || e.keyword === 'minLength').map(e => {
+  const requiredErrorPaths = (_a = ajv === null || ajv === void 0 ? void 0 : ajv.errors) === null || _a === void 0 ? void 0 : _a.filter(e => e.keyword === 'required' || e.keyword === 'minLength' || e.keyword === 'minItems' || e.keyword === 'errorMessage').map(e => {
     return getControlPath(e);
   });
   const _scopes = scopes.map(scope => toDataPath(scope)).filter(path => requiredErrorPaths && isErrorPathIncluded(requiredErrorPaths, path));
@@ -9940,6 +9940,7 @@ const LeftTab = ({
   enabled,
   currentTab,
   name,
+  current,
   translations
 }) => {
   return jsx("div", {
@@ -9948,7 +9949,21 @@ const LeftTab = ({
         background: '#EFF8FF'
       } : {},
       onClick: () => selectCurrentTab(rowIndex),
+      onKeyDown: e => {
+        if (e.key === 'ArrowRight') {
+          e.preventDefault();
+          if (current) {
+            const goa = current === null || current === void 0 ? void 0 : current.querySelector('goa-input, goa-button');
+            if (goa === null || goa === void 0 ? void 0 : goa.shadowRoot) {
+              const internal = goa.shadowRoot.querySelector('input, button');
+              internal === null || internal === void 0 ? void 0 : internal.focus();
+              selectCurrentTab(rowIndex);
+            }
+          }
+        }
+      },
       children: jsxs(RowFlexMenu, {
+        tabIndex: 0,
         children: [jsx(TabName, {
           children: name
         }), enabled ? jsx(Trash, {
@@ -10008,6 +10023,7 @@ const ObjectArrayList = ({
     setCurrentIndex(index);
   };
   const paddedHeight = rightHeight && rightHeight + 48;
+  // const detailRef = useRef<HTMLDivElement>(null);
   return jsx(ListContainer, {
     children: jsxs(RowFlex, {
       children: [jsx(FlexTabs, {
@@ -10025,11 +10041,13 @@ const ObjectArrayList = ({
             openDeleteDialog: openDeleteDialog,
             selectCurrentTab: selectCurrentTab,
             enabled: enabled,
+            current: current,
             translations: translations
           }, childPath);
         })
       }), jsx(FlexForm, {
         ref: rightRef,
+        tabIndex: -1,
         children: jsx(NonEmptyList, {
           childPath: Paths.compose(path, `${currentIndex}`),
           rowIndex: currentIndex,
@@ -11426,6 +11444,7 @@ formData,
 updateFormData,
 // eslint-disable-next-line
 handleRequiredFieldBlur) {
+  /* istanbul ignore next */
   useEffect(() => {
     const rAF = requestAnimationFrame(() => {
       const timeout = setTimeout(() => {
@@ -11976,7 +11995,8 @@ const createDefaultAjv = (...schemas) => {
     allErrors: true,
     verbose: true,
     strict: 'log',
-    strictRequired: false
+    strictRequired: false,
+    useDefaults: true
   });
   ajv.addSchema(schemas);
   addErrors(ajv);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.6.9",
+  "version": "2.6.11",
   "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",