@abgov/jsonforms-components 1.56.3 → 1.57.1

package/index.esm.js

@@ -6195,6 +6195,7 @@ const FormStepperView = props => {
   const submitForm = submitFormFunction && submitFormFunction();
   const optionProps = uischema.options || {};
   const [isOpen, setIsOpen] = useState(false);
+  const [staleCategories, setStaleCategories] = React.useState(categories);
   const handleSubmit = () => {
     if (submitForm) {
       submitForm(data);
@@ -6202,6 +6203,9 @@ const FormStepperView = props => {
       setIsOpen(true);
     }
   };
+  useEffect(() => {
+    setStaleCategories(categories);
+  }, [categories]);
   const onCloseModal = () => {
     setIsOpen(false);
   };
@@ -6214,7 +6218,7 @@ const FormStepperView = props => {
       children: jsxs("div", {
         id: `${path || `goa`}-form-stepper`,
         className: "formStepper",
-        children: [jsxs(GoAFormStepper, {
+        children: [categories.length === staleCategories.length && jsxs(GoAFormStepper, {
           testId: `form-stepper-headers-${(_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.testId}` || 'form-stepper-test',
           onChange: step => {
             goToPage(step - 1);
@@ -6676,7 +6680,6 @@ const FileUploader = _a => {
   const helpText = (_p = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _p === void 0 ? void 0 : _p.help;
   const sentenceCaseLabel = convertToSentenceCase(label);
   return jsxs(FileUploaderStyle, {
-    id: "file-upload",
     className: "FileUploader",
     children: [required ? jsx(GoAFormItem, {
       label: sentenceCaseLabel,
@@ -7422,11 +7425,15 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
                 alignContent: 'baseLine',
                 paddingTop: '18px'
               },
-              children: !isInReview && jsx(GoAIconButton, {
-                icon: "trash",
-                testId: "trash-icon-button",
-                "aria-label": `remove-element-${num}`,
-                onClick: () => openDeleteDialog(num)
+              children: jsx("div", {
+                "aria-hidden": "true",
+                children: !isInReview && jsx(GoAIconButton, {
+                  icon: "trash",
+                  title: "trash button",
+                  testId: "trash-icon-button",
+                  "aria-label": `remove-element-${num}`,
+                  onClick: () => openDeleteDialog(num)
+                })
               })
             })]
           }, i);
@@ -7954,9 +7961,11 @@ const LeftTab = ({
         children: [jsx(TabName, {
           children: name
         }), enabled ? jsx(Trash, {
+          role: "trash button",
           children: jsx(GoAIconButton, {
             icon: "trash",
-            "aria-label": translations.removeAriaLabel,
+            title: 'trash button',
+            testId: "remove the details",
             onClick: () => openDeleteDialog(childPath, rowIndex, name)
           })
         }) : null]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.56.3",
+  "version": "1.57.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/src/lib/Additional/GoACalloutControl.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RankedTester } from '@jsonforms/core';
-import { GoACalloutSize, GoACalloutType } from '@abgov/react-components-new';
+import { GoACalloutSize, GoACalloutType } from '@abgov/react-components';
 export interface CalloutProps {
     size?: GoACalloutSize;
     type?: GoACalloutType;

package/src/lib/Controls/FileUploader/ContextMenu.d.ts

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { GoAIconType } from '@abgov/react-components-new';
+import { GoAIconType } from '@abgov/react-components';
 interface ContextMenuIconProps {
     type: GoAIconType;
     testId?: string;

package/src/lib/Controls/FormStepper/FormStepperControl.d.ts

@@ -1,4 +1,4 @@
-import { GoAButtonType } from '@abgov/react-components-new';
+import { GoAButtonType } from '@abgov/react-components';
 import { CategorizationStepperLayoutRendererProps } from './types';
 export interface FormStepperOptionProps {
     nextButtonLabel?: string;

package/src/lib/Controls/FormStepper/PageStepperControl.d.ts

@@ -1,4 +1,4 @@
-import { GoAButtonType } from '@abgov/react-components-new';
+import { GoAButtonType } from '@abgov/react-components';
 import { CategorizationStepperLayoutRendererProps } from './types';
 export interface FormPageOptionProps {
     nextButtonLabel?: string;